:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3f0;font-synthesis:none;text-rendering:optimizelegibility;--surface:#101522;--surface-raised:#151b29;--line:#ffffff17;--muted:#8e9aaa;--green:#81f6c7;--green-strong:#50dca5;--danger:#ff858d;background:#080b12;font-family:Inter,Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% -10%,#38675b38,#0000 32rem),#080b12;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}.brand{align-items:center;gap:.75rem;display:flex}.brand>span:last-child{align-items:baseline;gap:.35rem;display:flex}.brand strong{letter-spacing:-.03em;font-size:1.08rem}.brand small{color:var(--green);font-family:ui-monospace,monospace;font-size:.63rem}.brand-mark{background:#81f6c712;border:1px solid #81f6c747;border-radius:.7rem;justify-content:center;align-items:center;gap:2px;width:2.25rem;height:2.25rem;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:7px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){opacity:.8;height:14px}.brand-mark i:nth-child(3){height:20px}.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 #81f6c72e;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{position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#61d8ae1f,#0000 67%);border-radius:50%;width:55rem;height:55rem;position:absolute}.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 #81f6c729;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;text-shadow:0 0 22px #81f6c7b3;font-size:1.7rem;transform:scaleY(1.8)}@keyframes pulse{50%{opacity:.45;transform:scale(1.06)}}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .55rem;font-family:ui-monospace,monospace;font-size:.67rem;font-weight:500}.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:.75rem;justify-content:center;align-items:center;gap:.6rem;min-height:2.8rem;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .15s,background .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%;box-shadow:0 12px 35px #5865f240}.discord-button span{font-size:1.4rem}.privacy-note{color:#657080;margin-top:1rem;font-size:.74rem}.pending-card .brand{margin-bottom:2.4rem}.pending-lock{color:#d8bf77;background:#d8b55914;border:1px solid #d8b55933;border-radius:1.4rem;place-items:center;width:5.5rem;height:5.5rem;margin:0 auto 1.4rem;font-size:2.7rem;display:grid;box-shadow:0 0 45px #d8b55914}.pending-card h1{font-size:clamp(2.3rem,8vw,3.7rem)}.pending-card .login-copy strong{color:#eef4f1}.pending-actions{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#080b12d1;grid-template-columns:1fr auto 1fr;align-items:center;height:4.6rem;padding:0 clamp(1rem,4vw,3.2rem);display:grid;position:sticky;top:0}.topbar nav{background:#ffffff09;border-radius:.75rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.topbar nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.55rem .9rem;font-weight:700}.topbar nav button.active{background:var(--surface-raised);color:#fff;box-shadow:0 2px 8px #00000040}.nav-live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;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:.65rem;width:2rem;height:2rem}.avatar-fallback{color:var(--green);background:#273142;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:.5rem;width:2rem;height:2rem;font-size:1rem}.icon-button:hover{color:#fff;background:#ffffff0f}.identity-strip{color:#657080;text-align:center;padding-top:.65rem;font-family:ui-monospace,monospace;font-size:.62rem}.main-content{max-width:92rem;margin:0 auto;padding:clamp(1.2rem,3vw,2.6rem)}.content-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);align-items:start;gap:1.2rem;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#151b29f5,#0e131ef5);border-radius:1rem;box-shadow:0 20px 60px #0000002e}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:5.2rem;padding:1.1rem 1.35rem;display:flex}.panel h2,.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.35rem}.connection-state{color:var(--muted);text-transform:capitalize;align-items:center;gap:.45rem;font-family:ui-monospace,monospace;font-size:.65rem;display:flex}.connection-state span{background:#e4b35a;border-radius:50%;width:7px;height:7px}.connection-state.live span{background:var(--green);box-shadow:0 0 9px #81f6c7cc}.connection-state.reconnecting span{animation:1s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.transcript-panel{overflow:hidden}.transcript-list{scroll-behavior:smooth;height:calc(100vh - 12rem);min-height:31rem;max-height:57rem;overflow-y:auto}.transcript-list::-webkit-scrollbar{width:8px}.transcript-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}.transcript-row{border-bottom:1px solid #ffffff0b;grid-template-columns:.7rem 1fr;gap:.65rem;padding:1rem 1.35rem;display:grid}.transcript-row:hover{background:#ffffff05}.speaker-dot{--speaker-hue:150;background:hsl(var(--speaker-hue) 72% 66%);width:7px;height:7px;box-shadow:0 0 9px hsl(var(--speaker-hue) 72% 66% / .35);border-radius:50%;margin-top:.4rem}.transcript-row header{align-items:baseline;gap:.7rem;display:flex}.transcript-row strong{--speaker-hue:150;color:hsl(var(--speaker-hue) 72% 72%);font-size:.78rem}.transcript-row time{color:#606b7c;font-family:ui-monospace,monospace;font-size:.61rem}.teamspeak-name{color:#596575;font-size:.61rem}.transcript-row p{color:#dce4e1;margin:.3rem 0 0;font-size:.94rem;line-height:1.58}.empty-state{text-align:center;place-content:center;min-height:28rem;padding:2rem;display:grid}.empty-state h3,.empty-clips h3{margin:.7rem 0 .35rem}.empty-state p,.empty-clips p{color:var(--muted);max-width:24rem;margin:0;font-size:.85rem;line-height:1.6}.empty-wave{color:var(--green);font-size:3rem}.save-panel{padding:1.5rem;position:sticky;top:6.5rem}.save-icon{width:3rem;height:3rem;color:var(--green);background:#81f6c714;border:1px solid #81f6c729;border-radius:.8rem;place-items:center;margin-bottom:1.3rem;font-size:1.7rem;display:grid}.save-panel>p:not(.eyebrow){color:var(--muted);font-size:.84rem;line-height:1.6}.save-form{gap:1rem;margin-top:1.4rem;display:grid}.save-form label{color:#bec8c5;gap:.45rem;font-size:.74rem;font-weight:700;display:grid}.save-form label span{color:#657080;margin-left:.25rem;font-weight:500}.save-form input,.save-form select{border:1px solid var(--line);color:#fff;background:#0b101a;border-radius:.65rem;width:100%;min-height:2.7rem;padding:.65rem .75rem}.save-form input::placeholder{color:#4d5868}.primary-button{background:var(--green);color:#07120e}.secondary-button{background:var(--surface-raised);color:#fff;border:1px solid var(--line)}.scope-note{border-top:1px solid var(--line);color:#6f7b8b;align-items:flex-start;gap:.7rem;margin-top:1.4rem;padding-top:1.1rem;display:flex}.scope-note>span{color:var(--green)}.scope-note p{margin:0;font-size:.67rem;line-height:1.55}.scope-note strong{color:#a8b3b0}.notice{border-radius:.65rem;padding:.75rem .9rem;font-size:.75rem;line-height:1.5}.error-notice{color:#ffc2c6;background:#ff6c7617;border:1px solid #ff6c762e}.permission-notice{color:#d9d1a7;background:#d7b96514;border:1px solid #d7b96526;margin-top:1.2rem}.inline-notice{margin:.8rem 1.2rem}.clips-section{max-width:72rem;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}.clip-list{gap:1rem;display:grid}.clip-card{padding:1.25rem}.clip-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.clip-title-line{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.clip-card h3{margin:0;font-size:1rem}.clip-card header p{color:#6f7b8b;margin:.45rem 0 0;font-family:ui-monospace,monospace;font-size:.61rem}.status-pill{text-transform:capitalize;color:#d8bf77;background:#d8b55917;border:1px solid #d8b5592b;border-radius:2rem;padding:.25rem .55rem;font-family:ui-monospace,monospace;font-size:.58rem}.status-pill.ready{color:var(--green);background:#81f6c712;border-color:#81f6c726}.status-pill.failed{color:var(--danger);background:#ff858d12;border-color:#ff858d29}.danger-button{color:#825c63;font-size:1.3rem}.danger-button:hover{color:var(--danger);background:#ff858d12}.assembly-row{color:var(--muted);align-items:center;gap:.7rem;padding-top:1.2rem;font-size:.77rem;display:flex}.track-list{gap:.55rem;margin-top:1.2rem;display:grid}.track-row{background:#04070c59;border:1px solid #ffffff0d;border-radius:.75rem;grid-template-columns:2rem minmax(8rem,1fr) minmax(15rem,24rem);align-items:center;gap:.8rem;padding:.7rem .8rem;display:grid}.track-kind{color:#8995a5;background:#ffffff0d;border-radius:.5rem;place-items:center;width:1.8rem;height:1.8rem;display:grid}.track-kind.group{color:var(--green);background:#81f6c712}.track-copy{flex-direction:column;min-width:0;display:flex}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.track-copy small{color:#657080;margin-top:.15rem;font-size:.6rem}.track-row audio{filter:saturate(.65);width:100%;height:2rem}.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:linear-gradient(90deg, transparent, var(--green), transparent);height:2px;animation:1.3s ease-in-out infinite slide}@keyframes slide{0%,to{opacity:.2;transform:scaleX(.1)}50%{opacity:1;transform:scaleX(1)}}.admin-section{max-width:76rem;margin:0 auto}.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:#dce5e2}.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:#d8b5593d}.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:#697586;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:#81f6c714;border:1px solid #81f6c729}.access-pill.pending{color:#d8bf77;background:#d8b55914;border:1px solid #d8b5592e}.admin-controls{justify-content:flex-end;align-items:end;gap:.65rem;display:flex}.admin-controls label{color:#9ba7b4;gap:.35rem;font-size:.65rem;font-weight:700;display:grid}.admin-controls select{border:1px solid var(--line);color:#fff;background:#0b101a;border-radius:.65rem;min-width:14.5rem;min-height:2.55rem;padding:.55rem .65rem}.admin-controls select:disabled{color:#6b7582;opacity:.7}.admin-buttons{gap:.5rem;display:flex}.danger-action{color:#ffc2c6;background:#ff6c761a;border:1px solid #ff6c762e}.protected-note{color:#707b89;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{grid-row:1;position:static}.transcript-list{height:55vh;min-height:24rem}.track-row{grid-template-columns:2rem 1fr}.track-row audio{grid-column:1/-1}.admin-account{grid-template-columns:1fr}.admin-controls{justify-content:space-between}}@media (max-width:520px){.main-content{padding:.8rem}.topbar{padding-inline:.8rem}.account-badge .icon-button{display:none}.section-heading{align-items:flex-start}.secondary-button{padding-inline:.8rem}.clip-card{padding:1rem}.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 (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}