:root{--color-bg:#fff;--color-bg-subtle:#f7f6f9;--color-bg-raised:#fff;--color-border:#e5e4e7;--color-border-strong:#d4d2d8;--color-text:#6b6375;--color-text-strong:#08060d;--color-text-muted:#948d9c;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-active:#5b21b6;--color-accent-subtle:#7c3aed1a;--color-accent-border:#7c3aed66;--color-danger:#dc2626;--color-danger-subtle:#dc26261a;--color-success:#16a34a;--color-success-subtle:#16a34a1a;--color-warning:#d97706;--color-warning-subtle:#d977061a;--color-info:#2563eb;--color-info-subtle:#2563eb1a;--focus-ring:0 0 0 3px var(--color-accent-border);--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:26px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 12px 32px #0000002e;--content-max-width:960px;--content-max-width-wide:1200px;--touch-target-min:40px}@media (prefers-color-scheme:dark){:root{--color-bg:#16171d;--color-bg-subtle:#1e1f27;--color-bg-raised:#23242c;--color-border:#2e303a;--color-border-strong:#3a3c48;--color-text:#9ca3af;--color-text-strong:#f3f4f6;--color-text-muted:#6b7280;--color-accent:#a78bfa;--color-accent-hover:#c4b5fd;--color-accent-active:#ddd6fe;--color-accent-subtle:#a78bfa26;--color-accent-border:#a78bfa73;--color-danger:#f87171;--color-danger-subtle:#f8717126;--color-success:#4ade80;--color-success-subtle:#4ade8026;--color-warning:#fbbf24;--color-warning-subtle:#fbbf2426;--color-info:#60a5fa;--color-info-subtle:#60a5fa26;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080}}:root{--text:var(--color-text);--text-h:var(--color-text-strong);--bg:var(--color-bg);--bg-subtle:var(--color-bg-subtle);--border:var(--color-border);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--danger:var(--color-danger);--sans:var(--font-sans);font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0 0 8px;font-weight:600}a{color:var(--accent)}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-shell{max-width:var(--content-max-width);min-height:100svh;margin:0 auto;padding:0 20px 60px}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{color:var(--accent);background:0 0}.btn.secondary:hover{background:var(--bg-subtle)}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.danger:hover{background:var(--color-danger-subtle)}.btn:disabled{opacity:.5;cursor:default}.form-stack{flex-direction:column;gap:12px;max-width:360px;display:flex}.error-text{color:var(--danger);font-size:14px}.card{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;margin-bottom:12px;padding:16px}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{border-color:var(--accent)}.muted{color:var(--text);font-size:14px}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.link-button{color:var(--accent);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.segmented-control{border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.segmented-control button{color:var(--text);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:0 0;border:none;min-height:32px;padding:6px 14px}.segmented-control button.active{background:var(--accent);color:#fff}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:1px solid #0000;padding:6px 10px;display:flex}.user-menu-trigger:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.user-menu-avatar{border-radius:var(--radius-full);background:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-menu-name{font-weight:var(--font-weight-medium);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-menu-dropdown{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-md);padding:var(--space-1);z-index:20;position:absolute;top:calc(100% + 6px);right:0}.user-menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;display:block}.user-menu-item:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.app-header-left{align-items:center;gap:var(--space-6);min-width:0;display:flex}.app-header-brand{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-strong);letter-spacing:-.01em;flex-shrink:0;text-decoration:none}.app-header-nav{align-items:center;gap:var(--space-1);display:flex}.app-header-nav a{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:6px 10px;text-decoration:none}.app-header-nav a:hover{background:var(--color-bg-subtle);color:var(--color-text-strong)}.app-header-nav a.active{color:var(--color-accent);background:var(--color-accent-subtle)}.app-header-account{flex-shrink:0;margin-left:auto}@media (width<=640px){.app-header{flex-wrap:wrap}.app-header-left{gap:var(--space-3)}.app-header-nav{gap:0}.app-header-nav a{font-size:var(--font-size-xs);padding:6px 8px}.user-menu-name{display:none}}.feedback-card{align-items:center;gap:var(--space-2);border-left:3px solid var(--color-border);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);background:var(--color-bg-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex}.feedback-card.selected{border-left-color:var(--color-accent);background:var(--color-accent-subtle)}.feedback-card.resolved{opacity:.6}.feedback-card-resolve{border-radius:var(--radius-full);width:22px;height:22px;font-size:var(--font-size-xs);flex-shrink:0}.feedback-card-resolve.checked{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.feedback-card-main{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) 0;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.feedback-card-main:disabled{cursor:default}.feedback-card-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);white-space:nowrap;flex-shrink:0}.feedback-card-body{min-width:0;font-size:var(--font-size-base);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feedback-card-meta{font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.feedback-carried-divider{margin:var(--space-3) 0 var(--space-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em}.feedback-card-menu-wrap{flex-shrink:0;position:relative}.feedback-card-menu{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);padding:var(--space-1);z-index:20;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.feedback-card-menu button{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;display:block}.feedback-card-menu button:hover{background:var(--color-bg-subtle)}.feedback-card-menu button.danger{color:var(--color-danger)}.feedback-card-menu button.danger:hover{background:var(--color-danger-subtle)}.feedback-card-menu-confirm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-8) 0 var(--space-3);display:flex}.section-header h2{font-size:var(--font-size-md);margin:0}.entity-list-item{align-items:center;gap:var(--space-3);display:flex}.entity-list-item-leading{flex-shrink:0}.entity-list-item-body{flex:1;min-width:0}.entity-list-item-title{font-weight:var(--font-weight-semibold);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-list-item-subtitle{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.entity-list-item-meta{font-size:var(--font-size-xs);color:var(--color-text);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.work-card-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.work-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text-strong);text-decoration:none}.work-card-title:hover{color:var(--color-accent)}.work-card-latest{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-raised);color:inherit;text-decoration:none;display:flex}.work-card-latest:hover{background:var(--color-accent-subtle)}.work-card-latest-version{font-weight:var(--font-weight-semibold);color:var(--color-text-strong)}.work-card-archive-toggle{align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;display:flex}.work-card-archive-toggle:hover{color:var(--color-text-strong)}.work-card-archive-chevron{transition:transform .15s;display:inline-block}.work-card-archive-chevron.expanded{transform:rotate(90deg)}.work-card-archive-list{margin:var(--space-2) 0 0;padding:0 0 0 var(--space-3);border-left:2px solid var(--color-border);gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.work-card-archive-item{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none;display:flex}.work-card-archive-item:hover{background:var(--color-bg-subtle);color:var(--color-text-strong)}.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-md);background:0 0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-strong)}.icon-btn:disabled{opacity:.5;cursor:default}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-strong)}.form-field-hint,.form-field-error{font-size:var(--font-size-xs)}.status-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.status-badge-pending{background:var(--color-warning-subtle);color:var(--color-warning)}.status-badge-in-progress{background:var(--color-info-subtle);color:var(--color-info)}.status-badge-needs-clarification{background:var(--color-danger-subtle);color:var(--color-danger)}.status-badge-resolved{background:var(--color-success-subtle);color:var(--color-success)}.status-badge-neutral{background:var(--color-bg-subtle);color:var(--color-text)}.empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty-state-title{font-weight:var(--font-weight-semibold);color:var(--color-text-strong);margin:0}.empty-state-description{max-width:40ch;margin:0}.page-header{margin-bottom:var(--space-6)}.page-header-breadcrumb{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-title{margin:0 0 var(--space-1)}.page-header-description{margin:0}.page-header-actions{gap:var(--space-2);flex-shrink:0;display:flex}.modal{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);width:100%;max-width:min(480px,100vw - 32px);box-shadow:var(--shadow-lg);padding:0}.modal::backdrop{background:#00000080}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg);margin:0}.modal-body{padding:var(--space-5)}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex}.waveform-position{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);margin-bottom:4px}.waveform-zoom-controls{align-items:center;gap:var(--space-4);margin-bottom:4px;display:flex}.waveform-zoom-group{align-items:center;gap:4px;display:flex}.waveform-zoom-group .icon-btn{width:28px;height:28px;font-size:14px}.waveform-scroll{border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px;overflow:auto hidden}.waveform-inner{position:relative}.waveform-inner canvas{display:block;position:absolute;top:0;left:0}.waveform-playhead{pointer-events:none;background:#ef4444;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 4px #ef444499}.waveform-comment-marker{background:var(--accent);pointer-events:none;opacity:.85;border-radius:2px;width:3px;position:absolute}.waveform-comment-marker.selected{opacity:1;width:4px;box-shadow:0 0 0 2px var(--color-accent-subtle)}.waveform-comment-region{background:var(--color-accent-subtle);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;position:absolute}.waveform-section{border-radius:var(--radius-sm);opacity:.9;cursor:default;align-items:center;display:flex;position:absolute;overflow:hidden}.waveform-section-label{font-size:12px;font-weight:var(--font-weight-semibold);color:#08060d;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 6px;overflow:hidden}.waveform-section-clickable{cursor:pointer}.waveform-section-clickable:hover{opacity:1;outline-offset:-2px;outline:2px solid #fff9}.waveform-section.selected{opacity:1;outline:2px solid var(--color-accent);outline-offset:-2px}.waveform-drag-selection{border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;background:#7c3aed40;position:absolute;top:0;bottom:0}.player-bar{background:var(--bg-subtle);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:14px;padding:10px 14px;display:flex}.player-play-btn{background:var(--accent);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.player-play-btn:hover{background:var(--accent-hover)}.player-time{font-variant-numeric:tabular-nums;color:var(--text-h);min-width:90px;font-size:14px}.player-volume{align-items:center;gap:6px;margin-left:auto;display:flex}.player-volume input[type=range]{width:90px;accent-color:var(--accent)}.comment-item{border-left:3px solid var(--accent);background:var(--bg-subtle);border-radius:0 6px 6px 0;margin-bottom:8px;padding:8px 12px}.comment-time{color:var(--accent);cursor:pointer;font-size:13px;font-weight:600}.version-picker{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.version-picker select{max-width:280px}.version-layout{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}.version-main,.version-sidebar{min-width:0}@media (width>=900px){.version-layout{grid-template-columns:minmax(0,1fr) 360px}.version-layout-full{grid-template-columns:1fr}.version-sidebar{top:var(--space-4);max-height:calc(100svh - var(--space-8));padding-right:2px;position:sticky;overflow-y:auto}}.comment-selection-summary{font-size:var(--font-size-sm)}.comment-advanced{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}