:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f5f3;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#0b0e0d;--surface:#121615;--surface-raised:#181d1b;--surface-soft:#0f1211;--line:#252c29;--line-strong:#343d39;--text:#f2f5f3;--muted:#98a29e;--quiet:#69736f;--green:#a6e3c5;--green-strong:#74cfa7;--green-ink:#0a2118;--amber:#ddc17b;--danger:#ef8f96;background:#0b0e0d;font-family:Inter,Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scrollbar-color:#39413e transparent}body{background:var(--canvas);min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.icon{width:1.15rem;height:1.15rem;display:block}.brand{align-items:center;gap:.72rem;display:flex}.brand>span:last-child{align-items:baseline;gap:.35rem;display:flex}.brand strong{letter-spacing:-.035em;font-size:1.02rem}.brand small{color:var(--green);font-family:ui-monospace,monospace;font-size:.6rem}.brand-mark{background:#132019;border:1px solid #30443a;border-radius:.68rem;justify-content:center;align-items:center;gap:2px;width:2.1rem;height:2.1rem;display:flex}.brand-mark i{background:var(--green);border-radius:2px;width:2px}.brand-mark i:first-child,.brand-mark i:nth-child(5){opacity:.55;height:6px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){opacity:.78;height:13px}.brand-mark i:nth-child(3){height:18px}.centered-page,.login-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.centered-page{align-content:center;gap:2rem}.loader,.mini-loader{border:2px solid #294036;border-top-color:var(--green);border-radius:50%;animation:.8s linear infinite spin}.loader{width:2rem;height:2rem}.mini-loader{width:1rem;height:1rem;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#0b0e0d;position:relative}.login-card{text-align:center;width:min(30rem,100%);position:relative}.login-card .brand{justify-content:center;margin-bottom:3rem}.login-visual{place-items:center;height:7rem;margin-bottom:1rem;display:grid;position:relative}.ring{border:1px solid #293430;border-radius:50%;position:absolute}.ring-one{width:7rem;height:7rem;animation:3s ease-in-out infinite pulse}.ring-two{width:4.8rem;height:4.8rem;animation:3s ease-in-out .5s infinite pulse}.wave-line{color:var(--green);letter-spacing:-.08em;font-size:1.7rem;transform:scaleY(1.8)}@keyframes pulse{50%{opacity:.45;transform:scale(1.04)}}.eyebrow{color:var(--green-strong);text-transform:uppercase;letter-spacing:.15em;margin:0 0 .55rem;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:700}.login-card h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.35rem,8vw,4rem);line-height:1.04}.login-copy{color:var(--muted);max-width:25rem;margin:1.4rem auto 2rem;line-height:1.7}.button{cursor:pointer;border:0;border-radius:.7rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.75rem;padding:.68rem 1rem;font-weight:750;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.discord-button{color:#fff;background:#5865f2;width:100%}.discord-button:hover{background:#6975f5}.discord-button span{font-size:1.4rem}.privacy-note{color:var(--quiet);margin-top:1rem;font-size:.74rem}.pending-card .brand{margin-bottom:2.4rem}.pending-lock{width:5.5rem;height:5.5rem;color:var(--amber);background:#1c1a12;border:1px solid #3b3523;border-radius:1.4rem;place-items:center;margin:0 auto 1.4rem;font-size:2.7rem;display:grid}.pending-card h1{font-size:clamp(2.3rem,8vw,3.7rem)}.pending-card .login-copy strong{color:var(--text)}.pending-actions{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.app-shell{min-width:0;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0b0e0df0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.7rem;padding:0 clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.topbar nav{background:var(--surface-soft);border:1px solid var(--line);border-radius:.72rem;align-items:center;gap:.2rem;padding:.23rem;display:flex}.topbar nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.52rem;padding:.52rem .88rem;font-weight:700;transition:color .15s,background .15s}.topbar nav button:hover{color:var(--text)}.topbar nav button.active{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 1px #303733}.nav-live-dot{background:var(--green-strong);border-radius:50%;width:6px;height:6px;margin-right:.35rem;display:inline-block}.account-badge{justify-self:end;align-items:center;gap:.65rem;display:flex}.account-badge img,.avatar-fallback{object-fit:cover;border-radius:.62rem;width:2rem;height:2rem}.avatar-fallback{color:var(--green);background:#23302a;place-items:center;font-weight:800;display:grid}.account-copy{flex-direction:column;line-height:1.25;display:flex}.account-copy strong{font-size:.79rem}.account-copy small{color:var(--muted);text-transform:capitalize;font-size:.65rem}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.icon-button:hover{color:#fff;background:var(--surface-raised)}.identity-strip{color:var(--quiet);text-align:center;padding-top:.65rem;font-family:ui-monospace,monospace;font-size:.6rem}.main-content{width:100%;min-width:0;max-width:92rem;margin:0 auto;padding:clamp(1.3rem,3vw,2.7rem)}.view-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin:0 0 1.55rem;display:flex}.view-heading>div{min-width:0}.view-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:760;line-height:1}.view-heading>div>p:last-child{color:var(--muted);margin:.72rem 0 0;font-size:.9rem;line-height:1.55}.connection-state{color:var(--muted);text-transform:capitalize;align-items:center;gap:.48rem;font-family:ui-monospace,monospace;font-size:.64rem;display:flex}.connection-state span{background:var(--amber);border-radius:50%;width:7px;height:7px}.connection-state.live span{background:var(--green-strong)}.connection-state.reconnecting span{animation:1s ease-in-out infinite blink}.connection-state.prominent{border:1px solid var(--line);background:var(--surface);color:#bdc7c2;white-space:nowrap;border-radius:99px;padding:.58rem .8rem}@keyframes blink{50%{opacity:.25}}.content-grid{grid-template-columns:minmax(0,1fr) minmax(19rem,22rem);align-items:start;gap:1.15rem;min-width:0;display:grid}.content-grid>*{min-width:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 12px 32px #0000001f}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:5.15rem;padding:1.05rem 1.3rem;display:flex}.panel h2,.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.32rem}.feed-count{color:var(--quiet);white-space:nowrap;font-family:ui-monospace,monospace;font-size:.62rem}.transcript-panel{overflow:hidden}.transcript-stage{position:relative}.transcript-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39413e transparent;height:calc(100dvh - 17.6rem);min-height:30rem;max-height:55rem;overflow-y:auto}.transcript-row{border-bottom:1px solid #1d2321;grid-template-columns:2.1rem 1fr;gap:.8rem;padding:.95rem 1.3rem;transition:background .15s;display:grid}.transcript-row:last-child{border-bottom:0}.transcript-row:hover{background:#151a18}.speaker-avatar{object-fit:cover;border-radius:.65rem;width:2.05rem;height:2.05rem;margin-top:.05rem}.speaker-initial{--speaker-hue:150;color:hsl(var(--speaker-hue) 55% 78%);background:hsl(var(--speaker-hue) 22% 18%);border:1px solid hsl(var(--speaker-hue) 25% 27%);place-items:center;font-size:.7rem;font-weight:800;display:grid}.transcript-row>div{min-width:0}.transcript-row header{flex-wrap:wrap;align-items:baseline;gap:.65rem;display:flex}.transcript-row strong{--speaker-hue:150;color:hsl(var(--speaker-hue) 50% 76%);font-size:.78rem}.transcript-row time{color:#66706c;margin-left:auto;font-family:ui-monospace,monospace;font-size:.59rem}.teamspeak-name{color:#606a66;font-size:.59rem}.transcript-row p{color:#dce2df;overflow-wrap:anywhere;margin:.32rem 0 0;font-size:.92rem;line-height:1.56}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:28rem;padding:2rem;display:grid}.empty-state h3,.empty-clips h3{margin:.9rem 0 .35rem}.empty-state p,.empty-clips p{color:var(--muted);max-width:25rem;margin:0;font-size:.85rem;line-height:1.6}.empty-wave{align-items:center;gap:4px;height:2.8rem;display:flex}.empty-wave i{background:var(--green-strong);border-radius:2px;width:3px;animation:1.4s ease-in-out infinite wave}.empty-wave i:first-child,.empty-wave i:nth-child(5){height:10px;animation-delay:-.4s}.empty-wave i:nth-child(2),.empty-wave i:nth-child(4){height:22px;animation-delay:-.2s}.empty-wave i:nth-child(3){height:34px}@keyframes wave{50%{opacity:.55;transform:scaleY(.45)}}.latest-button{color:var(--green);cursor:pointer;background:#1a2a23;border:1px solid #3b5047;border-radius:99px;padding:.56rem .82rem;font-size:.7rem;font-weight:800;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.latest-button:hover{background:#20352b}.save-panel{padding:1.45rem;position:sticky;top:6.25rem}.save-icon{width:3rem;height:3rem;color:var(--green);background:#15231d;border:1px solid #294036;border-radius:.8rem;place-items:center;margin-bottom:1.35rem;display:grid}.save-icon .icon{width:1.35rem;height:1.35rem}.save-panel>p:not(.eyebrow){color:var(--muted);font-size:.84rem;line-height:1.6}.save-form{gap:1rem;margin-top:1.35rem;display:grid}.save-form fieldset{border:0;margin:0;padding:0}.save-form legend,.save-form label{color:#bec7c3;font-size:.72rem;font-weight:750}.duration-options{grid-template-columns:repeat(3,1fr);gap:.38rem;margin-top:.48rem;display:grid}.duration-options button{border:1px solid var(--line);background:var(--surface-soft);min-height:2.25rem;color:var(--muted);cursor:pointer;border-radius:.55rem;font-size:.7rem;font-weight:750}.duration-options button:hover{border-color:var(--line-strong);color:var(--text)}.duration-options button.active{color:var(--green);background:#17271f;border-color:#416452}.save-form label{grid-template-columns:auto 1fr;gap:.45rem;display:grid}.save-form label span{color:var(--quiet);font-weight:500}.save-form input{border:1px solid var(--line);background:var(--surface-soft);color:#fff;border-radius:.62rem;grid-column:1/-1;width:100%;min-height:2.7rem;padding:.65rem .75rem}.save-form input:hover{border-color:var(--line-strong)}.save-form input::placeholder{color:#56605c}.primary-button{background:var(--green);color:var(--green-ink)}.primary-button:hover{background:#b6ebd1}.secondary-button{background:var(--surface-raised);color:#fff;border:1px solid var(--line)}.secondary-button:hover{border-color:var(--line-strong);background:#1d2421}.scope-note{border-top:1px solid var(--line);color:var(--quiet);align-items:flex-start;gap:.65rem;margin-top:1.4rem;padding-top:1.1rem;display:flex}.scope-note>span{color:var(--green-strong);margin-top:.25rem;font-size:.5rem}.scope-note p{margin:0;font-size:.67rem;line-height:1.55}.scope-note strong{color:#aeb8b3}.notice{border-radius:.65rem;padding:.75rem .9rem;font-size:.75rem;line-height:1.5}.error-notice{color:#ffc2c6;background:#241416;border:1px solid #51272b}.permission-notice{color:#ddd1aa;background:#201d13;border:1px solid #403823;margin-top:1.2rem}.inline-notice{margin:.8rem 1.2rem}.clips-section{max-width:76rem;margin:0 auto}.clips-heading{margin-bottom:2rem}.refresh-button .icon{width:1rem;height:1rem}.clip-list{gap:1rem;display:grid}.clip-card{overflow:hidden}.clip-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.35rem;display:flex}.clip-heading-copy{align-items:flex-start;gap:1rem;min-width:0;display:flex}.clip-heading-copy>div{min-width:0}.clip-number{border:1px solid var(--line);width:2.35rem;height:2.35rem;color:var(--quiet);background:var(--surface-soft);border-radius:.68rem;flex:none;place-items:center;font-family:ui-monospace,monospace;font-size:.65rem;display:grid}.clip-title-line{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.clip-card h3{letter-spacing:-.02em;margin:.05rem 0 0;font-size:1.05rem}.clip-meta{color:var(--quiet);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-top:.52rem;font-family:ui-monospace,monospace;font-size:.59rem;display:flex}.clip-meta span+span:before{content:"·";color:#414945;margin-right:.9rem}.status-pill{text-transform:capitalize;color:var(--amber);background:#211e14;border:1px solid #403822;border-radius:2rem;padding:.23rem .52rem;font-family:ui-monospace,monospace;font-size:.56rem}.status-pill.ready{color:var(--green);background:#15231d;border-color:#294036}.status-pill.failed{color:var(--danger);background:#241416;border-color:#51272b}.danger-button{color:#865f64}.danger-button:hover{color:var(--danger);background:#241416}.assembly-row{color:var(--muted);align-items:center;gap:.7rem;padding:.15rem 1.35rem 1.25rem 4.7rem;font-size:.77rem;display:flex}.track-section{border-top:1px solid var(--line);background:#0f1211;padding:1.05rem 1.35rem 1.3rem}.track-section-heading{justify-content:space-between;align-items:baseline;margin-bottom:.7rem;display:flex}.track-section-heading strong{color:#bbc4c0;font-size:.7rem}.track-section-heading span{color:var(--quiet);font-family:ui-monospace,monospace;font-size:.57rem}.track-list{gap:.48rem;display:grid}.track-player{background:#131715;border:1px solid #242a28;border-radius:.75rem;grid-template-columns:2.5rem minmax(0,1fr) 2.7rem 2.5rem;align-items:center;gap:.75rem;padding:.68rem .75rem;transition:border-color .15s,background .15s;display:grid}.track-player:hover{border-color:#333c38}.track-player.group-track{background:#141d19;border-color:#30463b}.track-player.is-playing{background:#17231d;border-color:#4a735f}.track-player audio{display:none}.play-button{width:2.45rem;height:2.45rem;color:var(--green);cursor:pointer;background:#1c3027;border:1px solid #385446;border-radius:50%;place-items:center;display:grid}.play-button:hover{background:#243c31}.play-button .icon{width:1rem;height:1rem}.track-details{gap:.55rem;min-width:0;display:grid}.track-name-line{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.track-name-line>div{align-items:baseline;gap:.55rem;min-width:0;display:flex}.track-name-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.track-name-line span,.track-name-line small{color:var(--quiet);white-space:nowrap;font-size:.58rem}.player-controls{grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;gap:.55rem;display:grid}.playback-time{color:#77817c;font-family:ui-monospace,monospace;font-size:.56rem}.playback-time:last-child{text-align:right}.seek-control{--progress:0%;appearance:none;background:linear-gradient(to right, var(--green-strong) var(--progress), #313936 var(--progress));cursor:pointer;border:0;border-radius:4px;width:100%;height:4px;margin:0}.seek-control:disabled{cursor:default;opacity:.55}.seek-control::-webkit-slider-thumb{appearance:none;background:var(--green);border:2px solid #14221b;border-radius:50%;width:11px;height:11px}.seek-control::-moz-range-thumb{background:var(--green);border:2px solid #14221b;border-radius:50%;width:8px;height:8px}.speed-button,.download-button{border:1px solid var(--line);background:var(--surface-soft);width:2.35rem;height:2.35rem;color:var(--muted);cursor:pointer;border-radius:.58rem;place-items:center;font-size:.62rem;font-weight:800;text-decoration:none;display:grid}.speed-button:hover,.download-button:hover{color:var(--text);border-color:var(--line-strong)}.download-button .icon{width:1rem;height:1rem}.empty-clips{text-align:center;place-items:center;padding:5rem 2rem;display:grid}.empty-clips>span{color:var(--green);font-size:2.5rem}.loading-line{background:var(--green-strong);transform-origin:0;height:2px;animation:1.3s ease-in-out infinite slide}@keyframes slide{0%,to{opacity:.2;transform:scaleX(.08)}50%{opacity:1;transform:scaleX(1)}}.admin-section{max-width:76rem;margin:0 auto}.section-heading{justify-content:space-between;align-items:end;margin-bottom:1.4rem;display:flex}.section-heading>div>p:last-child{color:var(--muted);margin:.4rem 0 0;font-size:.84rem}.permission-key{color:var(--muted);flex-wrap:wrap;gap:.8rem 1.5rem;margin-bottom:1rem;padding:.9rem 1rem;font-size:.72rem;display:flex}.permission-key strong{color:#dce5e1}.admin-account-list{gap:.75rem;display:grid}.admin-account{grid-template-columns:minmax(18rem,1fr) minmax(21rem,auto);align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid}.admin-account.pending{border-color:#4b4127}.admin-identity{align-items:center;gap:.85rem;min-width:0;display:flex}.admin-identity img,.admin-identity>.avatar-fallback{border-radius:.8rem;flex:none;width:2.8rem;height:2.8rem}.admin-identity>div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.admin-name-line{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.admin-name-line strong{font-size:.86rem}.admin-identity small{color:var(--quiet);text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:.59rem;overflow:hidden}.access-pill{border-radius:2rem;padding:.2rem .48rem;font-family:ui-monospace,monospace;font-size:.55rem}.access-pill.approved{color:var(--green);background:#15231d;border:1px solid #294036}.access-pill.pending{color:var(--amber);background:#211e14;border:1px solid #403822}.admin-controls{justify-content:flex-end;align-items:end;gap:.65rem;display:flex}.admin-controls label{color:#9ba7a1;gap:.35rem;font-size:.65rem;font-weight:700;display:grid}.admin-controls select{border:1px solid var(--line);background:var(--surface-soft);color:#fff;border-radius:.65rem;min-width:14.5rem;min-height:2.55rem;padding:.55rem .65rem}.admin-controls select:disabled{color:#6b756f;opacity:.7}.admin-buttons{gap:.5rem;display:flex}.danger-action{color:#ffc2c6;background:#241416;border:1px solid #51272b}.protected-note{color:var(--quiet);white-space:nowrap;padding:.75rem 0;font-size:.66rem}.admin-row-error{grid-column:1/-1;margin:0}@media (max-width:850px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:4.5rem;padding-block:.65rem}.topbar nav{grid-area:2/1/auto/-1;justify-self:center;margin-top:.6rem}.account-copy,.identity-strip{display:none}.content-grid{grid-template-columns:1fr}.save-panel{position:static}.transcript-list{height:58vh;min-height:24rem}.admin-account{grid-template-columns:1fr}.admin-controls{justify-content:space-between}}@media (max-width:620px){.main-content{padding:1.1rem .8rem 2rem}.topbar{padding-inline:.8rem}.account-badge .icon-button{display:none}.view-heading{align-items:flex-start}.view-heading h1{font-size:2.25rem}.connection-state.prominent,.feed-count{display:none}.panel-header,.transcript-row{padding-inline:1rem}.clip-header{padding:1rem}.clip-number{display:none}.clip-heading-copy{gap:0}.clip-meta span+span:before{display:none}.clip-meta{gap:.35rem .75rem}.track-section{padding:.9rem 1rem 1rem}.track-player{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;gap:.6rem}.track-details{grid-area:1/2/3/-1;padding-right:3rem}.speed-button{grid-area:2/1}.download-button{grid-area:1/3}.track-name-line>div{gap:.15rem;display:grid}.track-name-line small{display:none}.refresh-button{padding-inline:.75rem}.pending-actions{grid-template-columns:1fr}.admin-controls{flex-direction:column;align-items:stretch}.admin-controls select{width:100%;min-width:0}.admin-buttons{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:420px){.topbar nav button{padding-inline:.68rem}.track-name-line span{display:none}.player-controls{grid-template-columns:1.9rem 1fr 1.9rem;gap:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}