:root{--panel:#0d0d0de6;--panel-strong:#101010;--line:#ffffff1c;--line-bright:#ffffff2e;--text:#f5f1e8;--muted:#b8afa0;--soft:#8d8375;--gold:#d7ad62;--gold-bright:#f1c15e;--green:#7fd291;color:#f5f1e8;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit}body{background:linear-gradient(135deg,#daab581a,#0000 32%),linear-gradient(#101010 0%,#080808 42%,#15110d 100%);min-width:320px;min-height:100vh;margin:0}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%,to{opacity:.62}50%{opacity:1}}.start-screen{background:radial-gradient(circle at 72% 28%,#d7ad6229,#0000 28rem),linear-gradient(#ffffff05,#0000);place-items:center;min-height:100vh;padding:32px;display:grid}.start-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);align-items:stretch;gap:28px;width:min(1180px,100%);animation:.56s both rise-in;display:grid}.start-copy,.start-preview{background:linear-gradient(#ffffff0a,#0000 48%),#0c0c0ce6;border:1px solid #ffffff1c;border-radius:10px;box-shadow:0 30px 110px #00000073,inset 0 1px #ffffff0d}.start-copy{align-content:center;gap:18px;padding:clamp(28px,5vw,56px);display:grid}.start-copy h1{max-width:760px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96}.start-copy>p,.review-entry-copy>p{color:#cfc5b6;max-width:590px;font-size:clamp(1rem,2vw,1.22rem);line-height:1.55}.start-role{color:#ffe0a3;text-transform:uppercase;letter-spacing:0;font-weight:850}.start-purpose{margin-top:-6px}.start-actions{flex-wrap:wrap;gap:10px;display:flex}.start-actions button,.start-import{color:#f4ecdf;cursor:pointer;background:linear-gradient(#ffffff0b,#0000),#121212;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:850;transition:transform .17s,border-color .17s,background .17s,box-shadow .17s;display:inline-flex;position:relative}.start-actions button:hover,.start-import:hover{background:#171717;border-color:#d7ad6252;transform:translateY(-1px)}.start-actions .primary-action{color:#130d04;background:linear-gradient(#ffd889,#d6a354);border-color:#d7ad628c;box-shadow:0 14px 36px #d7ad623d}.access-form{gap:14px;max-width:520px;display:grid}.access-form label{color:var(--soft);text-transform:uppercase;gap:7px;font-size:.74rem;font-weight:850;display:grid}.access-form input{color:#fff6e8;min-height:46px;font:inherit;text-transform:none;background:#05050585;border:1px solid #ffffff1f;border-radius:7px;padding:0 13px}.access-form .primary-action{color:#130d04;cursor:pointer;background:linear-gradient(#ffd889,#d6a354);border:1px solid #d7ad628c;border-radius:7px;min-height:46px;font-weight:850;box-shadow:0 14px 36px #d7ad623d}.start-import input{opacity:0;cursor:pointer;position:absolute;inset:0}.start-preview{grid-template-rows:auto auto 1fr auto;gap:22px;padding:clamp(22px,4vw,34px);display:grid;overflow:hidden}.preview-topline{color:#ffe0a3;justify-content:space-between;font-weight:900;display:flex}.review-entry-copy{gap:12px;display:grid}.review-entry-copy h2{font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:.98}.review-entry-copy button{color:#130d04;cursor:pointer;background:linear-gradient(#ffd889,#d6a354);border:1px solid #d7ad628c;border-radius:7px;justify-self:start;min-height:46px;padding:0 16px;font-weight:850;transition:transform .17s,border-color .17s,background .17s,box-shadow .17s;box-shadow:0 14px 36px #d7ad623d}.review-entry-copy button:hover{background:linear-gradient(#ffe0a0,#e2ae58);transform:translateY(-1px)}.preview-topline strong{color:#b8f4c5;background:#7fd29114;border:1px solid #7fd29152;border-radius:999px;padding:5px 10px}.preview-wave{background:linear-gradient(#0000 49%,#ffffff14 50%,#0000 51%),#101010;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:5px;min-height:340px;padding:24px;display:flex}.preview-wave i{width:4px;height:var(--bar);animation:2.8s ease-in-out infinite soft-pulse;animation-delay:calc(var(--bar) * -.02);background:linear-gradient(#f0c46d,#7e7465);border-radius:999px}.preview-notes{gap:10px;display:grid}.preview-notes article{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;padding:13px;display:grid}.preview-notes b{color:#ffd782;font-variant-numeric:tabular-nums}.preview-notes span{color:#d1c8bb}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-height:100vh;padding:22px;transition:padding .18s;display:grid}.top-stack{gap:10px;display:grid}.topbar,.transport,.upload-panel,.review-dashboard,.waveform-panel,.comment-sidebar{background:linear-gradient(180deg, #ffffff09, transparent 42%), var(--panel);border:1px solid #ffffff1c;box-shadow:0 20px 70px #00000057,inset 0 1px #ffffff0a}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:18px 22px;animation:.42s both rise-in;display:flex}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#fffaf0;margin-bottom:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.04}h2{color:#fff8ea;margin-bottom:0;font-size:1.03rem;line-height:1.2}.project-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.review-count{color:#bcb3a2;text-align:right;text-transform:uppercase;gap:2px;min-width:112px;font-size:.76rem;display:grid}.review-count span{color:#fff;font-size:1.5rem;font-weight:800;line-height:1}.permission-badge{color:#ffe0a3;white-space:nowrap;background:#d7ad6214;border:1px solid #d7ad624d;border-radius:6px;place-items:center;min-height:34px;padding:0 10px;font-size:.76rem;font-weight:850;display:inline-grid}.status-switch{background:#090909;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.approval-switch{grid-template-columns:repeat(2,minmax(112px,1fr))}.status-switch button,.version-switcher button,.session-actions button,.import-button,.transport button,.resolve-toggle,.comment-main{color:#cfc6b6;cursor:pointer;background:0 0;border:0;border-radius:6px;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}.status-switch button{white-space:nowrap;min-height:38px;padding:0 14px}.status-switch button:hover,.version-switcher button:hover,.session-actions button:hover,.import-button:hover,.transport button:hover,.resolve-toggle:hover,.comment-main:hover{color:#fffaf0;background:#ffffff14}.status-switch button:disabled,.session-actions button:disabled,.approval-state-grid button:disabled,.reviewer-select select:disabled,.resolve-toggle:disabled{cursor:not-allowed;opacity:.48}.import-button:has(input:disabled){cursor:not-allowed;opacity:.48}.upload-button:has(input:disabled){cursor:not-allowed;opacity:.48}.status-switch button:disabled:hover,.session-actions button:disabled:hover,.approval-state-grid button:disabled:hover,.resolve-toggle:disabled:hover{color:#cfc6b6;background:linear-gradient(#ffffff0b,#0000),#121212}.status-switch button:active,.version-switcher button:active,.session-actions button:active,.import-button:active,.transport button:active,.resolve-toggle:active{transform:translateY(1px)}.session-actions{flex-wrap:wrap;gap:8px;display:flex}.version-switcher{background:#090909;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(4,minmax(72px,auto));gap:4px;padding:4px;display:grid}.version-switcher button{white-space:nowrap;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.version-switcher button.active{color:#170f04;background:linear-gradient(180deg, #ffffff38, transparent), var(--gold)}.version-switcher small{color:#f2dfbd;background:#ffffff14;border-radius:999px;place-items:center;min-width:20px;min-height:20px;font-size:.72rem;font-weight:850;display:grid}.version-switcher button.active small{color:#1b1205;background:#00000024}.session-actions button,.import-button{color:#cfc6b6;white-space:nowrap;cursor:pointer;background:linear-gradient(#ffffff0b,#0000),#121212;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;display:inline-flex;position:relative}.import-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.session-message{color:#ffe0a3;background:#120e08c7;border:1px solid #d7ad6242;border-radius:8px;padding:10px 14px;font-size:.9rem;animation:.22s both rise-in}.share-panel{background:linear-gradient(#ffffff09,#0000 42%),#0d0d0deb;border:1px solid #ffffff1c;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(220px,1.1fr) minmax(220px,1.1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.share-panel h2{margin:0;font-size:1rem}.share-panel p{color:var(--muted);margin:5px 0 0;font-size:.86rem}.share-link{color:var(--soft);text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:850;display:grid}.share-link input{color:#f6eedf;background:#0e0e0e;border:1px solid #ffffff1f;border-radius:6px;min-width:0;min-height:38px;padding:0 10px}.share-panel>button{color:#cfc6b6;cursor:pointer;background:#121212;border:1px solid #ffffff1f;border-radius:6px;min-height:38px}.admin-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{background:linear-gradient(#ffffff0b,#0000),#101010;border:1px solid #d7ad623d;border-radius:8px;gap:16px;width:min(420px,100%);padding:22px;display:grid;box-shadow:0 30px 90px #0000008c}.admin-modal h2{margin:4px 0 0}.admin-modal p{color:var(--muted);margin:8px 0 0;line-height:1.45}.admin-modal label{color:var(--soft);text-transform:uppercase;gap:7px;font-size:.76rem;font-weight:850;display:grid}.admin-modal input{color:#f6eedf;min-height:42px;font:inherit;background:#0b0b0b;border:1px solid #ffffff1f;border-radius:6px;padding:0 12px}.admin-modal-actions{justify-content:flex-end;gap:10px;display:flex}.admin-modal-actions button{color:#cfc6b6;cursor:pointer;background:#121212;border:1px solid #ffffff1f;border-radius:6px;min-height:38px;padding:0 12px;font-weight:800}.admin-modal-actions button[type=submit]{color:#130d04;background:linear-gradient(#ffd889,#d6a354);border-color:#d7ad628c}.status-switch button.active{color:#1d1406;background:#d7ad62}.status-switch button.active.attention,.approval-state-grid button.active.attention{color:#fff3ea;background:linear-gradient(#c44833,#8f241f);border-color:#ff6d558a}.status-switch button.active.approved,.approval-state-grid button.active.approved{color:#07160f;background:#79d28d}.review-layout{grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:18px;min-height:0;display:grid}.review-side,.review-main{grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;min-height:0;display:grid}.waveform-panel,.review-dashboard,.comment-sidebar,.upload-panel,.track-list-panel{border-radius:8px;min-height:0}.upload-panel,.review-dashboard,.waveform-panel,.comment-sidebar,.track-list-panel,.transport{animation:.46s both rise-in}.upload-panel{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.track-list-panel{gap:14px;padding:18px 22px;display:grid}.track-list-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.track-list-header h2{color:#fff4db;margin:0;font-size:1rem}.upload-button.compact{min-width:110px;min-height:36px}.track-list{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.track-list button{color:#e7dcc8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;justify-items:start;gap:5px;min-width:180px;padding:12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.track-list button:hover,.track-list button.active{background:#d7ad621f;border-color:#d7ad6285}.track-list button:active{transform:translateY(1px)}.track-list button span,.track-list button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.track-list button span{font-weight:850}.track-list button small{color:var(--soft)}.upload-panel h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-panel p{color:var(--muted);margin:6px 0 0;line-height:1.4}.upload-error{color:#ffb6a6!important}.upload-button{color:#120d05;cursor:pointer;background:linear-gradient(#f2c875,#d4a14d);border:1px solid #d7ad626b;border-radius:7px;justify-content:center;align-items:center;min-width:134px;min-height:42px;font-weight:850;transition:box-shadow .16s,filter .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 10px 26px #d7ad622e,inset 0 1px #ffffff4d}.upload-button:hover{filter:brightness(1.05);box-shadow:0 12px 32px #d7ad6242,inset 0 1px #ffffff57}.upload-button:active{transform:translateY(1px)}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-duration{min-width:106px;color:var(--soft);text-transform:uppercase;justify-items:end;gap:4px;font-size:.76rem;display:grid}.upload-duration strong{color:#fff4db;font-variant-numeric:tabular-nums;font-size:1rem}.review-dashboard{padding:20px}.admin-shell{min-height:100vh}.admin-dashboard{gap:18px;min-height:0;display:grid}.admin-dashboard .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-session-list{gap:12px;display:grid}.admin-session-group{gap:10px;display:grid}.admin-session-group>h2{color:#f6eedf;letter-spacing:0;margin:8px 0 0;font-size:.92rem}.muted-line{color:var(--muted);margin:0;font-size:.88rem}.admin-session-row{background:linear-gradient(#ffffff0a,#0000),#0f0f0fd6;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.admin-session-row.priority{border-color:#d7ad6266;box-shadow:0 18px 48px #d6a35414}.admin-session-row h2{font-size:1.05rem}.admin-session-row p:not(.eyebrow){color:var(--soft);margin:5px 0 0;font-size:.85rem}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.setup-shell{min-height:100vh}.session-setup-form{background:linear-gradient(#ffffff0b,#0000),#0e0e0edb;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.session-setup-form label{color:var(--soft);text-transform:uppercase;gap:7px;font-size:.72rem;font-weight:850;display:grid}.session-setup-form input,.session-setup-form textarea{color:#f8eedc;width:100%;min-height:42px;font:inherit;text-transform:none;background:#101010;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:10px 12px;transition:border-color .16s,box-shadow .16s}.session-setup-form textarea{resize:vertical;min-height:110px}.session-setup-form input:focus,.session-setup-form textarea:focus{border-color:#d7ad627a;box-shadow:0 0 0 3px #d7ad621f}.session-setup-form .span-2{grid-column:1/-1}.session-setup-form .checkbox-row{align-items:center;gap:10px;display:flex}.session-setup-form .checkbox-row input{accent-color:#d6a354;width:18px;min-height:18px}.reviewer-select{min-width:132px;color:var(--soft);text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:800;display:grid}.reviewer-select select{color:#f6eedf;min-height:36px;font:inherit;text-transform:none;background:#111;border:1px solid #ffffff1f;border-radius:6px;padding:0 10px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.summary-metric{background:#ffffff09;border:1px solid #ffffff17;border-radius:8px;align-content:center;gap:4px;min-height:66px;padding:12px;display:grid}.summary-metric span{color:var(--soft);text-transform:uppercase;font-size:.7rem;font-weight:850}.summary-metric strong{color:#fff4db;font-size:1.12rem;line-height:1.1}.approval-state-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.approval-state-grid button{color:#d8cfbf;cursor:pointer;background:linear-gradient(#ffffff0b,#0000),#121212;border:1px solid #ffffff1c;border-radius:6px;min-height:38px;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s}.approval-state-grid button:hover{color:#fffaf0;border-color:#d7ad6240}.approval-state-grid button.active{color:#151006;background:linear-gradient(#f2c875,#d4a14d);border-color:#d7ad629e}.approval-state-grid button.active.attention{color:#fff3ea;background:linear-gradient(#c44833,#8f241f);border-color:#ff6d558a}.approval-state-grid button.active.approved{color:#07160f;background:linear-gradient(#91dea2,#63bd79);border-color:#7fd29180}.dashboard-lists{gap:12px;margin-top:16px;display:grid}.mini-list{gap:8px;display:grid}.mini-list h3{color:#f6eedf;margin:0;font-size:.82rem}.mini-list p{color:var(--soft);margin:0;font-size:.88rem}.mini-list article{border-left:2px solid #d7ad628c;gap:3px;padding-left:10px;display:grid}.mini-list article strong{color:#f8eedc;font-size:.86rem}.mini-list article span{color:var(--soft);font-size:.78rem;line-height:1.35}.waveform-panel{grid-template-rows:auto auto minmax(300px,1fr) auto;gap:18px;padding:22px;display:grid;overflow:hidden}.mix-strip,.sidebar-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.selected-time,.sidebar-header>span{color:#ffe0a3;font-variant-numeric:tabular-nums;text-align:center;background:linear-gradient(#ffd7821c,#d7ad620f),#d7ad6214;border:1px solid #d7ad6252;border-radius:6px;min-width:76px;padding:9px 10px;font-weight:800;box-shadow:inset 0 1px #ffffff0f}.timeline{color:#8c8374;font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);font-size:.78rem;display:grid}.timeline span:last-child{text-align:right}.timeline span:nth-child(2),.timeline span:nth-child(3){text-align:center}.waveform-stage{background:linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/64px 100%,linear-gradient(#0000 49%,#ffffff14 50%,#0000 51%) 0 0/100% 100%,radial-gradient(circle,#d7ad6217,#0000 58%) 0 0/100% 100%,linear-gradient(#191919 0%,#0d0d0d 100%) 0 0/100% 100%;border:1px solid #ffffff17;border-radius:8px;align-items:center;min-height:320px;transition:border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,inset 0 -24px 80px #00000052}.waveform-stage:hover{border-color:#d7ad6247;box-shadow:inset 0 1px #ffffff0d,inset 0 -24px 80px #00000052,0 0 0 1px #d7ad6214}.waveform{z-index:2;filter:drop-shadow(0 10px 24px #0000006b);cursor:crosshair;padding:0 18px;position:relative}.loading-waveform{z-index:4;color:#bcb3a2;background:#080808c2;place-items:center;display:grid;position:absolute;inset:0}.waveform-error{z-index:5;color:#ffd2c7;text-align:center;background:#0c0807db;place-items:center;padding:28px;line-height:1.5;display:grid;position:absolute;inset:0}.marker-layer{z-index:3;pointer-events:none;position:absolute;inset:18px}.wave-marker{background:linear-gradient(180deg, transparent, var(--gold-bright) 18%, var(--gold-bright) 82%, transparent);cursor:pointer;opacity:.94;pointer-events:auto;border:0;border-radius:2px;width:2px;padding:0;transition:opacity .16s,transform .16s,box-shadow .16s,width .16s;position:absolute;top:16px;bottom:16px;box-shadow:0 0 0 4px #f1c15e1f,0 0 22px #f1c15e40}.wave-marker:hover{transform:scaleY(1.06);box-shadow:0 0 0 5px #f1c15e2e,0 0 30px #f1c15e73}.wave-marker:before{content:"";background:var(--gold-bright);border:2px solid #16110a;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f1c15e33}.wave-marker:after{content:attr(data-time);color:#ffe5ad;font-variant-numeric:tabular-nums;opacity:0;background:#0a0a0adb;border:1px solid #f1c15e57;border-radius:5px;padding:4px 7px;font-size:.68rem;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;top:18px;left:50%;transform:translate(-50%,-4px)}.wave-marker.resolved{background:linear-gradient(180deg, transparent, var(--green) 18%, var(--green) 82%, transparent);box-shadow:0 0 0 4px #7fd29121}.wave-marker.resolved:before{background:#7fd291}.wave-marker.selected{opacity:1;width:3px;transform:scaleY(1.04);box-shadow:0 0 0 5px #f1c15e2e,0 0 34px #f1c15e8c}.wave-marker.selected:after{opacity:1;transform:translate(-50%)}.review-console{border-top:1px solid #ffffff1a;justify-content:flex-start;align-items:center;gap:12px;padding-top:14px;display:flex}.marker-tool-toggle{color:#cfc6b6;cursor:pointer;background:linear-gradient(#ffffff0b,#0000),#121212;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:38px;min-height:36px;padding:0;font-size:1.2rem;font-weight:800;display:inline-grid}.marker-tool-toggle.active{color:#130d04;background:linear-gradient(#ffd889,#d6a354);border-color:#d7ad628c}.comment-sidebar{grid-template-rows:auto minmax(0,1fr);padding:22px 20px;display:grid;overflow:hidden}.comment-list{scrollbar-color:#d7ad6273 #ffffff0a;align-content:start;gap:14px;min-height:0;margin-top:20px;padding:2px 5px 2px 0;display:grid;overflow:auto}.empty-state{color:#cfc5b6;background:linear-gradient(#d7ad6214,#0000),#ffffff06;border:1px solid #d7ad6229;border-radius:8px;padding:16px}.empty-state.compact{margin-top:14px}.empty-state strong{color:#fff4db;margin-bottom:5px;display:block}.empty-state p{color:var(--muted);margin:0;line-height:1.45}.comment-card{background:linear-gradient(#ffffff06,#0000),#121212;border:1px solid #ffffff1a;border-radius:8px;transition:border-color .17s,background .17s,box-shadow .17s,transform .17s;overflow:hidden}.comment-card:hover{background:linear-gradient(#ffffff0a,#0000),#151515;border-color:#ffffff2b;transform:translateY(-1px)}.comment-card.selected{box-shadow:inset 3px 0 0 var(--gold), 0 12px 34px #0000004d;background:linear-gradient(90deg,#d7ad6226,#0000 44%),#15130f;border-color:#d7ad62bf}.comment-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr;gap:7px 10px;padding:15px;display:grid}.comment-card>.comment-text{margin:0;padding:0 15px 12px}.timecode{color:#ffd782;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800}.comment-author{color:#f7efe1;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.comment-text{color:#c8c0b3;font-size:.95rem;line-height:1.52}.comment-actions{gap:8px;padding:0 10px 10px;display:flex}.comment-actions button{color:#cfc6b6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;min-height:34px;font-weight:760}.comment-actions button:not(.resolve-toggle){padding:0 10px}.comment-actions button:disabled{cursor:not-allowed;opacity:.48}.comment-editor{gap:10px;padding:0 10px 10px;display:grid}.comment-editor textarea{resize:vertical;color:#f5f1e8;min-height:96px;font:inherit;background:#0d0d0d;border:1px solid #d7ad6238;border-radius:7px;padding:10px;line-height:1.45}.resolve-toggle{background:#ffffff0a;border:1px solid #ffffff1a;flex:1;min-height:36px;font-size:.86rem;font-weight:760}.resolve-toggle.resolved{color:#aef1bc;background:#7fd29114;border-color:#7fd29147}.spectrum-panel{background:linear-gradient(#ffffff09,#0000 42%),#0d0d0de6;border:1px solid #ffffff1c;border-radius:8px;padding:18px 22px;animation:.46s both rise-in;box-shadow:0 20px 70px #00000047,inset 0 1px #ffffff0a}.spectrum-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.band-meter{gap:6px;min-width:220px;display:grid}.band-meter span{color:var(--soft);text-transform:uppercase;grid-template-columns:38px 1fr;align-items:center;gap:8px;font-size:.72rem;font-weight:850;display:grid}.band-meter i{background:linear-gradient(90deg,#8ec78f,#f1c15e);border-radius:999px;block-size:5px;box-shadow:0 0 14px #f1c15e47}.spectrum-canvas-wrap{background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/72px 100%,linear-gradient(#151515,#0c0c0c) 0 0/100% 100%;border:1px solid #ffffff14;border-radius:8px;min-height:164px;margin-top:12px;position:relative;overflow:hidden}.spectrum-canvas-wrap canvas{width:100%;height:calc(100% - 24px);position:absolute;inset:0}.frequency-labels{color:#7f766a;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;inset:auto 12px 6px}.transport{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:78px;padding:14px 20px;display:grid}.transport-time,.transport-meta{color:#a99f90;font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:.85rem;display:flex}.transport-time span:first-child{color:#fff4db;font-size:1rem;font-weight:850}.transport-meta{justify-content:flex-end}.transport-controls{justify-content:center;align-items:center;gap:10px;display:flex}.transport button{background:linear-gradient(#ffffff0d,#0000),#151515;border:1px solid #ffffff1f;min-width:46px;min-height:42px;font-weight:800}.transport button:disabled{cursor:not-allowed;opacity:.48}.transport button:disabled:hover{color:#cfc6b6;box-shadow:none;background:linear-gradient(#ffffff0d,#0000),#151515}.transport .play-button{color:#110c04;background:linear-gradient(#ffd889,#d5a24c);justify-content:center;align-items:center;gap:9px;min-width:112px;display:inline-flex;box-shadow:0 10px 30px #d7ad6238,inset 0 1px #ffffff47}.transport .play-button:hover{color:#090704;background:linear-gradient(#ffe0a0,#e2ae58);box-shadow:0 12px 34px #d7ad6247,inset 0 1px #ffffff57}.play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;transform:translate(1px)}.pause-icon{border-left:4px solid;border-right:4px solid;width:12px;height:14px}.skip-button{color:#ddd4c5}@media (width<=980px){.start-hero{grid-template-columns:1fr}.app-shell{padding:14px}.topbar,.review-layout,.transport,.upload-panel,.share-panel{grid-template-columns:1fr}.topbar{align-items:flex-start}.review-layout{display:grid}.review-side{grid-template-rows:auto auto}.comment-sidebar{min-height:360px;max-height:46vh}.transport-time,.transport-meta,.upload-duration{justify-content:center;justify-items:start}.session-setup-form,.admin-session-row{grid-template-columns:1fr}.admin-dashboard .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.start-screen{padding:14px}.start-copy,.start-preview{padding:20px}.start-actions{display:grid}.preview-wave{gap:3px;min-height:220px;padding:16px}.topbar,.mix-strip,.sidebar-header,.project-controls{flex-direction:column;align-items:stretch}.review-count{text-align:left}.status-switch,.approval-switch{grid-template-columns:1fr}.version-switcher{grid-template-columns:1fr 1fr}.session-actions{grid-template-columns:1fr 1fr;display:grid}.waveform-panel,.review-dashboard,.comment-sidebar,.upload-panel{padding:16px}.waveform-stage{min-height:240px}.waveform-panel{grid-template-rows:auto auto minmax(240px,auto) auto}.review-console{grid-template-columns:1fr}.timeline{font-size:.7rem}.transport{z-index:10;gap:12px;position:sticky;bottom:10px}.transport-controls{order:-1}.transport-meta{flex-wrap:wrap}.transport .play-button{min-width:104px}}
