:root{--haunt-black:#060609;--haunt-surface:#0c0c11;--haunt-raised:#121219;--haunt-hover:#1a1a24;--haunt-border:#353543;--haunt-control-border:#646479;--haunt-text:#f1f4ff;--haunt-muted:#a4a5b6;--haunt-ember:#ff9a3d;--haunt-ember-hover:#ffb16a;--haunt-halo:#8996ff;--haunt-focus:#b8c6ff;--haunt-success:#83d6b1;--haunt-danger:#f28ca6;--haunt-warning:#e6c778;--haunt-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--haunt-radius-control:8px;--haunt-radius-panel:12px;--haunt-glow-cool:0 0 18px #8996ff14;--haunt-glow-warm:0 0 14px #ff9a3d1a;--haunt-focus-ring:0 0 0 2px var(--haunt-black), 0 0 0 4px var(--haunt-focus)}.haunt-atmosphere{background:radial-gradient(ellipse at 15% 0%, #8996ff0a, transparent 40%), var(--haunt-black)}@media (prefers-reduced-motion:reduce){.haunt-brand-motion{transition:none;animation:none}}:root{font-family:var(--haunt-font);color:var(--haunt-text);background:var(--haunt-black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:var(--haunt-text);--muted:var(--haunt-muted);--accent:var(--haunt-ember);--line:var(--haunt-border);--panel:var(--haunt-surface);--danger:var(--haunt-danger);--success:var(--haunt-success)}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body{margin:0;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,input,select,textarea{outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--haunt-focus)}button{transition:background .15s,color .15s}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}input,select,textarea{background:var(--haunt-surface);width:100%;color:var(--text);border:1px solid var(--haunt-control-border);border-radius:8px;padding:11px 13px}textarea{resize:vertical;min-height:45px}input::placeholder,textarea::placeholder{color:var(--muted)}.remember-device{align-items:center;gap:10px;display:flex!important}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.app{height:100dvh;min-height:0;display:flex;overflow:hidden}.server-rail{overscroll-behavior:contain;background:var(--haunt-black);border-right:1px solid var(--line);flex-direction:column;flex:none;align-items:center;gap:14px;width:79px;min-height:0;padding:22px 10px;display:flex;position:relative;overflow:hidden auto}.brand-mark{flex:none;place-items:center;width:60px;height:60px;display:grid}.brand-mark img,.welcome-logo{object-fit:contain;display:block}.rail-line{background:var(--haunt-hover);width:27px;height:1px;margin:12px 0 5px}.server-icon{background:var(--haunt-raised);border:1px solid var(--line);letter-spacing:.5px;border-radius:17px;flex:none;width:47px;height:47px;font-size:13px;font-weight:750;position:relative}.server-icon:hover{background:var(--haunt-hover)}.server-icon.selected{background:var(--haunt-hover);color:var(--accent);border-color:var(--accent);border-radius:15px}.server-icon.selected:before{content:"";background:var(--accent);border-radius:4px;width:3px;height:27px;position:absolute;top:9px;left:-17px}.server-icon.add{color:var(--accent);border:1px dashed var(--line);background:0 0}.server-icon .presence{border:3px solid var(--line);width:13px;height:13px;position:absolute;bottom:-2px;right:-3px}.presence{background:var(--haunt-warning);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.presence.online{background:var(--success)}.presence.offline,.presence.signed-out{background:var(--haunt-hover)}.rail-label{color:var(--muted);text-align:center;letter-spacing:1.8px;margin-top:auto;font-size:9px;font-weight:750;line-height:1.65}.sidebar{background:var(--haunt-surface);border-right:1px solid var(--line);flex-direction:column;flex:none;width:258px;min-height:0;display:flex}.community-head{border-bottom:1px solid var(--line);flex:none;padding:27px 24px 25px}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:10px;font-weight:750}.community-head h2{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 12px;font-size:18px;overflow:hidden}.connection{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.channel-scroll{flex:1;min-height:0;padding:24px 13px;overflow:auto}.section-label{letter-spacing:1.1px;color:var(--muted);align-items:center;gap:5px;margin:0 11px 11px;font-size:10px;font-weight:700;display:flex}.section-label .icon{width:18px;height:18px;margin-left:auto}.channel{border-radius:var(--haunt-radius-control);text-align:left;width:100%;color:var(--muted);align-items:center;gap:10px;margin:3px 0;padding:10px 12px;font-size:13px;display:flex}.channel>span:not(.tiny){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel svg{color:var(--muted);flex:none}.channel:hover{background:var(--haunt-raised)}.channel.active{background:var(--haunt-raised);color:var(--text)}.channel.active svg{color:var(--accent)}.channel .join-label{opacity:0;margin-left:auto;font-size:10px}.channel:hover .join-label{opacity:1}.category{margin-top:22px}.dm-heading{margin-top:35px}.sidebar-hint{color:var(--muted);margin:20px 13px;font-size:11px;line-height:1.7}.profile{border-top:1px solid var(--line);background:var(--haunt-surface);flex:none;align-items:center;gap:10px;padding:18px 15px;display:flex}.avatar{background:var(--haunt-hover);width:35px;height:35px;color:var(--text);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.avatar.self{background:var(--haunt-hover);color:var(--text)}.avatar.tiny{border-radius:9px;width:25px;height:25px;font-size:10px}.profile strong{font-size:12px;display:block}.profile small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.profile .icon{margin-left:auto}.icon{border-radius:var(--haunt-radius-control);width:31px;height:31px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon:hover{background:var(--haunt-hover);color:var(--text)}.workspace{background:var(--haunt-raised);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation-head{border-bottom:1px solid var(--line);background:var(--haunt-raised);flex:none;align-items:center;gap:14px;height:87px;padding:20px 29px;display:flex}.channel-symbol{color:var(--muted);display:flex}.conversation-head h1{letter-spacing:-.25px;margin:0 0 5px;font-size:16px}.conversation-head p{color:var(--muted);margin:0;font-size:11px}.conversation-head .refresh{margin-left:auto}.header-members{color:var(--muted);border-left:1px solid var(--line);align-items:center;gap:7px;padding-left:15px;font-size:11px;display:flex}.messages{scrollbar-color:var(--line) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:35px 29px 20px;overflow:auto}.history-note{color:var(--muted);align-items:center;gap:13px;margin:12px 0 27px;font-size:10px;display:flex}.history-note:before,.history-note:after{content:"";background:var(--haunt-hover);flex:1;height:1px}.message{border-radius:6px;gap:13px;min-width:0;margin:23px -10px 0;padding:3px 10px;display:flex;position:relative}.message:hover{background:var(--haunt-raised)}.message.grouped{margin-top:1px}.message-avatar{flex:none;width:35px}.message-content{flex:1;min-width:0}.message-meta{align-items:center;gap:9px;margin:1px 0 6px;display:flex}.message-meta strong{color:var(--text);font-size:12px;font-weight:650}.message-meta time{color:var(--muted);font-size:10px}.you{text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--haunt-hover);border-radius:3px;padding:2px 4px;font-size:8px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.edited{color:var(--muted);margin-left:5px;font-size:9px}.message-actions{background:var(--haunt-surface);border:1px solid var(--line);border-radius:5px;padding:3px;display:none;position:absolute;top:-14px;right:8px}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.message-actions button{padding:4px 8px;font-size:10px}.message-actions button:hover{color:var(--accent)}.deleted{color:var(--muted);font-size:12px;font-style:italic}.composer-wrap{background:var(--haunt-raised);padding:15px 28px 19px}.composer{background:var(--haunt-raised);border:1px solid var(--haunt-control-border);border-radius:11px;align-items:flex-end;gap:12px;padding:11px 12px;display:flex}.composer .attach{border:1px solid var(--line);width:23px;height:23px;color:var(--muted);border-radius:50%;margin:2px 1px 5px 2px}.composer textarea{resize:none;background:0 0;border:0;min-height:30px;max-height:180px;padding:5px 1px;font-size:13px;line-height:22px}.composer textarea:focus-visible{outline:0}.composer:focus-within{border-color:var(--line)}.send{background:var(--accent);width:30px;height:30px;color:var(--haunt-black);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.composer-hint{color:var(--muted);justify-content:space-between;gap:8px;margin:11px 3px 0;font-size:9px;display:flex}.composer-hint strong{color:var(--muted);font-weight:500}.readonly{text-align:center;color:var(--muted);padding:20px;font-size:12px}.welcome{background:radial-gradient(ellipse at 15% 0%, #8996ff0a, transparent 40%), var(--haunt-black);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.welcome-logo{margin:16px 16px 24px}.welcome h1{letter-spacing:-.02em;margin-bottom:24px;font-size:28px;font-weight:700;line-height:32px}.welcome .primary{margin-top:8px}.primary,.secondary,.danger{border-radius:var(--haunt-radius-control);justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 17px;font-size:12px;font-weight:650;display:inline-flex}.primary{background:var(--accent);color:var(--haunt-black)}.primary:hover{background:var(--accent-hover,var(--haunt-ember-hover))}.secondary{background:var(--haunt-hover);color:var(--text);border:1px solid var(--haunt-control-border)}.danger{background:color-mix(in srgb, var(--danger) 14%, var(--haunt-surface));color:var(--danger)}.text-button{color:var(--accent);padding:9px 0;font-size:12px}.text-button:hover{text-decoration:underline}.button-row{gap:12px;margin-top:15px;display:flex}.muted{color:var(--muted);font-size:13px;line-height:1.7}.small{font-size:11px}.form{flex-direction:column;gap:16px;margin-top:22px;display:flex}.form label{color:var(--text);flex-direction:column;gap:7px;font-size:12px;display:flex}.form-columns{gap:15px;display:flex}.form-columns>*{flex:1;min-width:0}dialog{background:var(--haunt-raised);width:min(470px,100% - 32px);max-height:85dvh;color:var(--text);border:1px solid var(--line);border-radius:var(--haunt-radius-panel);padding:26px;overflow:auto;box-shadow:0 30px 120px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060609cf}.dialog-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.dialog-head h2{letter-spacing:-.5px;margin:0;font-size:20px}.dialog-head .icon{margin-right:-8px}.error{background:color-mix(in srgb, var(--danger) 14%, var(--haunt-surface));border:1px solid var(--line);color:var(--danger);overflow-wrap:anywhere;border-radius:6px;padding:10px 13px;font-size:12px;line-height:1.65}.workspace>.error{border-width:0 0 1px;border-radius:0;font-size:11px}.composer-wrap>.error{margin-bottom:10px}.toast{z-index:50;background:color-mix(in srgb, var(--danger) 14%, var(--haunt-surface));border:1px solid var(--haunt-control-border);border-radius:8px;align-items:center;gap:12px;width:min(540px,90vw);padding:13px 17px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #0008}.empty-conversation{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px;display:flex}.empty-conversation h2{color:var(--text);margin:24px 0 10px;font-size:20px}.empty-conversation p{font-size:13px}.people-list{max-height:280px;margin:18px 0;overflow:auto}.people-list>label{align-items:center;gap:12px;padding:10px 2px;font-size:13px;display:flex}.people-list>label input{margin-left:auto}.people-list+button{width:100%}.pending-message{opacity:.75;border-left:2px solid var(--haunt-warning);overflow-wrap:anywhere;margin:20px 0 0 48px;padding-left:12px}.pending-message p{white-space:pre-wrap;margin:0 0 5px;font-size:13px}.pending-message small{color:var(--haunt-warning);font-size:11px;display:block}.pending-message button{margin-right:17px}.attachment-button{border:1px solid var(--haunt-control-border);background:var(--haunt-raised);border-radius:9px;align-items:center;gap:9px;margin:9px 0;padding:14px 18px;font-size:12px;display:flex}.attachment-image{object-fit:contain;border-radius:9px;max-width:min(100%,420px);max-height:330px;margin:10px 0;display:block}.attachment-expired{color:var(--muted);margin:8px 0;font-size:11px}.attachment-chips{flex-wrap:wrap;gap:10px;margin:7px 0;display:flex}.attachment-chips>span{background:var(--haunt-hover);border-radius:8px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;display:flex}.load-more{margin:auto;display:block}.tabs{border-bottom:1px solid var(--line);margin-bottom:20px;display:flex}.tabs button{color:var(--muted);padding:12px 15px;font-size:12px}.tabs button.active{border-bottom:2px solid var(--accent);color:var(--accent)}.account-summary{align-items:center;gap:12px;margin:20px 0 28px;display:flex}.account-summary strong{font-size:14px}.account-summary small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:11px;display:block}h3{margin:23px 0 13px;font-size:13px}.device-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:13px;padding:14px 0;font-size:12px;display:flex}.device-list>div>div{flex:1}.device-list small{color:var(--muted);margin-top:7px;font-size:10px;display:block}details{margin:25px 0}summary{cursor:pointer;font-size:13px}.invite-code{background:var(--haunt-surface);color:var(--text);border:1px solid var(--line);border-radius:6px;align-items:center;margin-top:20px;padding:12px;display:flex}.invite-code code{overflow-wrap:anywhere;flex:1;font-size:11px}.success{color:var(--accent);font-size:12px}.call-panel>header{align-items:center;gap:9px;display:flex}.call-panel header div{flex:1}.call-panel strong{font-size:13px}.call-panel small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.audio-track{min-height:0}.audio-track:empty{display:none}.call-panel .error{margin-top:12px;font-size:11px}.mobile-menu{display:none}.fatal{padding:50px}.fatal h1{font-size:25px}.fatal button{background:var(--accent);color:var(--haunt-black);border-radius:8px;padding:12px}@media (max-width:1000px){.sidebar{width:220px}.community-head{padding-left:18px}.composer-hint>span:last-child{display:none}.messages{padding:25px 20px}.composer-wrap{padding:15px 20px}.conversation-head{padding:18px 20px}}@media (max-width:720px){.server-rail{gap:12px;width:62px;padding:20px 7px}.server-icon{border-radius:14px;width:41px;height:41px}.server-icon.selected:before{left:-11px}.sidebar{z-index:20;width:245px;display:none;position:absolute;top:0;bottom:0;left:62px;box-shadow:20px 0 70px #0008}.sidebar.open,.mobile-menu{display:flex}.conversation-head{gap:8px;height:76px;padding:13px 14px}.conversation-head p{display:none}.conversation-head h1{margin:0;font-size:14px}.header-members{display:none}.conversation-head .refresh{width:27px}.channel-symbol{display:none}.messages{padding:20px 16px}.message{gap:9px}.message-avatar,.message-avatar .avatar{width:29px}.message-avatar .avatar{height:29px}.message-body{font-size:13px}.composer-wrap{padding:12px}.composer{gap:8px}.composer-hint{font-size:8px}.composer-hint>span:last-child{display:none}.message-actions{opacity:.7;background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:static}.message-actions button{padding:4px;font-size:9px}.history-note{font-size:8px}.welcome{padding:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.avatar{flex-shrink:0;overflow:visible}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar.large{border-radius:24px;width:84px;height:84px;font-size:32px}.server-icon-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.server-banner{object-fit:cover;flex-shrink:0;width:100%;height:115px}.server-description{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;margin:8px 0;font-size:12px;line-height:1.5;overflow:auto}.community-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.community-tools .icon{width:28px;height:28px}.community-head h2{color:var(--server-accent,var(--accent))}.profile-avatar-button{cursor:pointer;background:0 0;border:0;padding:0}.profile-avatar-button:hover .avatar{outline:2px solid var(--haunt-focus);outline-offset:2px}.channel-entry-wrap{position:relative}.channel-entry{align-items:center;min-width:0;display:flex}.channel-entry .channel{flex:1;min-width:0}.channel-menu-button{opacity:.5;flex:0 0 25px;width:25px;height:25px;margin-right:8px}.channel-entry:hover .channel-menu-button,.channel-menu-button:focus-visible{opacity:1}.channel-menu{z-index:100;background:var(--haunt-black);border:1px solid var(--line);border-radius:8px;width:min(210px,100vw - 16px);max-height:calc(100dvh - 16px);margin:0;padding:5px;position:fixed;overflow-y:auto;box-shadow:0 8px 20px #0004}.channel-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px 10px;display:block}.channel-menu button:hover,.channel-menu button:focus-visible{background:var(--haunt-hover)}.voice-members{border-left:1px solid var(--line);margin:0 14px 8px 30px;padding-left:8px}.voice-member{color:var(--text);align-items:center;gap:7px;padding:5px 0;font-size:12px;display:flex}.voice-member>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-member .tiny{width:22px;height:22px;font-size:10px}.header-members{border-radius:var(--haunt-radius-control);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;display:flex}.header-members:hover,.header-members.active{background:var(--haunt-raised);color:var(--accent);border-color:var(--line)}.member-panel{border-left:1px solid var(--line);background:var(--haunt-surface);flex-direction:column;flex-shrink:0;width:255px;padding:20px 14px;display:flex;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title h2{margin:0;font-size:15px}.panel-title h2 span{color:var(--muted);margin-left:5px;font-weight:400}.member-search{border:1px solid var(--line);background:var(--haunt-surface);color:var(--muted);border-radius:8px;align-items:center;gap:5px;margin:16px 0;padding:0 10px;display:flex}.member-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;min-width:0;padding:10px 3px;font-size:12px}.member-search:focus-within{border-color:var(--accent)}.member-list{min-height:0;overflow-y:auto}.member-row,.settings-list-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 7px;display:flex}.member-row:hover,.settings-list-row:hover,.settings-list-row.active{background:var(--haunt-raised)}.member-row>span:not(.avatar):not(.role-badge),.settings-list-row>span:not(.avatar):not(.role-badge){flex:1;min-width:0}.member-row strong,.settings-list-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.member-row small,.settings-list-row small{color:var(--muted);text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.role-badge{background:var(--haunt-raised);color:var(--haunt-warning);border-radius:4px;padding:3px 5px;font-size:9px}.member-profile{border-top:5px solid var(--profile-accent);padding-top:22px}.member-profile h2{margin-bottom:4px}.member-profile .button-row{margin-top:24px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);line-height:1.6}.member-scrim{display:none}.wide-dialog{width:min(920px,100vw - 28px);max-width:920px}.settings-layout{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:25px;display:grid}.settings-nav{flex-direction:column;gap:6px;display:flex;position:sticky;top:0}.settings-nav strong{color:var(--muted);overflow-wrap:anywhere;margin:8px 9px 14px;font-size:12px}.settings-nav button{color:var(--text);border-radius:var(--haunt-radius-control);text-align:left;cursor:pointer;background:0 0;border:0;padding:11px;font-size:12px}.settings-nav button:hover,.settings-nav button.active{color:var(--accent);background:var(--haunt-hover)}.settings-content{min-width:0}.settings-content h3:first-child{margin-top:5px}.settings-content .form{gap:16px}.settings-list{max-height:320px;margin:15px 0;overflow:auto}.settings-list-row{border-bottom:1px solid var(--line);border-radius:4px;padding:12px 8px}.form textarea{color:var(--text);border:1px solid var(--line);background:var(--haunt-surface);border-radius:var(--haunt-radius-control);width:100%;font:inherit;resize:vertical;min-height:75px;padding:11px 12px}.form input[type=color]{cursor:pointer;width:78px;height:42px;padding:4px}.form input[type=checkbox],.permission-checks input[type=checkbox],.sound-setting input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.permission-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex;flex-direction:row!important}.permission-row select{width:115px}.permission-checks{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;padding:15px;display:flex}.permission-checks legend{color:var(--muted);padding:0 6px;font-size:12px}.permission-checks label{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.art-editor{border-top:1px solid var(--line);margin:25px 0;padding-top:8px}.art-preview{background:var(--haunt-raised);width:90px;height:90px;color:var(--accent);border-radius:18px;justify-content:center;align-items:center;margin-bottom:14px;font-size:28px;display:flex;overflow:hidden}.art-preview img{object-fit:cover;width:100%;height:100%}.art-editor.art-banner .art-preview{aspect-ratio:3;border-radius:10px;width:100%;height:auto;font-size:13px}.art-editor .button-row{flex-wrap:wrap;margin-bottom:10px}.art-editor .muted{line-height:1.5;display:block}.category-manager,.member-role-editor{border-top:1px solid var(--line);margin-top:28px;padding-top:12px}.danger-zone{border-top:1px solid var(--line);margin-top:26px;padding-top:12px}.danger-zone p{color:var(--danger);font-size:13px;line-height:1.6}.danger-zone input{border:1px solid var(--haunt-control-border);background:color-mix(in srgb, var(--danger) 14%, var(--haunt-surface));width:100%;color:var(--danger);border-radius:6px;margin:6px 0 14px;padding:10px}.danger-text{color:var(--danger)!important}.sound-setting{color:var(--text);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}@media (max-width:1100px){.member-panel{z-index:31;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0005}.member-scrim{z-index:30;background:#0004;border:0;display:block;position:absolute;inset:0}}@media (max-width:720px){.header-members{padding:7px;display:flex}.settings-layout{display:block}.settings-nav{flex-flow:wrap;gap:3px;margin-bottom:20px;position:static}.settings-nav strong{display:none}.settings-nav button{padding:8px;font-size:11px}.wide-dialog{padding:20px}.member-panel{width:min(280px,100vw - 62px)}.channel-menu-button{opacity:1}.member-profile .avatar.large{width:64px;height:64px}.settings-content .panel-title{flex-wrap:wrap}}.channel.voice-connected{color:var(--server-accent,var(--accent));background:color-mix(in srgb, var(--accent) 5%, transparent)}.server-icon{place-items:center;padding:0;display:grid}.server-icon-image{display:block;position:absolute;inset:0}.server-icon .presence{z-index:1}.avatar{padding:0;position:relative}.avatar img{display:block;position:absolute;inset:0}.voice-connected .join-label{opacity:1}.voice-workspace{flex:1;min-width:0;min-height:0;display:flex}.voice-stage-slot,.voice-lobby{background:var(--haunt-surface);flex:1;min-width:0;min-height:0}.voice-lobby{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.voice-lobby h2{margin:0}.voice-chat{border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:clamp(290px,30vw,400px);min-width:0;min-height:0;display:flex}.voice-chat>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px;font-size:13px;display:flex}.voice-chat .messages{padding:16px}.voice-chat .message{gap:8px}.voice-chat .message-head{flex-wrap:wrap;gap:6px}.voice-chat .composer-wrap{padding:12px}.voice-chat .message-actions{right:0}@media (max-width:1050px){.voice-workspace{flex-direction:column}.voice-stage-slot,.voice-lobby{flex:0 0 45%}.voice-chat{border-left:0;border-top:1px solid var(--line);flex:1;width:100%}}.community-tools h2{flex:1;min-width:0}.community-tools .icon{flex-shrink:0}.client-settings-button{flex-shrink:0;margin-top:auto}.rail-notifications{flex-shrink:0;margin-top:12px;position:relative}.ping-badge{background:var(--accent,var(--accent));color:var(--haunt-black);border-radius:10px;padding:2px 5px;font-size:11px;font-weight:700;position:absolute;top:-3px;right:-3px}.channel-ping{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notification-inbox{gap:8px;max-height:60vh;margin-top:14px;display:grid;overflow:auto}.notification-inbox>button{text-align:left;background:var(--haunt-raised);color:inherit;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.notification-inbox span{white-space:pre-wrap;overflow-wrap:anywhere}.notification-inbox small{color:var(--muted)}.client-preferences fieldset{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.client-preferences fieldset:disabled{opacity:.5}.client-preferences legend{padding:0 6px}.sound-upload{cursor:pointer;position:relative;overflow:hidden}.sound-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.notification-rules{border-top:1px solid var(--line);padding:18px 0}.notification-rules .channel-rule{padding-left:14px}.mention{color:var(--muted);background:color-mix(in srgb, var(--accent) 12%, var(--haunt-surface));border-radius:3px;padding:0 2px}.mention-self{color:var(--muted);background:color-mix(in srgb, var(--accent) 12%, var(--haunt-surface))}.composer-wrap{position:relative}.mention-picker{z-index:20;background:var(--haunt-raised);border:1px solid var(--line);border-radius:9px;max-height:300px;padding:6px;position:absolute;bottom:calc(100% - 8px);left:18px;right:18px;overflow:auto;box-shadow:0 8px 24px #0005}.mention-picker button{text-align:left;width:100%;color:inherit;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.mention-picker button[aria-selected=true],.mention-picker button:hover{background:var(--haunt-hover)}.mention-picker span{gap:2px;display:grid}.mention-picker small{color:var(--muted)}.client-preferences label.sound-setting{flex-direction:row;align-items:center}.client-preferences .sound-setting input{flex-shrink:0}.client-preferences .button-row{flex-wrap:wrap}.dm-avatar-group{flex-shrink:0;width:30px;height:30px;position:relative}.channel>.dm-avatar-group{overflow:visible}.dm-avatar-group .avatar{border-radius:6px;width:20px;height:20px;font-size:10px;position:absolute;top:0;left:0}.dm-avatar-group .avatar+.avatar{box-shadow:0 0 0 2px var(--haunt-surface);top:7px;left:7px}.channel.unread{color:var(--text,var(--text));font-weight:600}.conversation-badge{background:var(--accent);min-width:19px;color:var(--haunt-black);text-align:center;border-radius:9px;flex:none;margin-left:auto;padding:2px 5px;font-size:11px;line-height:15px}.server-unread{background:var(--haunt-hover);border:2px solid var(--line);border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.message-body a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.message-embeds{gap:10px;max-width:480px;min-height:1px;margin-top:7px;display:grid}.embed-card{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--haunt-surface);border-radius:8px;min-width:0;overflow:hidden}.embed-copy{gap:7px;padding:13px 15px 10px;display:grid}.embed-site{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.embed-title{color:var(--accent);overflow-wrap:anywhere;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none}.embed-title:hover{text-decoration:underline}.embed-description{color:var(--text);white-space:normal;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.embed-picture,.embed-play,.attachment-picture{background:var(--haunt-black);cursor:zoom-in;border:0;width:100%;padding:0;display:block;overflow:hidden}.embed-picture img{object-fit:contain;width:100%;max-height:300px;display:block}.embed-open{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;padding:9px 15px;font-size:11px;text-decoration:none;display:flex}.embed-play{cursor:pointer;min-height:170px;position:relative}.embed-play img{object-fit:cover;opacity:.72;width:100%;max-height:270px;display:block}.embed-play>span{color:#fff;text-shadow:0 1px 5px #000;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.embed-player{aspect-ratio:16/9;background:var(--haunt-black);width:100%;position:relative}.embed-player iframe{border:0;width:100%;height:100%}.embed-stop{color:#fff;background:#0c0c11e8;border-radius:50%;position:absolute;top:6px;right:6px}.attachment-card{border-radius:8px;width:-moz-fit-content;width:fit-content;max-width:min(100%,480px);margin-top:8px;overflow:hidden}.attachment-picture{place-items:center;min-width:64px;min-height:48px;display:grid}.attachment-card .attachment-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:360px;margin:0;display:block}.attachment-button span{text-align:left;overflow-wrap:anywhere}.attachment-button small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.attachment-caption{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:7px;padding:7px 2px;font-size:11px;text-decoration:none;display:flex}.attachment-caption small{white-space:nowrap;margin-left:auto}.image-viewer{background:var(--haunt-black);border:none;border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:38px 16px 12px}.image-viewer::backdrop{background:#060609e8}.image-viewer>img{object-fit:contain;width:auto;max-width:calc(100vw - 64px);height:auto;max-height:calc(100dvh - 112px);display:block}.viewer-close{color:var(--text);position:absolute;top:6px;right:8px}.viewer-download{color:var(--text);align-items:center;gap:6px;padding-top:12px;font-size:12px;display:flex}.context-menu{z-index:10000;background:var(--haunt-surface);width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);border:1px solid var(--line);margin:0;padding:6px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 40px #0008}.context-menu-title{color:var(--muted);overflow-wrap:anywhere;padding:7px 9px;font-size:12px}.context-menu hr{border:0;border-top:1px solid var(--line);margin:5px}.user-volumes{border-top:1px solid var(--line);margin-top:5px;padding:9px}.user-volumes label{margin-bottom:12px;font-size:12px;display:block}.user-volumes label>span{justify-content:space-between;gap:12px;display:flex}.user-volumes output{color:var(--accent);font-variant-numeric:tabular-nums}.user-volumes input{width:100%;accent-color:var(--accent);cursor:pointer;margin:8px 0 0}.user-volumes small{color:var(--muted);font-size:11px}.call-timer{color:var(--success);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.voice-member{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%}.voice-member:hover,.voice-member:focus-visible{background:#ffffff08}.voice-member>span:not(.avatar){min-width:0}.voice-member{cursor:default}.pip-move{cursor:grab;touch-action:none}.pip-move:active{cursor:grabbing}.pip-resize{width:20px;height:20px;color:var(--success);cursor:nwse-resize;touch-action:none;z-index:1;background:0 0;border:0;place-items:center;display:grid;position:absolute;bottom:2px;right:2px}.microphone-monitor{margin-top:-6px}.microphone-meter{background:var(--haunt-black);--mic-level:0%;border-radius:3px;height:12px;position:relative;overflow:hidden}.microphone-meter-colors{background:linear-gradient(90deg,#65d98b 0% 70%,#efa33d 70% 90%,#ef6268 90% 100%);position:absolute;inset:0}.microphone-meter-mask{inset:0 0 0 var(--mic-level);background:#0c0c11e8;transition:left 50ms linear;position:absolute}.microphone-meter:after{content:"";background:repeating-linear-gradient(to right, transparent 0 calc(5% - 2px), var(--haunt-surface) calc(5% - 2px) 5%);position:absolute;inset:0}.microphone-meter-label,.microphone-meter-scale{color:var(--muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:10px;display:flex}.microphone-meter-label .text-button{padding:0;font-size:11px}.microphone-meter-scale{height:12px;position:relative}.microphone-meter-scale span:nth-child(2){position:absolute;left:70%;transform:translate(-50%)}.microphone-meter-scale span:nth-child(3){position:absolute;left:90%;transform:translate(-50%)}.community-cover{position:relative}.community-cover.has-banner{align-items:flex-end;min-height:132px;margin:-27px -24px 12px;display:flex}.community-cover.has-banner .server-banner{height:100%;position:absolute;inset:0}.community-cover.has-banner .community-tools{z-index:1;width:100%;padding:12px 18px;position:relative}.community-cover.has-banner h2{color:var(--text);text-shadow:0 1px 4px #000;margin:0}.community-cover.has-banner .icon{color:var(--text);background:#06060980}.custom-emoji{object-fit:contain;vertical-align:-.35em;width:1.5em;height:1.5em;display:inline-block}.standard-emoji{vertical-align:-.35em;background-repeat:no-repeat;background-size:1600% 1600%;width:1.5em;height:1.5em;display:inline-block;position:relative}.standard-emoji>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.message-body.emoji-only{font-size:28px;line-height:1.9}.message-body.emoji-only .standard-emoji,.message-body.emoji-only .custom-emoji{vertical-align:middle;width:40px;height:40px;margin:2px}.markdown{white-space:normal}.markdown p{white-space:pre-wrap;margin:0}.markdown p+p{margin-top:.65em}.markdown :is(h1,h2,h3,h4,h5,h6){margin:.35em 0;line-height:1.3}.markdown h1{font-size:1.6em}.markdown h2{font-size:1.4em}.markdown :is(h3,h4,h5,h6){font-size:1.15em}.markdown :is(ul,ol){margin:.3em 0;padding-left:24px}.markdown blockquote{border-left:3px solid var(--line);color:var(--text);margin:.35em 0;padding-left:12px}.markdown code{background:var(--haunt-black);white-space:pre-wrap;border-radius:3px;padding:.12em .3em;font:.94em ui-monospace,SFMono-Regular,Consolas,monospace}.markdown pre{border:1px solid var(--line);background:var(--haunt-black);border-radius:6px;max-width:100%;padding:12px;line-height:1.5;overflow-x:auto}.markdown pre code{white-space:pre;overflow-wrap:normal;padding:0}.markdown hr{border:0;border-top:1px solid var(--line);margin:10px 0}.message-spoiler{background:var(--haunt-black);border-radius:3px;display:inline-block;position:relative}.message-spoiler:not(.revealed)>span{visibility:hidden}.message-spoiler>button{cursor:pointer;background:0 0;border:0;border-radius:3px;width:100%;min-width:12px;height:100%;padding:0;position:absolute;inset:0}.message-spoiler>button:hover{background:#ffffff12}.message-spoiler.revealed{background:#ffffff0c}.emoji-picker{z-index:35;border:1px solid var(--line);background:var(--haunt-surface);border-radius:12px;width:min(388px,100% - 28px);padding:12px;position:absolute;bottom:calc(100% - 10px);right:14px;box-shadow:0 12px 36px #0009}.emoji-picker input{width:100%}.emoji-categories{scrollbar-width:thin;gap:1px;padding:8px 0;display:flex;overflow-x:auto}.emoji-categories button{background:0 0;border-radius:5px;flex:1 0 26px;padding:4px 1px;font-size:17px}.emoji-categories button[aria-pressed=true]{background:var(--haunt-hover);box-shadow:inset 0 -2px var(--accent)}.emoji-scroll{overscroll-behavior:contain;contain:strict;scrollbar-width:thin;height:min(280px,38dvh);overflow-y:auto}.emoji-grid-row{grid-template-columns:repeat(8,minmax(0,1fr));height:42px;display:grid;position:absolute;left:0;right:0}.emoji-grid-row button{background:0 0;border-radius:6px;justify-content:center;align-items:center;min-width:0;height:40px;padding:3px;font-size:26px;line-height:1;display:flex;overflow:hidden}.emoji-grid-row button:hover,.emoji-grid-row button[aria-selected=true]{background:var(--haunt-hover)}.emoji-group-title{height:30px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:7px;font-size:11px;position:absolute;left:3px;right:0}.emoji-picker .custom-emoji{width:28px;height:28px}.emoji-loading{color:var(--muted);font-size:20px}.emoji-preview{border-top:1px solid var(--line);align-items:center;gap:10px;height:46px;margin-top:7px;display:flex}.emoji-preview>span{flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:26px;display:flex}.emoji-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.emoji-settings-row{align-items:center;gap:12px;padding:10px 0;display:flex}.emoji-settings-row .custom-emoji{width:32px;height:32px}.emoji-settings-row .danger-text{margin-left:auto}:is(.server-icon:has(.server-icon-image),.art-preview:has(img)){background:0 0}.microphone-controls{border-bottom:1px solid var(--line);gap:12px;padding:4px 0 12px;display:grid}.form .device-toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.form .device-toggle input{width:18px;height:18px;accent-color:var(--accent);margin:0}.microphone-gain>span{justify-content:space-between;align-items:center;display:flex}.microphone-gain.automatic{opacity:.45}.microphone-gain input{width:100%;accent-color:var(--accent)}.microphone-controls p{margin:0}.settings-nav .settings-group{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.user-settings-layout .settings-content{min-width:0}.emoji-grid-row .standard-emoji,.emoji-preview .standard-emoji{flex-shrink:0;width:28px;height:28px}.emoji-categories .standard-emoji{width:18px;height:18px}.call-panel{background:var(--haunt-surface);z-index:10;flex-direction:column;padding:16px;display:flex;position:fixed;overflow:hidden}.call-panel.full{z-index:2;border:0;border-radius:0}.call-panel.mini{border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 15px 60px #0008}.call-panel>header{flex:none;min-width:0;margin-bottom:10px}.call-panel>header>div{min-width:0}.call-panel>header strong,.call-panel>header small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-panel>header .icon{flex:none;padding:3px}.call-panel.mini>header{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.call-panel>.error,.call-panel>.small{flex:none}.call-stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;container-type:size}.call-stage[hidden]{display:none}.call-tiles{width:var(--grid-width,100%);height:var(--grid-height,100%);grid-template-columns:repeat(var(--tile-columns,1), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);gap:8px;max-width:100%;max-height:100%;display:grid}.call-tile{background:var(--haunt-raised);cursor:zoom-in;min-width:0;min-height:0;color:var(--text);border:2px solid #0000;border-radius:10px;flex-direction:column;transition:border-color .1s;display:flex;overflow:hidden}.call-tile.focused{cursor:zoom-out}.call-tile.speaking{border-color:var(--success)}.call-tile-content{flex:1;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.call-tile-content>.avatar{border-radius:30%;width:min(92px,35cqw,50cqh);height:min(92px,35cqw,50cqh);font-size:min(34px,18cqh)}.media-stream{background:var(--haunt-black);width:100%;height:100%;min-height:0}.media-stream video{object-fit:contain;width:100%;height:100%;display:block}.media-stream .secondary{position:absolute;top:8px;left:8px}.call-tile-label{background:#060609cc;border-radius:4px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 12px);padding:3px 6px;font-size:11px;display:flex;position:absolute;bottom:5px;left:6px;right:6px}.call-tile-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-tile-label svg{flex:none}.call-tile-label .call-timer{font-size:9px}.speaking-mic{color:var(--success);flex:none}.voice-level{background:var(--haunt-black);--level:0%;flex:none;width:100%;height:4px;overflow:hidden}.voice-level>i{height:100%;clip-path:inset(0 calc(100% - var(--level)) 0 0);background:linear-gradient(90deg,#46cc78 0%,#66d477 55%,#eda342 75%,#ef584c 100%);transition:clip-path .1s linear;display:block}.call-tiles.has-focus{scrollbar-width:thin;justify-content:safe center;align-self:flex-end;gap:8px;width:100%;height:clamp(44px,23cqh,120px);display:flex;overflow:auto hidden}.call-tiles.has-focus>.call-tile:not(.focused){width:clamp(78px, calc((100cqw - 8px * (var(--strip-count,1) - 1)) / var(--strip-count,1)), 210px);flex:none;height:100%}.call-tiles.has-focus>.focused{height:calc(100% - clamp(44px,23cqh,120px) - 8px);position:absolute;top:0;left:0;right:0}.call-tiles.has-focus.single-tile>.focused{height:100%}.call-tiles.has-focus>.call-tile:not(.focused) .call-timer{display:none}.call-panel.mini .call-tile-label{gap:3px;padding:2px 3px;font-size:9px}.call-panel.mini .call-tile-label .call-timer{display:none}.app{--call-dock-height:106px;--sidebar-width:258px;--rail-width:79px}.app.in-call .channel-scroll{margin-bottom:var(--call-dock-height)}.app.in-call .profile{flex:none;height:72px}.call-dock{left:var(--rail-width);width:var(--sidebar-width);height:var(--call-dock-height);background:var(--haunt-surface);border-top:1px solid var(--line);border-right:1px solid var(--line);z-index:21;padding:12px 10px;position:fixed;bottom:72px}.call-dock-heading{align-items:center;gap:5px;display:flex}.call-dock-room{text-align:left;flex:1;min-width:0;padding:0}.call-dock-room strong{color:var(--success);align-items:center;gap:6px;font-size:12px;display:flex}.call-dock-room small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.call-dock-heading .call-timer{font-size:9px}.call-controls{justify-content:space-between;gap:4px;margin-top:10px;display:flex}.call-controls button{border-radius:var(--haunt-radius-control);background:var(--haunt-raised);min-width:0;height:34px;color:var(--text);flex:1;place-items:center;display:grid}.call-controls button:hover{background:var(--haunt-hover)}.call-controls .toggled{background:var(--accent);color:var(--haunt-black)}.call-controls .leave{background:color-mix(in srgb, var(--danger) 14%, var(--haunt-surface));color:var(--danger)}@media (max-width:1000px){.app{--sidebar-width:220px}}@media (max-width:720px){.app{--rail-width:62px;--sidebar-width:calc(100vw - 62px)}.app.in-call{padding-bottom:var(--call-dock-height)}.app.in-call .sidebar{bottom:var(--call-dock-height)}.app.in-call .channel-scroll{margin-bottom:0}.call-dock{bottom:0}.call-panel.full{padding:10px}}.call-panel.full>.call-controls{flex:none;justify-content:center;gap:8px;margin-top:14px}.call-panel.full>.call-controls button{flex:0 44px;height:38px}.moderation-actions{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.moderation-records{gap:.65rem;margin:1rem 0;display:grid}.moderation-records>div{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:.5rem;gap:.35rem;padding:.8rem;display:grid}.moderation-records small{color:var(--muted)}.moderation-records p{margin:.25rem 0}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere}.ban-appeal{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.invite-destination{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;display:flex}.invite-code code{overflow-wrap:anywhere;min-width:0}.temporary-password{border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:16px}.temporary-password input{width:100%;font-family:monospace}.backup-settings .warning{border-left:3px solid var(--haunt-warning);padding-left:12px}.backup-preview{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:16px}.channel.active,.channel.selected{background:var(--haunt-hover);color:var(--accent)}.primary:focus-visible{box-shadow:var(--haunt-glow-warm)}.context-menu,dialog{box-shadow:var(--haunt-glow-cool), 0 24px 80px #0009}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.messages,.channel-scroll,.member-list,dialog,.context-menu,.call-tiles.has-focus{overscroll-behavior:contain}.user-status{background:var(--haunt-black);border:2px solid var(--muted);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.user-status.online{background:var(--success);border-color:var(--success)}.user-status.unknown{border-style:dashed}.avatar>.user-status{z-index:1;box-shadow:0 0 0 2px var(--panel);position:absolute;bottom:-2px;right:-2px}.avatar.large>.user-status{width:14px;height:14px}.user-status-text.online{color:var(--success)}.user-status-text.offline,.user-status-text.unknown{color:var(--muted)}.accent-picker{border:0;min-width:0;margin:0;padding:0}.accent-picker legend{margin-bottom:12px;font-weight:650}.accent-family{align-items:center;gap:12px;margin:12px 0;display:flex}.accent-family>span{width:85px;color:var(--muted);flex:none;font-size:12px}.accent-swatches{flex-wrap:wrap;gap:8px;display:flex}.accent-swatch{cursor:pointer;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.accent-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.accent-swatch>span{background:var(--swatch);width:100%;height:100%;color:var(--haunt-black);pointer-events:none;border-radius:50%;place-items:center;font-size:18px;font-weight:750;display:grid}.accent-swatch input:checked+span{box-shadow:0 0 0 2px var(--haunt-surface), 0 0 0 3px var(--swatch)}.accent-swatch input:focus-visible+span{outline:2px solid var(--haunt-focus);outline-offset:3px}