:root{--ink:#1f2933;--muted:#667085;--line:#d9dee7;--paper:#fff;--wash:#f4f6f8;--accent:#246b59;--accent-light:#e4f2ed;--issue:#b54708;--shadow:0 8px 24px #1f29330d}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.topbar{background:#173f35;color:white;padding:24px 32px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{margin:0 0 4px;color:#b4ddcf;letter-spacing:.14em;font-size:11px;font-weight:700}.topbar h1{margin:0;font-size:25px;letter-spacing:-.02em}.subtle{margin:4px 0 0;color:#c7ded7}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:6px;color:#d8ebe5;font-size:12px}.toolbar input{width:130px}.toolbar button,.button{border:0;border-radius:7px;padding:9px 12px;background:#d6f1e7;color:#173f35;font-weight:700;cursor:pointer}.toolbar .secondary,.secondary{background:#2a5a4e;color:#e0f2ed}.summary{display:flex;gap:12px;padding:18px 32px 8px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:11px 15px;min-width:135px;box-shadow:var(--shadow)}.metric strong{display:block;font-size:20px}.metric span{color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:18px;padding:10px 32px 32px}.sidebar,.panel,.transcript-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.sidebar{overflow:hidden;height:calc(100vh - 175px);min-height:500px}.filters{padding:12px;border-bottom:1px solid var(--line);display:grid;gap:8px}.filters input,.filters select,.toolbar input,.field input,.field select,.field textarea{border:1px solid #cbd2dc;border-radius:6px;padding:8px;background:white;color:var(--ink);font:inherit}.sample-list{overflow:auto;height:calc(100% - 167px)}.sample{padding:14px 15px;border-bottom:1px solid #edf0f3;cursor:pointer}.sample:hover{background:#f8fafb}.sample.active{background:var(--accent-light);border-left:3px solid var(--accent);padding-left:12px}.sample-title{display:flex;justify-content:space-between;font-weight:750}.sample-meta{color:var(--muted);font-size:12px;margin-top:3px}.pill{font-size:11px;border-radius:99px;padding:2px 7px;background:#edf0f3;color:var(--muted);white-space:nowrap}.pill.issue{background:#fff0df;color:var(--issue)}.content{min-width:0}.empty{display:grid;place-items:center;height:60vh;color:var(--muted);border:1px dashed #c7cdd6;border-radius:10px}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}.detail-head h2{margin:0;font-size:23px}.detail-head p{margin:3px 0;color:var(--muted)}.audio{width:100%;margin:8px 0 16px}.transcripts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transcript-card{padding:15px;min-height:155px}.transcript-card h3{margin:0 0 9px;font-size:13px}.transcript-card.gemini{border-top:3px solid var(--accent)}.transcript{white-space:pre-wrap;max-height:220px;overflow:auto;color:#39434e}.compare{margin-top:14px}.compare h3{margin:0 0 8px}.segment-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:block;max-height:380px;overflow-y:auto}.segment-table thead,.segment-table tbody{display:table;width:100%;table-layout:fixed}.segment-table th,.segment-table td{padding:9px 10px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}.segment-table th{position:sticky;top:0;background:#eef3f1;font-size:12px}.segment-table td.time{width:90px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.segment-table td.speaker{width:50px;color:var(--muted)}.segment-table tr.selected{background:#f4fbf8}.segment-table tr{cursor:pointer}.segment-table tr:hover{background:#f8fafb}.annotation-panel{margin-top:14px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.annotation-panel h3{margin:0 0 4px}.hint{color:var(--muted);margin:0 0 12px;font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px;font-size:12px;font-weight:700}.field.full{grid-column:1/-1}.field textarea{min-height:70px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.actions button{border:0;border-radius:7px;padding:10px 16px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.actions .secondary{color:var(--ink);background:#edf0f3}.toast{position:fixed;right:24px;bottom:24px;background:#173f35;color:white;padding:10px 14px;border-radius:7px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.topbar{align-items:start;flex-direction:column}.layout{grid-template-columns:1fr;padding:10px 16px 24px}.summary{padding:14px 16px 5px;overflow:auto}.sidebar{height:330px}.sample-list{height:calc(100% - 167px)}.transcripts{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.topbar{padding:20px 16px}}
.entry-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#173f35}.entry-card{width:min(100%,420px);padding:32px;background:#fff;border-radius:14px;box-shadow:0 18px 50px #071d1740}.entry-card h1{margin:4px 0 8px;font-size:28px;letter-spacing:-.02em}.entry-subtitle{margin:0 0 24px;color:var(--muted)}.entry-field{display:grid;gap:6px;margin-top:14px;font-size:12px;font-weight:700}.entry-field input,.entry-field select{width:100%;border:1px solid #cbd2dc;border-radius:6px;padding:10px;background:#fff;color:var(--ink);font:inherit}.entry-field input:focus,.entry-field select:focus{outline:2px solid #b8ded2;border-color:#246b59}.entry-button{width:100%;margin-top:22px;border:0;border-radius:7px;padding:11px 14px;background:#246b59;color:#fff;font-weight:700;cursor:pointer}.entry-button:hover{background:#173f35}.entry-error{min-height:20px;margin:9px 0 0;color:#b42318;font-size:12px}
.entry-actions{display:grid;grid-template-columns:1fr;gap:10px}.entry-actions .entry-button{margin-top:22px}.secondary-entry-button{background:#e4f2ed;color:#173f35}.secondary-entry-button:hover{background:#cfe5dc}
.verification-panel{margin-top:4px;padding-top:4px;border-top:1px solid #edf0f3}.verification-panel .entry-field{margin-top:12px}.verification-panel .entry-button{margin-top:12px}.entry-identity{min-height:18px;margin:10px 0 0;color:#246b59;font-size:12px;font-weight:700}.entry-button:disabled{background:#b8c2bd;color:#fff;cursor:not-allowed}.entry-button:disabled:hover{background:#b8c2bd}
.signup-button{background:#e4f2ed;color:#173f35}.signup-button:hover{background:#cfe5dc}
.entry-choice{min-width:0}.entry-description{margin:7px 2px 0;color:var(--muted);font-size:12px;line-height:1.4;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.theme-toggle{position:fixed;top:14px;right:14px;z-index:100;border:1px solid #b8ded2;border-radius:7px;padding:8px 11px;background:#fff;color:#173f35;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #071d1726}.theme-toggle:hover{background:#e4f2ed}
body.dark-mode{--ink:#edf4f1;--muted:#b4c5bf;--line:#3b514a;--paper:#1b2925;--wash:#101916;--accent:#58b894;--accent-light:#203d33;--issue:#f0a866;--shadow:0 8px 24px #0000004d}body.dark-mode .entry-gate,body.dark-mode .topbar{background:#0b1512}body.dark-mode .theme-toggle{background:#1b2925;color:#dff5eb;border-color:#4d806d}body.dark-mode .theme-toggle:hover{background:#29463b}body.dark-mode .toolbar button,.dark-mode .button{background:#c9eee0;color:#10251e}body.dark-mode .toolbar .secondary,.dark-mode .secondary{background:#31584b;color:#e0f2ed}body.dark-mode .filters input,body.dark-mode .filters select,body.dark-mode .toolbar input,body.dark-mode .field input,body.dark-mode .field select,body.dark-mode .field textarea,body.dark-mode .entry-field input,body.dark-mode .entry-field select{background:#14211d;color:var(--ink);border-color:#486158}body.dark-mode .segment-table th{background:#263b34}body.dark-mode .segment-table tr:hover{background:#243a32}body.dark-mode .segment-table tr.selected{background:#1d3b31}body.dark-mode .sample:hover{background:#243a32}body.dark-mode .pill{background:#30443e;color:#c8d8d2}body.dark-mode .audio-column,body.dark-mode .transcript-column,body.dark-mode .sidebar,body.dark-mode .panel,body.dark-mode .transcript-card,body.dark-mode .annotation-panel,body.dark-mode .comment-panel,body.dark-mode .metric,body.dark-mode .entry-card,body.dark-mode .waveform-player{background:var(--paper)}body.dark-mode .waveform-stage{background:linear-gradient(#1b2925,#16221f)}body.dark-mode .waveform-controls{color:var(--muted)}
[hidden]{display:none !important}
.minimal-mode .topbar,.minimal-mode .summary,.minimal-mode .sidebar,.minimal-mode .sidebar-toggle{display:none}.minimal-mode .layout{display:block;padding:24px 32px 32px}.minimal-detail{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);gap:18px;align-items:start}.audio-column,.transcript-column{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:16px}.audio-column{position:sticky;top:16px}.audio-column .detail-head,.transcript-column .detail-head{margin-bottom:12px}.audio-column h2,.transcript-column h2{font-size:20px}.audio-column .audio{margin:10px 0 0}.transcript-column .segment-table-wrap{max-height:calc(100vh - 150px)}@media(max-width:900px){.minimal-mode .layout{padding:16px}.minimal-detail{grid-template-columns:1fr}.audio-column{position:static}.transcript-column .segment-table-wrap{max-height:none}}
.minimal-mode .topbar{display:flex}
.entry-field select{min-height:54px;font-size:18px}
.minimal-mode .topbar{display:none!important}
.audio-column #audio{display:none}.waveform-player{margin-top:8px;border:1px solid #d9dee7;border-radius:8px;background:#fff;overflow:hidden}.waveform-stage{position:relative;height:86px;cursor:pointer;touch-action:none;background:linear-gradient(#fff,#fafbfc)}.waveform-stage canvas{display:block;width:100%;height:86px}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background:#1f2933;transform:translateX(-1px);pointer-events:none}.waveform-playhead span{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:3px;background:#050505;color:#fff;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.waveform-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #edf0f3;color:#667085}.waveform-icon,.waveform-play{display:grid;place-items:center;border:0;cursor:pointer}.waveform-icon{width:24px;height:28px;background:transparent;color:#667085;font-size:27px;line-height:1}.waveform-play{width:32px;height:32px;border-radius:50%;background:#173f35;color:#fff;font-size:13px}.waveform-time{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.waveform-separator{color:#b0b7c1}.waveform-volume,.waveform-speed{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:14px}.waveform-volume input{width:70px;accent-color:#246b59}.waveform-speed{margin-left:3px}.waveform-speed select{border:1px solid #cbd2dc;border-radius:4px;padding:3px;background:#fff;color:#1f2933;font:11px inherit}@media(max-width:520px){.waveform-controls{gap:5px;padding:7px}.waveform-volume input{width:48px}.waveform-time{font-size:10px}.waveform-playhead span{font-size:10px}}
.transcript-column .detail-head{display:none}
.minimal-detail{display:block}.audio-column{position:static;margin-bottom:18px}.audio-column .detail-head{display:none}.waveform-player{width:100%}
.waveform-scrubber{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.001;pointer-events:auto;cursor:pointer;z-index:2}.waveform-playhead{z-index:3}
.waveform-controls{justify-content:center}.waveform-speed{margin-left:3px}
.transcript-column .segment-table-wrap{height:calc(100vh - 560px);max-height:calc(100vh - 560px);min-height:260px}
.audio-column #audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.minimal-mode .layout{width:80%;margin-inline:auto}
@media(max-width:900px){.minimal-mode .layout{width:100%}}
.segment-transcript{display:block;height:76px;min-height:76px;resize:none;line-height:1.45;white-space:pre-wrap}
.transcript-column .segment-table-wrap{position:relative}
.transcript-column .segment-table thead{position:sticky;top:0;z-index:4;background:#eef3f1}
.transcript-column .segment-table thead th{position:static;background:#eef3f1}
.minimal-mode{height:100vh;overflow:hidden}
.minimal-mode .layout{height:100%;overflow:hidden}
.transcript-column .segment-table-wrap{scroll-snap-type:y mandatory;scroll-padding-top:48px;overscroll-behavior:contain}
.transcript-column .segment-table tbody tr{scroll-snap-align:start;scroll-snap-stop:always}
.transcript-column .segment-table tr.selected:hover{background:#f4fbf8}
.transcript-column .segment-table tr.selected td.time{color:var(--accent);font-weight:700}
.transcript-column{position:relative}
.chunk-navigation{position:absolute;inset:0;pointer-events:none}
.chunk-nav-button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;border:1px solid #1f2933;border-radius:0;width:76px;min-height:88px;padding:14px 8px;background:#fff;color:#1f2933;font-weight:700;cursor:pointer;line-height:1.2;text-align:center;white-space:normal}
.chunk-nav-button:hover{background:#f4f6f8}
.previous-audio{left:-84px}.next-audio{right:-84px}
.minimal-mode .layout{overflow:visible}
.submit-audio{display:block;margin:18px auto 0;border:0;border-radius:7px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.minimal-detail .transcript-column>.submit-audio{align-self:center;width:max-content;max-width:100%;margin:18px auto 0;flex:0 0 auto}
.minimal-mode{height:100dvh;overflow:hidden}
.minimal-mode .layout{height:100%;overflow:visible}
.minimal-mode .layout{display:flex;flex-direction:column;min-height:0}
.minimal-mode .content{flex:1 1 auto;min-height:0}
.minimal-detail{height:100%;display:flex;flex-direction:column;min-height:0}
.minimal-detail{align-items:stretch}
.minimal-detail .audio-column,.minimal-detail .transcript-column{width:100%}
.minimal-detail .audio-column{flex:0 0 auto}
.minimal-detail .transcript-column{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.minimal-detail .transcript-column .segment-table-wrap{flex:1 1 auto;height:auto;max-height:none;min-height:0}
.minimal-detail .transcript-column .segment-table-wrap{overflow-y:auto;overflow-x:hidden}
.minimal-detail .submit-audio{flex:0 0 auto}
html,body{height:100%}
.minimal-mode .layout,.minimal-mode .content,.minimal-detail{min-height:0}
.minimal-mode .content{flex:1 1 0;height:100%;width:100%;min-height:0;display:flex}
#detail{height:100%;min-height:0;width:100%}
.minimal-detail{flex:1 1 0;height:100%;width:100%}
.minimal-detail .transcript-column{flex:1 1 0;min-height:clamp(260px,calc(100dvh - 430px),760px)}
.minimal-detail .transcript-column .segment-table-wrap{flex:1 1 0;height:100%;min-height:220px;max-height:none;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}
.segment-scroll-spacer{width:1px;min-height:0;scroll-snap-align:none}