.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1100px 560px at 50% -12%,color-mix(in srgb,var(--brand) 22%,transparent) 0%,transparent 60%),var(--bg)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2)}.auth-head{text-align:center}.auth-brand{display:inline-flex;align-items:center;gap:var(--sp-2)}.auth-brand .brand-mark{width:34px;height:34px;font-size:19px}.auth-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.01em}.auth-sub{margin:var(--sp-3) 0 0;color:var(--text-dim);font-size:14px}.field-note{margin-top:var(--sp-1);color:var(--text-mute);font-size:12px;line-height:1.5}.auth-error{padding:var(--sp-3);border-radius:var(--r-md);background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);font-size:14px}.auth-optional{font-weight:500;color:var(--text-mute)}.auth-switch{margin:0;text-align:center;font-size:14px;color:var(--text-dim)}.auth-dev{margin-top:var(--sp-1)}.modal-title{font-size:18px;font-weight:700;line-height:1.3}.modal-desc{margin-top:calc(-1 * var(--sp-2));color:var(--text-dim);font-size:14px}.modal-error{padding:var(--sp-3);border-radius:var(--r-md);background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);font-size:14px}.modal-field-hint{font-size:12px;color:var(--danger)}.modal-wide{width:min(460px,92vw)}.modal-sep{border:none;border-top:1px solid var(--border);margin:0}.settings-section{display:flex;flex-direction:column;gap:var(--sp-3)}.settings-heading{font-size:14px;font-weight:700;color:var(--text-dim)}.settings-actions{display:flex;justify-content:flex-end}.modal-note{padding:var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb,var(--ok) 16%,transparent);border:1px solid var(--ok);color:var(--text);font-size:14px}.field-hint{font-size:12px;margin-top:2px}.field-hint.danger{color:var(--danger)}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-1)}.modal-actions-right{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}.kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.kind-option{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--field-bg);color:var(--text-dim);text-align:left;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.kind-option:hover{border-color:var(--border-strong);color:var(--text)}.kind-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.kind-option:disabled{opacity:.6;cursor:not-allowed}.kind-option>svg{flex:0 0 auto}.kind-option-body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.kind-option-name{font-size:14px;font-weight:600}.kind-option-desc{font-size:11px;color:var(--text-mute)}.invite-loading{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;color:var(--text-dim)}.invite-copy{display:flex;gap:var(--sp-2)}.invite-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:13px}.invite-copy-btn{flex:0 0 auto}.invite-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--text-mute)}.invite-meta-dot{color:var(--text-mute)}.invite-code{padding:1px 6px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--field-bg);color:var(--text-dim);font-size:12px}.ws{position:relative;padding:var(--sp-2);border-bottom:1px solid var(--border)}.ws-trigger{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:0;border-radius:var(--r-md);background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background-color .12s ease}.ws-trigger:hover,.ws-trigger.open{background:var(--surface-2)}.ws-avatar{--size: 30px;flex:0 0 auto;border-radius:var(--r-md)}.ws-name{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-caret{flex:0 0 auto;color:var(--text-dim);transition:transform .15s ease}.ws-caret.open{transform:rotate(180deg)}.ws-menu{position:absolute;top:calc(100% - var(--sp-1));left:var(--sp-2);right:var(--sp-2);z-index:50;padding:var(--sp-2);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);animation:ws-in .12s ease-out}@keyframes ws-in{0%{opacity:0;transform:translateY(-4px)}}.ws-menu-label{padding:var(--sp-1) var(--sp-2);color:var(--text-mute);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ws-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ws-item,.ws-action{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:0;border-radius:var(--r-md);background:transparent;color:var(--text);font-size:14px;cursor:pointer;text-align:left;transition:background-color .1s ease}.ws-item:hover,.ws-action:hover{background:var(--surface-2)}.ws-item.active{background:var(--accent-soft)}.ws-item-av{--size: 26px;flex:0 0 auto;border-radius:var(--r-sm)}.ws-item-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ws-item-check{flex:0 0 auto;color:var(--accent)}.ws-menu-sep{height:1px;margin:var(--sp-2) 0;background:var(--border)}.ws-action{color:var(--text-dim);font-weight:600}.ws-action:hover{color:var(--text)}.ws-action svg{flex:0 0 auto;color:var(--text-mute)}.sidebar{height:100%;min-width:0;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border)}.sidebar-header{flex:0 0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-2) 0 var(--sp-4);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1)}.sidebar-title{min-width:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-gear{flex:0 0 auto;width:32px;height:32px}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-3) var(--sp-2)}.sidebar-hint{padding:var(--sp-3);color:var(--text-mute);font-size:13px}.channel-section{display:flex;flex-direction:column;gap:var(--sp-1)}.channel-section-head{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 var(--sp-2)}.channel-section-label{min-width:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-add-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:var(--r-sm);color:var(--text-mute);transition:color .12s ease,background-color .12s ease}.channel-add-btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.channel-list{display:flex;flex-direction:column;gap:2px}.channel-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:38px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-dim);font-size:14px;font-weight:500;text-align:left;transition:background-color .12s ease,color .12s ease}.channel-row:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.channel-row.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.channel-icon{display:inline-flex;flex:0 0 auto;color:var(--text-mute)}.channel-row:hover .channel-icon{color:var(--text-dim)}.channel-row.active .channel-icon{color:var(--accent)}.channel-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-roster{display:flex;flex-direction:column;gap:2px;margin:2px 0 var(--sp-1);padding-left:var(--sp-5)}.voice-roster-item{display:flex;align-items:center;gap:var(--sp-2);height:28px;padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--text-dim);font-size:13px}.voice-roster-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.voice-roster-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-roster-mute{display:inline-flex;flex:0 0 auto;color:var(--danger)}.sidebar-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:var(--rail);border-top:1px solid var(--border)}.voice-controls{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--border)}.voice-status{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:0}.voice-dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--r-full);background:var(--text-mute)}.voice-dot.connected{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.voice-dot.connecting{background:var(--warn);animation:voice-pulse 1s ease-in-out infinite}.voice-status-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.voice-status-state{font-size:12px;font-weight:700;color:var(--ok)}.voice-status-state.connecting{color:var(--warn)}.voice-status-channel{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.voice-actions .btn-icon{width:34px;height:34px}.btn-icon.danger{color:var(--danger)}.voice-leave:hover{color:var(--danger);background:var(--danger-soft)}.user-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md)}.user-row:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.user-name{flex:1;min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-logout{flex:0 0 auto;width:34px;height:34px}.user-logout:hover{color:var(--danger);background:var(--danger-soft)}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.4}}.msg{display:grid;grid-template-columns:40px 1fr;column-gap:var(--sp-3);padding:2px var(--sp-4)}.msg-head{margin-top:var(--sp-4)}.msg:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.msg-gutter{display:flex;justify-content:flex-end}.msg-head .msg-gutter{padding-top:2px}.msg-time-hover{align-self:flex-start;line-height:21px;font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0}.msg:hover .msg-time-hover{opacity:1}.msg-main{min-width:0}.msg-headline{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:2px}.msg-author{font-weight:600;font-size:15px;color:var(--text)}.msg-time{font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums}.msg-body{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.composer{flex:0 0 auto;padding:0 var(--sp-4) var(--sp-4);background:var(--bg-2)}.composer-box{display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:border-color .15s ease,box-shadow .15s ease}.composer-box:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.composer-input{flex:1 1 auto;min-width:0;max-height:200px;padding:var(--sp-2);border:none;background:transparent;color:var(--text);font-size:14px;line-height:1.5;resize:none;overflow-y:auto}.composer-input::placeholder{color:var(--text-dim)}.composer-input:focus{outline:none}.composer-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);transition:background-color .15s ease,color .15s ease,opacity .15s ease,transform .05s ease}.composer-send:hover{background:var(--accent-hover)}.composer-send:active{transform:translateY(1px)}.composer-send:disabled{background:var(--surface-2);color:var(--text-mute);cursor:not-allowed}.composer-send>svg{width:18px;height:18px}.composer-count{margin-top:var(--sp-1);padding-right:var(--sp-2);text-align:right;font-size:12px;color:var(--text-mute);font-variant-numeric:tabular-nums}.composer-count.is-over{color:var(--danger);font-weight:600}.chat{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--bg-2)}.chat-header{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-4);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1)}.chat-hash{flex:0 0 auto;color:var(--text-mute)}.chat-title{min-width:0;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-body{position:relative;flex:1 1 auto;min-height:0;display:flex}.chat-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--sp-3)}.chat-list{margin-top:auto;padding-top:var(--sp-3)}.chat-status{margin:auto;color:var(--text-mute)}.chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-6);text-align:center}.chat-empty-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--sp-2);border-radius:var(--r-full);background:var(--surface);color:var(--text-dim)}.chat-empty-title{font-size:18px;font-weight:700;color:var(--text)}.chat-empty-sub{max-width:34ch;color:var(--text-dim)}.chat-day{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) var(--sp-4) var(--sp-1)}.chat-day:before,.chat-day:after{content:"";flex:1;height:1px;background:var(--border)}.chat-day-label{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--text-mute)}.chat-jump{position:absolute;left:50%;bottom:var(--sp-3);transform:translate(-50%);display:inline-flex;align-items:center;height:32px;padding:0 var(--sp-4);border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;box-shadow:var(--shadow-1);animation:chat-jump-in .15s ease-out}.chat-jump:hover{background:var(--accent-hover)}@keyframes chat-jump-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vc{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.vc-dot{flex:0 0 auto;width:10px;height:10px;border-radius:var(--r-full);background:var(--ok)}.vc.vc-connecting .vc-dot{background:var(--warn)}.vc.vc-speaking .vc-dot{animation:vc-pulse 1.2s ease-out infinite}.vc-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.vc-status{font-size:12px;font-weight:700;line-height:1.2;color:var(--ok);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc.vc-connecting .vc-status{color:var(--warn)}.vc-channel{display:flex;align-items:center;gap:var(--sp-1);min-width:0;color:var(--text-dim)}.vc-channel>svg{flex:0 0 auto}.vc-channel-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-actions{display:flex;align-items:center;gap:var(--sp-1);flex:0 0 auto}.vc-btn-muted{color:var(--danger)}.vc-btn-muted:hover{color:var(--danger-hover)}.vc-btn-leave:hover{color:var(--danger);background:var(--danger-soft)}@keyframes vc-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 55%,transparent)}to{box-shadow:0 0 0 7px color-mix(in srgb,var(--ok) 0%,transparent)}}.vc-btn-sharing{color:var(--on-accent);background:var(--accent)}.vc-btn-sharing:hover{background:var(--accent-hover)}.voice{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;background:var(--bg-2)}.voice-head{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;height:48px;padding:0 var(--sp-4);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1)}.voice-head-icon{flex:0 0 auto;color:var(--text-dim)}.voice-head-title{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-head-count{flex:0 0 auto}.voice-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-5)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4);align-content:start}.voice-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-2);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:background-color .15s ease,border-color .15s ease}.voice-tile.is-speaking{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.voice-tile-av{position:relative;flex:0 0 auto}.voice-tile-mute{position:absolute;right:-2px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-full);background:var(--danger);color:var(--on-accent);border:2px solid var(--surface)}.voice-tile.is-speaking .voice-tile-mute{border-color:var(--bg-2)}.voice-tile-name{display:flex;align-items:center;gap:var(--sp-2);max-width:100%}.voice-tile-name-text{min-width:0;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tile-you{flex:0 0 auto;padding:1px 6px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-dim);font-size:10px;font-weight:700}.voice-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--text-mute)}.voice-empty svg{color:var(--text-mute);opacity:.6}.voice-foot{flex:0 0 auto;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.voice-join{width:100%}.voice-connecting{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;color:var(--text-dim);font-weight:600}.voice-stage-wrap{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;height:100%;min-height:0;padding:var(--sp-4)}.voice-stage{position:relative;flex:1 1 auto;min-height:0;border-radius:var(--r-lg);overflow:hidden;background:var(--media-bg);border:1px solid var(--border);box-shadow:var(--shadow-1)}.voice-stage-video{width:100%;height:100%;object-fit:contain;background:var(--media-bg);display:block}.voice-stage-label{position:absolute;left:var(--sp-3);bottom:var(--sp-3);display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 10px;border-radius:var(--r-full);background:color-mix(in srgb,var(--rail) 82%,transparent);color:var(--text);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.voice-strip{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.voice-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 10px 4px 4px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border)}.voice-chip.is-speaking{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok)}.voice-chip-name{font-size:13px;color:var(--text);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-root{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-topbar{flex:none;height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--rail);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--sp-2);-webkit-user-select:none;user-select:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-md);background:var(--brand-grad);color:#fff;font-weight:800;font-size:16px;box-shadow:var(--shadow-1)}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.brand-bang{color:var(--brand)}.topbar-spacer{flex:1 1 auto}.topbar-btn{color:var(--text-dim)}.topbar-btn:hover{color:var(--text);background:var(--surface-2)}.app-shell{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden}.app-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-2)}.main-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-6);text-align:center}.main-empty-icon{display:grid;place-items:center;width:80px;height:80px;margin-bottom:var(--sp-2);border-radius:var(--r-full);background:var(--surface);color:var(--text-mute)}.main-empty-title{font-size:18px;font-weight:700;color:var(--text)}.main-empty-hint{max-width:32ch;color:var(--text-dim);font-size:14px}@media(max-width:680px){.app-shell{grid-template-columns:232px minmax(0,1fr)}}:root{--brand: #6366f1;--brand-2: #a855f7;--brand-grad: linear-gradient(135deg, var(--brand), var(--brand-2));--topbar-h: 56px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--font: "Inter", system-ui, "Yu Gothic UI", "Meiryo", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Consolas", "Courier New", monospace;--z-modal: 1000;--z-toast: 1100}:root,:root[data-theme=dark]{color-scheme:dark;--rail: #0d1017;--bg: #12151d;--bg-2: #171b25;--surface: #1e232f;--surface-2: #262c3a;--border: #2a3040;--border-strong: #363d4f;--text: #eef1f7;--text-dim: #9aa4b8;--text-mute: #6b7488;--on-accent: #ffffff;--on-warn: #12151d;--accent: #6d8cff;--accent-hover: #86a0ff;--accent-active: #587ae6;--danger: #f0616a;--danger-hover: #f47b82;--danger-active: #d64c55;--ok: #35d0a0;--ok-hover: #55dcb2;--warn: #ffb020;--warn-hover: #ffbf47;--warn-active: #e69d13;--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 16%, transparent);--ok-soft: color-mix(in srgb, var(--ok) 18%, transparent);--warn-soft: color-mix(in srgb, var(--warn) 18%, transparent);--field-bg: #161a23;--overlay: rgba(6, 8, 12, .6);--media-bg: #0a0c11;--shadow-1: 0 2px 8px rgba(0, 0, 0, .4);--shadow-2: 0 16px 40px rgba(0, 0, 0, .55);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);--scrollbar-thumb: color-mix(in srgb, var(--text) 16%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--text) 28%, transparent)}:root[data-theme=light]{color-scheme:light;--rail: #f1f3f8;--bg: #f7f8fb;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f0f2f7;--border: #e3e7ef;--border-strong: #d3d9e4;--text: #1a1f2b;--text-dim: #5b6577;--text-mute: #8a93a5;--on-accent: #ffffff;--on-warn: #3a2c00;--accent: #5566f0;--accent-hover: #6675f5;--accent-active: #4453d8;--danger: #e04552;--danger-hover: #e85a66;--danger-active: #c73742;--ok: #16a97a;--ok-hover: #12b884;--warn: #d98a0b;--warn-hover: #e89b1a;--warn-active: #bd7708;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 10%, transparent);--ok-soft: color-mix(in srgb, var(--ok) 14%, transparent);--warn-soft: color-mix(in srgb, var(--warn) 16%, transparent);--field-bg: #ffffff;--overlay: rgba(20, 24, 33, .35);--media-bg: #0f1219;--shadow-1: 0 1px 3px rgba(20, 24, 33, .1), 0 1px 2px rgba(20, 24, 33, .06);--shadow-2: 0 12px 32px rgba(20, 24, 33, .16);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--scrollbar-thumb: color-mix(in srgb, var(--text) 18%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--text) 30%, transparent)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{font-size:16px}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{isolation:isolate}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none;padding:0}code,pre,kbd{font-family:var(--font-mono)}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease,opacity .15s ease}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn>svg{width:18px;height:18px;flex:0 0 auto}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:transparent}.btn-primary:active{background:var(--accent-active)}.btn-danger{background:var(--danger);border-color:transparent;color:var(--on-accent)}.btn-danger:hover{background:var(--danger-hover);border-color:transparent}.btn-danger:active{background:var(--danger-active)}.btn-warn{background:var(--warn);border-color:transparent;color:var(--on-warn)}.btn-warn:hover{background:var(--warn-hover);border-color:transparent}.btn-warn:active{background:var(--warn-active)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:color-mix(in srgb,var(--text) 8%,transparent);border-color:transparent;color:var(--text)}.btn-ghost:active{background:color-mix(in srgb,var(--text) 12%,transparent)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--r-full);border:1px solid transparent;background:transparent;color:var(--text-dim);transition:background-color .15s ease,color .15s ease,transform .05s ease}.btn-icon:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.btn-icon:active{transform:translateY(1px)}.btn-icon:disabled,.btn-icon[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon>svg{width:20px;height:20px;flex:0 0 auto}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:13px}.btn-lg{height:48px;padding:0 var(--sp-5);font-size:15px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font-size:12px;font-weight:600;color:var(--text-dim)}.input,.select{width:100%;height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--field-bg);color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-dim)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.input:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus,.select[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}textarea.input{height:auto;min-height:96px;padding:var(--sp-2) var(--sp-3);line-height:1.5;resize:vertical}.select{appearance:none;-webkit-appearance:none;padding-right:var(--sp-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;cursor:pointer}.select option{background:var(--surface);color:var(--text)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-width:18px;height:18px;padding:0 6px;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.badge-danger{background:var(--danger);color:var(--on-accent)}.badge-ok{background:var(--ok);color:var(--on-warn)}.badge-warn{background:var(--warn);color:var(--on-warn)}.badge-muted{background:var(--surface-2);color:var(--text-dim)}.avatar{--size: 40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--size);height:var(--size);border-radius:var(--r-full);overflow:hidden;color:#fff;font-size:calc(var(--size) * .38);font-weight:600;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:hsl(var(--hue, 220) 45% 46%);background-image:linear-gradient(160deg,hsl(var(--hue, 220) 48% 52%),hsl(var(--hue, 220) 52% 38%))}.avatar>img{width:100%;height:100%;object-fit:cover}.avatar-sm{--size: 24px}.avatar-md{--size: 32px}.avatar-lg{--size: 48px}.avatar-xl{--size: 80px}.avatar.speaking{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ok)}.avatar.muted{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-4);background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdrop-in .12s ease-out}.modal{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:440px;max-height:min(85vh,680px);overflow:auto;padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);animation:modal-in .14s ease-out}.spinner{width:var(--spinner-size, 20px);height:var(--spinner-size, 20px);border-radius:var(--r-full);border:2px solid color-mix(in srgb,var(--text) 20%,transparent);border-top-color:var(--accent);animation:spin .7s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:spin 1.2s linear infinite!important}}.app-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-mute)}.icon-spin{animation:icon-spin .8s linear infinite;transform-origin:center}@keyframes icon-spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(360px,calc(100vw - 2 * var(--sp-4)))}.toast{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);border-left:3px solid var(--text-mute);box-shadow:var(--shadow-2);cursor:pointer;animation:toast-in .18s ease-out}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent)}.toast-icon{display:inline-flex;flex:0 0 auto;color:var(--text-dim)}.toast-error .toast-icon{color:var(--danger)}.toast-success .toast-icon{color:var(--ok)}.toast-text{flex:1;min-width:0;word-break:break-word}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.icon-spin{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}