:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:7px;--radius:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 1px 2px #1816220d, 0 1px 1px #18162208;--shadow-md:0 6px 20px #18162214, 0 2px 6px #1816220d;--shadow-pop:0 14px 40px #18162229;--primary:#5b50e6;--primary-h:#4a40cf;--primary-soft:#efedfd;--on-primary:#fff;--bg:#f6f5f3;--card:#fff;--surface-2:#faf9f7;--border:#e8e5e0;--border-strong:#d9d5ce;--text-h:#1b1922;--text:#4c4955;--muted:#8b8794;--ok:#18935a;--ok-soft:#e6f5ec;--warn:#bf7d18;--warn-soft:#fbeed7;--error:#d23f3f;--error-soft:#fbe9e9;--solo:#0d9c9c;--solo-soft:#ddf3f2;--info:#2f6bd0;--info-soft:#e9f1ff;--wave:#d0ccea;--wave-played:#5b50e6;--playhead:#1b1922;--grid:#5b50e61f;--focus:#5b50e652}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 22px #00000080;--shadow-pop:0 18px 46px #0000009e;--primary:#6c63ea;--primary-h:#837bf0;--primary-soft:#24213a;--on-primary:#fff;--bg:#131119;--card:#1b1924;--surface-2:#232030;--border:#2d2a38;--border-strong:#3b3749;--text-h:#f2f0f7;--text:#c5c1d0;--muted:#918da1;--ok:#36c281;--ok-soft:#15311f;--warn:#e2a544;--warn-soft:#352712;--error:#ec5b5b;--error-soft:#3a1b1b;--solo:#2dc0c0;--solo-soft:#0f3030;--info:#6ba1ef;--info-soft:#16243c;--wave:#393550;--wave-played:#7d75f2;--playhead:#f2f0f7;--grid:#7d75f229;--focus:#7d75f273}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55}h1,h2,h3{color:var(--text-h);letter-spacing:-.01em;line-height:1.2}h2{font-size:1.4rem;font-weight:680}h3{font-size:1.02rem;font-weight:650}a{color:var(--primary);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.notice{color:var(--ok)}.center{place-items:center;min-height:100vh;padding:1rem;display:grid}.page{min-height:100vh}.container{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.page-title{letter-spacing:-.02em;margin:0 0 1.1rem;font-size:1.5rem;font-weight:700}.shell{min-height:100vh;display:flex}.sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{align-items:center;gap:.55rem;padding:.25rem .5rem .85rem;display:flex}.logo-mark{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.user-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.6rem;margin:.1rem 0 .6rem;padding:.6rem;text-decoration:none;transition:border-color .12s,background .12s;display:flex}a.user-card:hover{border-color:var(--border-strong);background:var(--card)}a.user-card.active{border-color:var(--primary)}.avatar{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.user-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-meta strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.nav{flex-direction:column;flex:1;gap:.12rem;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.9rem .6rem .3rem;font-size:.68rem;font-weight:700}.nav-item{border-radius:var(--r-sm);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;font-size:.92rem;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item svg{flex-shrink:0}.nav-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-bottom{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.classnav{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:224px;height:100vh;padding:1rem .65rem;display:flex;position:sticky;top:0;overflow-y:auto}.classnav-head{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:.5rem;padding:.15rem .6rem .75rem;display:flex}.classnav-head .head-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.classnav-head strong{color:var(--text-h);letter-spacing:-.01em;font-size:1rem}.thread-row{align-items:center;display:flex;position:relative}.thread-row .nav-item{flex:1;min-width:0}.row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.thread-row .row-actions{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.row-gear{width:24px;height:24px;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:flex}.classnav-head:hover .row-gear,.thread-row:hover .row-gear,.row-gear:focus-visible{opacity:1}.row-actions:has(.nav-popover) .row-gear{opacity:1}.row-gear:hover{background:var(--surface-2);color:var(--text-h)}.thread-row .row-gear:hover{background:var(--border)}.nav-popover{z-index:60;background:var(--card);border:1px solid var(--border-strong);border-radius:12px;min-width:190px;margin-top:5px;padding:5px;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000002e}.pop-item{width:100%;color:var(--text-h);text-align:left;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex}.pop-item:hover{background:var(--surface-2)}.pop-item.danger{color:var(--error)}.pop-item.danger:hover{background:var(--error-soft)}.pop-item svg{color:var(--muted);flex-shrink:0}.pop-item.danger svg{color:var(--error)}.pop-sep{background:var(--border);height:1px;margin:4px 6px}.nav-pop-form{flex-direction:column;gap:7px;padding:5px;display:flex}.nav-pop-form input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);width:100%;color:var(--text-h);padding:7px 9px;font-size:13px}.nav-pop-form button{border-radius:var(--r-sm);cursor:pointer;background:var(--primary);color:#fff;border:none;padding:7px 9px;font-size:13px;font-weight:600}.nav-pop-form button:disabled{opacity:.55;cursor:default}.classnav-list{flex-direction:column;flex:1;gap:.08rem;display:flex}.nav-item.subtle{color:var(--muted);margin-top:.5rem}@media (width<=980px){.classnav{display:none}}.thread{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.post{gap:.75rem;display:flex}.post .avatar{width:40px;height:40px;font-size:.85rem}.post-body{flex:1;min-width:0}.post-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.post-head strong{color:var(--text-h)}.post-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-h);align-items:center;gap:.65rem;margin-top:.45rem;padding:.7rem .9rem;display:flex}.post-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.post-card .play-dot{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.post-card .meta{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.85rem}.mini-player{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:.45rem;margin-top:.5rem;padding:.5rem .6rem;display:flex}.mini-row{align-items:center;gap:.45rem;display:flex}.mini-player .waveform{flex:none;width:100%}.mini-player .icon-btn{border:1px solid var(--border-strong)}.mini-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.mini-player .time{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.mini-select{width:auto;margin:0;padding:.25rem .4rem;font-size:.85rem}.post-comments{border-left:2px solid var(--border);flex-direction:column;gap:.4rem;margin-top:.65rem;padding-left:.85rem;display:flex}.pc{color:var(--text);font-size:.9rem}.pc strong{color:var(--text-h)}.post-comments>.pc{padding-right:1.7rem;position:relative}.pc.reply{margin-left:1rem;padding-right:0}.post-comments .reply-box{margin-top:.35rem}.post-comments .reply-box input{flex:1;margin:0}.add-reply{color:var(--muted);align-self:flex-start}.add-reply:hover{color:var(--text-h)}.stamp{font-family:var(--mono);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--card);color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.78rem;display:inline-flex}.stamp.on{background:var(--primary-soft);color:var(--primary);border-color:#0000}.prose{color:var(--text);word-break:break-word;font-size:.92rem;line-height:1.55}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:.5rem 0}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{opacity:.85}.prose ul,.prose ol{margin:.5rem 0;padding-left:1.3rem}.prose li{margin:.15rem 0}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-h);margin:.7rem 0 .35rem;line-height:1.25}.prose h1{font-size:1.2rem}.prose h2{font-size:1.08rem}.prose h3{font-size:1rem}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:.1em .35em;font-size:.85em}.prose pre{background:var(--surface-2);border-radius:var(--r-sm);padding:.6rem .75rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin:.5rem 0;padding-left:.8rem}.prose img{border-radius:var(--r-sm);max-width:100%}.prose table{border-collapse:collapse;margin:.5rem 0}.prose th,.prose td{border:1px solid var(--border);padding:.3rem .5rem}.prose hr{border:none;border-top:1px solid var(--border);margin:.8rem 0}.post-note{margin:.15rem 0 .45rem}.mini-player .post-note{border-top:1px solid var(--border);margin:0;padding-top:.5rem}.version-credits{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;margin-top:.85rem;padding-top:.85rem;display:flex}.credit-group{flex-direction:column;gap:.2rem;display:flex}.credit-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem;font-weight:700}.credit-group ul{color:var(--text-h);flex-direction:column;gap:.2rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.credit-group a{color:var(--primary);word-break:break-all}.pill.ai{background:var(--primary-soft);color:var(--primary);vertical-align:1px;margin-left:.4rem;padding:.05rem .4rem;font-size:.66rem}.player-notes{border-top:1px solid var(--border);align-items:flex-start;gap:.75rem;margin-top:.85rem;padding-top:.85rem;display:flex}.player-notes-text{flex:1;min-width:0}.player-notes-actions{flex-shrink:0;gap:.2rem;display:flex}.post-edit{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.post-edit .row.wrap{gap:.75rem 1rem;margin-bottom:.6rem}.post-edit .inline input{width:6.5ch}.post-edit .inline input[placeholder=free\ time]{width:8ch}.post-edit .inline .vt-input{width:20ch}.note-preview{background:var(--surface-2);border-radius:var(--r-sm);margin-top:.5rem;padding:.5rem .75rem}.note-preview summary{cursor:pointer}textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);width:100%;color:var(--text);resize:vertical;padding:.5rem .6rem}textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-header{z-index:10;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;min-height:56px;padding:.55rem 1.25rem;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.shell-brand{display:none}.icon-btn{color:var(--text);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;place-items:center;padding:.35rem;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn.sm{padding:.2rem}.icon-btn.danger{color:var(--muted)}.icon-btn.danger:hover{color:var(--error);background:var(--error-soft)}.post-actions{gap:.2rem;margin-left:auto;display:flex}.primary.sm,.ghost.sm{width:auto;margin:0;padding:.3rem .7rem;font-size:.85rem}.note-edit{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.xs{font-size:.72rem}.edited{margin-left:.4rem;font-style:italic}.cedit{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.cedit input{width:auto;min-width:160px;margin:0;padding:.2rem .45rem}.menu-btn{display:none}.shell-content{flex:1}.scrim{display:none}.playbar{z-index:50;background:var(--card);border-top:1px solid var(--border);align-items:center;gap:.55rem;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000014}.playbar-progress{background:var(--primary);height:2px;position:absolute;top:-1px;left:0}.playbar .icon-btn{border:1px solid var(--border-strong)}.playbar-icon{color:var(--muted);flex-shrink:0}.playbar-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:180px;font-weight:600;overflow:hidden}.playbar-wave{flex:1;min-width:100px}.playbar-wave .waveform{flex:none;width:100%}.playbar .time{color:var(--muted);white-space:nowrap}body.has-playbar .sidebar,body.has-playbar .classnav{padding-bottom:4.5rem}body.has-playbar .shell-content{padding-bottom:4rem}@media (width<=860px){.sidebar{z-index:40;box-shadow:var(--shadow-pop);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:grid}.shell-brand{display:inline}.scrim{z-index:35;background:#00000073;display:block;position:fixed;inset:0}.container{padding:1.25rem 1rem 3rem}}.topbar{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.row{align-items:center;gap:.6rem;display:flex}.row.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (width>=620px){.grid-2{grid-template-columns:1fr 1fr}}section{margin-bottom:1.75rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.auth-card{width:100%;max-width:392px}.brand{color:var(--primary);letter-spacing:-.03em;margin:0 0 .25rem;font-weight:800}.brand.small{margin:0;font-size:1.05rem}.placeholder{box-shadow:none;border-style:dashed;margin-top:1.5rem}label{color:var(--text-h);margin-top:.9rem;font-size:.9rem;display:block}input,select,textarea{width:100%;font:inherit;color:var(--text-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);margin-top:.35rem;padding:.6rem .7rem;font-size:1rem;transition:border-color .12s,box-shadow .12s;display:block}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus);outline:none}::placeholder{color:var(--muted)}button{font:inherit;cursor:pointer;border-radius:var(--r-sm);border:1px solid #0000;padding:.55rem .9rem;transition:background .12s,border-color .12s,transform 50ms}button:active{transform:translateY(.5px)}button.primary{background:var(--primary);width:100%;color:var(--on-primary);box-shadow:var(--shadow-sm);margin-top:1.1rem;font-weight:600}button.primary:hover{background:var(--primary-h)}button.primary:disabled{opacity:.55;cursor:default;box-shadow:none}button.ghost{color:var(--text);border-color:var(--border-strong);background:0 0}button.ghost:hover{background:var(--surface-2)}.seg,.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:.25rem;padding:.25rem;display:flex}.tabs{margin:1rem 0}.seg-btn,.tab{color:var(--muted);text-transform:capitalize;background:0 0;flex:1;font-size:.9rem;font-weight:600}.seg-btn.on,.tab.active{background:var(--card);color:var(--text-h);box-shadow:var(--shadow-sm)}.seg-btn:disabled{opacity:.5;cursor:default}.contrib-add{margin-bottom:.5rem}.contrib-list{margin:0 0 .5rem;padding:0;list-style:none}.contrib-name{min-width:120px;color:var(--text-h);flex:none;font-weight:500}.credit-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.credit-row input{flex:1;min-width:0;margin:0}.credit-row select{flex:none;width:auto;min-width:160px;margin:0}.credit-row .icon-btn{flex:none}input.mini{text-align:center;width:3.2rem;margin:0 .15rem;padding:.25rem .35rem}.as-button{text-align:center;cursor:pointer;display:inline-block}.primary.as-button{background:var(--primary);color:var(--on-primary);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);padding:.5rem .9rem;font-weight:600}.ghost.as-button{border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:.45rem .8rem}.ghost.as-button:hover{background:var(--surface-2)}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.link:hover{text-decoration:underline}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-pill);padding:.18rem .5rem;font-size:.72rem;font-weight:700}.pill.moderator{background:var(--primary-soft);color:var(--primary)}.pill.member{background:var(--info-soft);color:var(--info)}.member-controls{align-items:center;gap:.5rem;display:flex}.role-select{width:auto;height:30px;margin:0;padding:.2rem 1.4rem .2rem .5rem;font-size:.82rem}.thread-access{margin:1rem 0}.thread-member-pick{border-top:.5px solid var(--border);margin-top:.85rem;padding-top:.85rem}.check-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.3rem 1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.check-list label{cursor:pointer;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.check-list input[type=checkbox]{flex-shrink:0;width:auto;margin:0}.pill.ontime{background:var(--ok-soft);color:var(--ok)}.pill.late{background:var(--error-soft);color:var(--error)}.badge{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-sm);padding:.05rem .4rem;font-size:.72rem}.class-list,.member-list,.track-list,.comment-list,.feed{gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.class-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-h);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .6rem;padding:.9rem 1rem;transition:border-color .12s,box-shadow .12s,transform 60ms;display:flex}.class-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.member-list li{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.feed{font-size:.9rem}.feed li{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:.55rem .75rem}.attention{border-left:3px solid var(--primary);border-radius:0 var(--r-lg) var(--r-lg) 0;margin-bottom:1.5rem}.attn-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.attn-row:first-of-type{border-top:none}.attn-row .link{white-space:nowrap}.join-code-card{margin:1rem 0}.code{font-family:var(--mono);letter-spacing:.15em;color:var(--text-h);font-size:1.8rem;font-weight:700}.upload-prompt{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0 1.5rem;display:flex}.grid-scroll{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.subgrid{border-collapse:collapse;width:100%;font-size:.85rem}table.subgrid th,table.subgrid td{border:1px solid var(--border);text-align:center;padding:.45rem .55rem}table.subgrid th{background:var(--surface-2);white-space:nowrap;font-weight:600}.subgrid .namecell{text-align:left;white-space:nowrap;background:var(--card);z-index:1;position:sticky;left:0}.subgrid .namecell a{color:var(--primary)}.subgrid .cell{min-width:3rem}.subgrid .cell.on_time{background:var(--ok-soft)}.subgrid .cell.late{background:var(--error-soft)}.subgrid .cell.missing{color:var(--muted)}.subgrid .cell a{font-weight:700;text-decoration:none}.subgrid .cell.on_time a{color:var(--ok)}.subgrid .cell.late a{color:var(--error)}.subgrid .totals td{background:var(--surface-2);font-size:.78rem;font-weight:600}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;display:grid}@media (width>=620px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);box-shadow:var(--shadow-sm);padding:1rem;font-size:.85rem}.stat-num{color:var(--text-h);font-size:1.6rem;font-weight:700;line-height:1.1;display:block}.bell-wrap{position:relative}.bell,.theme-toggle{color:var(--text);background:0 0;border:1px solid #0000;padding:.4rem .55rem;font-size:1.05rem;line-height:1;position:relative}.bell:hover,.theme-toggle:hover{background:var(--surface-2)}.bell-badge{background:var(--error);color:#fff;border-radius:var(--r-pill);text-align:center;min-width:1rem;padding:.05rem .32rem;font-size:.62rem;font-weight:700;position:absolute;top:-3px;right:-3px}.bell-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:320px;max-width:88vw;box-shadow:var(--shadow-pop);z-index:30;position:absolute;top:calc(100% + .4rem);right:0;overflow:hidden}.bell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.bell-menu ul{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif{border-bottom:1px solid var(--border);cursor:pointer;padding:.6rem .8rem;font-size:.9rem}.notif:last-child{border-bottom:none}.notif:hover{background:var(--surface-2)}.notif.unread{background:var(--primary-soft)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);text-align:center;margin-top:1rem;padding:1.75rem;transition:border-color .12s,background .12s}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.track-list li{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.track-list li input{flex:1;margin:0}.inline{align-items:center;gap:.4rem;margin:0;font-size:.9rem;display:inline-flex}.inline select,.inline input{width:auto;margin:0}.player{margin:1rem 0}.transport-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.lanes-scroll{flex-direction:column;gap:0;display:flex;overflow-y:auto}.card.player .lanes-scroll{max-height:424px}.card.player .track-editor{max-height:calc(442px + 1.05rem);overflow-y:auto}.card.player.expanded{z-index:100;border-radius:0;flex-direction:column;max-width:none;margin:0;display:flex;position:fixed;inset:0}.card.player.expanded .transport,.card.player.expanded .player-notes,.card.player.expanded .post-edit,.card.player.expanded .ruler-strip{flex-shrink:0}.card.player.expanded .mixer,.card.player.expanded .track-editor{flex:auto;min-height:0}.card.player.expanded .lanes-scroll{flex:auto;min-height:0;max-height:none}.card.player.expanded .track-editor{overflow-y:auto}body.player-expanded{overflow:hidden}.card.player.expanded.with-panel{right:360px}.comments-panel{z-index:101;background:var(--card);border-left:1px solid var(--border);width:360px;padding:1.25rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.comments-panel section{margin-top:1rem}.panel-head{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.panel-head .add-comment{margin:0}.panel-close{margin-left:auto}.icon-btn.comments-toggle.on{background:var(--primary-soft);color:var(--primary)}.transport{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 .85rem;padding-bottom:.85rem;display:flex}.transport .primary{width:auto;margin:0}.transport-controls{align-items:center;gap:.3rem;display:flex}.transport-controls .icon-btn{border:1px solid var(--border-strong);color:var(--text)}.transport-controls .icon-btn:hover{background:var(--surface-2)}.transport .play-btn{border-radius:50%;place-items:center;width:38px;height:38px;margin:0 .15rem;padding:0;display:grid}.version-pick{gap:.45rem}.version-pick select{text-overflow:ellipsis;max-width:200px}.time{font-family:var(--mono);color:var(--text-h);font-variant-numeric:tabular-nums}.tc-input{width:5.5ch;font:inherit;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-h);vertical-align:baseline;cursor:text;background:0 0;border:1px solid #0000;border-radius:5px;margin:0;padding:1px 3px;display:inline-block}.tc-input:hover{border-color:var(--border-strong)}.tc-input:focus{border-color:var(--primary);background:var(--card);box-shadow:none;outline:none}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.4rem;margin:0;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .15s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track .switch-knob{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary-soft);outline-offset:1px}.switch-label{color:var(--muted);font-size:.8rem}.switch input:checked~.switch-label{color:var(--text-h)}.mixer{flex-direction:column;gap:.15rem;display:flex;position:relative}.playhead{background:var(--playhead);width:1px;top:0;bottom:0;left:calc(120px + .75rem + var(--ph) * (100% - 120px - .75rem));pointer-events:none;z-index:3;position:absolute}.track-strip{align-items:center;gap:.75rem;margin:0;display:flex}.track-editor{flex-direction:column;gap:.4rem;display:flex}.te-row{border-radius:var(--r-sm);align-items:center;gap:.6rem;display:flex}.te-row.drag-source{opacity:.4}.te-row.drag-over{box-shadow:inset 0 2px 0 0 var(--primary)}.te-drag{color:var(--muted);cursor:grab;flex-shrink:0;place-items:center;padding:.3rem .1rem;display:grid}.te-drag:hover{color:var(--text)}.te-drag:active{cursor:grabbing}.te-drag:focus-visible{outline:2px solid var(--primary-soft);border-radius:4px}.te-name{flex:1;min-width:0;margin:0;padding:.4rem .6rem}.te-dur{font-family:var(--mono);flex-shrink:0}.te-replace{flex-shrink:0}.te-replace input{display:none}.track-editor .add-track{align-self:flex-start;align-items:center;gap:.3rem;margin:.3rem 0 0 calc(16px + .8rem);display:inline-flex}.add-track input{display:none}.track-controls{flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem;width:120px;display:flex}.track-label{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.mixer-buttons{gap:.25rem;display:flex}.chip{border:1px solid var(--border-strong);background:var(--card);width:26px;height:26px;color:var(--muted);padding:0;font-size:.75rem;font-weight:700}.chip.on{background:var(--error);color:#fff;border-color:var(--error)}.chip.solo{background:var(--solo);color:#fff;border-color:var(--solo)}.waveform{cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;min-width:0;overflow:hidden}.waveform canvas{width:100%;display:block}.lanes-scroll .waveform{background:0 0;border:none;border-radius:0}.ruler{cursor:pointer;flex:1;min-width:0}.ruler canvas{width:100%;display:block}.ruler-strip{margin:0}.comment{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--r-sm);padding:.7rem 2.2rem .7rem .9rem;position:relative}.comment.addressed{border-left-color:var(--ok)}.comment p{margin:.4rem 0}.comment-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.addr-check{border:1.5px solid var(--border-strong);color:#fff;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;padding:0;display:grid;position:absolute;top:.55rem;right:.55rem}.addr-check.on{background:var(--ok);border-color:var(--ok)}.addr-check:not(.on):not(:disabled):hover{border-color:var(--ok)}.addr-check:disabled{cursor:default}.pc .icon-btn,.reply .icon-btn{vertical-align:middle;padding:.12rem;display:inline-grid}.ts{font-family:var(--mono);background:var(--primary-soft);color:var(--primary);cursor:pointer;border:none;border-radius:5px;padding:.1rem .4rem;font-size:.8rem}.comment-actions{align-items:center;gap:.2rem;margin-top:.3rem;display:flex}.reply{border-left:2px solid var(--border);margin:.4rem 0 0 .8rem;padding-left:.6rem;font-size:.9rem}.reply-box{margin-top:.5rem}.reply-box .primary{width:auto;margin-top:.4rem}.container.narrow{max-width:680px}.profile-form{flex-direction:column;gap:1.15rem;display:flex}.profile-form>label,.profile-form>.field,.profile-id-fields>label,.profile-id-fields>.field{margin-top:0}.field{display:block}.field-label{color:var(--text-h);margin-bottom:.45rem;font-size:.9rem;display:block}.avatar.xl{width:72px;height:72px;font-size:1.45rem}.profile-identity{align-items:flex-start;gap:1.1rem;display:flex}.profile-id-fields{flex-direction:column;flex:1;gap:1.15rem;min-width:0;display:flex}.swatches{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.swatch{cursor:pointer;border:2px solid var(--border);width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--card);border-radius:50%;margin:0;padding:0;transition:transform .1s,border-color .1s}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:var(--text-h)}.swatch.custom{background:conic-gradient(#f43f5e,#f59e0b,#eab308,#10b981,#06b6d4,#6366f1,#a855f7,#f43f5e);position:relative;overflow:hidden}.swatch.custom input[type=color]{cursor:pointer;opacity:0;border:none;width:200%;height:200%;padding:0;position:absolute;inset:-4px}.swatch-reset{margin-left:.15rem;font-size:.8rem}.link-rows{flex-direction:column;gap:.5rem;display:flex}.link-row{align-items:center;gap:.4rem;display:flex}.link-row input{margin-top:0}.link-row .link-label{flex:0 0 30%}.link-row .link-url{flex:1;min-width:0}.add-link{align-self:flex-start;align-items:center;gap:.3rem;margin-top:.1rem;display:inline-flex}.links-preview{margin:.7rem 0 0}.links-preview a{color:var(--primary)}.account-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.account-field{flex:1;min-width:0}.account-row input{margin-top:0}.account-value{color:var(--text-h);padding:.5rem 0;font-size:.95rem}.account-value.mask{letter-spacing:.18em;color:var(--muted)}.account-actions{flex-shrink:0;gap:.5rem}.account-actions .primary{width:auto;margin-top:0}.account-note{margin:.7rem 0 0}.account-sep{border:none;border-top:1px solid var(--border);margin:1.1rem 0}.modal-scrim{z-index:200;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:400px;padding:1.25rem;box-shadow:0 24px 60px #0006}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}.modal-actions .primary{width:auto;margin-top:0}.member-modal{max-width:460px}.member-search{margin-top:.9rem;position:relative}.member-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.member-search input{width:100%;margin:0;padding:.6rem .7rem .6rem 2.1rem}.member-hits{border:1px solid var(--border);border-radius:var(--r-sm);margin-top:.4rem;overflow:hidden}.hit-empty{margin:0;padding:.6rem .7rem}.hit{text-align:left;cursor:pointer;width:100%;color:var(--text-h);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.hit+.hit{border-top:1px solid var(--border)}.hit:hover:not(:disabled){background:var(--surface-2)}.hit:disabled{cursor:default}.hit:disabled .hit-action{opacity:.6}.hit-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.hit-text strong{font-size:.88rem;font-weight:600}.hit-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-action{color:var(--primary);flex-shrink:0;font-weight:600}.avatar.sm.invite-ico{background:var(--primary-soft);color:var(--primary)}.modal-members{max-height:320px;margin-top:1rem;overflow-y:auto}.modal-members .m-name{align-items:center;gap:.55rem;min-width:0;display:flex}.modal-members li.is-allowed{background:var(--primary-soft)}.modal-members li.access-empty{justify-content:flex-start}.thread-access-manage{margin-top:.4rem}.agree{color:var(--text);align-items:flex-start;gap:.5rem;font-size:.88rem;display:flex}.agree input[type=checkbox]{flex-shrink:0;width:auto;margin:.15rem 0 0}.agree a{color:var(--primary)}.legal{padding:1.5rem 0 3rem}.legal h2{margin:.25rem 0}.legal h3{margin-top:1.6rem}.legal p,.legal li{line-height:1.6}.legal a{color:var(--primary)}.admin-users{align-items:flex-start;gap:1.25rem;display:flex}.user-list-col{flex:0 0 36%;min-width:0}.user-detail-col{flex:1;min-width:0}.search-box{margin-bottom:.6rem;position:relative}.search-box>svg{color:var(--muted);pointer-events:none;position:absolute;top:.62rem;left:.6rem}.search-box input{margin:0;padding-left:2rem}.admin-user-list{flex-direction:column;gap:.1rem;max-height:70vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin-user-list li{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.admin-user-list li:hover{background:var(--surface-2)}.admin-user-list li.on{background:var(--primary-soft)}.admin-user-list .meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.admin-user-list .meta strong{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.admin-user-list .meta .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-list .badge{padding:.05rem .32rem;font-size:.6rem}.badge.danger{background:var(--error);color:#fff}.avatar.sm{width:30px;height:30px;font-size:.72rem}.stat-mini-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:.6rem;margin:1rem 0;display:grid}.stat-mini-grid>div>div{color:var(--text-h);font-weight:600}.danger-zone{border:1px solid var(--error);border-radius:var(--r-sm);margin-top:1.1rem;padding:.75rem .85rem}.link.danger{color:var(--error)}.combined-strip{background:var(--surface-2);border-radius:var(--r-sm);align-items:flex-end;gap:1px;height:64px;padding:3px;display:flex}.combined-strip>span{border-radius:1px;flex:1;min-height:2px}.bar-chart-wrap{margin-top:.4rem;position:relative}.bar-tip{white-space:nowrap;background:var(--text-h);color:var(--bg);border-radius:var(--r-sm);pointer-events:none;z-index:9999;padding:3px 7px;font-size:.72rem;font-weight:600;position:fixed;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 2px 8px #00000040}.listener-list{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.listener-list li{align-items:center;gap:.7rem;font-size:.85rem;display:flex}.listener-list .lname{text-overflow:ellipsis;white-space:nowrap;flex:0 0 34%;overflow:hidden}.listener-list .lbar{background:var(--surface-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.listener-list .lbar>span{background:var(--primary);height:100%;display:block}.listener-list .lpct{text-align:right;color:var(--muted);flex:0 0 2.6rem}.listener-list li.listener-block{display:block}.listener-row{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:.7rem;padding:.3rem .35rem;font-size:.85rem;display:flex}.listener-row:hover,.listener-row.on{background:var(--surface-2)}.listener-detail{padding:.2rem .35rem .65rem}.heat-strip{border-radius:var(--r-sm);gap:1px;height:24px;display:flex;overflow:hidden}.heat-strip>span{flex:1;min-width:2px}.heat-axis{color:var(--muted);justify-content:space-between;margin-top:.2rem;font-size:.7rem;display:flex}.seg-toggle{background:var(--surface-2);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.seg-toggle button{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:.35rem .95rem;font-size:.85rem;font-weight:600}.seg-toggle button.on{background:var(--card);color:var(--text-h);box-shadow:0 1px 3px #0000001f}.list-filters{flex-direction:column;gap:.4rem;margin-bottom:.6rem;display:flex}.list-filters .row{gap:.5rem}.list-filters .row .search-box{flex:1;min-width:0;margin-bottom:0}.list-filters .row .search-box input{height:40px}.list-filters select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);cursor:pointer;padding:.45rem .5rem;font-size:.82rem}.list-filters>select{width:100%}.list-filters .row select{flex:none;width:auto;min-width:150px;height:40px;margin:0;padding:0 .6rem}.metric-table-wrap{overflow-x:auto}.metric-table{border-collapse:collapse;width:100%;font-size:.85rem}.metric-table th,.metric-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .7rem}.metric-table thead th{color:var(--muted);font-weight:600}.metric-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.metric-table th.sortable:hover{color:var(--text-h)}.metric-table th.sortable.on{color:var(--primary)}.metric-table tbody tr:hover{background:var(--surface-2)}.metric-table td.namecell{color:var(--text-h);font-weight:500}.metric-table td.wrap-cell{white-space:normal;min-width:120px;max-width:240px}.metric-table td.late-cell{color:var(--error);font-weight:600}.metric-table.expandable .row-click,.metric-table.clickable .row-click{cursor:pointer}.metric-table tr.is-allowed,.row-detail .metric-table.nested tbody tr.is-allowed{background:var(--primary-soft)}.metric-table.expandable .row-click.on{background:var(--surface-2)}.metric-table .caret-col{text-align:center;width:30px;color:var(--muted);padding-right:0}.metric-table .caret-col svg{vertical-align:-2px}.metric-table .detail-row:hover{background:0 0}.metric-table .detail-row>td{background:var(--surface-2);border-bottom:1px solid var(--border);padding:0}.row-detail{padding:.75rem 1rem 1.1rem}.version-block{margin-top:.5rem}.version-block .ver-label{color:var(--text-h);margin-bottom:.15rem;font-weight:600}.person-stats{color:var(--text-h);flex-direction:column;gap:.3rem;margin:0 0 .7rem;padding:0;font-size:.85rem;list-style:none;display:flex}.person-stats .credit-label{min-width:150px;margin-right:.5rem;display:inline-block}.disclosure-list{color:var(--text-h);flex-direction:column;gap:.15rem;margin:.15rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.disclosure-list a{color:var(--primary);word-break:break-all}.metric-table .pill.ai{margin-left:.4rem}.listener-zone{margin-top:.4rem}.row-detail .metric-table.nested{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.row-detail .metric-table.nested tbody tr.row-click:hover,.row-detail .metric-table.nested tbody tr.row-click.on,.row-detail .metric-table.nested .detail-row>td{background:var(--surface-2)}.row-detail .metric-table.nested th,.row-detail .metric-table.nested td{border-bottom-color:var(--border)}.row-detail .metric-table.nested tbody tr:last-child td{border-bottom:none}.listened{color:var(--muted);align-items:center;gap:.2rem;margin-left:.35rem;font-size:.68rem;display:inline-flex}.listened svg{opacity:.7}