.comment-delete-dialog[data-v-7af4e418] { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; width: 370px; max-width: 90%; margin: auto; padding: 24px; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px; }
.comment-delete-dialog[data-v-7af4e418]::backdrop { background: rgba(0, 0, 0, 0.2); }
.comment-delete-message[data-v-7af4e418] { color: rgb(26, 26, 26); white-space: pre-wrap; font-size: 14px; line-height: 1.5; display: block; }
.comment-delete-actions[data-v-7af4e418] { gap: 8px; margin-top: 16px; display: flex; }
.comment-delete-btn[data-v-7af4e418] { cursor: pointer; text-align: center; border-radius: 6px; flex: 1 1 0%; height: 44px; padding: 0px 12px; font-size: 14px; font-weight: 700; }
.comment-delete-btn-cancel[data-v-7af4e418] { color: rgb(55, 65, 81); background: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); }
.comment-delete-btn-cancel[data-v-7af4e418]:hover { background: rgb(249, 250, 251); }
.comment-delete-btn-confirm[data-v-7af4e418] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.comment-delete-btn-confirm[data-v-7af4e418]:hover { background: rgb(51, 51, 51); }
.comment-item-header[data-v-8cbc7e34] { align-items: center; gap: 8px; margin-bottom: 8px; display: flex; }
.comment-item-avatar[data-v-8cbc7e34] { object-fit: cover; border-radius: 50%; width: 24px; height: 24px; }
.comment-item-name[data-v-8cbc7e34] { color: rgb(34, 34, 34); font-size: 13px; font-weight: 600; }
.comment-item-date[data-v-8cbc7e34] { color: rgb(136, 136, 136); margin-left: auto; font-size: 11px; }
.comment-item-text[data-v-8cbc7e34] { color: rgb(51, 51, 51); white-space: pre-wrap; word-break: break-word; padding-left: 32px; font-size: 13px; line-height: 1.5; }
.comment-item-edited[data-v-8cbc7e34] { color: rgb(153, 153, 153); margin-top: 2px; padding-left: 32px; font-size: 11px; display: inline-block; }
.comment-item-menu-wrapper[data-v-8cbc7e34] { flex-shrink: 0; margin-left: 4px; position: relative; }
.comment-item-menu-btn[data-v-8cbc7e34] { color: rgb(153, 153, 153); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; }
.comment-item-menu-btn[data-v-8cbc7e34]:hover { color: rgb(102, 102, 102); background: rgb(240, 240, 240); }
.comment-item-dropdown[data-v-8cbc7e34] { inset: anchor(bottom) auto auto anchor(right); z-index: 10002; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 8px; min-width: 120px; padding: 4px; position: fixed; translate: -100% 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.comment-dropdown-option[data-v-8cbc7e34] { color: rgb(51, 51, 51); cursor: pointer; text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; width: 100%; padding: 8px 12px; font-size: 13px; display: block; }
.comment-dropdown-option[data-v-8cbc7e34]:hover { background: rgb(245, 245, 245); }
.comment-dropdown-option-danger[data-v-8cbc7e34] { color: rgb(26, 26, 26); }
.comment-dropdown-option-danger[data-v-8cbc7e34]:hover { background: rgb(245, 245, 245); }
.comment-item-edit[data-v-8cbc7e34] { flex-direction: column; display: flex; }
.comment-edit-input-wrapper[data-v-8cbc7e34] { line-height: 0; position: relative; }
.comment-edit-textarea[data-v-8cbc7e34] { field-sizing: content; resize: none; box-sizing: border-box; border: 1px solid rgb(237, 237, 237); border-radius: 12px; outline: none; width: 100%; min-height: 72px; max-height: 160px; padding: 12px 16px 40px; font-family: inherit; font-size: 13px; line-height: 1.5; overflow-y: auto; }
.comment-edit-textarea[data-v-8cbc7e34]:focus { outline: none; }
@media (hover: none), (pointer: coarse) {
  .comment-edit-textarea[data-v-8cbc7e34] { min-height: 80px; font-size: 16px; }
}
.comment-edit-actions[data-v-8cbc7e34] { display: flex; position: absolute; bottom: 4px; right: 4px; }
.comment-edit-icon-btn[data-v-8cbc7e34] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 32px; height: 32px; padding: 0px; }
.comment-edit-icon-bg[data-v-8cbc7e34], .comment-edit-icon-btn[data-v-8cbc7e34] { justify-content: center; align-items: center; display: flex; }
.comment-edit-icon-bg[data-v-8cbc7e34] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-radius: 50%; width: 24px; height: 24px; }
.comment-edit-icon-btn-cancel .comment-edit-icon-bg[data-v-8cbc7e34] { color: rgb(102, 102, 102); background: rgb(229, 231, 235); }
.comment-edit-icon-btn-cancel:hover .comment-edit-icon-bg[data-v-8cbc7e34] { background: rgb(209, 213, 219); }
.comment-edit-icon-btn-confirm .comment-edit-icon-bg[data-v-8cbc7e34] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); }
.comment-edit-icon-btn-confirm:hover:not(:disabled) .comment-edit-icon-bg[data-v-8cbc7e34] { background: rgb(51, 51, 51); }
.comment-edit-icon-btn-confirm:disabled .comment-edit-icon-bg[data-v-8cbc7e34] { cursor: not-allowed; background: rgba(0, 0, 0, 0.1); }
.comment-panel[data-v-e9387663] { z-index: 10000; transform-origin: 0px 0px; background: rgb(255, 255, 255); border: 1px solid rgba(34, 34, 34, 0.1); border-radius: 8px; flex-direction: column; width: 360px; max-height: 600px; margin: 0px; transition: none; display: flex; position: fixed; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px; }
.panel-enter-from[data-v-e9387663], .panel-leave-to[data-v-e9387663] { opacity: 0; transform: scale(0.8); }
.panel-enter-active[data-v-e9387663], .panel-leave-active[data-v-e9387663] { transition: opacity 0.2s cubic-bezier(0.4, 0.4, 0, 1), transform 0.2s cubic-bezier(0.4, 0.4, 0, 1); }
.comment-panel-header[data-v-e9387663] { justify-content: space-between; align-items: center; padding: 12px 16px; display: flex; }
.comment-panel-title[data-v-e9387663] { color: rgb(34, 34, 34); font-size: 14px; font-weight: 600; }
.comment-panel-header-actions[data-v-e9387663] { align-items: center; gap: 8px; display: flex; }
.comment-panel-menu-wrapper[data-v-e9387663] { position: relative; }
.comment-panel-header-btn[data-v-e9387663] { anchor-name: --comment-panel-thread-menu; color: rgb(102, 102, 102); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 28px; height: 28px; padding: 0px; display: flex; }
.comment-panel-header-btn[data-v-e9387663]:hover { background: rgb(240, 240, 240); }
.comment-panel-menu-dropdown[data-v-e9387663] { position-anchor: --comment-panel-thread-menu; inset: anchor(bottom) auto auto anchor(right); z-index: 10002; white-space: nowrap; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 8px; width: auto; padding: 4px; position: fixed; translate: -100% 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.comment-panel-menu-option[data-v-e9387663] { color: rgb(51, 51, 51); cursor: pointer; text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; width: 100%; padding: 8px 12px; font-size: 13px; display: block; }
.comment-panel-menu-option[data-v-e9387663]:hover { background: rgb(245, 245, 245); }
.comment-panel-menu-option-danger[data-v-e9387663] { color: rgb(26, 26, 26); }
.comment-panel-menu-option-danger[data-v-e9387663]:hover { background: rgb(245, 245, 245); }
.comment-panel-resolve[data-v-e9387663] { color: rgb(153, 153, 153); cursor: pointer; background: 0px 0px; border: 1.5px solid rgb(153, 153, 153); border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 0px; display: flex; }
.comment-panel-resolve[data-v-e9387663]:hover { color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); }
.comment-panel-resolve-active[data-v-e9387663] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); }
.comment-panel-resolve-active[data-v-e9387663]:hover { background: rgb(51, 51, 51); border-color: rgb(51, 51, 51); }
.comment-panel-close[data-v-e9387663] { cursor: pointer; color: rgb(102, 102, 102); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 28px; height: 28px; padding: 0px; font-size: 20px; line-height: 1; display: flex; }
.comment-panel-close[data-v-e9387663]:hover { background: rgb(240, 240, 240); }
.comment-panel-body[data-v-e9387663] { border-top: 1px solid rgb(238, 238, 238); flex: 1 1 0%; padding: 8px 0px; overflow-y: auto; }
.comment-item[data-v-e9387663] { padding: 12px 16px; }
.comment-item[data-v-e9387663]:not(:first-child) { border-top: 1px solid rgb(240, 240, 240); }
.comment-panel-footer[data-v-e9387663] { border-top: 1px solid rgb(238, 238, 238); flex-direction: column; gap: 4px; padding: 12px 16px; display: flex; }
.comment-input-wrapper[data-v-e9387663] { box-sizing: border-box; border: 1px solid rgb(237, 237, 237); border-radius: 20px; width: 100%; min-height: 40px; padding: 0px 40px 0px 16px; line-height: 0; position: relative; }
.comment-input[data-v-e9387663] { field-sizing: content; resize: none; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 100%; max-height: 120px; padding: 10px 0px; font-family: inherit; font-size: 12px; line-height: 20px; transition: none; overflow-y: auto; }
.comment-input[data-v-e9387663]:focus { outline: none; }
.comment-input[data-v-e9387663]::placeholder { color: rgb(156, 163, 175); }
@media (hover: none), (pointer: coarse) {
  .comment-input[data-v-e9387663] { padding-top: 8px; padding-bottom: 8px; font-size: 16px; line-height: 24px; }
}
.comment-btn-send[data-v-e9387663] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: absolute; bottom: 0px; right: 0px; }
.comment-btn-send:hover:not(:disabled) .comment-btn-icon-bg[data-v-e9387663] { background: rgb(51, 51, 51); }
.comment-btn-send:disabled .comment-btn-icon-bg[data-v-e9387663] { cursor: not-allowed; background: rgba(0, 0, 0, 0.1); }
.comment-btn-icon-bg[data-v-e9387663] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; }
.comment-input-hint[data-v-e9387663] { color: rgb(156, 163, 175); text-align: right; padding-right: 10px; font-size: 11px; line-height: 1; display: block; }
.mobile-comment-panel[data-v-f89a5641] { z-index: 10000; background: rgb(255, 255, 255); border-top-left-radius: 16px; border-top-right-radius: 16px; flex-direction: column; max-height: 50vh; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 24px; }
.mobile-comment-header[data-v-f89a5641] { border-bottom: 1px solid rgb(238, 238, 238); align-items: center; gap: 8px; padding: 16px; display: flex; }
.mobile-comment-header.mobile-comment-header-no-border[data-v-f89a5641] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
:is(.mobile-comment-back, .mobile-comment-close)[data-v-f89a5641] { color: rgb(102, 102, 102); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; }
:is(.mobile-comment-back, .mobile-comment-close)[data-v-f89a5641]:hover { background: rgb(245, 245, 245); }
.mobile-comment-header-actions[data-v-f89a5641] { align-items: center; gap: 8px; margin-left: auto; display: flex; }
.mobile-comment-menu-wrapper[data-v-f89a5641] { position: relative; }
.mobile-comment-header-btn[data-v-f89a5641] { anchor-name: --mobile-comment-thread-menu; color: rgb(102, 102, 102); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; justify-content: center; align-items: center; width: 28px; height: 28px; padding: 0px; display: flex; }
.mobile-comment-header-btn[data-v-f89a5641]:hover { background: rgb(245, 245, 245); }
.mobile-comment-menu-dropdown[data-v-f89a5641] { position-anchor: --mobile-comment-thread-menu; inset: anchor(bottom) auto auto anchor(right); z-index: 10002; white-space: nowrap; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 8px; width: auto; padding: 4px; position: fixed; translate: -100% 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.mobile-comment-menu-option[data-v-f89a5641] { color: rgb(51, 51, 51); cursor: pointer; text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; width: 100%; padding: 10px 14px; font-size: 14px; display: block; }
.mobile-comment-menu-option[data-v-f89a5641]:hover { background: rgb(245, 245, 245); }
.mobile-comment-menu-option-danger[data-v-f89a5641] { color: rgb(26, 26, 26); }
.mobile-comment-menu-option-danger[data-v-f89a5641]:hover { background: rgb(245, 245, 245); }
.mobile-comment-resolve[data-v-f89a5641] { color: rgb(153, 153, 153); cursor: pointer; background: 0px 0px; border: 1.5px solid rgb(153, 153, 153); border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; }
.mobile-comment-resolve[data-v-f89a5641]:hover { color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); }
.mobile-comment-resolve-active[data-v-f89a5641] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); }
.mobile-comment-resolve-active[data-v-f89a5641]:hover { background: rgb(51, 51, 51); border-color: rgb(51, 51, 51); }
.mobile-comment-title[data-v-f89a5641] { color: rgb(34, 34, 34); font-size: 16px; font-weight: 600; }
.mobile-comment-body[data-v-f89a5641] { flex: 1 1 auto; min-height: 0px; padding: 8px 0px; overflow-y: auto; }
.mobile-comment-item[data-v-f89a5641] { padding: 12px 16px; }
.mobile-comment-item[data-v-f89a5641]:not(:first-child) { border-top: 1px solid rgb(240, 240, 240); }
.mobile-comment-footer[data-v-f89a5641] { border-top: 1px solid rgb(238, 238, 238); flex-direction: column; gap: 4px; padding: 12px 16px; display: flex; }
.comment-input-wrapper[data-v-f89a5641] { width: 100%; line-height: 0; position: relative; }
.comment-input[data-v-f89a5641] { field-sizing: content; resize: none; box-sizing: border-box; border: 1px solid rgb(237, 237, 237); border-radius: 20px; outline: none; width: 100%; min-height: 40px; max-height: 120px; padding: 10px 42px 10px 16px; font-family: inherit; font-size: 12px; line-height: 20px; transition: none; overflow-y: auto; }
.comment-input[data-v-f89a5641]:focus { outline: none; }
.comment-input[data-v-f89a5641]::placeholder { color: rgb(156, 163, 175); }
@media (hover: none), (pointer: coarse) {
  .comment-input[data-v-f89a5641] { padding-top: 8px; padding-bottom: 8px; font-size: 16px; line-height: 24px; }
}
.comment-btn-send[data-v-f89a5641] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: absolute; bottom: 0px; right: 0px; }
.comment-btn-send:hover:not(:disabled) .comment-btn-icon-bg[data-v-f89a5641] { background: rgb(51, 51, 51); }
.comment-btn-send:disabled .comment-btn-icon-bg[data-v-f89a5641] { cursor: not-allowed; background: rgba(0, 0, 0, 0.1); }
.comment-btn-icon-bg[data-v-f89a5641] { color: rgb(255, 255, 255); background: rgb(26, 26, 26); border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; }
.comment-input-hint[data-v-f89a5641] { color: rgb(156, 163, 175); text-align: right; padding-right: 10px; font-size: 11px; line-height: 1; display: block; }
.slide-up-enter-active[data-v-f89a5641], .slide-up-leave-active[data-v-f89a5641] { transition: transform 0.25s ease-out; }
.slide-up-enter-from[data-v-f89a5641], .slide-up-leave-to[data-v-f89a5641] { transform: translateY(100%); }
.comment-pins-layer[data-v-4f270cc3] { pointer-events: none; z-index: 9998; position: fixed; inset: 0px; }
.comment-canvas[data-v-4f270cc3] { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px; }
.comment-canvas-interactive[data-v-4f270cc3] { pointer-events: auto; cursor: url("/assets/002d77b792977fb5a4a0.svg") 4 22, crosshair; }
.comment-pin[data-v-4f270cc3] { pointer-events: all; cursor: pointer; background: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; width: 28px; height: 28px; transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s; display: flex; position: fixed; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 6px; outline: none !important; }
.comment-pin[data-v-4f270cc3]:hover { transform: scale(1.5); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; }
.comment-pin[data-v-4f270cc3]:active, .comment-pin[data-v-4f270cc3]:focus, .comment-pin[data-v-4f270cc3]:focus-visible { border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 6px; outline: none !important; }
.comment-pin-selected[data-v-4f270cc3] { border-color: rgb(96, 165, 250); transform: scale(1.2); box-shadow: rgba(96, 165, 250, 0.3) 0px 0px 0px 2px; }
.comment-pin-selected[data-v-4f270cc3]:hover { transform: scale(1.5); }
.comment-pin-avatar[data-v-4f270cc3] { object-fit: cover; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; outline: none; width: 22px; height: 22px; }
.page-icon[data-v-94db6b94] { color: currentcolor; flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: relative; }
.page-icon svg[data-v-94db6b94] { width: 100%; height: 100%; }
.page-icon .overlay-icon[data-v-94db6b94] { width: 50%; height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mobile-thread-panel[data-v-bb747536] { z-index: 10000; background: rgb(255, 255, 255); border-top-left-radius: 16px; border-top-right-radius: 16px; flex-direction: column; max-height: 75vh; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 24px; }
.mobile-thread-header[data-v-bb747536] { border-bottom: 1px solid rgb(238, 238, 238); align-items: center; gap: 8px; padding: 16px; display: flex; }
.mobile-thread-title[data-v-bb747536] { color: rgb(34, 34, 34); font-size: 16px; font-weight: 600; }
.mobile-thread-close[data-v-bb747536] { color: rgb(102, 102, 102); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; justify-content: center; align-items: center; width: 32px; height: 32px; margin-left: auto; padding: 0px; display: flex; }
.mobile-thread-close[data-v-bb747536]:hover { background: rgb(245, 245, 245); }
.mobile-thread-body[data-v-bb747536] { flex: 1 1 auto; min-height: 0px; overflow-y: auto; }
.mobile-thread-empty[data-v-bb747536] { color: rgb(153, 153, 153); text-align: center; padding: 32px 16px; font-size: 14px; }
.mobile-thread-item[data-v-bb747536] { cursor: pointer; text-align: left; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; flex-direction: column; align-items: flex-start; width: 100%; padding: 14px; display: flex; }
.mobile-thread-item[data-v-bb747536]:hover { background-color: rgb(245, 245, 245); }
.mobile-thread-item[data-v-bb747536]:active { background-color: rgb(235, 235, 235); }
.mobile-thread-avatar[data-v-bb747536] { object-fit: cover; border-radius: 50%; width: 28px; height: 28px; }
.mobile-thread-item-header[data-v-bb747536] { align-items: center; gap: 7px; width: 100%; margin-top: 8px; display: flex; }
.mobile-thread-name[data-v-bb747536] { color: rgb(34, 34, 34); font-size: 14px; font-weight: 600; }
.mobile-thread-date[data-v-bb747536] { color: rgb(153, 153, 153); font-size: 12px; }
.mobile-thread-text[data-v-bb747536] { color: rgb(85, 85, 85); -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 6px; font-size: 14px; line-height: 1.4; display: -webkit-box; overflow: hidden; }
.mobile-thread-page[data-v-bb747536] { color: rgb(153, 153, 153); align-items: center; gap: 2px; margin-top: 6px; margin-left: -3px; font-size: 12px; display: flex; }
.mobile-thread-page-icon[data-v-bb747536] { color: rgb(26, 26, 26); }
.slide-up-enter-active[data-v-bb747536], .slide-up-leave-active[data-v-bb747536] { transition: transform 0.25s ease-out; }
.slide-up-enter-from[data-v-bb747536], .slide-up-leave-to[data-v-bb747536] { transform: translateY(100%); }