:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ebe9f1;font-synthesis:none;--bg:#121318;--panel:#1a1c24;--panel-2:#222530;--line:#333643;--muted:#a6a8b8;--accent:#b7a4f5;--accent-2:#c895b5;--good:#68d9a0;--danger:#ff8b8b;background:#121318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=midnight]{--bg:#0b1422;--panel:#142239;--panel-2:#1c304b;--line:#354c6c;--muted:#a5b5cc;--accent:#99caff;--accent-2:#b7baf4;background:var(--bg)}:root[data-theme=forest]{--bg:#101a18;--panel:#192923;--panel-2:#23382e;--line:#3b5148;--muted:#abc0b5;--accent:#a3d8b5;--accent-2:#dbcd9a;background:var(--bg)}*{box-sizing:border-box}.chat-media-slot{color:var(--muted);overflow-wrap:anywhere;padding-block:.4rem;display:block}.chat-media-slot .button{margin:.25rem;font-size:.8rem}.reply-preview{border-left:3px solid var(--accent-2);color:var(--muted);overflow-wrap:anywhere;padding:.35rem .6rem;font-size:.8rem;display:block}.message-reply{min-height:32px;padding:.2rem .45rem;font-size:.7rem}.summon-notice{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.4rem;padding:.4rem;display:flex}.summon-notice[hidden]{display:none}.chat-link{color:var(--accent);text-underline-offset:.18em;overflow-wrap:anywhere;text-decoration:underline}.chat-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chat-media{aspect-ratio:16/9;object-fit:contain;background:#0005;border-radius:8px;width:min(100%,480px);max-height:320px;margin-block:.5rem;display:block}.safeword-dialog,.lite-dialog{max-height:85dvh;overflow:auto}.lite-dialog-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.lite-dialog .button{min-height:44px;margin:.4rem .5rem 0 0}.safeword-dialog p{line-height:1.6}.safeword-dialog .button{width:100%;min-height:44px;margin-top:.7rem;display:block}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}button,input,textarea,select{font:inherit;border:1px solid var(--line);border-radius:10px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{color:#fff;background:var(--bg);outline:none;width:100%;padding:.78rem .9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ee6f9e25}.app-shell{min-height:calc(100dvh - var(--preview-height,0px));grid-template-rows:auto 1fr auto;display:grid}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#100d13cc;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{letter-spacing:.03em;align-items:center;gap:.65rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#171019;border-radius:9px;place-items:center;width:34px;height:34px;font-size:.82rem;display:grid}.connection{color:var(--muted);align-items:center;gap:.55rem;min-width:0;font-size:.86rem;display:flex}.connection span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:min(55vw,30rem);overflow:hidden}.status-dot{background:#8c7f91;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #8c7f911c}.phase-ready .status-dot,.phase-in-room .status-dot{background:var(--good);box-shadow:0 0 0 4px #68d9a01c}.phase-connecting .status-dot,.phase-authenticating .status-dot,.phase-waiting-server .status-dot,.phase-joining .status-dot,.phase-reconnecting .status-dot{background:#f5bd64;animation:1.2s infinite pulse}.phase-error .status-dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.app-content{width:min(1240px,100%);margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}.app-footer{color:#867a8c;border-top:1px solid #ffffff0d;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);font-size:.75rem;display:flex}.login-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,440px);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:calc(100dvh - 150px);display:grid}.intro-panel h1,.view-heading h1{letter-spacing:-.055em;max-width:11ch;margin:.4rem 0 1rem;font-size:clamp(2.3rem,6vw,5.6rem);line-height:.98}.lede{color:var(--muted);max-width:56ch;margin-bottom:2rem;line-height:1.75}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.feature-row{grid-template-columns:24px auto 1fr;align-items:baseline;gap:.65rem;margin:.8rem 0;display:grid}.feature-row small{color:#8f8395;text-align:right}.feature-check{color:var(--good)}.login-card,.search-form,.room-card,.member-panel,.chat-room-div{background:var(--panel);border:1px solid var(--line);box-shadow:none}.login-card{border-radius:18px;padding:clamp(1.4rem,5vw,2.25rem)}.login-card h2{margin:0 0 1.6rem;font-size:1.25rem}.field{margin-bottom:1rem;display:block}.field-label{color:var(--muted);margin:0 0 .45rem .15rem;font-size:.78rem;display:block}.button{color:#fff;background:0 0;min-height:42px;padding:.65rem 1rem;font-weight:700}.button.primary{color:#191521;background:var(--accent);border:1px solid #0000;width:100%;font-weight:600}.button.secondary{border-color:var(--line);background:var(--panel-2)}.button.ghost{min-height:44px;color:var(--muted);border:1px solid var(--line);background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.button.danger{color:var(--danger);border-color:#ff8b8b55}.login-card .button+.button{width:100%;margin-top:.65rem}.security-note{color:#8f8395;margin:1.25rem 0 0;font-size:.75rem;line-height:1.55}.form-notice{color:#ffd0d0;background:#6b252540;border-radius:9px;margin-top:1rem;padding:.75rem;font-size:.86rem}.view-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.view-heading h1{max-width:none;margin-bottom:0;font-size:clamp(2rem,5vw,4rem)}.search-form{border-radius:14px;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(120px,.7fr)) auto;align-items:end;gap:.85rem;padding:1rem;display:grid}.search-form .field{margin:0}.search-form .primary{width:auto}.search-options{flex-wrap:wrap;grid-column:1/-1;gap:.75rem 1.3rem;display:flex}.checkbox{color:var(--muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.checkbox input{width:1rem;height:1rem;accent-color:var(--accent)}.result-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem;margin:.5rem 0 .8rem;display:grid}.result-header select{justify-self:end;width:auto;min-width:0;max-width:100%;min-height:44px}.room-pagination{justify-content:center;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.room-pagination .button{min-width:48px;min-height:44px;font-size:1.4rem}.result-header .room-pagination{white-space:nowrap;gap:.3rem;padding:0}.room-filters{grid-column:1/-1;position:relative}.room-filters>summary{display:none}.room-card.unavailable{border-style:dashed}.result-header h2{margin:0;font-size:1rem}.result-count{color:var(--muted);font-size:.8rem}.room-list{touch-action:pan-y pinch-zoom;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.8rem;display:grid}.room-card{box-shadow:none;border-radius:13px;padding:1rem}.room-card-top{justify-content:space-between;align-items:start;gap:.7rem;display:flex}.room-card h3{overflow-wrap:anywhere;margin:.15rem 0;font-size:1rem}.room-tags{gap:.3rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.18rem .45rem;font-size:.65rem}.tag.locked{color:#f1b768}.room-description{color:var(--muted);overflow-wrap:anywhere;min-height:2.4em;font-size:.82rem;line-height:1.45}.room-creator{color:#837788;font-size:.72rem}.room-card .button{width:100%;margin-top:.4rem}.empty-state{border:1px dashed var(--line);color:#8f8395;text-align:center;border-radius:14px;grid-column:1/-1;place-items:center;min-height:180px;padding:2rem;display:grid}.member-panel,.chat-room-div{border-radius:15px;min-height:0;overflow:hidden}.member-panel{flex-direction:column;display:flex}.room-info{border-bottom:1px solid var(--line);padding:1.15rem}.room-info h1{overflow-wrap:anywhere;margin:.3rem 0 .5rem;font-size:1.3rem}.room-info>p:not(.eyebrow){color:var(--muted);font-size:.78rem;line-height:1.45}.room-info .button{width:100%;margin-top:.5rem}.member-title{color:#928698;text-transform:uppercase;letter-spacing:.08em;margin:1rem 1rem .6rem;font-size:.75rem}.member-list{padding:0 .5rem 1rem;overflow-y:auto}.member-row{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.55rem;display:grid}.member-row:hover{background:#ffffff08}.member-row{position:relative}.member-cuddle{color:var(--accent,#ff9abd);font-size:.7rem;position:absolute;top:0;right:.2rem}.cuddle-details{white-space:pre-wrap;overflow-wrap:anywhere}.member-avatar{aspect-ratio:1;color:#211520;background:linear-gradient(135deg,#f69ab8,#b499e3);border-radius:9px;place-items:center;font-weight:900;display:grid}.member-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-number{color:#85798b;font-size:.68rem}.chat-room-div{grid-template-rows:auto 0 minmax(0,1fr) auto auto;display:grid}.chat-room-top-menu{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:0 1rem;display:flex}.chat-room-top-menu span{color:var(--muted);font-size:.75rem}.text-area-chat-log{scroll-behavior:smooth;padding:1rem;overflow-y:auto}.message-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.message-author{color:#f0a0bb;font-size:.82rem}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.message-target{color:#ad94d0;font-size:.78rem}.message-system,.message-emote{color:#aa9caf;white-space:pre-wrap;overflow-wrap:anywhere;grid-column:2/-1;font-style:italic}.type-whisper{background:#7c5aa217;border-radius:7px}.type-action .message-text,.type-activity .message-text{color:#cbbdd0;font-style:italic}.chat-room-bot{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:1fr auto;gap:.7rem;padding:.75rem;display:grid}#InputChat{resize:none;min-height:44px;max-height:110px;padding:.7rem .85rem}.chat-room-buttons-div,.chat-room-buttons{align-items:center;gap:.6rem;display:flex}.input-chat-length{color:#766b7c;font-size:.65rem}.chat-room-buttons .primary{width:auto;min-width:78px}@media (width<=760px){.app-header{height:56px;padding:0 .8rem}.app-content{padding:1rem .75rem}.login-layout{grid-template-columns:1fr;align-content:center;gap:1.5rem}.intro-panel h1{font-size:2.6rem}.feature-row{grid-template-columns:22px 1fr}.feature-row small{text-align:left;grid-column:2}.search-form{grid-template-columns:1fr 1fr}.search-form .field:first-child,.search-form>.primary{grid-column:1/-1}.member-panel{display:none}.chat-room-bot{grid-template-columns:1fr}.chat-room-buttons-div{justify-content:flex-end}.app-footer{display:none}}.app-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.app-header{flex-wrap:wrap;gap:.45rem;height:auto;min-height:64px;padding-block:.4rem}@media (width<=760px){.app-header .brand{flex:none}.app-header .header-account{flex:1;margin-left:0}.app-header .header-account .button:first-child{max-width:100%}.header-safety{padding:.4rem;font-size:.75rem}.app-nav .button{min-width:0;padding-inline:.3rem;font-size:.8rem}}@media (width<=430px){.connection span:last-child{max-width:45vw}.intro-panel{display:none}.search-form{grid-template-columns:1fr}.search-form .field:first-child,.search-form>.primary,.search-options{grid-column:auto}.room-list{grid-template-columns:1fr}.view-heading{align-items:center}}body.scenic{background:linear-gradient(#100d13b8, #100d13ed), url(/assets/lce-lounge-0QrI0MkJ.jpg) center top / cover no-repeat, var(--bg)}.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.status-dot{animation:none!important}.app-shell{grid-template-rows:auto 1fr auto auto}.app-content{padding:1.4rem clamp(.75rem,3vw,2rem)}.app-nav{z-index:12;padding:.7rem 1rem max(.7rem, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);justify-content:center;gap:.65rem;display:flex;position:sticky;bottom:0}.app-nav .button{min-width:100px;min-height:44px}.app-nav .active{color:#ffbdd4;border-color:var(--accent);background:#363046}.muted{color:var(--muted);font-size:.85rem;line-height:1.6}.view-heading h1,.friends-view>h1,.settings-view>h1{letter-spacing:-.035em;margin:.4rem 0 1rem;font-size:clamp(1.8rem,4vw,2.8rem)}.toolbar{align-items:center;gap:.75rem;display:flex}.toolbar input{flex:1;min-width:0}.toolbar button{flex-shrink:0}.contact-list{overscroll-behavior:contain;gap:.55rem;max-height:45dvh;display:grid;overflow:auto}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem;display:flex}.contact-card[role=button]{cursor:pointer}.contact-card:hover,.contact-card:focus-visible{background:var(--panel-2);border-color:var(--accent);outline:none}.contact-title{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.contact-identity{flex-wrap:wrap;align-items:baseline;gap:.45rem;min-width:0;display:flex}.contact-id{white-space:nowrap}.contact-relation{color:var(--accent);flex-shrink:0;margin-left:auto;font-size:.8rem}.contact-id,.contact-room{color:var(--muted);font-size:.85rem}.contact-offline:not(.selected-contact){filter:grayscale();color:var(--muted)}.contact-offline:not(.selected-contact) .contact-title strong{font-weight:400}.contact-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;display:grid}.contact-toolbar .button{min-width:44px}.contact-card>div{overflow-wrap:anywhere;flex:220px;min-width:0}.contact-card p{margin:.3rem 0 0}.contact-card .button{min-height:44px;padding:.6rem .75rem}.beep-compose{border:1px solid var(--line);background:#1d1723;border-radius:14px;grid-template-columns:1fr auto;gap:.75rem;padding:1rem;display:grid}.beep-compose .field,.beep-compose textarea{grid-column:1/-1;margin:0}.beep-compose textarea{resize:vertical;min-height:100px}.beep-log{max-height:45dvh;margin-bottom:1rem;padding:.5rem 0;overflow:auto}.beep-message{border:1px solid var(--line);background:#1d1723;border-radius:12px;margin:.6rem 0;padding:.7rem}.beep-message.incoming{border-left:3px solid var(--accent-2)}.beep-message.outgoing{border-left:3px solid var(--accent)}.beep-message p{margin:.5rem}.beep-message time{margin-left:.5rem}.settings-view{max-width:800px;margin:auto}.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:1rem 0;padding:1.25rem;line-height:1.7}.settings-card .checkbox{min-height:32px;margin:1rem 0;font-size:.95rem}.settings-card label{border-radius:.6rem;transition:background-color .15s}.settings-card label:hover,.settings-card label:focus-within{background:color-mix(in srgb, var(--accent) 14%, transparent)}.settings-card .checkbox{cursor:pointer;padding:.6rem}.settings-card input[type=checkbox]{appearance:none;border:1px solid var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:2.5rem;height:1.5rem;margin:0;padding:0;position:relative}.settings-card input[type=checkbox]:before{content:"";background:var(--muted);border-radius:50%;width:calc(1.5rem - 8px);height:calc(1.5rem - 8px);transition:transform .15s;position:absolute;top:3px;left:3px}.settings-card input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.settings-card input[type=checkbox]:checked:before{background:var(--bg);transform:translate(1rem)}.settings-card input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.settings-card input[type=checkbox]:disabled{opacity:.45;cursor:default}.acv-supported{border:1px solid var(--muted);border-radius:.6rem;padding:.7rem}.acv-supported summary{cursor:pointer;color:var(--accent)}.chat-media-slot .media-play-button{color:var(--accent);border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);margin:.4rem 0;font-weight:600}.chat-media-slot .media-play-button:hover{background:color-mix(in srgb, var(--accent) 25%, transparent)}.settings-card h2{font-size:1.15rem}.history-settings>.button{margin:.4rem .5rem .4rem 0}.text-area-chat-log{scroll-behavior:auto;overflow-anchor:none;overscroll-behavior:contain}.text-area-chat-log,.beep-log{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.chat-room-top-menu{flex-wrap:wrap;gap:.35rem;padding:.45rem .7rem}.chat-room-top-menu>strong{overflow-wrap:anywhere;flex:1}.chat-room-top-menu .button{min-height:38px;padding:.55rem;font-size:.75rem}.chat-message .message-author{overflow-wrap:anywhere}.large-text .chat-message,.large-text .message-author,.large-text .beep-message{font-size:1.1rem}.hide-times .message-time,.button.mobile-members{display:none}.profile-dialog{color:#f7f1f8;background:var(--panel);border:1px solid var(--accent-2);border-radius:18px;width:min(540px,100vw - 2rem);max-height:80dvh;padding:1.5rem}.profile-dialog::backdrop{background:#000b}.profile-dialog .toolbar{flex-wrap:wrap}.profile-description{white-space:pre-wrap;overflow-wrap:anywhere;max-height:45dvh;line-height:1.6;overflow:auto}[hidden]{display:none!important}.room-card{content-visibility:auto;contain-intrinsic-size:auto 200px}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=760px){.app-nav{gap:.25rem;padding-inline:.5rem}.app-nav .button{flex:1;min-width:0;padding:.65rem .3rem;font-size:.85rem}.app-content{padding:.75rem .5rem}.button.mobile-members{display:inline-flex}.members-open .member-panel{z-index:5;background:var(--panel);border:1px solid var(--accent-2);display:flex;position:absolute;inset:0 15% 0 0;box-shadow:8px 0 20px #0009}.members-open .chat-room-top-menu{z-index:6;position:relative}.members-open .member-panel{top:70px}.text-area-chat-log{padding:.6rem}.chat-room-bot{gap:.35rem;padding:.5rem}.chat-room-buttons .button{min-height:44px}.toolbar{flex-wrap:wrap}.toolbar input,.contact-card>div{flex-basis:100%}input,textarea,select{font-size:16px}.login-layout{min-height:calc(100dvh - 90px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.header-account{align-items:center;gap:.35rem;min-width:0;display:flex}.header-status-controls{justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;margin-left:auto;display:flex}.header-status-controls .connection{flex:1}.header-account .button{padding:.5rem;font-size:.8rem}.header-account .button:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.app-header>.connection{margin-inline:auto 1rem}.room-controls{grid-template-columns:minmax(180px,2fr) repeat(2,minmax(100px,1fr));align-items:end;gap:.8rem;padding-block:.5rem 1rem;display:grid}.room-controls .field{margin:0}.room-controls>.button{width:auto}.room-controls:not(.create-controls){grid-template-columns:minmax(180px,2fr) auto repeat(2,minmax(100px,1fr))}.ui-icon{fill:currentColor;vertical-align:middle;flex-shrink:0;width:1.25rem;height:1.25rem}.app-nav .button,.room-search{justify-content:center;align-items:center;gap:.35rem;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon-select{min-width:0;position:relative}.icon-select>select{display:none}.mobile-picker{display:block;position:relative}.mobile-picker>summary{cursor:pointer;border:1px solid var(--line);border-radius:9px;align-items:center;gap:.4rem;min-height:44px;padding:.55rem .7rem;list-style:none;display:flex}.mobile-picker>summary::-webkit-details-marker{display:none}.language-flag{width:1.5rem;height:1.125rem}.room-language-tag{align-items:center;gap:.35rem;display:inline-flex}.picker-options{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:10rem;max-height:55dvh;padding:.35rem;position:absolute;top:calc(100% + .3rem);right:0;overflow:auto;box-shadow:0 8px 20px #0006}.picker-options .button{text-align:left;align-items:center;gap:.6rem;width:100%;min-height:44px;display:flex}.picker-options [aria-pressed=true]{color:var(--accent);background:var(--panel-2)}.locale-picker summary{cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .55rem;display:flex}.locale-picker .ui-icon{flex-shrink:0;width:1.5rem;height:1.125rem}.room-options{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:1rem;display:grid}.room-options>p,.room-options>details,.room-options>fieldset{grid-column:1/-1}.map-import textarea{min-height:100px;margin-top:.7rem}.friend-filters{flex-wrap:wrap;padding-block:.8rem}.room-card{contain-intrinsic-size:auto 330px;flex-direction:column;height:330px;display:flex}.room-card-top{flex-direction:column}.room-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.room-tags{flex-wrap:wrap;max-height:65px;overflow:auto}.friend-tag{border-color:var(--good);color:var(--good)}.room-card .room-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-block:.6rem;display:-webkit-box;overflow:hidden}.room-card .room-creator{text-overflow:ellipsis;white-space:nowrap;margin-block:.3rem;overflow:hidden}.room-card>.button{flex-shrink:0;margin-top:auto}.login-layout{grid-template-columns:minmax(280px,440px);place-content:center;gap:1rem}.intro-panel h1{letter-spacing:-.03em;max-width:none;font-size:2.2rem}.intro-panel .lede{margin-block:.5rem}.login-privacy{color:var(--muted);margin-block:1rem;font-size:.8rem;line-height:1.6}summary{cursor:pointer;padding-block:.5rem}.login-error{color:var(--danger)}@media (width<=760px){.app-header{flex-wrap:wrap;gap:.25rem;height:auto;min-height:60px;padding-block:.4rem}.header-status-controls .connection{font-size:.72rem}.header-status-controls .connection span:last-child{max-width:100%}.app-header>.connection{flex-basis:100%;order:3;margin:0;font-size:.72rem}.app-header>.connection span:last-child{max-width:90vw}.header-account{margin-left:auto}.header-account .button:first-child{max-width:48vw}.room-controls,.room-options{grid-template-columns:1fr 1fr}.room-controls>.field:first-child{grid-column:1/-1}.view-heading{flex-direction:column;align-items:start}.search-view .view-heading{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.5rem}.search-view .view-heading h1{margin:0;font-size:1.25rem}.search-view .view-heading .toolbar{flex-wrap:nowrap;gap:.25rem}.search-view .view-heading .button{min-height:44px;padding:.5rem .65rem;font-size:.875rem}.search-view .room-controls:not(.create-controls){grid-template-columns:minmax(0,1fr) 44px 44px auto 44px;position:relative}.search-view .room-controls{gap:.4rem;padding:.25rem 0 .5rem}.search-view .room-controls:not(.create-controls)>.field:first-child{grid-column:auto;min-width:0}.search-view .room-controls:not(.create-controls) .field-label{display:none}.search-view .room-controls:not(.create-controls)>.primary{grid-area:1/2}.search-view .room-filters{grid-area:1/5;position:static}.search-view .room-filters>summary{cursor:pointer;border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;gap:.2rem;min-height:44px;padding:.4rem;font-size:.875rem;list-style:none;display:flex}.mobile-picker>summary{justify-content:center;gap:.2rem;padding:.4rem;font-size:.875rem}.room-filters>summary::-webkit-details-marker{display:none}.room-controls .control-text{display:none}.room-controls .picker-value{white-space:nowrap;max-width:2.5em;overflow:hidden}.room-controls .room-space .picker-value{display:none}.room-controls.search-expanded:not(.create-controls){grid-template-columns:minmax(0,1fr) 44px}.room-controls.search-expanded .room-space,.room-controls.search-expanded .room-language,.room-controls.search-expanded .room-filters{display:none}.search-view .room-filters .search-options{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:9px;width:230px;padding:.65rem;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0006}.search-view .room-controls input,.search-view .room-controls select{min-height:44px;padding:.5rem}.search-view .field-label{margin-bottom:.2rem;font-size:.875rem}.search-view .search-options{gap:.25rem .65rem}.search-view .checkbox{min-height:32px;font-size:.875rem}.search-view .room-controls>.primary{grid-column:1/-1;min-height:44px;padding:.5rem}.search-view .result-header h2{display:none}.search-view .room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.search-view .room-card{contain-intrinsic-size:auto 200px;border-radius:9px;min-width:0;height:200px;padding:.55rem}.search-view .room-card-top{gap:.3rem}.search-view .room-card h3{margin:0;font-size:1rem;line-height:1.35}.search-view .room-tags{gap:.2rem;max-height:48px}.search-view .tag{padding:.05rem .25rem;font-size:.75rem}.search-view .room-card .room-description{-webkit-line-clamp:1;min-height:1.45em;margin:.3rem 0;font-size:.875rem}.search-view .room-card .room-creator{margin:.2rem 0;font-size:.75rem}.search-view .room-card>.button{min-height:44px;padding:.4rem;font-size:.875rem}}@media (width<=430px){.room-options{grid-template-columns:1fr}}@media (width<=760px){body.chat-active,body.private-active{overflow:hidden}.chat-active .app-shell,.private-active .app-shell{height:calc(100dvh - var(--preview-height,0px));grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.chat-active .app-footer,.private-active .app-footer{display:none}.chat-active .app-content,.private-active .app-content{height:100%;min-height:0;padding:.35rem .35rem .2rem}.private-active .private-page{flex-direction:column;height:100%;min-height:0;display:flex}.private-active .private-page>h1{margin:.25rem .6rem .5rem;font-size:1.2rem}.private-active .private-split{flex:1;min-height:0}.private-active .private-contacts{height:100%;overflow:auto}.private-active .private-conversation{flex-direction:column;height:100%;padding:.55rem;display:flex}.private-active .private-conversation .beep-log{flex:1;height:auto;min-height:0}.private-active .private-heading,.private-active .beep-compose{flex-shrink:0}.chat-active .room-view{gap:0;height:100%;min-height:0}.chat-active .chat-room-div{border-radius:12px;min-width:0}.chat-room-top-menu{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:.35rem;padding:.55rem;display:grid}.chat-room-top-menu>.room-title{white-space:nowrap;text-overflow:ellipsis;grid-column:1/4;min-width:0;font-size:1rem;line-height:1.5;overflow:hidden}.chat-room-top-menu>.room-population{text-align:right;grid-column:4}.chat-room-top-menu .button{min-width:0;min-height:44px;padding:.4rem .2rem;font-size:.875rem}.chat-room-top-menu .safeword-button{grid-column:1/-1}.text-area-chat-log{min-height:0;padding:.55rem}.chat-room-bot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4rem;padding:.5rem}#InputChat{height:72px;min-height:48px;max-height:120px;padding:.6rem;font-size:16px}.chat-room-buttons{flex-direction:column-reverse;gap:.2rem}.chat-room-buttons .primary{min-width:64px;min-height:44px;padding:.55rem .6rem}.input-chat-length{font-size:.6rem}.app-nav{padding-top:.4rem;padding-bottom:max(.4rem, env(safe-area-inset-bottom))}.app-nav .button{min-height:44px}.members-open .member-panel{z-index:15;top:0;bottom:0;right:10%}.member-list{overscroll-behavior:contain}.header-account .button{min-height:44px}.app-header{position:static}.brand-mark{width:30px;height:30px}.header-account .button:first-child{max-width:42vw}.beep-compose .field{min-width:0}.friend-filters{gap:.35rem}.friend-filters .button{min-height:44px;padding:.5rem .6rem}}.app-nav{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.app-nav .button{min-width:0}.app-header{height:auto;min-height:64px}@media (width<=760px){.app-header{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:.25rem;padding-inline:.5rem;display:grid}.app-header .brand>div{display:none}.app-header .header-account{min-width:0;margin:0}.header-status-controls{flex-basis:auto;order:0;grid-column:4;gap:.2rem;margin-left:.2rem}.header-status-controls>.button,.header-safety{white-space:nowrap;min-height:44px;padding:.35rem;font-size:.875rem}.header-account .button:first-child{max-width:100%}.summon-notice{order:4;grid-column:1/-1}.app-nav{gap:.25rem;padding-inline:.4rem}.app-nav .button{gap:.2rem;min-width:0;padding-inline:.15rem;font-size:.875rem}.app-nav .ui-icon{width:1rem;height:1rem}.result-header .room-pagination .button{min-width:32px;padding:.3rem}.result-header select{padding:.35rem;font-size:.875rem}}.chat-message{outline-offset:-2px;border-bottom:1px solid #ffffff05;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem .75rem;padding:.65rem .6rem;font-size:1rem;line-height:1.65;display:grid}.chat-message>*{margin:0}.chat-message .message-content{overflow-wrap:anywhere;min-width:0}.chat-message .message-text{margin:0;padding:0;display:inline}.chat-message .message-author{min-height:24px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0;font-weight:600;display:inline}.message-meta{color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:.45rem;font-size:.75rem;display:flex}.message-meta .message-reply{min-height:32px;padding:0 .4rem;font-size:.75rem}.chat-message>.reply-preview{grid-column:1/-1}.type-emote .message-content{color:#d5bddf;font-style:italic}.type-emote .message-content:before{content:"* "}.type-action .message-content,.type-activity .message-content{color:#b8b1be;font-size:.87em;font-style:italic}.type-whisper{background:#30213a;border-left:2px solid #ca95de}.type-beep{background:#182b32;border-left:2px solid #7cb9cc}.type-local,.type-servermessage{color:var(--muted);font-size:.8rem}.is-ooc .message-text{color:#afa6b8}.private-contacts{border:1px solid var(--line);border-radius:12px;margin-bottom:1rem;padding:.7rem}.private-history-controls{flex-shrink:0;justify-content:space-between;gap:.25rem}.private-history-controls[hidden]{display:none}.private-history-controls .button{min-height:44px;padding:.35rem .65rem;font-size:.8rem}.private-contacts summary{cursor:pointer;padding:.4rem}.private-contacts .contact-list{max-height:30dvh;overflow:auto}.private-conversation{border:1px solid var(--line);border-radius:16px;min-width:0;padding:.75rem}.private-conversation .beep-log{height:40dvh;max-height:none;margin:0;overflow:auto}.private-conversation .beep-compose{border-top:1px solid var(--line);padding-top:.7rem}.private-heading{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;display:flex}.body-activities{overflow:auto}.activity-option{grid-template-columns:1fr;gap:.2rem;min-width:0;margin:0;display:grid}.afc-tag{color:#edbadc}@media (width<=600px){.chat-message{grid-template-columns:minmax(0,1fr)}.message-meta{justify-self:end}.message-meta .message-reply{min-height:32px}}.selected-contact{outline:1px solid var(--accent)}button,summary,.app-header,.app-nav,.toolbar,.room-card,.member-panel,.body-picker,.field-label,.checkbox,.view-heading,.chat-room-top-menu,.app-footer{-webkit-user-select:none;user-select:none}.message-content,.message-text,.reply-preview,.profile-description,input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.profile-dialog{position:fixed;overflow:auto}.profile-dialog>h2{overflow-wrap:anywhere;padding-right:2.5rem}.dialog-close{min-width:44px;min-height:44px;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.activity-dialog{width:min(1100px,100vw - 1rem);max-height:90dvh;padding:1rem}.activity-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.activity-body-svg{width:100%;height:440px;display:block}.body-zone{fill:#f399be22;stroke:#ef93b6;stroke-width:3px;cursor:pointer}.body-zone:hover,.body-zone:focus,.body-zone[aria-pressed=true]{fill:#f399be88;stroke:#fff;outline:none}.body-results{min-width:0;position:sticky;top:0}.body-results h3{margin:.75rem 0}.body-results .notice:empty{display:none}.body-results .body-activities{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.5rem;max-height:60dvh;display:grid}.body-results .button{white-space:normal;overflow-wrap:anywhere;min-height:44px}@media (width<=480px){.activity-layout{gap:.5rem}}.chat-room-reply-indicator{grid-column:1/-1;min-width:0}.chat-room-reply-indicator:empty{display:none}.reply-preview{white-space:normal;overflow-wrap:anywhere}.reply-jump{text-align:left;justify-content:flex-start}.chat-message:focus-visible,.chat-message.message-selected{background-image:linear-gradient(#c8a4dc18,#c8a4dc18);box-shadow:inset 0 0 0 1px #c8a4dc88}.chat-message .message-reply{display:none}.chat-message.message-selected .message-reply,.chat-message:focus-visible .message-reply,.chat-message .message-reply:focus-visible{display:inline-flex}@media (hover:hover) and (pointer:fine){.chat-message:hover{background-image:linear-gradient(#c8a4dc18,#c8a4dc18);box-shadow:inset 0 0 0 1px #c8a4dc88}.chat-message:hover .message-reply{display:inline-flex}}.chat-message.type-local,.chat-message.message-presence{text-align:center;grid-template-columns:1fr;font-style:italic}.message-presence .message-meta,.type-local .message-meta{justify-content:flex-end;justify-self:end}.message-presence .message-text{color:#c4bacb}.private-split{grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);gap:.75rem;min-height:0;display:grid}.private-split .private-contacts{min-width:0;margin:0}.private-split .contact-list{max-height:62dvh;overflow:auto}.private-split .private-conversation{min-width:0}.private-back{display:none}.body-zone-label{fill:#f7f1f8;pointer-events:none;font-size:19px}.activity-option small{font-size:.7rem}.private-heading h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:1rem}.private-heading>.button:last-child{flex-shrink:0;margin-left:auto}.private-page .beep-compose{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.4rem;padding:.6rem;display:grid}.private-page .beep-compose textarea{resize:vertical;grid-column:auto;width:100%;min-height:70px}.private-channel{flex-direction:column;gap:.25rem;display:flex}.private-channel .button{white-space:nowrap;min-height:44px;padding:.45rem .6rem}.private-channel [aria-pressed=true]{color:#ffbdd4;border-color:var(--accent);background:#49314d}.private-page .beep-compose>.reply-preview{grid-column:1/-1}.private-page .beep-compose>.primary{min-height:44px;padding:.65rem}.private-page .beep-log{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.private-page .chat-message{flex-shrink:0;width:fit-content;max-width:88%;padding:.55rem .7rem}.private-incoming{align-self:flex-start}.private-outgoing{align-self:flex-end}.private-page .type-beep{background:#182b32;border:1px solid #447484}.private-page .type-whisper{background:#30213a;border:1px solid #825996}.private-channel-label{color:#c6b9ce;font-weight:600}.button.activity-back{display:none}@media (width>=1100px){.body-results .body-activities{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.private-split{display:block}.private-split.show-contacts .private-conversation,.private-split.show-conversation .private-contacts{display:none}.private-back{display:inline-flex}.private-split .beep-log{height:42dvh}.activity-layout{display:block}.activity-body-svg{height:60dvh;max-height:580px}.activity-dialog:not(.show-actions) .body-results,.activity-dialog.show-actions .body-picker{display:none}.button.activity-back{display:inline-flex}.body-results{position:static}.body-results .body-activities{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}.room-view{height:calc(100dvh - 210px - var(--preview-height,0px));grid-template-columns:230px minmax(0,1fr);gap:1rem;min-height:360px;display:grid}.preview-tools{bottom:0;z-index:50;border-top:1px solid var(--accent);background:#252231;justify-content:center;align-items:center;gap:.4rem;padding:.35rem;font-size:.75rem;display:flex;position:fixed;inset-inline:0}.preview-tools .button{min-height:32px;padding:.35rem .5rem;font-size:.75rem}iframe.chat-media{border:0;min-height:200px}audio.chat-media{aspect-ratio:auto;height:54px}html[data-ui-preview]{--preview-height:48px}html[data-ui-preview] body{padding-bottom:var(--preview-height)}html[data-ui-preview] .app-nav{bottom:var(--preview-height)}@media (width<=760px){.room-view{height:calc(100dvh - 180px - var(--preview-height,0px));grid-template-columns:minmax(0,1fr);min-height:300px;position:relative}.preview-tools{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.preview-tools>*{flex-shrink:0}}#connection-banner[hidden]{display:none}.history-search-dialog{width:min(900px,94vw)}.history-search-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.history-search-results{gap:8px;max-height:40vh;display:grid;overflow:auto}.history-search-result{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.history-search-context{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto}.search-hit{border-left:3px solid;padding-left:8px}.private-unread:empty{display:none}@media (width<=600px){.history-search-form{grid-template-columns:1fr}}.media-origin-list{border:1px solid var(--border,#68527c);border-radius:12px;max-height:320px;padding:12px;overflow:auto}.media-origin-row{align-items:center;gap:12px;padding:8px 0;display:flex}.media-origin-address{overflow-wrap:anywhere;flex:1;min-width:0}.media-origin-revoke{color:#ff8b8b;flex-shrink:0}.app-footer a{color:inherit;text-underline-offset:3px}.media-origin-groups{gap:12px;display:grid}.media-origin-list h3{margin:0 0 8px;font-size:1rem}.delivery-status{overflow-wrap:anywhere;max-height:6rem;font-size:.8rem;overflow:auto}.delivery-pending{color:var(--accent)}.delivery-confirmed{color:var(--muted)}.delivery-unconfirmed{color:#ff8b8b}*{scrollbar-color:var(--accent) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 80%, white)}::-webkit-scrollbar-corner{background:var(--bg)}.history-search-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.history-search-heading h2{margin:0}.history-search-heading>button{flex-shrink:0}.login-shell{grid-template-rows:auto 1fr auto}.login-shell .app-content{align-items:center;padding:1rem .75rem;display:grid}.login-shell .login-layout{grid-template-columns:minmax(0,440px);gap:.7rem;min-height:0}.login-shell .login-card{padding:1.25rem}.login-shell .login-card h2{margin-bottom:1rem}.login-shell .app-footer{flex-wrap:wrap;gap:.4rem 1rem;padding-block:.65rem;display:flex}@media (height<=650px){.login-shell .intro-panel{display:none}.login-shell .app-header{height:48px}.login-shell .app-content{padding-block:.5rem}.login-shell .login-card{padding:1rem}}.contact-layout-buttons{gap:.3rem;margin-left:auto;display:flex}.contact-layout-buttons [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.contact-list{touch-action:pan-y pinch-zoom;align-content:start}.contact-list[data-layout=grid],.contact-list[data-layout=auto]{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.contact-list[data-layout=rows]{grid-template-columns:minmax(0,1fr)}.friends-view,.settings-view,.private-contacts,.private-conversation{touch-action:pan-y pinch-zoom}.private-split{height:calc(100dvh - 210px - var(--preview-height,0px));grid-template-columns:230px minmax(0,1fr);min-height:360px}.private-split .private-contacts{flex-direction:column;min-height:0;display:flex;overflow:hidden}.private-split .private-contacts>:not(.contact-list){flex-shrink:0}.private-split .contact-list{flex:1;min-height:0;max-height:none;overflow:auto}.private-split .private-conversation{flex-direction:column;min-height:0;display:flex}.private-split .private-conversation .beep-log{flex:1;height:auto;min-height:0;overflow:auto}.private-split .beep-compose,.private-split .private-heading{flex-shrink:0}@media (width<=760px){.contact-list[data-layout=auto]{grid-template-columns:minmax(0,1fr)}.private-active .private-split{height:100%;min-height:0}.private-active .private-split .private-contacts{height:100%}.private-split.show-conversation .private-contacts,.private-split.show-contacts .private-conversation{display:none}}@keyframes lite-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lite-panel-enter{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes lite-backdrop-enter{0%{opacity:0}to{opacity:1}}.page-enter{animation:.18s ease-out lite-page-enter}dialog[open]{animation:.17s ease-out lite-panel-enter}dialog[open]::backdrop{animation:.15s ease-out lite-backdrop-enter}.button{transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform 90ms}@media (hover:hover) and (pointer:fine){.button:not(:disabled):hover{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}}.button:not(:disabled):active{transform:scale(.97)}.button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=760px){.members-open .member-panel{transform-origin:0;animation:.17s ease-out lite-panel-enter}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:not(:disabled):active{transform:none}}.friend-filters>.button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.contact-toolbar input{flex:1;min-width:0}@media (width>=761px){.room-view,.private-split{grid-template-columns:280px minmax(0,1fr)}.app-shell:not(.login-shell){height:calc(100dvh - var(--preview-height,0px));grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:0}.app-shell:not(.login-shell)>.app-header{grid-row:1}.app-shell:not(.login-shell)>#connection-banner{grid-row:2}.app-shell:not(.login-shell)>.app-content{grid-row:3;min-height:0;overflow:auto}.app-shell:not(.login-shell)>.app-nav{grid-row:4}.app-shell:not(.login-shell)>.app-footer{grid-row:5}.room-view,.private-page,.private-split{height:100%;min-height:0}.friends-view:not(.private-page){flex-direction:column;height:100%;min-height:0;display:flex}.friends-view:not(.private-page)>:not(.contact-list){flex-shrink:0}.friends-view:not(.private-page) .contact-list{flex:1;min-height:0;max-height:none}.search-view .room-controls:not(.create-controls){grid-template-columns:minmax(180px,2fr) auto minmax(70px,.5fr) minmax(70px,.5fr) auto;position:relative}.search-view .room-filters{grid-area:1/5}.search-view .room-filters>summary{cursor:pointer;border:1px solid var(--line);border-radius:9px;align-items:center;gap:.3rem;min-height:44px;padding:.5rem;list-style:none;display:flex}.search-view .room-filters .search-options{z-index:5;border:1px solid var(--line);background:var(--panel);border-radius:9px;width:260px;padding:.75rem;position:absolute;top:100%;right:0}}.result-header .room-pagination{grid-column:2;justify-self:center}.result-header>select{grid-column:3;justify-self:end}.room-card{position:relative}.room-detail-button{border-radius:50%;width:30px;height:30px;padding:0;font-style:italic;position:absolute;top:.4rem;right:.4rem}.room-card .room-card-top{padding-right:2rem}*{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.message-content,.message-content *,.profile-description,.history-search-context,.history-search-context *{-webkit-user-select:text;user-select:text}.message-meta{flex-direction:column;align-items:flex-end;gap:0;display:flex}.chat-message.message-presence,.chat-message.type-local{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.message-presence .message-content,.type-local .message-content{text-align:center;min-width:0}.chat-room-top-menu .room-title{flex:0 auto}.private-page .beep-compose{align-items:stretch}.private-channel{justify-content:stretch}.private-channel>.button{flex:1;min-height:0}.private-page .beep-compose>.primary{align-self:stretch}.toolbar .button[aria-pressed=true],.toolbar .button.secondary,.private-channel [aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.page-eyebrow{flex-shrink:0;margin:0 0 .6rem}@media (width>=761px){.app-shell:not(.login-shell)>.app-content{flex-direction:column;display:flex}.app-content>.room-view,.app-content>.private-page,.app-content>.friends-view{flex:1;height:auto;min-height:0}.settings-view{width:100%;margin:0 auto}}@media (width<=760px){.chat-active .app-content,.private-active .app-content{flex-direction:column;display:flex}.chat-active .room-view,.private-active .private-page{flex:1;height:auto;min-height:0}.chat-room-top-menu>.room-title{grid-column:auto}}.chat-room-top-menu{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.chat-room-top-menu .room-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-population{flex-shrink:0}.room-message-menu{flex-shrink:0;margin-left:auto;position:relative}.room-message-menu summary{cursor:pointer;list-style:none}.room-message-menu summary::-webkit-details-marker{display:none}.room-message-actions{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:.3rem;min-width:150px;padding:.5rem;display:grid;position:absolute;top:100%;right:0}.room-card .room-detail-button{width:30px;min-width:30px;height:30px;min-height:30px;margin:0;padding:0;position:absolute;top:.4rem;right:.4rem}.activity-option{border-radius:9px;position:relative;overflow:hidden}.activity-option>.button{padding:1.2rem .7rem .7rem 2rem}.activity-source{z-index:1;text-align:center;background:var(--accent);width:98px;color:var(--bg);pointer-events:none;font-size:12.3333px;line-height:15px;position:absolute;top:12px;left:-25px;transform:rotate(-45deg)}.activity-info{position:absolute;top:.5rem;right:calc(.5rem + 41px)}.activity-all{width:36px;height:36px;margin:0;padding:0;display:flex;position:absolute;top:.5rem;right:calc(.5rem + 82px)}.activity-all [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.activity-dialog>h2{padding-right:10rem}.button.dialog-close,.button.activity-info,.activity-all>.button{box-sizing:border-box;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}.chat-message{grid-template-columns:minmax(0,1fr) auto auto}.chat-message>.message-reply{grid-area:1/2;align-self:center}.chat-message>.message-meta{grid-area:1/3;font-size:.5625rem}.private-page .chat-message{flex-direction:column;max-width:min(88%,100% - 4rem);display:flex;position:relative;overflow:visible}.private-page .message-author,.private-page .message-target,.private-page .message-id{display:none}.private-page .message-meta{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:1rem;width:100%;font-size:.5625rem}.private-page .message-meta .private-channel-label{margin-right:auto}.private-page .chat-message>.message-reply{white-space:nowrap;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.private-page .private-incoming>.message-reply{left:calc(100% + 5px);right:auto}.private-page .private-outgoing>.message-reply{left:auto;right:calc(100% + 5px)}.member-panel>.mobile-members{flex-shrink:0;margin-top:auto;display:inline-flex}.room-info>.mobile-members{display:none}.chat-message.message-presence,.chat-message.type-local{grid-template-columns:minmax(0,1fr) auto auto}.chat-room-top-menu>.button.ghost,.room-message-menu>summary,.room-message-actions>.button.ghost{min-height:44px;padding:.65rem 1rem}@media (width<=760px){.button.ghost{font-size:.875rem}}.text-area-chat-log .message-content{font-size:var(--chat-font-size,12pt)}.private-page .message-content{font-size:var(--private-font-size,12pt)}.chat-room-bot{position:relative}.mention-list{background:var(--panel);border:1px solid var(--accent);z-index:20;border-radius:10px;width:min(360px,100% - 1.5rem);max-height:220px;position:absolute;bottom:100%;left:.75rem;overflow-y:auto}.mention-list>button{white-space:nowrap;justify-content:flex-start;width:100%;height:44px;min-height:44px;display:flex;overflow:hidden}.mention-list [aria-selected=true]{color:var(--accent);background:var(--panel-2)}.app-shell>.app-content.settings-content{padding-top:0}.settings-view{position:relative}.settings-sticky{z-index:5;background:var(--bg);position:sticky;top:0}.settings-sticky>.eyebrow{margin:0;padding-top:.4rem}.settings-jumps{background:var(--bg);flex-shrink:0;gap:.35rem;width:100%;padding:.5rem 0;display:flex;overflow-x:auto}.settings-jumps .button.ghost{white-space:nowrap;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;text-decoration:none}.settings-jumps .button.ghost[aria-current=location]{color:var(--accent);border-bottom-color:var(--accent)}.settings-group{scroll-margin-top:7rem}@media (width<=760px){.settings-sticky{top:64px}.settings-group{scroll-margin-top:11rem}}