:root{color:#f4f7f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#090b0d;--bg-soft:#0f1215;--panel:#15181c;--panel-strong:#1b2025;--line:#2c3238;--line-strong:#3c454d;--text:#f4f7f2;--muted:#9ba7a4;--subtle:#707b7a;--accent:#d8ff64;--accent-strong:#bff240;--accent-ink:#111509;--blue:#7fd8ff;--danger:#ff6e6e;--warn:#ffd166;background:#090b0d;font-family:Aptos,Segoe UI,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--text);background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#090b0d 0%,#11161a 52%,#08090b 100%);margin:0}button,input{font:inherit}button{color:inherit}button:disabled,input:disabled{cursor:not-allowed;opacity:.54}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#app{min-height:100dvh}.app-shell{min-height:100dvh;padding:18px}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:1240px;min-height:58px;margin:0 auto;display:grid}.brand-mark{width:fit-content;min-height:42px;color:var(--accent);align-items:center;gap:10px;font-weight:800;display:inline-flex}.room-strip{border:1px solid var(--line);background:#0a0c0eb8;border-radius:8px;justify-self:center;align-items:center;gap:8px;min-width:0;padding:6px;display:inline-flex}.room-code{max-width:110px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#111509;border-radius:6px;padding:7px 10px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-weight:800;overflow:hidden}.mini-button,.ghost-button,.icon-button,.primary-button,.wide-button,.transport-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.mini-button:active,.ghost-button:active,.icon-button:active,.primary-button:active,.wide-button:active,.transport-button:active{transform:translateY(1px)}.mini-button{border-color:var(--line);min-height:36px;color:var(--text);background:var(--panel);padding:0 10px}.ghost-button{border-color:var(--line);background:#15181cc7;justify-self:end;padding:0 13px}.status-chip{min-height:36px;color:var(--muted);white-space:nowrap;background:#0e1114;border-radius:6px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.status-chip[data-tone=good]{color:var(--accent)}.status-chip[data-tone=busy]{color:var(--blue)}.status-chip[data-tone=bad]{color:var(--danger)}.entry-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);align-items:center;gap:28px;width:min(1120px,100%);min-height:calc(100dvh - 92px);margin:0 auto;padding:30px 0 52px;display:grid}.entry-copy{align-content:center;gap:28px;min-height:430px;padding:16px 0;display:grid}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}.entry-copy h1{max-width:760px;margin:0;font-size:4.85rem;line-height:.98}.entry-meter{grid-template-columns:repeat(7,minmax(16px,54px));align-items:end;gap:8px;height:108px;display:grid}.entry-meter span{background:linear-gradient(180deg, var(--accent), #d8ff641f);border-radius:6px;height:24px;display:block}.entry-meter span:nth-child(2){height:62px}.entry-meter span:nth-child(3){height:94px}.entry-meter span:nth-child(4){height:48px}.entry-meter span:nth-child(5){background:linear-gradient(180deg, var(--blue), #7fd8ff1a);height:78px}.entry-meter span:nth-child(6){height:38px}.entry-meter span:nth-child(7){height:70px}.entry-panel,.stage-panel,.source-panel,.people-panel,.chat-panel{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#0000 140px),#101316f0;border-radius:8px;box-shadow:0 22px 60px #00000047}.entry-panel{gap:16px;padding:22px;display:grid}.field-label{color:var(--muted);font-size:.86rem}.text-field{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#0b0e11;border-radius:8px;padding:0 13px}.text-field::placeholder{color:var(--subtle)}.split-actions{gap:12px;margin-top:6px;display:grid}.primary-button{width:100%;min-height:54px;color:var(--accent-ink);background:var(--accent);padding:0 18px;font-weight:900}.primary-button:not(:disabled):hover{background:var(--accent-strong)}.join-row,.url-row,.chat-form{grid-template-columns:minmax(0,1fr) 48px;gap:9px;display:grid}.code-input{text-transform:uppercase}.icon-button{border-color:var(--line);background:var(--panel-strong);width:48px;min-width:48px;padding:0}.icon-button:not(:disabled):hover,.mini-button:not(:disabled):hover,.ghost-button:not(:disabled):hover,.wide-button:not(:disabled):hover{border-color:var(--line-strong);background:#21272d}.notice{color:var(--muted);margin:0;font-size:.9rem}.notice.error{color:var(--danger)}.room-layout{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.45fr) minmax(280px,360px);gap:16px;width:min(1240px,100%);min-height:calc(100dvh - 94px);margin:0 auto;padding:18px 0 34px;display:grid}.stage-panel{grid-row:1/span 3;grid-template-rows:auto minmax(220px,1fr) auto auto auto;gap:22px;min-height:620px;padding:22px;display:grid}.stage-topline,.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.role-badge,.source-kind{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#07090b94;border-radius:6px;align-items:center;padding:0 10px;font-size:.84rem;display:inline-flex}.source-kind{color:var(--accent)}.record-visual{background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 18px),#0c0f12;border:1px solid #20262b;border-radius:8px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.record-core{z-index:1;width:168px;height:168px;color:var(--accent);background:radial-gradient(circle,#10150c 0 25%,#0000 26%),repeating-radial-gradient(circle,#151b12 0 10px,#0c1011 11px 15px);border:1px solid #d8ff6461;border-radius:50%;place-items:center;display:grid;position:relative}.record-visual.active .record-core{animation:9s linear infinite spin-record}.bars{grid-template-columns:repeat(18,1fr);align-items:end;gap:5px;height:82px;display:grid;position:absolute;inset:auto 24px 24px}.bars span{transform-origin:bottom;background:#7fd8ff75;border-radius:6px 6px 0 0;height:16px;display:block}.record-visual.active .bars span{animation:.9s ease-in-out infinite alternate bar-rise}.record-visual.active .bars span:nth-child(2n){animation-duration:.76s}.record-visual.active .bars span:nth-child(3n){animation-duration:1.12s}.track-copy{gap:6px;display:grid}.track-copy p{color:var(--blue);margin:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.83rem}.track-copy h2{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:2rem;line-height:1.16}.timeline-row{color:var(--muted);grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem;display:grid}.timeline{width:100%;accent-color:var(--accent)}.transport-row{justify-content:center;display:flex}.transport-button{min-width:176px;min-height:58px;color:var(--accent-ink);background:var(--accent);padding:0 22px;font-weight:900}.source-panel,.people-panel,.chat-panel{padding:16px}.panel-heading{margin-bottom:14px}.panel-heading h2{flex:1;margin:0;font-size:1rem}.panel-heading span{color:var(--accent);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.wide-button{border-color:var(--line);background:var(--panel-strong);width:100%;min-height:46px;margin-bottom:10px}.capture-source-button{color:var(--blue);background:#7fd8ff14;border-color:#7fd8ff61}.compact-state{color:var(--accent);margin:4px 0 0;font-size:.9rem}.compact-state.warn{color:var(--warn)}.people-list{gap:8px;display:grid}.person-row{border-top:1px solid #ffffff0f;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 0;display:grid}.person-row:first-child{border-top:0}.avatar-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #d8ff641c}.person-row strong,.person-row small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.person-row strong{font-size:.94rem}.person-row small{color:var(--subtle);font-size:.78rem}.person-state{color:var(--blue);white-space:nowrap;font-size:.82rem}.host-row .avatar-dot{background:var(--blue);box-shadow:0 0 0 5px #7fd8ff1a}.chat-panel{grid-template-rows:minmax(180px,1fr) auto;min-height:260px;display:grid}.chat-list{flex-direction:column;gap:9px;min-height:0;max-height:330px;padding-right:4px;display:flex;overflow-y:auto}.chat-message{align-self:flex-start;max-width:88%}.chat-message.mine{text-align:right;align-self:flex-end}.chat-message.system{max-width:100%;color:var(--muted);text-align:center;align-self:center}.chat-meta{color:var(--subtle);margin-bottom:3px;font-size:.75rem;display:block}.chat-message p{border:1px solid var(--line);overflow-wrap:anywhere;color:var(--text);background:#0d1013;border-radius:8px;margin:0;padding:8px 10px}.chat-message.mine p{color:var(--accent-ink);background:var(--accent)}.chat-message.system p{color:inherit;background:0 0;border:0;padding:0}.chat-form{margin-top:12px}.empty-text{color:var(--subtle);margin:0;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin-record}@keyframes spin-record{to{transform:rotate(360deg)}}@keyframes bar-rise{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.topbar{grid-template-columns:1fr;justify-items:start}.room-strip,.ghost-button{justify-self:start}.entry-layout,.room-layout{grid-template-columns:1fr}.entry-layout{min-height:auto;padding-top:26px}.entry-copy{min-height:auto}.entry-copy h1{font-size:3.2rem}.stage-panel{grid-row:auto;min-height:560px}}@media (width<=640px){.app-shell{padding:12px}.room-strip{flex-wrap:wrap;width:100%}.entry-copy h1{font-size:2.45rem}.entry-meter{grid-template-columns:repeat(7,1fr);height:76px}.entry-panel,.stage-panel,.source-panel,.people-panel,.chat-panel{padding:14px}.record-visual{min-height:230px}.record-core{width:134px;height:134px}.bars{gap:3px;height:58px;inset:auto 14px 14px}.track-copy h2{font-size:1.45rem}.timeline-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;font-size:.75rem}.transport-button{width:100%}}