.comment-sidebar[data-v-1f1ba409]{z-index:50;border-left-width:1px;border-color:var(--app-surface-200);background-color:var(--app-surface-50);flex-direction:column;width:380px;height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-4px 0 24px #00000014}.sidebar-header[data-v-1f1ba409]{border-bottom-width:1px;border-color:var(--app-surface-200);background-color:var(--app-surface-50);flex-shrink:0;padding:1.25rem;box-shadow:0 1px 2px #0000000a}.sidebar-title-row[data-v-1f1ba409]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sidebar-title[data-v-1f1ba409]{color:var(--app-surface-900);letter-spacing:-.01em;margin:0;font-size:1.094rem;font-weight:700;line-height:1.531rem}.comment-tabs[data-v-1f1ba409]{background-color:var(--app-surface-100);border-radius:.5rem;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex}.comment-tab[data-v-1f1ba409]{cursor:pointer;color:var(--app-surface-500);background-color:#0000;border-style:none;border-radius:.375rem;flex:1;padding:10px 12px;font-size:.766rem;font-weight:500;line-height:1.094rem;transition:all .15s ease-out}.comment-tab[data-v-1f1ba409]:hover{background-color:var(--app-surface-200);color:var(--app-surface-700)}.comment-tab.active[data-v-1f1ba409]{background-color:var(--app-surface-0);color:var(--app-surface-900);font-weight:700;box-shadow:0 2px 4px #00000014}.comments-container[data-v-1f1ba409]{flex:1;padding:12px;overflow-y:auto}.loading-state[data-v-1f1ba409],.empty-state[data-v-1f1ba409]{text-align:center;color:var(--app-surface-500);flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.loading-state p[data-v-1f1ba409],.empty-state p[data-v-1f1ba409]{margin-bottom:4px;font-size:14px;font-weight:500}.loading-spinner[data-v-1f1ba409]{border:3px solid var(--p-surface-100);border-top:3px solid var(--p-surface-900);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin-1f1ba409}@keyframes spin-1f1ba409{to{transform:rotate(360deg)}}.help-text[data-v-1f1ba409]{color:var(--app-surface-400);margin-top:12px;font-size:13px;font-style:italic}.comments-list[data-v-1f1ba409]{flex-direction:column;gap:8px;display:flex}@keyframes slideIn-1f1ba409{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.comment-item[data-v-1f1ba409]{background-color:var(--app-surface-0);border:1px solid var(--p-surface-200);cursor:pointer;border-radius:8px;transition:all .15s ease-out;animation:.2s ease-out slideIn-1f1ba409;overflow:hidden;box-shadow:0 1px 2px #0000000a}.comment-item[data-v-1f1ba409]:hover{border-color:var(--p-surface-400);transform:translateY(-1px);box-shadow:0 2px 8px #1717171f}.comment-expanded[data-v-1f1ba409]{border-color:var(--p-surface-800);background-color:var(--app-surface-50);box-shadow:0 4px 12px #26262633}.comment-item-flash[data-v-1f1ba409]{background-color:var(--app-warning-bg);border-color:var(--app-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--app-warning), transparent 70%);transition:background-color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in}.comment-preview[data-v-1f1ba409]{padding:12px}.quoted-context[data-v-1f1ba409]{color:var(--app-surface-400);margin-bottom:4px;font-size:10px;font-weight:400;line-height:1.3}.quoted-snippet[data-v-1f1ba409]{color:var(--app-surface-400);font-style:italic}.comment-content[data-v-1f1ba409]{color:var(--app-surface-900);letter-spacing:-.01em;margin-top:6px;margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.5}.comment-meta[data-v-1f1ba409]{color:var(--app-surface-500);gap:6px;font-size:11px;line-height:1.3;display:flex}.comment-author[data-v-1f1ba409]{color:var(--app-surface-600);font-weight:500}.reply-count[data-v-1f1ba409]{color:var(--app-surface-500)}.comment-details[data-v-1f1ba409]{border-top:1px solid var(--p-surface-200);background-color:var(--app-surface-50);padding:12px}.replies-section[data-v-1f1ba409]{background-color:var(--app-surface-50);border:1px solid var(--p-surface-100);border-radius:6px;margin-bottom:12px;padding:12px}.reply-item[data-v-1f1ba409]{background-color:var(--app-surface-0);border:1px solid var(--p-surface-200);border-radius:6px;margin-bottom:8px;padding:12px;box-shadow:0 1px 2px #00000005}.reply-item[data-v-1f1ba409]:last-child{margin-bottom:0}.reply-content[data-v-1f1ba409]{color:var(--app-surface-900);margin-bottom:4px;font-size:13px;line-height:1.4}.reply-meta[data-v-1f1ba409]{color:var(--app-surface-600);gap:6px;font-size:11px;display:flex}.reply-author[data-v-1f1ba409]{font-weight:500}.comments-container[data-v-1f1ba409]::-webkit-scrollbar{width:6px}.comments-container[data-v-1f1ba409]::-webkit-scrollbar-track{background:var(--p-surface-100);border-radius:3px}.comments-container[data-v-1f1ba409]::-webkit-scrollbar-thumb{background:var(--p-surface-300);border-radius:3px}.comments-container[data-v-1f1ba409]::-webkit-scrollbar-thumb:hover{background:var(--p-surface-400)}.comment-tab[data-v-1f1ba409]:focus-visible{outline:2px solid var(--p-surface-900);outline-offset:2px}.comment-item[data-v-1f1ba409]:focus-visible{outline:2px solid var(--p-surface-900);outline-offset:-2px;border-radius:8px}.sr-only[data-v-1f1ba409]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-filter[data-v-1f1ba409]{margin-bottom:16px}.section-filter-label[data-v-1f1ba409]{color:var(--app-surface-500);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.section-filter-select[data-v-1f1ba409]{border:1px solid var(--p-surface-200);background-color:var(--app-surface-0);width:100%;color:var(--app-surface-900);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:6px;padding:8px 32px 8px 12px;font-family:inherit;font-size:13px;transition:all .15s ease-out}.section-filter-select[data-v-1f1ba409]:hover{border-color:var(--p-surface-900)}.section-filter-select[data-v-1f1ba409]:focus{border-color:var(--p-surface-900);outline:none;box-shadow:0 0 0 3px #1717171f}.comment-badges[data-v-1f1ba409]{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.comment-type-badge[data-v-1f1ba409]{text-transform:uppercase;letter-spacing:.02em;border-radius:3px;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.comment-section-badge[data-v-1f1ba409]{border-radius:3px;align-items:center;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.comment-type-inline[data-v-1f1ba409]{border-left:4px solid var(--p-surface-900)}.comment-type-inline .comment-type-badge[data-v-1f1ba409]{background-color:var(--app-surface-100);color:var(--app-surface-900)}.comment-type-section[data-v-1f1ba409]{border-left:4px solid var(--app-success)}.comment-type-section .comment-type-badge[data-v-1f1ba409]{background-color:var(--app-success-bg);color:var(--app-success)}.comment-type-field[data-v-1f1ba409]{border-left:4px solid var(--app-warning)}.comment-type-field .comment-type-badge[data-v-1f1ba409]{background-color:var(--app-warning-bg);color:var(--app-warning)}.badge-info[data-v-1f1ba409]{background-color:var(--app-surface-100);color:var(--app-surface-900)}.badge-success[data-v-1f1ba409]{background-color:var(--app-success-bg);color:var(--app-success)}.badge-warning[data-v-1f1ba409]{background-color:var(--app-warning-bg);color:var(--app-warning)}.badge-danger[data-v-1f1ba409]{background-color:var(--app-danger-bg);color:var(--app-danger)}.badge-secondary[data-v-1f1ba409]{background-color:var(--app-surface-100);color:var(--app-surface-700)}.badge-contrast[data-v-1f1ba409]{background-color:var(--app-surface-200);color:var(--app-surface-900)}html.dark{border:3px solid var(--p-surface-800);border-top:3px solid var(--p-surface-50);border:1px solid var(--p-surface-700);border-color:var(--p-surface-500);border-color:var(--p-surface-100);border-top:1px solid var(--p-surface-700);border:1px solid var(--p-surface-800);border:1px solid var(--p-surface-700);border:1px solid var(--p-surface-700);border-color:var(--p-surface-50);border-color:var(--p-surface-50);border-left:4px solid var(--p-surface-50);background:var(--p-surface-800);background:var(--p-surface-600);background:var(--p-surface-500);outline:2px solid var(--p-surface-50);outline:2px solid var(--p-surface-50)}.section-comment-btn[data-v-05af823f]{justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1rem;right:1rem}.section-comment-btn[data-v-05af823f]:focus{outline-offset:2px;outline:2px solid #0000}.variant-glassmorphic[data-v-05af823f]{--tw-backdrop-blur:blur(12px);width:2.25rem;height:2.25rem;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);color:var(--app-surface-700);--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fffc;border-width:1px;border-color:#fff9;border-radius:.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.variant-glassmorphic[data-v-05af823f]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--app-surface-400);--tw-ring-offset-width:2px}.variant-glassmorphic[data-v-05af823f]{box-shadow:0 4px 6px #0000000d}.variant-glassmorphic[data-v-05af823f]:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--app-surface-300);background-color:#fffffff2;transform:scale(1.1)translateY(-2px);box-shadow:0 10px 20px #0000001a}.variant-glassmorphic[data-v-05af823f]:active{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.variant-glassmorphic.has-comments[data-v-05af823f]{color:var(--app-surface-900);border-color:var(--app-surface-400);background:linear-gradient(135deg,#17171733 0%,#1717171a 100%)}.variant-glassmorphic.has-comments[data-v-05af823f]:hover{background:linear-gradient(135deg,#1717174d 0%,#17171733 100%);box-shadow:0 10px 25px #17171733}.variant-glassmorphic:hover .comment-icon[data-v-05af823f]{animation:.3s ease-in-out wiggle-05af823f}@keyframes wiggle-05af823f{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.count-glassmorphic[data-v-05af823f]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);min-width:1.25rem;height:1.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(135deg, var(--p-surface-900) 0%, var(--p-surface-950) 100%);border-radius:9999px;justify-content:center;align-items:center;padding-left:.25rem;padding-right:.25rem;font-size:.656rem;font-weight:700;line-height:.875rem;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-.375rem;right:-.375rem}html.dark{background:linear-gradient(135deg, var(--p-surface-50) 0%, var(--p-surface-0) 100%);color:var(--p-surface-900);border-color:var(--p-surface-200)}.variant-glassmorphic:hover .count-glassmorphic[data-v-05af823f]{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.variant-minimalist-glow[data-v-05af823f]{width:2rem;height:2rem;color:var(--app-surface-500);background-color:#fffffff2;border-radius:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);box-shadow:0 1px 2px #0000000d}.variant-minimalist-glow[data-v-05af823f]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--app-surface-900);box-shadow:0 0 0 1px #1717171a,0 4px 12px #17171726,0 0 20px #1717171a}.variant-minimalist-glow[data-v-05af823f]:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.variant-minimalist-glow.has-comments[data-v-05af823f]{background-color:var(--app-surface-900);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));box-shadow:0 2px 8px #17171740,0 0 0 1px #1717171a}.variant-minimalist-glow.has-comments[data-v-05af823f]:hover{box-shadow:0 4px 16px #17171759,0 0 24px #17171726,0 0 0 1px #17171733}.variant-minimalist-glow[data-v-05af823f]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--app-surface-400);--tw-ring-offset-width:2px}.variant-minimalist-glow:hover .comment-icon[data-v-05af823f]{animation:.3s ease-out tilt-05af823f}@keyframes tilt-05af823f{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.count-minimalist-glow[data-v-05af823f]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg, var(--app-warning) 0%, var(--app-danger) 100%);border:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding-left:.25rem;padding-right:.25rem;font-size:.625rem;font-weight:600;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-.25rem;right:-.25rem;box-shadow:0 2px 6px #c639394d}.variant-minimalist-glow:hover .count-minimalist-glow[data-v-05af823f]{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}