*{box-sizing:border-box;margin:0;padding:0}:root{--ink: #101116;--dusk: #171921;--slate: #222530;--moon: #eae7de;--mist: #8e93a4;--ember: #f0a35e;--iris: #9298e2;--rose: #ef8b8b;--font-display: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", monospace;--radius: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-swift: cubic-bezier(.32, .72, 0, 1);color-scheme:dark}html,body,#root{height:100%;min-height:100dvh}body{background:var(--ink);color:var(--moon);font-family:var(--font-body);font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}input,textarea{caret-color:var(--ember)}::selection{background:#f0a35e4d;color:var(--moon)}*{scrollbar-width:thin;scrollbar-color:#2c303c transparent}.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}:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:4px}.join-screen{position:relative;height:100%;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:var(--ink)}.join-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(42rem 26rem at 50% 118%,rgba(240,163,94,.13),transparent 60%);animation:breathe-soft 9s ease-in-out infinite}.join-card{position:relative;display:flex;flex-direction:column;gap:.9rem;width:min(90vw,340px);text-align:center}.join-card>*{animation:rise-in .46s var(--ease-out) backwards}.join-card .tagline{animation-delay:50ms}.join-card .join-field-label{animation-delay:90ms}.join-card>input{animation-delay:.12s}.join-card button[type=submit]{animation-delay:165ms}.join-card .join-link-toggle{animation-delay:.2s}.join-card .join-trust{animation-delay:235ms}.join-error,.join-unreachable{animation:fade-in .16s ease-out}.wordmark{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:2.6rem;letter-spacing:.01em}.tagline{color:var(--mist);font-size:.95rem;margin-bottom:.65rem}.join-field-label{color:var(--moon);font-size:.82rem;text-align:left;margin-bottom:-.35rem}.join-card input{background:var(--slate);border:1px solid transparent;border-radius:var(--radius);padding:.75rem 1rem;text-align:center;outline:none;transition:border-color .12s ease}.join-card input:focus{border-color:var(--ember)}.join-card input::placeholder{color:var(--mist)}.join-card button[type=submit],.join-link>button{background:var(--ember);color:var(--ink);border:none;border-radius:var(--radius);padding:.75rem;cursor:pointer;font-weight:650;transition:filter .12s ease,transform 80ms ease}.join-card button[type=submit]:hover:not(:disabled),.join-link>button:hover:not(:disabled){filter:brightness(1.08)}.join-card button[type=submit]:active:not(:disabled),.join-link>button:active:not(:disabled){transform:scale(.98)}.join-card button[type=submit]:disabled,.join-link>button:disabled{opacity:.45;cursor:default}.join-error{color:var(--rose);font-size:.875rem}.join-unreachable{color:var(--mist);font-size:.8rem;font-family:var(--font-mono)}.join-trust{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:var(--mist);font-size:.72rem;margin-top:.15rem}.join-trust svg{color:var(--ember)}.layout{display:flex;height:100dvh}.sidebar{width:232px;background:var(--dusk);display:flex;flex-direction:column;flex-shrink:0}.brand{font-family:var(--font-display);font-style:italic;font-size:1.25rem;padding:.95rem 1.1rem;border-bottom:1px solid var(--ink)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.channel-header{position:relative;padding:.8rem 1.25rem;border-bottom:1px solid var(--dusk);display:flex;align-items:center;gap:.6rem}.header-pins{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--mist);width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px;transition:color .11s ease,background-color .11s ease}.header-pins:hover,.header-pins.open{color:var(--ember);background:var(--slate)}.channel-tools{margin-left:auto;display:flex;align-items:center;gap:.1rem}.pins-panel{position:absolute;top:calc(100% + .4rem);right:.75rem;width:min(26rem,calc(100vw - 1.5rem));max-height:min(26rem,60vh);overflow-y:auto;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);box-shadow:0 14px 40px #00000073;z-index:70;padding:.5rem;animation:pop-in .14s var(--ease-out)}.pins-head{color:var(--mist);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;padding:.2rem .4rem .4rem}.pins-empty{color:var(--mist);font-size:.85rem;padding:.3rem .4rem .5rem}.pins-list{list-style:none;display:flex;flex-direction:column;gap:.15rem}.pin-row{display:flex;align-items:flex-start;gap:.2rem}.pin-row-main{flex:1;min-width:0;text-align:left;background:none;border:none;border-radius:6px;padding:.4rem .45rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.pin-row-main:hover{background:var(--slate)}.pin-row-head{display:flex;align-items:center;gap:.4rem}.pin-row-author{font-weight:600;font-size:.82rem}.pin-row-when{color:var(--mist);font-family:var(--font-mono);font-size:.68rem}.pin-row-text{color:var(--moon);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pin-row-unpin{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.7rem;padding:.45rem .35rem;border-radius:6px}.pin-row-unpin:hover{color:var(--rose);background:var(--slate)}.pin-flag{font-size:.7rem;filter:grayscale(1) opacity(.7);margin-left:.1rem}.react-option.action.pinned{filter:none;color:var(--ember)}.react-option.action:not(.pinned)[data-testid=message-pin-btn]{color:var(--mist)}.channel-title{font-weight:600}.channel-title:first-letter{color:var(--mist)}.channel-title-input{background:var(--slate);border:1px solid var(--ember);border-radius:6px;padding:.05rem .5rem;font-weight:600;outline:none;width:min(40vw,240px)}.reconnecting{color:var(--ember);font-size:.82rem;font-family:var(--font-mono);animation:breathe 1.8s ease-in-out infinite}.update-banner{margin-left:auto;background:#f0a35e24;border:1px solid var(--ember);color:var(--ember);border-radius:999px;padding:.2rem .8rem;font-size:.78rem;font-family:var(--font-mono);cursor:pointer;animation:pop-in .18s var(--ease-out)}.update-banner:hover{background:var(--ember);color:var(--ink)}.app-error{position:fixed;z-index:190;top:max(.9rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(36rem,calc(100vw - 2rem));display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:start;gap:.65rem;padding:.75rem;color:var(--moon);background:#16161efa;border:1px solid rgba(239,139,139,.72);border-radius:var(--radius);box-shadow:0 14px 34px #00000085;animation:fade-in .16s ease-out}.app-error-mark{width:1.75rem;height:1.75rem;display:inline-grid;place-items:center;color:var(--ink);background:var(--rose);border-radius:50%;font-family:var(--font-mono);font-size:.9rem;font-weight:800}.app-error-content{min-width:0}.app-error-title{display:block;margin-bottom:.18rem;color:var(--rose);font-size:.78rem;font-weight:700}.app-error-message{margin:0;color:var(--moon);font-family:var(--font-mono);font-size:.76rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text}.app-error-actions{display:flex;align-items:center;gap:.25rem}.app-error-copy,.app-error-dismiss{min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--slate);border-radius:6px;color:var(--mist);background:transparent;font-family:var(--font-mono);font-size:.67rem;cursor:pointer}.app-error-copy{padding:0 .65rem}.app-error-dismiss{width:2.25rem;padding:0}.app-error-copy:hover,.app-error-dismiss:hover{color:var(--moon);border-color:var(--mist);background:#ffffff0b}.app-error-copy:focus-visible,.app-error-dismiss:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media(max-width:560px){.app-error{top:max(.55rem,env(safe-area-inset-top));width:calc(100vw - 1rem);grid-template-columns:1.75rem minmax(0,1fr);gap:.55rem}.app-error-actions{grid-column:2;justify-content:flex-end}}.channels{padding:.9rem .85rem .2rem}.channels-heading{display:flex;align-items:center;justify-content:space-between;margin:0 .25rem .4rem}.channels-heading .roster-heading{margin:0}.channel-add{background:none;border:none;color:var(--mist);font-size:1rem;line-height:1;cursor:pointer;padding:0 .2rem}.channel-add:hover{color:var(--ember)}.channels ul{list-style:none}.channel-item{display:flex;align-items:center;gap:.3rem;border-radius:6px;padding-right:.3rem}.channel-item:hover,.channel-item.active{background:var(--slate)}.channel-item.active .channel-name-btn{color:var(--moon)}.channel-name-btn{flex:1;min-width:0;background:none;border:none;color:var(--mist);text-align:left;padding:.32rem .45rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-hash{color:var(--mist);opacity:.7}.channel-unread{background:var(--ember);color:var(--ink);font-size:.68rem;font-weight:700;font-family:var(--font-mono);border-radius:999px;padding:.05rem .4rem;flex-shrink:0;animation:pop-in .18s var(--ease-out)}.channel-voice-join{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--mist);cursor:pointer;width:2rem;height:2rem;padding:0;line-height:0;flex-shrink:0;opacity:.5;pointer-events:auto;transition:opacity .12s ease,color .12s ease}.channel-item:hover .channel-voice-join,.channel-item:focus-within .channel-voice-join,.channel-item.active .channel-voice-join{opacity:1;pointer-events:auto}.channel-voice-join:hover{color:var(--ember)}@media(hover:none){.channel-voice-join{opacity:1;pointer-events:auto}}.channel-item.in-voice-here .channel-name-btn{color:var(--ember)}.channel-voice-list{list-style:none;padding:.05rem 0 .25rem 1.4rem;display:flex;flex-direction:column;gap:.05rem}.channel-voice-member{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--mist);padding:.12rem 0}.channel-voice-member .ember-dot{--ember-size: 9px}.channel-voice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-new-input{width:100%;background:var(--slate);border:1px solid var(--ember);border-radius:6px;padding:.3rem .5rem;font-size:.88rem;outline:none;margin-bottom:.2rem}.roster{padding:.5rem .85rem;overflow-y:auto;margin-top:auto}.online-toggle{background:none;border:none;display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;cursor:pointer;font-size:.72rem;font-weight:600;text-transform:lowercase;letter-spacing:.08em;color:var(--mist);padding:.25rem}.online-toggle:hover{color:var(--moon)}.online-toggle .chevron{font-size:.6rem}.roster-heading{font-size:.72rem;font-weight:600;text-transform:lowercase;letter-spacing:.08em;color:var(--mist);margin:0 .25rem .55rem}.roster ul{list-style:none}.roster-item{display:flex;align-items:center;gap:.6rem;padding:.38rem .45rem;border-radius:6px}.roster-item:hover{background:var(--slate)}.roster-nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{color:var(--mist)}.admin-badge{color:var(--ember);font-size:.72rem}.ember-dot{--ember-size: 9px;width:var(--ember-size);height:var(--ember-size);border-radius:50%;flex-shrink:0;box-sizing:border-box;transition:opacity 40ms linear,box-shadow .15s ease,transform .15s var(--ease-out)}.ember-dot.online{--ember-size: 10px;background:var(--ember);opacity:.88;box-shadow:0 0 0 2px #f0a35e1f}.ember-dot.in-voice{--ember-size: 9px;background:var(--dusk);border:1.5px solid rgba(240,163,94,.72);opacity:1;box-shadow:0 0 0 1px #05080c94}.ember-dot.speaking{--ember-size: 10px;background:var(--ember);border-color:transparent;opacity:1;box-shadow:0 0 0 1px #f0a35e4d,inset 0 0 3px 1px #ffeed261}.voice-dock{border-top:1px solid var(--ink);padding:.8rem .85rem;display:flex;flex-direction:column;gap:.6rem}.muted-tag{margin-left:auto;color:var(--mist);font-size:.68rem;font-family:var(--font-mono)}.voice-button.join{background:transparent;border:1px solid var(--ember);color:var(--ember);border-radius:var(--radius);padding:.55rem;cursor:pointer;font-weight:600}.voice-button.join:hover{background:#f0a35e1a}.voice-status-line{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.55rem;animation:rise-in .16s var(--ease-out)}.voice-status{color:var(--ember);font-family:var(--font-mono);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-bar{display:flex;flex-direction:column;gap:.5rem}.self-identity{display:flex;align-items:center;gap:.5rem}.self-controls{display:flex;gap:.3rem;justify-content:space-between;animation:rise-in .16s var(--ease-out)}.self-controls .icon-button{flex:1}.self-name{flex:1;min-width:0;font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{width:1.6rem;height:1.6rem}.icon-button{background:var(--slate);border:none;border-radius:8px;width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--moon);flex-shrink:0;transition:background-color .12s ease,color .12s ease,filter .12s ease,transform 80ms ease}.icon-button:hover{filter:brightness(1.2)}.icon-button:active{transform:scale(.94)}.icon-button.active{background:var(--ember);color:var(--ink)}.icon-button.leave:hover{background:#6b3434;color:var(--rose);filter:none}.icon-button.overridden{opacity:.5}.voice-actions .voice-button.join{flex:1}.voice-dock{position:relative}.switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fade-in .16s ease-out}.switcher{width:min(460px,92vw);background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);box-shadow:0 24px 64px #0000008c;overflow:hidden;animation:pop-in .16s var(--ease-out);transform-origin:top center}.switcher-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--slate);color:var(--moon);font-size:1rem;padding:.9rem 1rem;outline:none}.switcher-input::placeholder{color:var(--mist)}.switcher-list{list-style:none;margin:0;padding:.3rem;max-height:46vh;overflow-y:auto}.switcher-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-radius:7px;cursor:pointer;color:var(--moon);font-size:.9rem}.switcher-item.active{background:var(--slate);color:var(--ember)}.switcher-item .channel-hash{color:var(--mist)}.switcher-unread{background:var(--ember);color:var(--ink);border-radius:999px;font-size:.7rem;padding:0 .4rem;min-width:1.1rem;text-align:center}.switcher-empty{padding:.7rem;color:var(--mist);font-size:.85rem}.switcher-hit{align-items:flex-start}.switcher-hit-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.switcher-hit-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--mist)}.switcher-hit-meta .channel-hash{margin-right:.05rem}.switcher-hit-snippet{font-size:.85rem;color:var(--moon);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.switcher-hit-snippet mark{background:#f0a35e3d;color:var(--moon);border-radius:3px;padding:0 .1em}.profile-row{display:flex;align-items:center;gap:.9rem;margin-bottom:.7rem}.profile-field{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.profile-input{background:var(--slate);border:1px solid transparent;border-radius:8px;padding:.5rem .7rem;outline:none;transition:border-color .12s ease}.profile-input:focus{border-color:var(--ember)}.profile-actions{display:flex;justify-content:flex-end}.profile-save{background:var(--ember);color:var(--ink);border:none;border-radius:8px;padding:.45rem 1rem;font-weight:650;font-size:.85rem;cursor:pointer}.profile-save:hover:not(:disabled){filter:brightness(1.08)}.profile-save:disabled{opacity:.4;cursor:default}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in .18s ease-out}.settings-modal{display:flex;width:min(680px,100%);height:min(560px,88vh);background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);box-shadow:0 24px 64px #0000008c;overflow:hidden;animation:fade-in .18s ease-out}.settings-tabs{flex:0 0 156px;display:flex;flex-direction:column;gap:.15rem;padding:1rem .6rem;background:var(--ink);border-right:1px solid var(--slate)}.settings-title{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--moon);padding:0 .5rem .7rem}.settings-tab{background:none;border:none;color:var(--mist);text-align:left;padding:.5rem .6rem;border-radius:7px;font-size:.9rem;cursor:pointer}.settings-tab:hover{background:var(--slate);color:var(--moon)}.settings-tab.active{background:var(--slate);color:var(--ember)}.settings-body{position:relative;flex:1;overflow-y:auto;padding:1.4rem 1.5rem}.settings-close{position:absolute;top:.9rem;right:1rem;background:none;border:none;color:var(--mist);cursor:pointer;font-size:1rem}.settings-close:hover{color:var(--moon)}.settings-section{display:flex;flex-direction:column;gap:.55rem;animation:fade-in .13s ease-out}.set-heading{font-family:var(--font-mono);font-size:.7rem;text-transform:lowercase;letter-spacing:.1em;color:var(--mist);margin:.7rem 0 .1rem}.set-heading:first-child{margin-top:0}.set-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}.set-label{font-size:.82rem;color:var(--moon);flex-shrink:0}.set-hint{font-size:.72rem;color:var(--mist);line-height:1.45;margin:.1rem 0 .3rem}.set-toggles{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}.set-toggle{display:flex;align-items:center;gap:.35rem;font-size:.8rem;cursor:pointer}.set-toggle-row{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem 0;cursor:pointer;font-size:.85rem}.set-toggle-row>span{display:flex;flex-direction:column;gap:.15rem}.set-sub{font-size:.72rem;color:var(--mist)}.ptt-controls{display:flex;align-items:center;gap:.6rem;min-height:1.6rem}.mic-tester{display:flex;flex-direction:column;gap:.35rem;margin:.2rem 0}.mic-tester-bar{position:relative;height:14px;border-radius:999px;background:var(--slate)}.mic-tester-bar.draggable{cursor:ew-resize;touch-action:none}.mic-tester-fill{height:100%;border-radius:inherit;background:var(--mist);transition:width 60ms linear,background-color 90ms ease}.mic-tester-fill[data-open=true]{background:var(--ember)}.mic-tester-thresh{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--moon);box-shadow:0 0 0 1px var(--ink)}.mic-tester-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:11px;height:16px;border-radius:3px;background:var(--moon);border:1px solid var(--ink)}.mic-tester-status{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--mist)}.mic-tester-status .lit{color:var(--ember)}.mic-tester-db{color:var(--mist)}.mic-record{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mic-record-btn{background:var(--slate);border:1px solid transparent;color:var(--moon);border-radius:7px;padding:.35rem .7rem;font-size:.78rem;cursor:pointer}.mic-record-btn:hover{border-color:var(--ember)}.mic-record-btn.recording{color:var(--ember);border-color:var(--ember)}.mic-record-btn.play{color:var(--ember)}.mic-record-hint{font-size:.7rem;color:var(--mist);font-family:var(--font-mono)}.settings-modal select{background:var(--slate);color:var(--moon);color-scheme:dark;border:none;border-radius:6px;padding:.4rem .5rem;font-size:.82rem;max-width:60%}.settings-modal option{background:var(--dusk);color:var(--moon)}.set-row input[type=range]{flex:1;min-width:0;max-width:60%}.mic-meter{height:6px;border-radius:999px;background:var(--slate);overflow:hidden;flex:1;max-width:60%}.mic-meter-fill{height:100%;background:linear-gradient(90deg,#8a6a3f,var(--ember));border-radius:inherit;transition:width .18s ease-out}.settings-modal input[type=checkbox],.settings-modal input[type=range]{margin:0;accent-color:var(--ember)}.settings-modal input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;background:var(--slate);border:1px solid #3a3f4d;cursor:pointer;position:relative;flex-shrink:0;transition:background-color .12s ease,border-color .12s ease}.settings-modal input[type=checkbox]:checked{background:var(--ember);border-color:var(--ember)}.settings-modal input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.ptt-key{background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.25rem .6rem;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;color:var(--moon)}.ptt-key.capturing{border-color:var(--ember);color:var(--ember)}@media(max-width:560px){.settings-overlay{padding:0}.settings-modal{flex-direction:column;height:100%;width:100%;border-radius:0}.settings-tabs{flex:0 0 auto;flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--slate);padding:.6rem}.settings-title{padding:0 .6rem 0 .3rem;font-size:1rem}.settings-modal select,.set-row input[type=range],.mic-meter{max-width:55%}}.video-stage{border-bottom:1px solid var(--dusk);background:var(--ink);flex-shrink:0;animation:fade-in .18s ease-out}.stage-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.3rem .75rem;padding:.35rem 1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--mist)}.stage-collapse{background:none;border:none;color:var(--mist);cursor:pointer;font-family:var(--font-mono);font-size:.72rem}.stage-collapse:hover{color:var(--ember)}.stage-view-mode{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem .45rem;border:1px solid var(--slate);border-radius:999px;background:#ffffff06;color:var(--mist);font:inherit;cursor:pointer;white-space:nowrap}.stage-view-mode strong{color:var(--moon);font-weight:650}.stage-view-mode:hover,.stage-view-mode:focus-visible{border-color:var(--ember);color:var(--moon)}.stage-view-mode[data-mode=fill] strong{color:var(--ember)}.stage-grid{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem .5rem;min-height:0}.stage-screens{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));grid-auto-rows:minmax(0,1fr);gap:.5rem;min-height:0;overflow:hidden}.stage-cameras{flex:0 0 auto;height:132px;display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2.75rem;scrollbar-color:var(--slate) transparent;scrollbar-width:thin}.stage-cameras.solo{flex:1;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),18rem));grid-auto-rows:minmax(0,1fr);justify-content:center;overflow:hidden}@media(min-width:761px){.stage-cameras.solo[data-count="5"],.stage-cameras.solo[data-count="6"]{grid-template-columns:repeat(6,minmax(0,9rem))}.stage-cameras.solo[data-count="5"]>.video-cell,.stage-cameras.solo[data-count="6"]>.video-cell{grid-column:span 2}.stage-cameras.solo[data-count="5"]>.video-cell:nth-child(4){grid-column:2 / span 2}.stage-cameras.solo[data-count="7"],.stage-cameras.solo[data-count="8"]{grid-template-columns:repeat(8,minmax(0,9rem))}.stage-cameras.solo[data-count="7"]>.video-cell,.stage-cameras.solo[data-count="8"]>.video-cell{grid-column:span 2}.stage-cameras.solo[data-count="7"]>.video-cell:nth-child(5){grid-column:2 / span 2}}.video-cell,.video-slot{min-width:0;min-height:0;display:grid;place-items:center}.stage-screens .video-cell,.stage-cameras.solo .video-cell{width:100%;height:100%;aspect-ratio:auto!important}.video-tile{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--slate);display:flex;padding:0;cursor:pointer;font:inherit;color:inherit;transition:border-color .12s ease;width:100%;height:100%}.video-tile:hover{border-color:var(--moon)}.video-tile.focused{border-color:var(--ember)}.video-tile:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.stage-cameras:not(.solo) .video-cell:has(.video-slot[data-fit=fit]){flex:0 0 auto;height:100%;width:auto;max-width:100%;scroll-snap-align:start}.stage-cameras:not(.solo) .video-cell:has(.video-slot[data-fit=fill]){flex:0 0 min(16rem,80vw);min-width:10rem;height:100%;aspect-ratio:auto!important;scroll-snap-align:start}.stage-filmstrip{position:relative;min-width:0}.stage-filmstrip .stage-cameras{width:100%;height:100%}.stage-filmstrip .share-volume,.stage-filmstrip [data-testid=tile-pip],.stage-filmstrip [data-testid=tile-fullscreen]{display:none}.stage-filmstrip:before,.stage-filmstrip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:3.25rem;pointer-events:none;opacity:0;transition:opacity .12s ease}.stage-filmstrip:before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}.stage-filmstrip:after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)}.stage-filmstrip[data-overflow-left=true]:before,.stage-filmstrip[data-overflow-right=true]:after{opacity:1}.stage-rail-button{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:2.25rem;height:2.75rem;border:1px solid var(--slate);border-radius:999px;background:#05080ce6;color:var(--moon);font-size:1.55rem;line-height:1;cursor:pointer;box-shadow:0 5px 18px #00000059}.stage-rail-button:hover,.stage-rail-button:focus-visible{background:var(--ember);color:var(--ink);border-color:var(--ember)}.stage-rail-button.previous{left:.35rem}.stage-rail-button.next{right:.35rem}.video-tile video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.video-tile[data-fit=fill] video{object-fit:cover}.video-tile video.mirror{transform:scaleX(-1)}.video-label{position:absolute;bottom:.3rem;left:.4rem;background:#0000008c;color:var(--moon);font-size:.7rem;padding:.08rem .4rem;border-radius:4px;max-width:calc(100% - 5.7rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-viewers-trigger{position:absolute;z-index:4;right:.35rem;bottom:.3rem;min-height:1.35rem;padding:.08rem .42rem;border:1px solid rgba(238,235,225,.14);border-radius:999px;background:#05080cc7;color:var(--moon);font-family:var(--font-mono);font-size:.62rem;line-height:1;cursor:pointer;white-space:nowrap}.tile-viewers-trigger:hover,.tile-viewers-trigger[aria-expanded=true]{color:var(--ember);border-color:#f0a35e80}.tile-viewers-popover{position:fixed;z-index:120;width:210px;max-height:min(18rem,calc(100vh - 1rem));overflow-y:auto;padding:.55rem;border:1px solid var(--slate);border-radius:var(--radius);background:var(--dusk);color:var(--moon);box-shadow:0 12px 30px #0000007a;font-size:.74rem}.tile-viewers-popover[data-above=true]{transform:translateY(-100%)}.tile-viewers-popover>strong{display:block;margin:0 .25rem .4rem;color:var(--mist);font-family:var(--font-mono);font-size:.66rem;font-weight:600}.tile-viewers-popover ul{list-style:none;display:grid;gap:.12rem}.tile-viewers-popover li{display:flex;justify-content:space-between;gap:.75rem;padding:.3rem .35rem;border-radius:5px}.tile-viewers-popover li:hover{background:var(--slate)}.tile-viewers-popover li span:last-child,.tile-viewers-empty{color:var(--mist)}.tile-viewers-empty{display:block;padding:.25rem}.video-tile[data-self=true]{border-color:var(--ember)}.tile-controls{position:absolute;top:.3rem;right:.35rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;max-width:calc(100% - .7rem);opacity:.82;transition:opacity .12s ease;z-index:3}.video-tile:hover .tile-controls,.video-tile:focus-within .tile-controls{opacity:1}.tile-ctl{background:#05080cc7;border:1px solid rgba(238,235,225,.12);color:var(--moon);width:2rem;height:2rem;border-radius:7px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;line-height:1}.tile-ctl svg,.share-volume svg{width:1rem;height:1rem;flex:0 0 auto}.tile-ctl:hover{background:var(--ember);color:var(--ink)}.tile-ctl.active{color:var(--ember)}.tile-ctl.muted{background:#be4b5cc7;color:#fff}.tile-ctl.danger{color:#ff9aa8}.tile-ctl.danger:hover{background:#be4b5c;color:#fff}.tile-stats{position:absolute;top:.3rem;left:.4rem;right:auto;display:flex;flex-direction:column;gap:.12rem;max-width:min(72%,34rem);background:#0009;color:var(--moon);font-family:var(--font-mono);font-size:.64rem;line-height:1.4;padding:.15rem .4rem;border-radius:4px;pointer-events:none}.tile-stats-warning{color:#ffd39e;white-space:normal}.stage-collapse.on{color:var(--ember)}.stream-menu{position:fixed;z-index:50;min-width:180px;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.3rem;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;animation:pop-in .13s var(--ease-out);transform-origin:top left}.stream-menu button{background:none;border:none;color:var(--moon);text-align:left;padding:.45rem .6rem;border-radius:6px;font-size:.82rem;cursor:pointer}.stream-menu button:hover{background:var(--slate);color:var(--ember)}.stage-resize{height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.stage-resize-grip{width:44px;height:4px;border-radius:2px;background:var(--slate);transition:background .12s ease}.stage-resize:hover .stage-resize-grip,.stage-resize:active .stage-resize-grip,.stage-resize:focus-visible .stage-resize-grip{background:var(--ember)}.stage-bar-actions{display:flex;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.settings-hint{color:var(--mist);font-size:.72rem;margin:.1rem 0 .6rem;line-height:1.4}.stage-divider{height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;flex:0 0 auto;touch-action:none}.stage-divider-grip{width:56px;height:4px;border-radius:2px;background:var(--slate);transition:background .12s ease}.stage-divider:hover .stage-divider-grip,.stage-divider:active .stage-divider-grip,.stage-divider:focus-visible .stage-divider-grip{background:var(--ember)}.stage-divider:focus-visible,.stage-resize:focus-visible{outline:1px solid var(--ember);outline-offset:-1px}@media(max-width:560px){.stage-cameras.solo{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(12rem,auto);align-content:start;justify-content:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:var(--slate) transparent;scrollbar-width:thin}.stage-rail-button{width:2.75rem;height:3.25rem}}@media(max-width:440px){.stage-cameras.solo{grid-template-columns:minmax(0,18rem);justify-content:center}}.chat{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.messages{flex:1;overflow-y:auto;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.8rem}.message.grouped{margin-top:-.7rem}.empty-channel{margin:auto;text-align:center;color:var(--mist);font-size:.9rem;padding:2rem;animation:fade-in .4s ease-out}.empty-channel .empty-title{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--moon);margin-bottom:.5rem}.loading-older,.history-start{text-align:center;color:var(--mist);font-size:.72rem;font-family:var(--font-mono);padding:.6rem 0}.day-separator{display:flex;align-items:center;gap:.8rem;color:var(--mist);font-size:.72rem;font-family:var(--font-mono);margin:.4rem 0}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:var(--dusk)}.unread-divider{display:flex;align-items:center;gap:.8rem;color:var(--ember);font-size:.68rem;font-weight:700;font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.1em;margin:.3rem 0}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:#f0a35e73}.edited-tag{color:var(--mist);font-size:.68rem;font-family:var(--font-mono);margin-left:.4rem}.react-option.action{color:var(--mist);font-size:.85rem}.react-option.action:hover{color:var(--ember)}.message-edit{width:100%;background:var(--slate);border:1px solid var(--ember);border-radius:var(--radius);padding:.5rem .7rem;resize:none;outline:none;margin-top:.2rem}.jump-anchor{position:relative;height:0;z-index:4}.jump-latest{position:absolute;bottom:.45rem;left:50%;transform:translate(-50%);background:var(--ember);color:var(--ink);border:none;border-radius:999px;padding:.35rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #0006;animation:jump-rise .17s var(--ease-out)}.jump-latest:active{transform:translate(-50%) scale(.97)}@keyframes jump-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.message-author{font-weight:650;margin-right:.55rem}.message-time{color:var(--mist);font-size:.72rem;font-family:var(--font-mono);white-space:nowrap;display:inline-block;font-variant-numeric:tabular-nums}.message-text{overflow-wrap:anywhere}.message-text p{white-space:pre-wrap;margin:0}.message-text p+p,.message-text pre,.message-text blockquote,.message-text ul,.message-text ol{margin-top:.35rem}.message-text code{font-family:var(--font-mono);font-size:.85em;background:var(--slate);border-radius:4px;padding:.1em .35em}.message-text pre{background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.7rem .9rem;overflow-x:auto}.message-text pre code{background:none;padding:0;font-size:.82rem}.message-text blockquote{border-left:3px solid var(--ember);padding-left:.8rem;color:var(--mist)}.message-text ul,.message-text ol{padding-left:1.4rem}.message-text a{color:var(--iris)}.message-text a:hover{text-decoration-color:var(--ember)}.chat-image{display:block;max-width:min(420px,100%);max-height:320px;border-radius:var(--radius);margin-top:.35rem}.chat-image-button{display:block;width:fit-content;max-width:100%;background:none;border:none;padding:0;text-align:left;cursor:zoom-in;border-radius:var(--radius)}.chat-image-button:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.message{position:relative;display:grid;grid-template-columns:2.5rem 1fr;gap:0 .65rem;padding:.1rem 2rem .1rem .2rem;border-radius:6px}.message.fresh{animation:arrive .22s var(--ease-out)}.message:hover{background:#ffffff05}.message.highlighted{animation:land 2.2s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes land{0%{background:#f0a35e38}to{background:transparent}}.message-gutter{display:flex;justify-content:center;padding-top:.15rem}.medallion{width:2.1rem;height:2.1rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700;font-size:.95rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.medallion.small{width:1.55rem;height:1.55rem;font-size:.7rem;position:relative}.status-pip{position:absolute;right:-2px;bottom:-2px;border:2px solid var(--dusk)}.gutter-time{opacity:0;color:var(--mist);font-size:.62rem;font-family:var(--font-mono);align-self:center}.message.grouped:hover .gutter-time{opacity:1}.message-body{min-width:0}.message-body .message-text{max-width:72ch}.react-bar{position:absolute;top:-.15rem;right:.65rem;display:flex;gap:.15rem;background:#181c27f5;border:1px solid var(--slate);border-radius:9px;padding:.18rem;box-shadow:0 8px 22px #00000052;z-index:6;opacity:0;pointer-events:none;transition:opacity .1s ease}@media(hover:none){.react-bar{top:-.15rem}}.message:hover .react-bar,.message:focus-within .react-bar,.react-bar:focus-within{opacity:1;pointer-events:auto}.react-option{background:none;border:none;color:var(--mist);cursor:pointer;width:1.9rem;height:1.9rem;padding:0;border-radius:6px;line-height:1.2;display:inline-grid;place-items:center;transition:background-color .1s ease,transform .1s var(--ease-out)}.react-option svg{width:1rem;height:1rem}.react-option:hover{background:var(--slate);color:var(--moon);transform:translateY(-1px)}.react-option.expression{width:2.15rem;margin-right:.15rem;border-right:1px solid var(--slate);border-radius:6px 0 0 6px}.react-option.danger:hover{color:#ff9aa8}.reaction-popover-stack{position:absolute;top:2.25rem;right:.65rem;z-index:10;width:max-content;max-width:calc(100% - 1rem);padding:.2rem;background:#181c27fa;border:1px solid var(--slate);border-radius:9px;box-shadow:0 10px 28px #0006;animation:pop-in .13s var(--ease-out);transform-origin:top right}.message[data-has-reply=true] .reaction-popover-stack{top:4.65rem}.reaction-popover-stack.expanded{width:min(21.9rem,calc(100% - 1rem))}.quick-reactions{display:flex;align-items:center;gap:.12rem;width:max-content;max-width:100%;margin:0}.message[data-has-reply=true] .react-bar{top:2.25rem}.quick-reaction-option{min-width:2rem;height:2rem;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border:0;border-radius:6px;background:transparent;color:var(--moon);cursor:pointer}.quick-reaction-option:hover{background:var(--slate)}.quick-reaction-option.more{padding:0 .45rem;color:var(--mist);font-family:var(--font-mono);font-size:.66rem}.quick-reaction-option.more svg{width:.95rem;height:.95rem}.mention-chip{color:var(--ember);background:#f0a35e1f;border-radius:5px;padding:0 .25em;font-weight:600}.mention-chip.mention-self{background:#f0a35e47;color:var(--moon)}.message.mentioned{background:#f0a35e0d;box-shadow:inset 3px 0 #f0a35e8c}.message.mentioned:hover{background:#f0a35e14}.channel-unread.has-mention{box-shadow:0 0 0 2px #f0a35e59}.mention-typeahead button{font-family:var(--font-body)}.mention-typeahead .medallion.small{width:1.3rem;height:1.3rem;font-size:.62rem}.reply-quote{display:flex;align-items:center;gap:.4rem;max-width:100%;background:none;border:none;padding:0 0 .15rem;cursor:pointer;font-size:.78rem;color:var(--mist);text-align:left}.reply-quote:hover .reply-quote-text{color:var(--moon)}.reply-quote-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reply-quote-name{font-weight:600;flex-shrink:0}.reply-quote-media{width:2.1rem;height:2.1rem;flex:0 0 2.1rem;display:inline-grid;place-items:center;overflow:hidden;border:1px solid var(--slate);border-radius:6px;background:var(--ink)}.reply-quote-media img{width:100%;height:100%;object-fit:cover}.reply-quote-media.spoiler{color:var(--mist);background:repeating-linear-gradient(135deg,var(--ink),var(--ink) 5px,var(--slate) 5px,var(--slate) 6px)}.reply-quote-media svg{width:1rem;height:1rem}.reply-quote-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reply-quote.deleted{cursor:default;font-style:italic;opacity:.7}.reply-pill{display:flex;align-items:center;gap:.5rem;margin:0 1.25rem .35rem;padding:.3rem .6rem;background:var(--dusk);border:1px solid var(--slate);border-left:3px solid var(--ember);border-radius:8px;font-size:.8rem;color:var(--mist);animation:rise-in .15s var(--ease-out)}.reply-pill strong{color:var(--moon);font-weight:600}.reply-pill-snippet{display:flex;align-items:center;gap:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.reply-pill-media{display:inline-flex;color:var(--ember);flex:0 0 auto}.reply-pill-media svg{width:.95rem;height:.95rem}.reply-pill button{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.75rem;padding:0 .2rem;flex-shrink:0}.reply-pill button:hover{color:var(--ember)}.reaction-chips{display:flex;gap:.35rem;margin-top:.4rem;flex-wrap:wrap;align-items:center}.reaction-chip{background:var(--slate);border:1px solid transparent;border-radius:999px;padding:.12rem .55rem;cursor:pointer;font-size:.82rem;animation:pop-in .14s var(--ease-out)}.reaction-chip:hover{border-color:var(--mist)}.reaction-chip:active{transform:scale(.95)}.reaction-chip.mine{border-color:var(--ember);background:#f0a35e1f}.spoiler{background:var(--slate);border-radius:4px;padding:0 .35rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .11s ease}.spoiler:not(.revealed),.spoiler:not(.revealed) *{color:transparent!important}.spoiler:not(.revealed) *{pointer-events:none}.spoiler:not(.revealed) img{visibility:hidden}.spoiler:not(.revealed):hover{background:#46536b}.spoiler:not(.revealed):focus-visible{outline:2px solid var(--ember);outline-offset:1px}.spoiler.revealed{background:#94a3b829;cursor:text;-webkit-user-select:text;user-select:text}.spoiler-media{position:relative;display:inline-block;border:1px solid var(--slate);background:var(--dusk);padding:0;cursor:pointer;overflow:hidden;border-radius:var(--radius)}.spoiler-media img.veiled{filter:blur(26px) saturate(.5) brightness(.55);transform:scale(1.1);display:block}.spoiler-media-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--moon);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em}.spoiler-media:hover .spoiler-media-label{color:var(--ember)}.bot-tag{margin-left:.35rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;color:var(--iris);border:1px solid rgba(146,152,226,.45);border-radius:4px;padding:.02rem .28rem;vertical-align:1px}.token-reveal{background:var(--slate);border:1px solid var(--ember);border-radius:var(--radius);padding:.6rem .8rem;margin:.4rem 0 .6rem}.token-reveal-name{font-weight:600;font-size:.85rem;margin-bottom:.25rem}.token-reveal-code{display:block;font-family:var(--font-mono);font-size:.78rem;word-break:break-all;color:var(--ember);-webkit-user-select:all;user-select:all}.token-reveal-code.small{font-size:.68rem;display:inline}.share-volume{display:inline-flex;align-items:center;gap:.3rem;background:#0a0e14b8;border-radius:999px;padding:.15rem .5rem;color:var(--moon);font-size:.7rem}.share-volume input{width:5.5rem;accent-color:var(--ember);height:3px}.chat-video-wrap{display:block;margin-top:.3rem}.chat-video{max-width:min(34rem,100%);max-height:22rem;border-radius:var(--radius);border:1px solid var(--slate);background:#000;display:block}.audio-player{display:flex;align-items:center;gap:.6rem;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.5rem .7rem;max-width:26rem;margin-top:.3rem}.audio-toggle{width:2.1rem;height:2.1rem;border-radius:50%;border:none;background:var(--ember);color:var(--ink);cursor:pointer;font-size:.72rem;flex-shrink:0;display:grid;place-items:center}.audio-toggle:hover{filter:brightness(1.08)}.audio-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.audio-label{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-scrub{width:100%;accent-color:var(--ember);height:4px}.audio-meta{display:flex;align-items:center;justify-content:space-between;color:var(--mist);font-family:var(--font-mono);font-size:.68rem}.audio-rate{background:none;border:1px solid #3a3f4d;border-radius:4px;color:var(--mist);font-family:var(--font-mono);font-size:.65rem;cursor:pointer;padding:.02rem .3rem}.audio-rate:hover{color:var(--ember);border-color:var(--ember)}.file-card{display:inline-flex;align-items:center;gap:.5rem;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.45rem .8rem;margin-top:.3rem;text-decoration:none;color:var(--moon);max-width:26rem}.file-card:hover{border-color:var(--ember)}.file-card-glyph{color:var(--ember);font-size:.9rem}.file-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.staged-chip.staged-file{max-width:12rem}.staged-file-body{display:flex;flex-direction:column;gap:.1rem;background:var(--slate);border:1px solid #3a3f4d;border-radius:var(--radius);padding:.45rem .6rem}.staged-file-name{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:10rem}.staged-file-size{color:var(--mist);font-family:var(--font-mono);font-size:.62rem}.file-row{display:flex}.file-row-main{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;text-decoration:none;color:var(--moon);border-radius:6px;padding:.35rem .45rem;width:100%;background:none;border:none;text-align:left;cursor:pointer}.file-row-main:hover{background:var(--slate)}.file-kind{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;color:var(--mist);border:1px solid #3a3f4d;border-radius:4px;padding:.05rem .3rem}.file-kind.audio{color:var(--ember);border-color:#f0a35e66}.file-kind.video{color:var(--iris);border-color:#9298e266}.file-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.file-row-meta{color:var(--mist);font-family:var(--font-mono);font-size:.65rem}.storage-bar{height:10px;background:var(--slate);border-radius:999px;overflow:hidden;margin:.3rem 0}.storage-bar-fill{height:100%;background:var(--ember);border-radius:inherit}.storage-list{list-style:none;display:flex;flex-direction:column;gap:.1rem}.storage-row{display:flex;align-items:center;gap:.6rem;padding:.25rem .3rem;border-radius:6px;font-size:.85rem}.storage-row:hover{background:var(--slate)}.storage-row-name{color:var(--moon);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-row-bytes,.storage-row-meta{margin-left:auto;color:var(--mist);font-family:var(--font-mono);font-size:.72rem;flex-shrink:0}.storage-row .role-delete{flex-shrink:0}.channel-lock{display:inline-flex;margin-left:.35rem;color:var(--mist);opacity:.8;vertical-align:-1px}.channel-item.muted-channel .channel-name-btn{color:var(--mist);opacity:.7}.channel-item.muted-channel .channel-unread{opacity:.75}.reply-ping-toggle{background:none;border:1px solid transparent;border-radius:5px;font-family:var(--font-mono);font-size:.68rem;color:var(--mist);cursor:pointer;padding:.08rem .35rem;flex-shrink:0}.reply-ping-toggle.on{color:var(--ember);border-color:#f0a35e66}.reply-ping-toggle:hover{border-color:var(--mist)}.poke-card{position:fixed;top:.9rem;right:.9rem;z-index:95;display:flex;align-items:center;gap:.6rem;background:var(--dusk);border:1px solid var(--ember);border-radius:var(--radius);padding:.55rem .7rem .55rem .9rem;box-shadow:0 14px 40px #00000080;animation:fade-in .16s var(--ease-out);font-size:.88rem}.poke-text strong{color:var(--ember)}.poke-room{font-family:var(--font-mono);font-size:.8rem}.poke-join{background:var(--ember);color:var(--ink);border:none;border-radius:6px;padding:.28rem .7rem;font-weight:600;font-size:.8rem;cursor:pointer}.poke-join:hover{filter:brightness(1.08)}.poke-dismiss{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.75rem;padding:.2rem .3rem}.poke-dismiss:hover{color:var(--moon)}.poll-card{margin-top:.4rem;display:flex;flex-direction:column;gap:.3rem;max-width:34rem}.poll-option{position:relative;display:flex;align-items:center;gap:.5rem;text-align:left;background:var(--slate);border:1px solid transparent;border-radius:8px;padding:.45rem .7rem;cursor:pointer;overflow:hidden;font-size:.9rem;transition:border-color .11s ease}.poll-option:hover:not(:disabled){border-color:var(--mist)}.poll-option:disabled{cursor:default}.poll-option.mine{border-color:var(--ember)}.poll-option.leading .poll-fill{background:#f0a35e38}.poll-fill{position:absolute;inset:0 auto 0 0;background:#f0a35e21;transition:width .26s var(--ease-swift);pointer-events:none}.poll-option-text{position:relative;flex:1;min-width:0}.poll-check{color:var(--ember)}.poll-count{position:relative;font-family:var(--font-mono);font-size:.78rem;color:var(--mist)}.poll-meta{display:flex;align-items:center;gap:.7rem;color:var(--mist);font-family:var(--font-mono);font-size:.7rem}.poll-close-btn{background:none;border:none;color:var(--mist);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;padding:.1rem .3rem;border-radius:4px}.poll-close-btn:hover{color:var(--ember);background:var(--slate)}.poll-card.closed .poll-option{opacity:.85}.event-card{margin-top:.4rem;border-left:2px solid var(--ember);padding:.15rem 0 .15rem .75rem;display:flex;flex-direction:column;gap:.3rem;max-width:34rem}.event-when{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.event-when-full{font-weight:600;font-size:.9rem}.event-until{color:var(--ember);font-family:var(--font-mono);font-size:.72rem}.event-description{color:var(--mist);font-size:.85rem}.event-rsvp-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.event-rsvp-cell{display:inline-flex;align-items:center;gap:.35rem}.event-rsvp{background:var(--slate);border:1px solid transparent;border-radius:999px;padding:.18rem .7rem;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;gap:.35rem;transition:border-color .11s ease}.event-rsvp:hover{border-color:var(--mist)}.event-rsvp.mine{border-color:var(--ember);background:#f0a35e1f}.event-rsvp-count{font-family:var(--font-mono);font-size:.72rem;color:var(--mist)}.event-going{color:var(--mist);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}.poll-composer{margin:0 1.25rem .4rem;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.4rem;animation:rise-in .15s var(--ease-out)}.poll-composer-title{color:var(--mist);font-size:.75rem;font-family:var(--font-mono)}.poll-composer-row{display:flex;gap:.3rem;align-items:center}.poll-composer-row input{flex:1;background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.35rem .55rem;font-size:.85rem;outline:none}.poll-composer-row input:focus{border-color:var(--ember)}.poll-composer-remove{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.7rem;padding:.3rem}.poll-composer-remove:hover{color:var(--rose)}.poll-composer-controls{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.78rem;color:var(--mist)}.poll-composer-add{background:none;border:1px dashed #3a3f4d;border-radius:6px;color:var(--mist);cursor:pointer;font-size:.75rem;padding:.2rem .5rem}.poll-composer-add:hover{color:var(--ember);border-color:var(--ember)}.poll-composer-multi{display:flex;align-items:center;gap:.35rem;cursor:pointer}.poll-composer-controls select{background:var(--slate);border:none;border-radius:6px;padding:.25rem .4rem;font-size:.75rem;color:var(--moon)}.poll-composer-spacer{flex:1}.poll-composer-cancel{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.78rem}.poll-composer-cancel:hover{color:var(--moon)}.poll-composer-start{background:var(--ember);color:var(--ink);border:none;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer}.poll-composer-start:disabled{opacity:.45;cursor:default}.emoji-inline{height:1.375em;width:auto;max-width:3em;object-fit:contain;vertical-align:-.32em;display:inline-block}.emoji-inline.big{height:1.7rem;vertical-align:middle}.emoji-grid .emoji-inline{height:1.25rem;vertical-align:middle}.emoji-shelf-label{color:var(--mist);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;padding:.1rem .15rem 0}.emoji-mint{display:flex;align-items:center;gap:.3rem;margin:.3rem 0 .5rem}.emoji-mint-pick{width:2.4rem;height:2.4rem;border-radius:var(--radius);border:1px dashed #3a3f4d;background:var(--slate);color:var(--mist);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.emoji-mint-pick img{width:100%;height:100%;object-fit:contain}.emoji-mint-pick:hover{border-color:var(--ember);color:var(--ember)}.emoji-mint-colon{color:var(--mist);font-family:var(--font-mono)}.emoji-mint-code{background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.35rem .5rem;font-family:var(--font-mono);font-size:.85rem;width:11rem;outline:none}.emoji-mint-code:focus{border-color:var(--ember)}.emoji-list{list-style:none;display:flex;flex-direction:column;gap:.15rem}.emoji-row{display:flex;align-items:center;gap:.6rem;padding:.3rem .4rem;border-radius:6px}.emoji-row:hover{background:var(--slate)}.emoji-row-code{font-family:var(--font-mono);font-size:.82rem}.emoji-row-by{color:var(--mist);font-size:.75rem;flex:1}.inline-reaction-picker{width:min(21.5rem,100%);margin:.2rem 0 0 auto}.inline-reaction-picker .emoji-picker{position:static;width:100%;transform-origin:top right;box-shadow:none}.staged-row{display:flex;gap:.5rem;padding:0 1.25rem .4rem;flex-wrap:wrap;animation:rise-in .15s var(--ease-out)}.staged-chip{position:relative;display:inline-block}.staged-chip img{height:4.2rem;border-radius:var(--radius);display:block;border:1px solid var(--slate)}.staged-chip button{position:absolute;top:-6px;right:-6px;width:1.15rem;height:1.15rem;border-radius:50%;border:none;background:var(--slate);color:var(--moon);font-size:.6rem;cursor:pointer;line-height:1}.staged-chip button:hover{background:var(--ember);color:var(--ink)}.staged-chip img.spoilered{filter:blur(7px) brightness(.6)}.staged-chip .staged-spoiler{position:absolute;bottom:4px;left:4px;top:auto;right:auto;width:auto;height:auto;border-radius:4px;padding:.05rem .3rem;font-size:.58rem;font-family:var(--font-mono);letter-spacing:.06em;background:#0a0e14c7;color:var(--mist);border:1px solid transparent}.staged-chip .staged-spoiler.on{color:var(--ember);border-color:var(--ember)}.staged-chip.sending{animation:chip-breathe 1.6s ease-in-out infinite}@keyframes chip-breathe{0%,to{opacity:.75}50%{opacity:.45}}.edit-hint{color:var(--mist);font-size:.68rem;font-family:var(--font-mono);margin-top:.2rem}.delete-confirm{position:absolute;top:2.25rem;right:.65rem;z-index:12;width:min(17rem,calc(100% - 1rem));padding:.65rem;background:var(--dusk);border:1px solid rgba(190,75,92,.65);border-radius:9px;box-shadow:0 12px 32px #00000075;color:var(--moon);font-size:.82rem;animation:pop-in .13s var(--ease-out);transform-origin:top right}.message[data-has-reply=true] .delete-confirm{top:4.65rem}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.55rem}.delete-confirm button{min-height:2rem;padding:.25rem .65rem;border:1px solid var(--slate);border-radius:6px;background:var(--ink);color:var(--moon);cursor:pointer}.delete-confirm button:hover{border-color:var(--mist)}.delete-confirm button.confirm{border-color:#be4b5ccc;background:#be4b5c33;color:#ffb7c0}.delete-confirm-hint{display:block;margin-top:.45rem;color:var(--mist);font-family:var(--font-mono);font-size:.64rem}.emoji-typeahead{margin:0 1.25rem .35rem;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.3rem;display:flex;flex-direction:column;max-width:22rem;animation:pop-in .13s var(--ease-out);transform-origin:bottom left}.emoji-typeahead button{display:flex;align-items:center;gap:.55rem;background:none;border:none;border-radius:6px;padding:.3rem .55rem;cursor:pointer;color:var(--mist);font-family:var(--font-mono);font-size:.8rem;text-align:left}.emoji-typeahead button.active{background:var(--slate);color:var(--moon)}.emoji-char{font-size:1.1rem;font-family:var(--font-body)}.preview-stack{position:relative;display:flex;flex-direction:column;gap:.45rem;margin-top:.45rem;max-width:min(460px,100%)}.preview-strip{position:absolute;top:.3rem;right:.3rem;z-index:1;width:1.2rem;height:1.2rem;border:none;border-radius:4px;background:none;color:var(--mist);cursor:pointer;font-size:.7rem;opacity:0}.message:hover .preview-strip,.preview-strip:focus-visible{opacity:1}.preview-strip:hover{color:var(--ember)}.preview-restore{background:none;border:none;color:var(--mist);font-size:.68rem;font-family:var(--font-mono);cursor:pointer;padding:.1rem 0;margin-top:.2rem;opacity:.7;display:block}.preview-restore:hover{color:var(--ember);opacity:1}.preview-card{display:flex;flex-direction:column;gap:.4rem;background:var(--dusk);border-left:3px solid var(--slate);border-radius:var(--radius);padding:.6rem .8rem}.preview-card[data-provider=youtube]{border-left-color:#b3564e}.preview-card[data-provider=spotify]{border-left-color:#4e8f5f}.preview-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.preview-site{color:var(--mist);font-size:.68rem;font-family:var(--font-mono);text-transform:lowercase}.preview-title{color:var(--iris);font-weight:600;font-size:.9rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-title:hover{text-decoration:underline}.preview-desc{color:var(--mist);font-size:.8rem;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-thumb{max-height:150px;width:fit-content;max-width:100%;border-radius:6px}.embed-poster{position:relative;border:none;background:var(--ink);border-radius:6px;padding:0;cursor:pointer;overflow:hidden;line-height:0}.embed-poster img{width:100%;max-height:220px;object-fit:cover;opacity:.85}.embed-poster:hover img{opacity:1}.embed-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--moon);text-shadow:0 2px 12px rgba(0,0,0,.8)}.embed-poster:hover .embed-play{color:var(--ember)}.embed-frame{border:none;border-radius:6px;width:100%}.embed-frame.youtube{aspect-ratio:16 / 9}.embed-frame.spotify{height:152px}.typing-line{min-height:1.3rem;padding:0 1.35rem .15rem;color:var(--mist);font-size:.8rem;font-style:italic}.typing-line span{animation:breathe 2s ease-in-out infinite}.composer{padding:0 1.25rem 1.2rem;display:flex;gap:.5rem;align-items:flex-end;position:relative}.emoji-button{display:inline-flex;align-items:center;justify-content:center}.emoji-picker{position:absolute;bottom:calc(100% + .4rem);right:1.25rem;width:21rem;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.6rem;box-shadow:0 12px 32px #00000073;z-index:10;display:flex;flex-direction:column;gap:.5rem;animation:pop-in .15s var(--ease-out);transform-origin:bottom right}.emoji-picker-search{background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.4rem .6rem;outline:none;font-size:.85rem}.emoji-picker-search:focus{border-color:var(--ember)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.1rem;max-height:15rem;overflow-y:auto}.emoji-grid.recents{border-bottom:1px solid var(--slate);padding-bottom:.45rem;max-height:none}.emoji-grid button{background:none;border:none;border-radius:6px;font-size:1.25rem;padding:.25rem 0;cursor:pointer;line-height:1.3}.emoji-grid button:hover{background:var(--slate)}.attach-button{background:var(--slate);border:none;border-radius:var(--radius);width:2.6rem;height:2.6rem;flex-shrink:0;font-size:1.3rem;line-height:1;color:var(--mist);cursor:pointer}.attach-button:hover{color:var(--ember)}.composer textarea{width:100%;background:var(--slate);border:1px solid transparent;border-radius:var(--radius);padding:.8rem 1rem;resize:none;outline:none;overflow-y:auto;max-height:40vh;transition:border-color .12s ease,box-shadow .16s ease}.composer textarea:focus{border-color:#f0a35e80;box-shadow:0 0 0 3px #f0a35e12}.composer textarea::placeholder{color:var(--mist)}.composer textarea:disabled{opacity:.55;cursor:not-allowed}.drawer-toggle{display:none;background:none;border:none;color:var(--moon);align-items:center;justify-content:center;cursor:pointer;padding:0 .4rem 0 0}.sidebar-backdrop{display:none}@media(max-width:640px){.drawer-toggle{display:inline-flex;width:2.75rem;height:2.75rem;padding:0;flex-shrink:0}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(82vw,300px);transform:translate(-100%);transition:transform .26s var(--ease-swift);box-shadow:0 0 40px #00000080}.layout.drawer-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000080;animation:fade-in .2s ease-out}.main{width:100%}.messages{padding:.9rem}.message{grid-template-columns:2.1rem 1fr}.channel-header{padding-top:max(.8rem,env(safe-area-inset-top,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));padding-left:max(.75rem,env(safe-area-inset-left,0px))}.composer{padding-right:max(.75rem,env(safe-area-inset-right,0px));padding-bottom:max(.9rem,env(safe-area-inset-bottom,0px));padding-left:max(.75rem,env(safe-area-inset-left,0px))}.message-body .message-text{max-width:none}}@media(hover:none){.channel-voice-join,.header-pins,.attach-button{width:2.75rem;height:2.75rem}.icon-button{min-height:2.75rem}.icon-button.small{width:2.75rem}.react-option{width:2.75rem;height:2.75rem}.react-option.expression{width:3rem}.reaction-popover-stack{right:.25rem;max-width:calc(100vw - .75rem)}.quick-reactions{max-width:100%;overflow-x:auto}.quick-reaction-option{min-width:2.75rem;height:2.75rem}.tile-ctl{width:2.75rem;height:2.75rem}.stage-divider,.stage-resize{min-height:1.25rem}}.channel-voice-member[data-speaking=true] .channel-voice-name{color:var(--moon)}.channel-voice-member[data-speaking=true] .ember-dot{transform:scale(1.14)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(2px)}}@keyframes fade-in{0%{opacity:0}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes breathe-soft{0%,to{opacity:.65}50%{opacity:1}}.channel-item,.channel-name-btn,.channel-add,.online-toggle,.roster-item,.menu-item,.settings-tab,.settings-close,.switcher-item,.emoji-grid button,.emoji-typeahead>button,.mic-record-btn,.voice-button.join,.profile-save,.role-new button,.role-delete,.tile-ctl,.stream-menu button,.stage-collapse,.join-link-toggle,.preview-strip,.preview-restore,.reply-pill button,.staged-chip button,.menu-volume-reset,.reaction-chip{transition:background-color .11s ease,color .11s ease,border-color .11s ease,opacity .11s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.staged-chip.sending{opacity:.55}.message.highlighted{background:#f0a35e1f}}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.context-menu{position:fixed;min-width:210px;max-width:270px;background:var(--dusk);border:1px solid var(--slate);border-radius:var(--radius);padding:.3rem;box-shadow:0 12px 32px #0000008c;z-index:91;animation:pop-in .13s var(--ease-out);transform-origin:top left}.menu-title{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem .5rem;border-bottom:1px solid var(--slate);margin-bottom:.25rem}.menu-title-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-section{color:var(--mist);font-size:.66rem;font-family:var(--font-mono);letter-spacing:.04em;padding:.45rem .55rem .15rem}.menu-item{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;background:none;border:none;border-radius:6px;padding:.38rem .55rem;cursor:pointer;color:var(--moon);font-size:.86rem}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--slate);outline:none}.menu-item:disabled{opacity:.4;cursor:default}.menu-item.danger{color:var(--rose)}.menu-check{width:1em;flex-shrink:0;color:var(--ember);font-size:.8rem}.menu-row{padding:.3rem .55rem}.menu-volume{display:flex;align-items:center;gap:.5rem}.menu-volume input[type=range]{flex:1;min-width:0;accent-color:var(--ember)}.menu-volume-pct{font-family:var(--font-mono);font-size:.72rem;color:var(--mist);min-width:2.7rem;text-align:right}.menu-volume-pct.boosted{color:var(--ember)}.menu-volume-reset{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.7rem;font-family:var(--font-mono)}.menu-volume-reset:hover:not(:disabled){color:var(--ember)}.menu-volume-reset:disabled{opacity:.35;cursor:default}.channel-li{position:relative;transition:transform .14s ease}.channel-li.dragging{transition:none;z-index:10}.channel-li.dragging .channel-item{background:var(--slate);box-shadow:0 6px 20px #00000080;opacity:.95}.channel-li.dragging .channel-name-btn{color:var(--moon);cursor:grabbing}body.ds-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.ds-dragging .channel-name-btn{cursor:grabbing}.medallion.tiny{width:1.2rem;height:1.2rem;font-size:.55rem;position:relative;margin-right:.3rem}.medallion.tiny .status-pip{--ember-size: 7px;width:var(--ember-size);height:var(--ember-size);right:-2px;bottom:-2px;border-width:1.5px}.medallion.tiny .status-pip.online{--ember-size: 9px}.dm-item .channel-name-btn{display:flex;align-items:center}.ember-dot.offline{background:transparent;border:1px solid var(--mist);opacity:.38}.role-new{display:flex;gap:.5rem;margin-bottom:.9rem}.role-new input{flex:1;min-width:0;background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.4rem .6rem;outline:none}.role-new input:focus{border-color:var(--ember)}.role-new button{background:var(--ember);color:var(--ink);border:none;border-radius:6px;padding:.4rem .7rem;cursor:pointer;font-weight:650;font-size:.82rem}.role-new button:disabled{opacity:.4;cursor:default}.role-card{border:1px solid var(--slate);border-radius:var(--radius);padding:.6rem .75rem;margin-bottom:.75rem}.role-card.admin{border-color:#f0a35e4d}.role-fixed{color:var(--mist);font-size:.72rem;font-family:var(--font-mono)}.role-admin-note{margin:0 0 .5rem}.role-holders-row{display:flex;align-items:baseline;gap:.6rem;margin-top:.45rem}.role-holders-label,.role-holders-empty{color:var(--mist);font-size:.68rem;font-family:var(--font-mono);flex-shrink:0}.role-holders{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center}.role-holder{display:inline-flex;align-items:center;font-size:.82rem;color:var(--moon)}.role-holders-more{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.72rem;font-family:var(--font-mono);transition:color .11s ease}.role-holders-more:hover{color:var(--ember)}.role-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.role-name{font-weight:650}.role-delete{background:none;border:none;color:var(--mist);cursor:pointer;font-size:.72rem;font-family:var(--font-mono)}.role-delete:hover,.role-delete.confirming{color:var(--rose)}.join-link-toggle{background:none;border:none;color:var(--mist);font-size:.8rem;cursor:pointer;margin-top:.4rem}.join-link-toggle:hover{color:var(--ember)}.join-link{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.join-link input{background:var(--slate);border:1px solid transparent;border-radius:var(--radius);padding:.6rem 1rem;text-align:center;font-family:var(--font-mono);letter-spacing:.18em;outline:none}.join-link input:focus{border-color:var(--ember)}.join-link-hint{color:var(--mist);font-size:.75rem}.device-code{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.2em;color:var(--ember);background:var(--slate);border-radius:var(--radius);padding:.6rem 1rem;text-align:center;margin:.3rem 0 .5rem;-webkit-user-select:all;user-select:all}.roster-away-heading{margin-top:.6rem}.roster-item.away{opacity:.55}.roster-item.away:hover{opacity:.85}.menu-rescue{display:flex;flex-direction:column;gap:.2rem;padding:.15rem 0}.menu-rescue-code{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.15em;color:var(--ember);-webkit-user-select:all;user-select:all}.menu-rescue-hint{color:var(--mist);font-size:.68rem}.stream-menu .stream-menu-nerd{border-top:1px solid var(--slate);border-radius:0 0 6px 6px;margin-top:.25rem;padding-top:.65rem;color:var(--mist);font-family:var(--font-mono);font-size:.7rem}.files-panel{width:min(38rem,calc(100vw - 1.5rem))}.files-head{display:flex;justify-content:space-between}.files-tools{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:0 .35rem .45rem}.files-tools input,.files-tools select{min-width:0;background:var(--slate);border:1px solid transparent;border-radius:6px;padding:.42rem .55rem;color:var(--moon)}.files-tools input:focus,.files-tools select:focus{outline:none;border-color:var(--ember)}.file-thumb-box{position:relative;display:block;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:5px;background:var(--ink)}.file-thumb{width:100%;height:100%;object-fit:cover;display:block}.file-thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--mist);font-size:.5rem;line-height:1.1;text-align:center}.file-thumb-gif{position:absolute;right:2px;bottom:2px;padding:1px 3px;border-radius:3px;background:#000000b8;color:#fff;font:500 .48rem/1 var(--font-mono);letter-spacing:.04em;pointer-events:none}.files-loading{color:var(--mist);font-size:.75rem;text-align:center;padding:.55rem}.files-more{width:100%;border:none;border-top:1px solid var(--slate);background:none;color:var(--mist);padding:.65rem;cursor:pointer;font-size:.75rem}.files-more:hover{color:var(--ember)}.message.pinned-message{background:#9298e213;box-shadow:inset 3px 0 #9298e2b3}.message.pinned-message:hover{background:#9298e21f}.set-range-value{display:flex;align-items:center;gap:.6rem;flex:1;justify-content:flex-end}.set-range-value input{width:min(15rem,100%)}.set-range-value output{min-width:4.8rem;color:var(--mist);font-family:var(--font-mono);font-size:.7rem;text-align:right}.stream-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;border:1px solid var(--slate);border-radius:var(--radius);padding:.65rem;font-size:.72rem;color:var(--mist)}.stream-summary strong{color:var(--moon)}.stream-preset-controls{display:flex;align-items:center;gap:.45rem}.stream-reset{background:none;border:1px solid var(--slate);border-radius:6px;padding:.35rem .5rem;color:var(--mist);cursor:pointer;font-size:.68rem;white-space:nowrap}.stream-reset:hover:not(:disabled){color:var(--ember);border-color:var(--ember)}.stream-reset:disabled{opacity:.4;cursor:default}.stream-restart-note{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border:1px solid rgba(240,163,94,.5);border-radius:var(--radius);background:#f0a35e17;font-size:.74rem;line-height:1.4}.stream-restart-note strong{color:var(--ember)}.stream-restart-note span{color:var(--moon)}.emoji-count,.gif-attribution{color:var(--mist);font-family:var(--font-mono);font-size:.6rem;text-align:right}.gif-button{font-size:.63rem;font-weight:750;letter-spacing:.02em}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;max-height:17rem;overflow-y:auto}.gif-grid button{border:none;background:var(--slate);padding:0;border-radius:6px;overflow:hidden;cursor:pointer;aspect-ratio:1.35}.gif-grid img{width:100%;height:100%;object-fit:cover;display:block}.gif-empty{color:var(--mist);font-size:.75rem;line-height:1.4;padding:.8rem .2rem}.slash-typeahead button{display:flex;gap:.7rem;align-items:baseline}.slash-typeahead button span{color:var(--mist);font-size:.72rem}.nerd-panel{position:fixed;right:1rem;bottom:1rem;z-index:100;width:min(25rem,calc(100vw - 2rem));max-height:min(34rem,calc(100vh - 2rem));overflow:auto;background:#12141bf7;border:1px solid var(--slate);border-radius:var(--radius);box-shadow:0 16px 44px #0000008c;padding:.7rem;font-family:var(--font-mono)}.nerd-panel-head{display:flex;align-items:center;justify-content:space-between;color:var(--ember);font-size:.78rem}.nerd-panel-head button{border:none;background:none;color:var(--mist);cursor:pointer}.nerd-panel dl{display:flex;flex-direction:column;gap:.15rem;margin:.65rem 0}.nerd-panel dl div{display:grid;grid-template-columns:9rem 1fr;gap:.6rem;padding:.3rem;border-radius:4px}.nerd-panel dl div:nth-child(odd){background:#ffffff06}.nerd-panel dt{color:var(--mist);font-size:.62rem}.nerd-panel dd{color:var(--moon);font-size:.66rem;overflow-wrap:anywhere}.nerd-copy{width:100%;background:var(--slate);border:none;border-radius:6px;color:var(--moon);padding:.45rem;cursor:pointer}.connection-panel{width:min(34rem,calc(100vw - 2rem))}.connection-state,.connection-note{color:var(--mist);font-size:.65rem;line-height:1.5}.connection-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:.65rem 0}.connection-summary div{display:flex;flex-direction:column;gap:.12rem;padding:.42rem;background:#ffffff06;border-radius:5px}.connection-summary span{color:var(--mist);font-size:.58rem}.connection-summary strong{color:var(--moon);font-size:.68rem;overflow-wrap:anywhere}.connection-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.connection-chart{display:grid;grid-template-columns:1fr auto;gap:.2rem;min-width:0;color:var(--mist);font-size:.58rem}.connection-chart strong{color:var(--moon);font-size:.6rem}.connection-chart svg{grid-column:1 / -1;width:100%;height:4.2rem;background:#00000038;border-radius:5px;overflow:visible}.connection-chart-grid{fill:none;stroke:#ffffff14;stroke-width:1}@media(max-width:640px){.connection-charts{grid-template-columns:1fr}.connection-chart svg{height:3.2rem}}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;padding:1.25rem;background:#07080ce6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .12s ease-out}.image-viewer-frame{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;max-width:100%;max-height:100%}.image-viewer-image{display:block;max-width:min(92vw,1600px);max-height:82vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 18px 60px #0000009e}.image-viewer-close{position:absolute;z-index:1;top:.45rem;right:.45rem;width:1.8rem;height:1.8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#000000ad;color:#fff;cursor:pointer;font-size:.72rem}.image-viewer-close:hover,.image-viewer-close:focus-visible{background:var(--ember);color:var(--ink)}.image-viewer-meta{display:flex;align-items:baseline;justify-content:center;gap:.8rem;max-width:min(92vw,70rem);color:var(--mist);font-size:.68rem;font-family:var(--font-mono)}.image-viewer-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-meta a{flex-shrink:0;color:var(--moon)}.image-viewer-error{color:var(--mist);padding:4rem;border:1px solid var(--slate);border-radius:var(--radius)}