:root{--bg-deepest: #0b0d12;--bg-rail: #16181f;--bg-sidebar: #1c1f27;--bg-panel: #21242d;--bg-raised: #2b2f39;--bg-hover: #31353f;--bg-active: #383d49;--text: #e6e8ee;--text-muted: #9aa1b1;--text-faint: #6b7280;--accent: #5865f2;--accent-hover: #4752c4;--success: #3ba55d;--danger: #ed4245;--warning: #faa61a;--radius: 8px;--radius-lg: 12px;--shadow: 0 8px 24px rgb(0 0 0 / .32);--shadow-sm: 0 2px 8px rgb(0 0 0 / .24);--rail-width: 240px;--members-width: 232px;--tile-height: 54px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deepest);color:var(--text);font:15px/1.5 Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input{font:inherit;color:inherit}.app{display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);height:100%;min-height:0}.workspace{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr) var(--members-width);min-height:0;position:relative}.rail{display:flex;flex-direction:column;min-height:0;background:var(--bg-rail);border-right:1px solid rgb(0 0 0 / .3)}.rail-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 16px;font-weight:600;font-size:15px;border-bottom:1px solid rgb(255 255 255 / .06);box-shadow:var(--shadow-sm);flex:none}.rail-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 16px}.channel-group-label{padding:16px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.channel{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border-radius:4px;color:var(--text-muted);text-align:left;transition:background-color 90ms ease,color 90ms ease}.channel:hover{background:#ffffff0a;color:var(--text)}.channel.is-current{background:var(--bg-active);color:#fff}.channel-hash{font-size:18px;line-height:1;opacity:.65;flex:none;width:18px;text-align:center}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.channel-children{margin-left:14px;border-left:1px solid rgb(255 255 255 / .06);padding-left:4px}.main{display:grid;grid-template-rows:48px 1fr;min-height:0;min-width:0;background:var(--bg-panel)}.main-header{display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgb(0 0 0 / .3);box-shadow:var(--shadow-sm);font-weight:600;flex:none}.main-header .topic{color:var(--text-muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-body{display:grid;grid-template-rows:1fr auto;min-height:0}.chat{min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:2px}.chat-empty{margin:auto;text-align:center;color:var(--text-faint);max-width:42ch}.chat-empty h2{color:var(--text);margin:0 0 8px}.msg{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:2px 8px;border-radius:4px}.msg:hover{background:#00000014}.msg.is-grouped{margin-top:-6px}.msg-body{min-width:0}.msg-meta{display:flex;align-items:baseline;gap:8px}.msg-author{font-weight:600;font-size:15px}.msg-time{font-size:11px;color:var(--text-faint)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg.is-system{grid-template-columns:1fr;color:var(--text-faint);font-size:13px;font-style:italic;padding:2px 8px}.msg-error{color:var(--danger)}.composer{padding:0 16px 24px;flex:none}.composer-box{display:flex;align-items:center;gap:8px;background:var(--bg-raised);border-radius:var(--radius);padding:0 16px}.composer-input{flex:1;padding:11px 0;background:none;border:none;outline:none}.composer-input::placeholder{color:var(--text-faint)}.members{min-height:0;overflow-y:auto;padding:8px;background:var(--bg-sidebar);border-left:1px solid rgb(0 0 0 / .3)}.member-group-label{padding:16px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.member{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:4px;text-align:left;color:var(--text-muted)}.member:hover{background:#ffffff0a;color:var(--text)}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.member.is-deafened,.member.is-muted{color:var(--danger)}.member.is-speaking{color:var(--text)}.member-tag{font-size:11px;color:var(--text-faint);flex:none}.avatar{position:relative;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.avatar.is-large{width:40px;height:40px;font-size:16px}.avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--success);opacity:0;transition:opacity .12s ease}.avatar-ring.is-visible{opacity:1}.avatar-badge{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--bg-deepest);border:2px solid var(--bg-deepest);font-size:10px;line-height:1}.user-tile{display:flex;align-items:center;gap:8px;height:var(--tile-height);padding:0 8px;background:var(--bg-sidebar);border-top:1px solid rgb(0 0 0 / .3);flex:none}.user-tile-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px 6px;border-radius:4px}.user-tile-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tile-sub{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:flex;align-items:center;gap:4px}.control{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);color:var(--text-muted);transition:background-color 90ms ease,color 90ms ease}.control:hover{background:#ffffff0f;color:var(--text)}.control.is-on{background:var(--bg-active);color:var(--text)}.control.is-danger:hover,.control.is-on-danger{background:var(--danger);color:#fff}.banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-raised);border-top:1px solid rgb(0 0 0 / .3);font-size:13px;color:var(--text-muted);flex:none}.banner.is-error{background:#ed424524;color:#ffb3b4}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.is-ok{background:var(--success)}.dot.is-warn{background:var(--warning)}.dot.is-bad{background:var(--danger)}.join{display:grid;place-items:center;height:100%;padding:24px}.join-card{width:min(420px,100%);background:var(--bg-panel);border:1px solid rgb(255 255 255 / .06);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.join-card h1{margin:0 0 4px;font-size:22px}.join-card p{margin:0 0 20px;color:var(--text-muted);font-size:14px}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.field input{width:100%;padding:10px 12px;background:var(--bg-deepest);border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius);outline:none}.field input:focus{border-color:var(--accent)}.button-primary{width:100%;padding:11px;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:600;transition:background-color 90ms ease}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-primary:disabled{opacity:.6;cursor:default}.checkbox{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--text-muted)}.scrim{position:fixed;inset:0;z-index:20;background:#0b0d12a8;opacity:0;visibility:hidden;transition:opacity var(--motion-fast) ease,visibility var(--motion-fast) ease}.scrim.is-visible{opacity:1;visibility:visible}.nav-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--radius);color:var(--text-muted);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.nav-toggle:hover{background:#ffffff0f;color:var(--text)}.nav-toggle.is-open{background:var(--bg-active);color:var(--text)}.settings-layout{display:grid;grid-template-columns:var(--toc-width, 232px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.toc{display:flex;flex-direction:column;min-height:0;background:var(--bg-rail);border-right:1px solid rgb(0 0 0 / .3)}.toc-header{display:flex;align-items:center;height:48px;flex:none;padding:0 16px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid rgb(0 0 0 / .3);box-shadow:var(--shadow-sm)}.toc-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px}.toc-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:4px;color:var(--text-muted);text-align:left;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.toc-item:hover{background:#ffffff0a;color:var(--text)}.toc-item.is-active{background:var(--bg-active);color:#fff}.toc-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-count{flex:none;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.settings-scroll{min-height:0;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--bg-active) transparent}.settings-scroll::-webkit-scrollbar{width:10px}.settings-scroll::-webkit-scrollbar-track{background:transparent}.settings-scroll::-webkit-scrollbar-thumb{background:var(--bg-active);background-clip:padding-box;border:3px solid transparent;border-radius:9999px}.settings-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.settings{width:min(720px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:20px}.settings-host{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.settings-host .main-header{padding:0 max(24px,calc((100% - 672px)/2))}.local-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#5865f21f;border:1px solid rgb(88 101 242 / .32);border-radius:var(--radius);font-size:13px;color:var(--text-muted)}.local-note strong{color:var(--text);font-weight:600}.card{background:var(--bg-sidebar);border:1px solid rgb(255 255 255 / .06);border-radius:var(--radius-lg);padding:20px}.card-head{margin:0 0 16px}.card-title{margin:0 0 4px;font-size:18px;font-weight:600}.card-desc{margin:0;font-size:13px;color:var(--text-muted)}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0}.row+.row{border-top:1px solid rgb(255 255 255 / .06)}.row-label{min-width:0}.row-hint{overflow-wrap:anywhere}.row-name{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:15px}.row-hint{margin:0;font-size:13px;color:var(--text-muted)}.row-control{display:flex;align-items:center;gap:8px;flex:none}.row.is-readonly .row-name{color:var(--text-muted)}.row-error{font-size:12px;color:var(--danger)}.row.is-stacked{grid-template-columns:1fr;align-items:start;gap:12px}.row.is-stacked .row-control{width:100%}.row-readonly-tag{font-size:11px;color:var(--text-faint);border:1px solid rgb(255 255 255 / .1);border-radius:9999px;padding:1px 8px}.card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:4px;border-top:1px solid rgb(255 255 255 / .06)}.settings .segmented{margin:0;min-width:0;gap:3px;background:var(--bg-raised);border:1px solid rgb(0 0 0 / .3)}.settings .segmented label{position:relative;display:flex}.settings .segmented input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.settings .segmented span{display:block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.settings .segmented label:hover span{color:var(--text)}.settings .segmented input:checked+span{background:var(--bg-active);color:var(--text);font-weight:600}.settings .segmented input:focus-visible+span{box-shadow:var(--focus-ring)}.level{display:flex;flex-direction:column;gap:10px;width:100%}.level-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.level-state{font-weight:600;color:var(--text)}.level-readout.is-clipping .level-state{color:var(--warning)}.level-value{color:var(--text)}.level-track{position:relative;height:12px;border-radius:9999px;background:var(--bg-raised);border:1px solid rgb(0 0 0 / .3);cursor:ew-resize;touch-action:none}.level-track:focus-visible{box-shadow:var(--focus-ring)}.level-fill{position:absolute;top:1px;bottom:1px;left:1px;width:0;border-radius:9999px;background:var(--text-muted);transition:width var(--motion-base) ease,background-color var(--motion-base) ease}.level-track.is-open .level-fill{background:var(--text)}.level-threshold{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--text)}.level-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.field-input,.field-select{padding:8px 12px;background:var(--bg-raised);border:1px solid rgb(0 0 0 / .3);border-radius:var(--radius);color:var(--text);outline:none;transition:border-color var(--motion-fast) ease}.field-input{width:220px}.field-select{min-width:220px;cursor:pointer}.field-input::placeholder{color:var(--text-faint)}.field-input:focus,.field-select:focus{border-color:var(--accent)}.switch{position:relative;width:44px;height:24px;flex:none;border-radius:9999px;background:var(--bg-raised);border:1px solid rgb(255 255 255 / .08);transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px);background:#fff}.slider{-webkit-appearance:none;appearance:none;width:180px;height:4px;border-radius:9999px;background:linear-gradient(to right,var(--accent) 0 var(--fill, 50%),var(--bg-raised) var(--fill, 50%) 100%);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);border:3px solid var(--accent);cursor:pointer}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text);border:3px solid var(--accent);cursor:pointer}.slider-value{min-width:52px;text-align:right;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.readonly-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--text-muted);background:var(--bg-panel);border:1px solid rgb(0 0 0 / .3);border-radius:var(--radius);padding:7px 12px}.button-primary{padding:9px 16px;background:var(--accent);color:#fff;font-weight:600;border-radius:var(--radius);transition:background-color var(--motion-fast) ease}.button-primary:hover{background:var(--accent-hover)}.button-quiet{padding:9px 16px;background:var(--bg-raised);color:var(--text-muted);font-weight:600;border-radius:var(--radius);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.button-quiet:hover{background:var(--bg-hover);color:var(--text)}.button-danger{padding:9px 16px;background:transparent;color:var(--danger);font-weight:600;border:1px solid rgb(237 66 69 / .4);border-radius:var(--radius);transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}.button-danger:hover{background:#ed424524;border-color:var(--danger)}.spacer{flex:1}.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}@media(max-width:1100px){.workspace{grid-template-columns:var(--rail-width) minmax(0,1fr);overflow-x:clip}.right-drawer{position:absolute;top:0;right:0;bottom:0;z-index:21;width:min(76vw,var(--members-width));box-shadow:var(--shadow);transform:translate(100%);visibility:hidden;transition:transform var(--motion-fast) ease,visibility var(--motion-fast) ease}.right-drawer.is-open{transform:translate(0);visibility:visible}}@media(max-width:900px){:root{--rail-width: 200px}}@media(max-width:860px){.workspace,.settings-layout{grid-template-columns:minmax(0,1fr)}.left-drawer{position:absolute;top:0;left:0;bottom:0;z-index:21;width:min(84vw,280px);box-shadow:var(--shadow);transform:translate(-100%);visibility:hidden;transition:transform var(--motion-fast) ease,visibility var(--motion-fast) ease}.left-drawer.is-open{transform:translate(0);visibility:visible}.toc{flex-direction:row;align-items:center;gap:4px;padding:6px 12px;overflow-x:auto;scrollbar-width:none;border-right:none;border-bottom:1px solid rgb(0 0 0 / .3)}.toc::-webkit-scrollbar{height:0}.toc-header{display:none}.toc-scroll{display:flex;gap:4px;flex:none;padding:0;overflow:visible}.toc-item{flex:none;width:auto;padding:6px 10px}.control,.nav-toggle{width:44px;height:44px}.channel,.member{min-height:44px}}@media(max-width:560px){.chat{padding:12px}.composer{padding:0 12px 16px}.main-header{padding:0 10px;gap:6px}.main-header .topic,.main-header .header-count{display:none}.msg{grid-template-columns:32px 1fr;gap:10px;padding:2px 4px}.rail-scroll{padding:8px 6px 16px}.user-tile{padding:0 4px}.user-tile-identity{padding:4px 2px;gap:8px}.tile-sub-long{display:none}.settings-scroll{padding:12px}.card{padding:16px}.row{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.row-control{width:100%;justify-content:flex-start}.settings .segmented{flex-direction:column}.settings .segmented label{width:100%}.settings .segmented span{text-align:center}.field-input,.field-select{width:100%;min-width:0}.field-input,.field-select,.button-quiet,.button-danger,.button-primary{min-height:44px}.slider{flex:1;width:auto;min-width:80px;height:6px}.slider::-webkit-slider-thumb{width:22px;height:22px}.slider::-moz-range-thumb{width:18px;height:18px}.switch:before{content:"";position:absolute;inset:-10px 0}.card-actions{flex-direction:column;align-items:stretch}}.join-card-wide{width:min(480px,100%)}.segmented{display:flex;gap:2px;padding:3px;margin-bottom:18px;background:var(--bg-deepest);border-radius:var(--radius)}.segmented-item{flex:1;padding:7px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-muted);transition:background-color 90ms ease,color 90ms ease}.segmented-item:hover{color:var(--text)}.segmented-item.is-active{background:var(--bg-raised);color:#fff}.server-list{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:0;border:none}.server-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius);background:var(--bg-deepest);cursor:pointer;transition:border-color 90ms ease,background-color 90ms ease}.server-option:hover{border-color:var(--bg-hover)}.server-option.is-selected{border-color:var(--accent);background:#5865f21f}.server-option input{accent-color:var(--accent);margin:0}.server-option-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-option-address{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch}.join-error{margin:0 0 14px;padding:9px 12px;border-radius:var(--radius);background:#ed424524;color:#ffb3b4;font-size:13px}.server-note{margin:-4px 0 18px;padding:9px 12px;border-radius:var(--radius);background:var(--bg-deepest);color:var(--text-muted);font-size:13px}.server-note strong{color:var(--text)}.server-note-address{color:var(--text-faint);font-variant-numeric:tabular-nums}