:root{--speaking:#59dc9b;--voice-bg:#11131c;--voice-card:#1c202c;--voice-stroke:#353c50;--settings-panel:#17191f}.channel-drag{flex-wrap:wrap;display:flex;position:relative}.channel-drag>.channel-item{flex:1;min-width:0}.channel-settings-shortcut{color:var(--muted);opacity:0;background:0 0;border:0;padding:5px;position:absolute;top:9px;right:24px}.channel-drag:hover .channel-settings-shortcut,.channel-drag:focus-within .channel-settings-shortcut{opacity:1}.channel-drag:hover>.channel-item{padding-right:45px}.voice-members{flex:0 0 100%;gap:3px;padding:3px 4px 7px 27px;display:grid}.voice-member{min-width:0;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.voice-member>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-member .avatar{border-radius:50%;width:25px;height:25px;font-size:9px;transition:box-shadow .15s}.voice-member.speaking .avatar{box-shadow:0 0 0 2px var(--speaking), 0 0 12px #59dc9b25}.voice-member.speaking{color:var(--text)}.voice-member:hover{background:var(--surface-hover)}.voice-member .live-badge{color:#fff;letter-spacing:.3px;background:#b83b57;border-radius:4px;padding:3px 5px;font-size:8px}.voice-member>svg{flex-shrink:0}.category-create-visible{background:var(--accent-faint);border:1px dashed var(--accent-border);width:100%;color:var(--accent-text);border-radius:8px;align-items:center;gap:8px;margin:3px 0 14px;padding:9px 12px;font-size:11px;display:flex}.custom-category{position:relative}.category-heading{padding-right:45px!important}.category-actions{gap:2px;display:flex;position:absolute;top:4px;right:0}.category-actions button{color:var(--muted);background:0 0;border:0;padding:4px}.category-actions button:hover{color:var(--text)}.call-controls button.disabled-control{color:var(--danger);background:var(--danger-bg)}.voice-lounge{background:radial-gradient(ellipse at 70% 0%, #242a4033, transparent 70%), var(--voice-bg);border-bottom:1px solid var(--border);min-height:330px;padding:24px}.voice-lounge-heading{justify-content:space-between;align-items:center;margin:0 0 24px;display:flex}.voice-lounge-heading .eyebrow{color:var(--muted);letter-spacing:1.5px;align-items:center;gap:8px;font-size:9px;display:flex}.voice-lounge-heading h2{margin:8px 0 0;font-size:22px}.lounge-count{color:var(--muted);border:1px solid var(--voice-stroke);background:#ffffff05;border-radius:30px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex}.voice-participant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:1000px;margin:auto;display:grid}.voice-participant{background:linear-gradient(135deg,#24293b,#1a1e2b);border:2px solid #0000;border-radius:16px;min-width:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.voice-participant.is-speaking{border-color:var(--speaking);box-shadow:0 0 0 1px #59dc9b30,0 0 28px #59dc9b13}.participant-identity{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:160px;padding:22px;display:flex}.participant-identity>.avatar{border-color:#ffffff20;border-radius:50%;width:72px;height:72px;font-size:23px;box-shadow:0 10px 30px #0004}.participant-identity:has(video){padding:0}.participant-identity video{object-fit:cover;width:100%;height:190px}.participant-footer{background:#090c1477;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:12px;font-size:12px;display:flex}.participant-footer>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.participant-footer small{color:#bac1d1;font-size:9px}.participant-footer svg{color:#adb8d0}.speaking-dot{background:var(--speaking);border-radius:50%;width:6px;height:6px;display:block}.watch-stream{color:#f6f6f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090c14d9;border:1px solid #ffffff25;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex;position:absolute;bottom:53px;left:10px;right:10px}.watch-stream b{background:#bc3b5b;border-radius:3px;margin-left:8px;padding:3px 5px;font-size:8px}.server-muted-label{background:var(--danger-bg);color:var(--danger);border-radius:5px;padding:5px 8px;font-size:9px;position:absolute;top:9px;left:9px}.voice-lounge-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin:24px auto 0;font-size:11px;display:flex}.stream-viewer{border:1px solid var(--voice-stroke);background:#06080d;border-radius:15px;margin-bottom:18px;overflow:hidden}.stream-viewer header{background:#151a28;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.stream-viewer header>span{color:#b6c3da;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.stream-viewer header strong{color:#f0f5ff}.stream-viewer header b{color:#fff;background:#a72f4d;border-radius:4px;padding:4px 6px;font-size:8px}.stream-viewer header>div{gap:5px;display:flex}.stream-viewer header button{color:#c7d5ee;background:0 0;border:0;padding:5px}.stream-viewer video{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:520px;display:block}.stream-viewer footer{color:#a5b4cc;justify-content:space-between;padding:9px 14px;font-size:10px;display:flex}.stream-viewer:fullscreen{flex-direction:column;display:flex}.stream-viewer:fullscreen video{flex:1;min-height:0;max-height:none}.has-stream .participant-identity{height:100px;min-height:90px}.has-stream .participant-identity video{height:100px}.has-stream .participant-identity>.avatar{width:45px;height:45px;font-size:16px}.has-stream .voice-participant-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.voice-empty{text-align:center;color:var(--muted);padding:40px}:is(.modal:has(.settings-layout),.modal:has(.server-settings)){background:var(--settings-panel);border:1px solid var(--border);border-radius:18px;width:min(1080px,95vw);max-width:1080px;padding:0;overflow:hidden}:is(.modal:has(.settings-layout)>header,.modal:has(.server-settings)>header){border-bottom:1px solid var(--border);margin:0;padding:19px 25px}:is(.modal:has(.settings-layout)>header h2,.modal:has(.server-settings)>header h2){font-size:17px}.settings-layout,.server-settings{grid-template-columns:210px minmax(0,1fr);height:min(710px,78vh);display:grid}.settings-nav,.server-settings>.tabs{border-right:1px solid var(--border);background:#101116;border-bottom:0;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:20px 14px;display:flex;overflow:auto}.settings-nav>button,.server-settings>.tabs>button{white-space:normal;text-align:left;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:flex-start;align-items:center;gap:9px;padding:12px 14px;font-size:12px;display:flex}.settings-nav>button.active,.server-settings>.tabs>button.active{background:var(--accent-subtle);color:var(--accent-text);box-shadow:none}.settings-identity{color:var(--text);overflow-wrap:anywhere;align-items:center;gap:9px;padding:7px 12px 22px;font-size:13px;display:flex}.settings-identity svg{color:var(--accent-text);flex-shrink:0;width:20px}.settings-content{min-width:0;padding:28px 32px;overflow:auto}.settings-content>h3,.permission-editor h3{margin-bottom:12px;font-size:20px}.settings-content p,.permission-editor p{font-size:12px;line-height:1.8}.settings-content hr{border-color:var(--border);margin:30px 0}.permission-editor .settings-section{margin-bottom:22px}.permission-editor h3{align-items:center;gap:10px;display:flex}.switch-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:18px;display:flex}.switch-row>span{gap:6px;display:grid}.switch-row strong{font-size:12px}.switch-row small{font-size:10px;line-height:1.5}.switch-row input{flex-shrink:0;width:18px;height:18px}.permission-add{gap:10px;margin-bottom:18px;display:flex}.permission-add select{flex:1;min-width:0;font-size:12px}.permission-add button{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.overwrite-card{border:1px solid var(--border);border-radius:12px;margin-bottom:15px;overflow:hidden}.overwrite-card>header{background:var(--surface-raised);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.overwrite-card header strong{font-size:12px}.overwrite-card header button{color:var(--muted);background:0 0;border:0;padding:2px}.permission-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:12px;display:flex}.tri-state{background:#0003;border-radius:7px;gap:3px;padding:3px;display:flex}.tri-state button{color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;padding:5px 8px;display:flex}.tri-state .selected.state-1{color:#81f2b5;background:#21523d}.tri-state .selected.state--1{color:#ffb5bc;background:#5b2633}.tri-state .selected.state-0{color:#f5f6fa;background:#384152}.settings-save{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:24px -8px -10px;padding:14px;display:flex;position:sticky;bottom:-28px}.settings-save>span{color:var(--muted);max-width:230px;font-size:10px;line-height:1.6}.settings-save button{font-size:12px}.settings-empty{border:1px dashed var(--border);color:var(--muted);border-radius:10px;padding:22px;font-size:12px;line-height:1.8}.role-chips{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.role-chips>span{border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.role-chips i{background:var(--role-color);border-radius:50%;width:7px;height:7px}.member-actions details{border-top:1px solid var(--border);padding:16px 0}.member-actions summary{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:12px;display:flex}.role-toggle{align-items:center;gap:8px;padding:11px 7px;font-size:12px;display:flex}.role-toggle input{margin-left:auto}.member-voice-actions{border-top:1px solid var(--border);gap:13px;padding:18px 0;display:grid}.member-voice-actions>strong{align-items:center;gap:9px;font-size:12px;display:flex}.member-voice-actions>button{background:var(--surface-raised);justify-content:flex-start;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}.volume-slider{grid-template-columns:1fr auto;gap:9px;font-size:12px;display:grid}.volume-slider input{width:100%;height:5px;accent-color:var(--accent);grid-area:2/1/auto/3}.role-order-buttons{gap:4px;margin-left:auto;display:flex}.role-order-buttons button{padding:5px;font-size:12px}.member-actions .field{margin:0}.role-list-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:15px;display:flex}@media (width<=800px){.settings-layout,.server-settings{flex-direction:column;height:80vh;display:flex}.settings-nav,.server-settings>.tabs{border-right:0;flex-direction:row;flex-shrink:0;gap:4px;padding:10px;overflow:auto}.settings-identity{display:none}.settings-nav>button,.server-settings>.tabs>button{white-space:nowrap;padding:10px}.settings-content{padding:20px}.voice-lounge{padding:16px}.voice-participant-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.participant-identity{min-height:125px}.stream-viewer header>span{font-size:9px}.permission-add{flex-wrap:wrap}.settings-save{margin:20px 0 0;bottom:-20px}.settings-save>span{display:none}.voice-member{font-size:11px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Space Grotesk Variable","Inter Variable",sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Inter Variable",Inter,"Segoe UI",sans-serif;--bg:#101013;--rail-bg:#18181d;--sidebar-bg:#111114;--surface:#1b1b21;--surface-raised:#24242c;--surface-hover:#2c2c35;--members-bg:#131317;--input:#151519;--composer:#222229;--border:#2e2e38;--input-border:#707080;--text:#f6f6f9;--text-soft:#d6d6df;--muted:#a6a6b6;--accent:#ff8757;--accent-hover:#ffa477;--on-accent:#21120d;--accent-border:#985335;--accent-subtle:#ff875715;--accent-faint:#ff875708;--message-hover:#ffffff04;--danger:#ffaaa8;--danger-bg:#51272d;--danger-border:#984d57;--world-card:#33221f;--world-island:#bd8267;--world-side:#513a34;--world-bg:#12131c;--wood:#967042;--wood-dark:#4c3425;--wood-light:#e5cf9b;--tile-bg:#f2e9d0;--checker-dark:#252a29;--overlay:#15151de8;--backdrop:#050508d9;--black:#000;--shadow:#0003;--shadow-sm:0 4px 12px #0003;--shadow-lg:0 20px 80px #0005;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--text-3xl:34px;--hero-size:76px;--control:40px;--control-sm:34px;--control-lg:48px;--textarea:110px;--dot:6px;--avatar:40px;--avatar-sm:34px;--avatar-xs:24px;--avatar-lg:80px;--status:12px;--rail:72px;--rail-icon:44px;--sidebar:284px;--members:256px;--header:64px;--dock:76px;--world-mini:70px;--mini-island:140px;--mini-island-height:45px;--topic-max:240px;--search-width:220px;--welcome-symbol:64px;--empty-max:460px;--messages-min:140px;--attachment-max:400px;--attachment-height:320px;--poll-max:400px;--stage-min:220px;--peer-width:180px;--screen-height:440px;--world-height:320px;--people-max:700px;--discover-card-min:240px;--discover-card-max:400px;--cover-height:130px;--modal-width:480px;--modal-wide:780px;--role-select:150px;--auth-side:7vw;--auth-card:420px;--auth-gap:8vw;--auth-story-max:580px;--auth-art-height:230px;--center-mark:100px;--auth-mobile-max:460px;--legal-max:860px;--tavla-row:160px;--tile-width:28px;--tile-height:64px}*{box-sizing:border-box}html,body,#root{min-height:100%;font-family:var(--font);color:var(--text);background:var(--bg);margin:0}body{font-size:var(--text-md)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s2) var(--s3);justify-content:center;align-items:center;gap:var(--s2);transition:background .15s,color .15s;display:inline-flex}button:hover{background:var(--surface-hover)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{color:var(--text);border:1px solid var(--input-border);border-radius:var(--r-sm);background:var(--input);padding:var(--s3);outline:none;width:100%}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=color]{height:var(--control);padding:var(--s1)}input[type=checkbox]{width:var(--s4);height:var(--s4);accent-color:var(--accent)}textarea{resize:vertical;min-height:var(--textarea)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}p{color:var(--muted);line-height:1.65}small{font-size:var(--text-xs);color:var(--muted)}svg{flex-shrink:0}hr{border:0;border-top:1px solid var(--border);margin:var(--s6) 0}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.primary:hover{background:var(--accent-hover)}.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.danger-text{color:var(--danger)!important}.icon-button{padding:var(--s2);color:var(--muted);background:0 0;border:0;flex-shrink:0}.icon-button:hover,.icon-button.enabled{color:var(--accent-text);background:var(--surface-hover)}.text-button{color:var(--accent-text);font-size:var(--text-xs);background:0 0;border:0;justify-content:flex-start;padding:0}.eyebrow{font-size:var(--text-xs);letter-spacing:.14em;color:var(--accent-text);align-items:center;gap:var(--s2);font-weight:750;display:flex}.live-dot,.idle-dot{width:var(--dot);height:var(--dot);background:var(--accent);border-radius:50%;flex-shrink:0;display:inline-block}.idle-dot{background:var(--muted)}.live-dot{box-shadow:0 0 0 3px var(--accent-subtle)}.count,.tag,.channel-tag,.mini-tag{font-size:var(--text-2xs);color:var(--accent-text);border:1px solid var(--accent-border);background:var(--accent-subtle);border-radius:var(--r-sm);padding:var(--s1) var(--s2);white-space:nowrap}.avatar{height:var(--avatar);width:var(--avatar);border-radius:var(--r-md);background:color-mix(in srgb, var(--avatar-color) 20%, var(--surface));border:1px solid color-mix(in srgb, var(--avatar-color) 35%, transparent);color:var(--avatar-color);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:750;display:inline-flex;position:relative}.avatar.small{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--r-sm);font-size:var(--text-xs)}.avatar.tiny{width:var(--avatar-xs);height:var(--avatar-xs);border-radius:var(--r-xs);font-size:var(--text-2xs)}.avatar.large{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--text-2xl);border-radius:var(--r-lg)}.avatar i{width:var(--status);height:var(--status);border:3px solid var(--surface);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.avatar .online{background:var(--accent)}.avatar .offline{background:var(--muted)}.app{grid-template-columns:var(--rail) var(--sidebar) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.server-rail{background:var(--rail-bg);border-right:1px solid var(--border);padding:var(--s5) 0 var(--s4);align-items:center;gap:var(--s3);z-index:5;flex-direction:column;display:flex}.brand-button{width:var(--rail-icon);height:var(--rail-icon);background:0 0;border:0;padding:0}.brand-button img{width:100%;height:100%}.server-button,.rail-action{height:var(--rail-icon);width:var(--rail-icon);border-radius:var(--r-lg);font-size:var(--text-md);background:var(--surface);color:var(--muted);border-color:#0000;padding:0;font-weight:700;position:relative}.server-button.active{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.server-button.active:before{content:"";left:calc(var(--s3) * -1);height:var(--s6);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--accent);width:3px;position:absolute}.rail-action{color:var(--accent-text);background:0 0}.rail-action:hover{background:var(--accent-subtle);text-decoration:none}.rail-divider{width:var(--s6);background:var(--border);height:1px;margin:var(--s1) 0}.rail-spacer{flex:1}.rail-profile{background:0 0;border:0;padding:0}.channel-panel{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.workspace-title{height:var(--header);padding:0 var(--s5);border-bottom:1px solid var(--border);margin-bottom:var(--s4);justify-content:space-between;align-items:center;display:flex}.workspace-title>div{min-width:0}.workspace-title small{font-size:var(--text-2xs);letter-spacing:.12em;margin-bottom:var(--s1);font-weight:700;display:block}.workspace-title strong{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.nav-item{color:var(--muted);margin:var(--s1) var(--s3);padding:var(--s3);min-height:var(--control);font-size:var(--text-sm);background:0 0;border:0;justify-content:flex-start}.nav-item.active{background:var(--surface-hover);color:var(--text)}.nav-item .shortcut,.nav-item>svg:last-child:not(:first-child){font-size:var(--text-2xs);opacity:.6;margin-left:auto}.channel-scroll{padding:var(--s3) var(--s3) var(--s5);flex:1;overflow:auto}.list-label{font-size:var(--text-2xs);letter-spacing:.1em;color:var(--muted);margin:var(--s5) var(--s2) var(--s2);justify-content:space-between;align-items:center;font-weight:750;display:flex}.list-label button{color:var(--muted);background:0 0;border:0;padding:0}.channel-item{justify-content:flex-start;gap:var(--s3);width:100%;color:var(--muted);padding:var(--s3);margin-bottom:var(--s1);text-align:left;font-size:var(--text-sm);min-height:var(--control);background:0 0;border:1px solid #0000}.channel-item>span:not(.mini-tag):not(.avatar):not(.live-dot){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-item.active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent-text)}.channel-item .mini-tag,.channel-item .live-dot,.channel-item .unread{margin-left:auto}.mini-tag{padding:0 var(--s1)}.unread{font-size:var(--text-2xs);background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm);padding:0 var(--s1)}.world-invite{background:linear-gradient(140deg, var(--world-card), var(--surface));width:100%;margin:var(--s5) 0;padding:var(--s4);border-color:var(--accent-border);text-align:left;align-items:flex-start;gap:var(--s2);border-radius:var(--r-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.world-invite strong{font-size:var(--text-sm);z-index:1}.world-invite small{z-index:1}.world-invite>span{align-items:center;gap:var(--s3);color:var(--accent-text);font-size:var(--text-xs);margin-top:var(--s2);z-index:1;display:flex}.world-mini{height:var(--world-mini);width:100%;position:relative}.world-mini div{width:var(--mini-island);height:var(--mini-island-height);background:var(--world-island);top:var(--s3);left:var(--s5);border-bottom:var(--s2) solid var(--world-side);box-shadow:0 10px 35px var(--shadow);border-radius:50%;position:absolute;transform:rotate(-14deg)}.world-mini span{left:var(--s12);top:var(--s1);font-size:var(--text-3xl);color:var(--accent-text);text-shadow:0 8px 0 var(--world-side);position:absolute;transform:rotate(-14deg)}.world-mini i{width:var(--s2);height:var(--s8);background:var(--accent);border-radius:var(--r-sm);left:var(--s8);top:var(--s1);position:absolute;transform:rotate(-14deg)}.event-mini{text-align:left;width:100%;color:var(--muted);font-size:var(--text-xs);padding:var(--s3) var(--s2);background:0 0;border:0;justify-content:flex-start}.event-mini span{gap:var(--s1);flex-direction:column;display:flex}.event-mini small{font-size:var(--text-2xs)}.quiet-empty{font-size:var(--text-xs);padding:0 var(--s2)}.user-dock{height:var(--dock);border-top:1px solid var(--border);padding:var(--s3);align-items:center;gap:var(--s1);display:flex}.user-dock-info{gap:var(--s3);text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;min-width:0;padding:0;display:flex}.user-dock-info>span:last-child{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.user-dock-info strong{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-dock-info small{font-size:var(--text-2xs)}.main-panel{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{min-height:var(--header);height:var(--header);padding:0 var(--s6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.channel-heading{align-items:center;gap:var(--s3);min-width:0;display:flex}.channel-heading>svg{color:var(--muted)}.channel-heading strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-heading>span:not(.channel-tag){font-size:var(--text-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:var(--topic-max);overflow:hidden}.channel-heading>i{width:1px;height:var(--s4);background:var(--border)}.channel-tag{color:var(--muted);border-color:var(--border);letter-spacing:.06em;background:0 0}.topbar-actions{align-items:center;gap:var(--s2);display:flex}.search-box{gap:var(--s2);background:var(--input);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s2) var(--s3);color:var(--muted);width:var(--search-width);margin-right:var(--s3);align-items:center;display:flex}.search-box input{font-size:var(--text-xs);background:0 0;border:0;min-width:0;padding:0}.search-box button{color:var(--muted);background:0 0;border:0;padding:0}.invite-button{font-size:var(--text-xs);background:var(--surface);white-space:nowrap;margin-left:var(--s3)}.content-layout{flex:1;min-height:0;display:flex}.conversation{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.message-scroll{padding:var(--s5) 0 var(--s4);scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-height:var(--messages-min);flex:1;overflow:auto}.channel-welcome{padding:var(--s8) var(--s8) var(--s6);position:relative}.welcome-symbol{width:var(--welcome-symbol);height:var(--welcome-symbol);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--accent-text);margin-bottom:var(--s5);justify-content:center;align-items:center;display:flex}.channel-welcome .eyebrow{font-size:var(--text-2xs);color:var(--muted);margin-bottom:var(--s3)}.channel-welcome h1{margin-bottom:var(--s3);overflow-wrap:anywhere;font-weight:700}.channel-welcome p{font-size:var(--text-sm);margin-bottom:var(--s3)}.first-message{margin:var(--s5) var(--s8);border:1px dashed var(--border);border-radius:var(--r-md);grid-template-columns:var(--s10) 1fr;align-items:center;column-gap:var(--s3);padding:var(--s5);max-width:var(--empty-max);display:grid}.first-message>span{width:var(--s10);height:var(--s10);background:var(--accent-subtle);color:var(--accent-text);font-size:var(--text-2xl);border-radius:var(--r-sm);grid-row:span 2;justify-content:center;align-items:center;display:flex}.first-message strong{font-size:var(--text-sm);margin-bottom:var(--s1)}.message{gap:var(--s4);padding:var(--s3) var(--s8);margin:var(--s1) 0;display:flex;position:relative}.message:hover,.message:focus-within{background:var(--message-hover)}.message-body{flex:1;min-width:0}.message-meta{align-items:center;gap:var(--s3);margin-bottom:var(--s2);flex-wrap:wrap;line-height:1.3;display:flex}.message-meta>button{font-weight:650;font-size:var(--text-sm);background:0 0;border:0;padding:0}.message-meta time,.message-meta small{font-size:var(--text-2xs);color:var(--muted)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);color:var(--text-soft);margin:0;line-height:1.65}.message-actions{right:var(--s6);top:calc(var(--s4) * -1);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);padding:var(--s1);display:none;position:absolute}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.message-actions button{padding:var(--s2);color:var(--muted);background:0 0;border:0}.pinned-message{background:var(--accent-faint);border-left:2px solid var(--accent-border)}.pinned-label{gap:var(--s1);font-size:var(--text-2xs);color:var(--accent-text);margin-bottom:var(--s2);align-items:center;display:flex}.reply-preview{align-items:center;gap:var(--s2);font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--s2);padding-left:var(--s2);border-left:2px solid var(--border);white-space:nowrap;display:flex;overflow:hidden}.reply-preview span{text-overflow:ellipsis;overflow:hidden}.attachment{margin-top:var(--s3);max-width:var(--attachment-max);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);overflow:hidden}.attachment img{max-width:100%;max-height:var(--attachment-height);object-fit:contain;display:block}.attachment>a:last-child{padding:var(--s3);gap:var(--s2);font-size:var(--text-xs);overflow-wrap:anywhere;align-items:center;display:flex}.attachment small{white-space:nowrap;margin-left:auto}.reactions{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.reactions button{font-size:var(--text-xs);padding:var(--s1) var(--s2);background:var(--surface)}.reactions button.mine{border-color:var(--accent-border);background:var(--accent-subtle);color:var(--accent-text)}.poll{gap:var(--s2);max-width:var(--poll-max);padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-top:var(--s3);flex-direction:column;display:flex}.poll button{background:var(--input);font-size:var(--text-xs);justify-content:space-between;position:relative;overflow:hidden}.poll button span:not(.poll-bar),.poll b{z-index:1;align-items:center;display:flex}.poll button.voted{border-color:var(--accent);color:var(--accent-text)}.poll-bar{background:var(--accent-subtle);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.composer-wrap{padding:var(--s4) var(--s6) var(--s3);background:var(--bg)}.composer{align-items:center;gap:var(--s2);background:var(--composer);border:1px solid var(--input-border);border-radius:var(--r-md);padding:var(--s3);box-shadow:0 3px 15px var(--shadow);display:flex}.composer:focus-within{border-color:var(--accent-border)}.composer textarea{resize:none;min-height:var(--s6);height:var(--s6);max-height:var(--textarea);padding:var(--s1);font-size:var(--text-sm);background:0 0;border:0;outline:0;flex:1;line-height:1.5}.composer textarea:focus-visible{outline:none}.attach-button{border:1px solid var(--input-border);width:var(--s6);height:var(--s6);color:var(--muted);margin:0 var(--s2);background:0 0;border-radius:50%;padding:0}.send-button{width:var(--control-sm);height:var(--control-sm);background:var(--accent);color:var(--on-accent);border:0;padding:0}.composer-hint{margin:var(--s3) var(--s2) 0;font-size:var(--text-2xs);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.composer-hint small{font-size:var(--text-2xs)}.compose-reply{align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border);padding:var(--s2) var(--s4);border-radius:var(--r-sm) var(--r-sm) 0 0;font-size:var(--text-xs);border-bottom:0;display:flex}.compose-reply button{background:0 0;border:0;margin-left:auto;padding:0}.pending-files{gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.pending-files span{align-items:center;gap:var(--s2);padding:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);display:flex}.pending-files button{background:0 0;border:0;padding:0}.members-panel{width:var(--members);border-left:1px solid var(--border);padding:var(--s6) var(--s4);background:var(--members-bg);flex-shrink:0;overflow:auto}.members-heading{font-size:var(--text-2xs);letter-spacing:.1em;padding:0 var(--s2);justify-content:space-between;align-items:center;font-weight:750;display:flex}.members-heading span{border:1px solid var(--border);border-radius:var(--r-xs);padding:var(--s1) var(--s2);color:var(--muted)}.members-section{font-size:var(--text-2xs);letter-spacing:.07em;color:var(--muted);padding:var(--s7) var(--s2) var(--s3);font-weight:700}.member-item{gap:var(--s3);text-align:left;width:100%;padding:var(--s3) var(--s2);background:0 0;border:0;justify-content:flex-start}.member-item>span:last-of-type{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.member-item strong{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.member-item small{font-size:var(--text-2xs)}.member-item>svg{color:var(--accent-text);margin-left:auto}.offline-member{opacity:.65}.community-note{border-top:1px solid var(--border);margin-top:var(--s10);padding:var(--s6) var(--s2);align-items:flex-start;gap:var(--s4);flex-direction:column;display:flex}.community-note>svg{color:var(--accent-text)}.community-note strong{font-size:var(--text-lg);font-weight:500;line-height:1.4}.community-note p{font-size:var(--text-xs);margin:0}.community-note>span{font-size:var(--text-2xs);letter-spacing:.06em;color:var(--muted)}.connection-banner,.filter-banner{background:var(--accent-subtle);border-bottom:1px solid var(--accent-border);color:var(--accent-text);padding:var(--s2) var(--s6);font-size:var(--text-xs)}.filter-banner{margin-bottom:var(--s5);justify-content:space-between;align-items:center;display:flex}.filter-banner button{color:var(--accent-text);font-size:var(--text-xs);background:0 0;border:0;padding:0}.load-older{margin:0 auto var(--s6);font-size:var(--text-xs);color:var(--muted);display:block}.error-panel{padding:var(--s4);background:var(--danger-bg);color:var(--danger);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.empty-panel{padding:var(--s12) var(--s8);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-panel>svg{color:var(--accent-text);margin-bottom:var(--s5)}.empty-panel p{max-width:var(--empty-max)}.message-skeleton{padding:var(--s5) var(--s8);gap:var(--s5);flex-direction:column;display:flex}.message-skeleton i{height:var(--s6);border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface), var(--surface-hover), var(--surface));background-size:200%;animation:1.6s infinite shimmer}.message-skeleton i:nth-child(2){width:75%}.message-skeleton i:nth-child(3){width:50%}.mobile-menu{display:none}.activity-zone{border-bottom:1px solid var(--border);flex-shrink:0;max-height:66dvh;overflow:auto}.voice-stage{min-height:var(--stage-min);padding:var(--s8);background:radial-gradient(ellipse at 50% 100%, var(--world-card), transparent 75%);text-align:center}.voice-stage .eyebrow{margin-bottom:var(--s4);justify-content:center}.voice-stage h2{margin-bottom:var(--s3)}.voice-stage p{font-size:var(--text-sm)}.dm-stage{min-height:0;padding:var(--s5) var(--s8);text-align:left}.dm-stage .eyebrow{font-size:var(--text-2xs);justify-content:flex-start}.dm-stage h2{font-size:var(--text-lg)}.dm-stage p{font-size:var(--text-xs);margin-bottom:0}.activity-bar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s6);background:var(--surface);display:flex}.activity-bar>span{align-items:center;gap:var(--s3);color:var(--muted);font-size:var(--text-xs);display:flex}.activity-bar .primary{font-size:var(--text-xs)}.call-controls{gap:var(--s2);display:flex}.call-controls button{height:var(--control);width:var(--control);background:var(--surface-raised);padding:0}.call-controls .enabled{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent-text)}.call-controls .hangup{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.call-mini{padding:var(--s4);background:var(--accent-faint);border-top:1px solid var(--accent-border)}.call-mini>div:first-child{grid-template-columns:var(--s3) 1fr;gap:var(--s1) var(--s2);font-size:var(--text-xs);align-items:center;display:grid}.call-mini small{font-size:var(--text-2xs);grid-column:2}.call-mini .call-controls{margin-top:var(--s3)}.call-mini .call-controls button{height:var(--control-sm);flex:1}.peer-grid{gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap;justify-content:center;display:flex}.peer-card{width:var(--peer-width);aspect-ratio:1.4;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.peer-card .avatar{width:var(--avatar);height:var(--avatar);font-size:var(--text-sm)}.peer-card>span:last-child{left:var(--s2);bottom:var(--s2);font-size:var(--text-2xs);background:var(--overlay);padding:var(--s1) var(--s2);align-items:center;gap:var(--s2);border-radius:var(--r-xs);display:flex;position:absolute}video{max-width:100%;display:block}.peer-card video{object-fit:cover;width:100%;height:100%}.screen-share{padding:var(--s4);background:var(--rail-bg)}.screen-share strong{font-size:var(--text-xs);gap:var(--s2);margin-bottom:var(--s3);align-items:center;display:flex}.screen-share video{max-height:var(--screen-height);object-fit:contain;background:var(--black);width:100%}.world{min-height:var(--world-height);background:var(--world-bg);height:42dvh;position:relative}.world-canvas{width:100%;height:100%}.world-canvas canvas{touch-action:none;display:block}.world-caption{top:var(--s5);left:var(--s5);padding:var(--s3) var(--s4);background:var(--overlay);border:1px solid var(--accent-border);border-radius:var(--r-sm);align-items:center;gap:var(--s3);font-size:var(--text-2xs);letter-spacing:.06em;pointer-events:none;display:flex;position:absolute}.world-caption small{font-size:var(--text-2xs);letter-spacing:0}.world-pad{right:var(--s5);bottom:var(--s5);gap:var(--s1);display:flex;position:absolute}.world-pad button{background:var(--overlay);width:var(--control-sm);height:var(--control-sm);padding:0}.world-error{padding:var(--s6);color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-panel{padding:var(--s12);color:var(--muted);text-align:center}.friends,.discover{padding:var(--s10);flex:1;overflow:auto}.section-intro .eyebrow{margin-bottom:var(--s4)}.section-intro h1,.section-intro h2{margin-bottom:var(--s3)}.section-intro p{font-size:var(--text-sm)}.search-people{gap:var(--s3);max-width:var(--people-max);margin:var(--s7) 0;display:flex}.people-results{max-width:var(--people-max);border-bottom:1px solid var(--border);margin-bottom:var(--s8);padding-bottom:var(--s5)}.person-row{align-items:center;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--border);max-width:var(--people-max);display:flex}.person-row>div{gap:var(--s1);flex-direction:column;flex:1;display:flex}.person-row strong{font-size:var(--text-sm)}.person-row button{padding:var(--s2);background:var(--surface)}.friends>h3{font-size:var(--text-sm);color:var(--muted)}.friends .count{margin-left:var(--s2)}.discover-grid{grid-template-columns:repeat(auto-fit, minmax(var(--discover-card-min), 1fr));gap:var(--s5);margin-top:var(--s8);display:grid}.discover-card{max-width:var(--discover-card-max);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding-bottom:var(--s5);overflow:hidden}.discover-cover{height:var(--cover-height);background:linear-gradient(130deg, var(--world-card), var(--world-side));padding:var(--s6);color:var(--accent-text);justify-content:space-between;align-items:center;display:flex}.discover-cover span{font-size:var(--text-3xl);font-weight:800}.discover-card h3{margin:var(--s5) var(--s5) var(--s2)}.discover-card p{font-size:var(--text-xs);min-height:var(--s10);margin:0 var(--s5) var(--s4)}.discover-card>small{gap:var(--s2);margin:0 var(--s5) var(--s5);align-items:center;display:flex}.discover-card>.primary{margin:0 var(--s5)}.modal{color:var(--text);background:var(--surface);border:1px solid var(--input-border);border-radius:var(--r-lg);padding:var(--s6);width:min(calc(100vw - var(--s8)), var(--modal-width));max-height:88dvh;box-shadow:var(--shadow-lg);overflow:auto}.modal.wide{width:min(calc(100vw - var(--s8)), var(--modal-wide))}.modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>header{margin-bottom:var(--s5);justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.modal>header h2{font-size:var(--text-xl);margin:0}.modal p{font-size:var(--text-sm)}.field{gap:var(--s2);margin-bottom:var(--s4);font-size:var(--text-xs);flex-direction:column;font-weight:600;display:flex}.check-field{align-items:center;gap:var(--s3);margin:var(--s5) 0;font-size:var(--text-sm);color:var(--text-soft);display:flex}.form-submit{width:100%;min-height:var(--control);margin-top:var(--s2)}.form-error{padding:var(--s3);border-radius:var(--r-sm);background:var(--danger-bg);color:var(--danger);font-size:var(--text-xs);margin:var(--s3) 0}.tabs{gap:var(--s2);border-bottom:1px solid var(--border);padding-bottom:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.tabs button{font-size:var(--text-xs);padding:var(--s2) var(--s3);color:var(--muted);background:0 0;border-color:#0000}.tabs button.active{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.list-card{padding:var(--s4);background:var(--input);border:1px solid var(--border);border-radius:var(--r-sm);gap:var(--s2);margin-bottom:var(--s3);font-size:var(--text-sm);flex-direction:column;display:flex}.list-card.horizontal{flex-direction:row;justify-content:space-between;align-items:center}.list-card>div{gap:var(--s2);flex-direction:column;display:flex}.member-admin{align-items:center;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--border);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.member-admin>div{min-width:var(--s20);gap:var(--s1);flex-direction:column;flex:1;display:flex}.member-admin select{width:auto;max-width:var(--role-select);padding:var(--s2);font-size:var(--text-xs)}.member-admin button{font-size:var(--text-2xs);padding:var(--s2)}.menu-actions{gap:var(--s2);flex-direction:column;display:flex}.menu-actions button{padding:var(--s3);font-size:var(--text-sm);background:0 0;border:0;justify-content:flex-start}.menu-actions button:hover{background:var(--surface-hover)}.invite-link{gap:var(--s2);margin:var(--s5) 0;display:flex}.invite-link input{font-size:var(--text-xs)}.emoji-grid{gap:var(--s3);flex-wrap:wrap;display:flex}.emoji-grid button{font-size:var(--text-2xl);background:var(--input);padding:var(--s3)}.profile-preview{text-align:center}.profile-preview .avatar{margin-bottom:var(--s4)}.profile-preview h2{margin-bottom:var(--s2)}.profile-preview p{margin:var(--s5) 0}.profile-preview button{margin:var(--s2)}.toast{bottom:var(--s6);background:var(--surface-raised);border:1px solid var(--input-border);border-radius:var(--r-md);padding:var(--s4) var(--s5);z-index:50;box-shadow:var(--shadow-lg);font-size:var(--text-sm);align-items:center;gap:var(--s5);max-width:calc(100vw - var(--s8));overflow-wrap:anywhere;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast button{color:var(--muted);background:0 0;border:0;padding:0}.boot-screen{justify-content:center;align-items:center;gap:var(--s6);height:100dvh;color:var(--muted);flex-direction:column;display:flex}.boot-screen img{width:var(--s16)}.spin{animation:1s linear infinite spin}.auth-page{min-height:100dvh;padding:var(--s10) var(--auth-side);grid-template-columns:1fr var(--auth-card);column-gap:var(--auth-gap);background:radial-gradient(ellipse at 20% 60%, var(--world-card), transparent 58%), var(--bg);grid-template-rows:auto 1fr auto;display:grid;position:relative}.auth-brand{align-items:center;gap:var(--s3);color:var(--text);font-size:var(--text-xl);letter-spacing:-.04em;grid-column:1/-1;font-weight:750;display:flex}.auth-brand:hover{text-decoration:none}.auth-brand img{width:var(--s10)}.auth-brand span{font-size:var(--text-2xs);letter-spacing:.16em;color:var(--muted);margin-left:var(--s5);padding-left:var(--s5);border-left:1px solid var(--border);font-weight:500}.auth-story{padding:var(--s12) 0;max-width:var(--auth-story-max);align-self:center}.auth-story h1{font-size:var(--hero-size);letter-spacing:-.065em;margin:var(--s6) 0;font-weight:650;line-height:1.05}.auth-story h1>span{color:var(--accent-text)}.auth-story>p{font-size:var(--text-lg);line-height:1.7}.auth-card{background:var(--surface);border:1px solid var(--input-border);padding:var(--s8);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);margin:var(--s10) 0;align-self:center}.auth-card>.eyebrow{font-size:var(--text-2xs);margin-bottom:var(--s5)}.auth-card h2{font-size:var(--text-3xl);margin-bottom:var(--s3);font-weight:600}.auth-card>p{font-size:var(--text-sm);margin-bottom:var(--s7)}.auth-card .field{margin-bottom:var(--s5)}.auth-card input{min-height:var(--control-lg)}.auth-card .form-submit{min-height:var(--control-lg);margin-top:var(--s3)}.auth-card .switch-auth{font-size:var(--text-xs);margin:var(--s5) 0;text-align:center}.switch-auth button{color:var(--accent-text);font-size:inherit;background:0 0;border:0;padding:0}.auth-legal{font-size:var(--text-2xs);color:var(--muted);border-top:1px solid var(--border);padding-top:var(--s5);line-height:1.8}.auth-legal a{color:var(--text-soft)}.auth-footer{font-size:var(--text-xs);color:var(--muted);justify-content:space-between;gap:var(--s5);grid-column:1/-1;display:flex}.auth-footer a{color:var(--muted);align-items:center;gap:var(--s2);display:flex}.auth-illustration{height:var(--auth-art-height);max-width:var(--auth-story-max);margin:var(--s5) 0;position:relative}.orbit{border:1px solid var(--accent-border);opacity:.45;left:15%;top:var(--s5);border-radius:50%;width:65%;height:70%;position:absolute;transform:rotate(-25deg)}.orbit.two{width:80%;height:55%;top:25%;left:10%;transform:rotate(25deg)}.orbit.three{width:45%;height:85%;top:5%;left:30%;transform:rotate(70deg)}.center-mark{font-size:var(--text-3xl);letter-spacing:-.08em;background:var(--accent);color:var(--on-accent);border-radius:var(--r-xl);height:var(--center-mark);width:var(--center-mark);box-shadow:var(--shadow-lg);border-bottom:var(--s2) solid var(--world-island);justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:30%;left:42%;transform:rotate(-12deg)}.center-mark span{right:calc(var(--s4) * -1);top:calc(var(--s4) * -1);font-size:var(--text-3xl);color:var(--accent-text);text-shadow:0 2px var(--bg);position:absolute}.auth-tile{align-items:center;gap:var(--s4);background:var(--surface-raised);border:1px solid var(--input-border);box-shadow:var(--shadow-lg);padding:var(--s4) var(--s5);border-radius:var(--r-md);font-size:var(--text-sm);display:flex;position:absolute}.tile-one{top:12%;left:8%;transform:rotate(-8deg)}.tile-one span{font-size:var(--text-xl)}.tile-two{top:7%;right:0;transform:rotate(8deg)}.tile-two>svg{color:var(--accent-text)}.tile-two div{font-weight:600}.tile-two small{font-weight:400;font-size:var(--text-2xs);margin-top:var(--s1);display:block}.tile-three{gap:var(--s5);bottom:6%;left:8%;transform:rotate(-4deg)}.tile-three svg{color:var(--accent-text)}.tile-three>span{margin-left:var(--s4);color:var(--accent-text);font-size:var(--text-xl)}.auth-features{align-items:center;gap:var(--s6);font-size:var(--text-xs);color:var(--muted);margin-top:var(--s5);display:flex}.auth-features>span{align-items:center;gap:var(--s2);display:flex}.auth-features svg{color:var(--accent-text)}.legal-page{min-height:100vh;padding:var(--s10);max-width:var(--legal-max);margin:auto}.wordmark{align-items:center;gap:var(--s3);font-size:var(--text-xl);color:var(--text);font-weight:750;display:flex}.wordmark img{width:var(--s10)}.legal-page article{margin:var(--s12) 0}.legal-page h1,.legal-page p{margin-bottom:var(--s6)}.download-link{align-items:center;gap:var(--s3);border-radius:var(--r-sm);padding:var(--s4) var(--s5);margin:var(--s5) 0;display:inline-flex}.download-link:hover{text-decoration:none}.games{padding:var(--s7) var(--s8)}.games .section-intro h2{font-size:var(--text-2xl)}.games .section-intro .eyebrow{font-size:var(--text-2xs)}.games .section-intro p{font-size:var(--text-xs)}.game-choices{gap:var(--s4);margin-top:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-choice{text-align:left;background:var(--surface);border-radius:var(--r-md);padding:var(--s5);flex-direction:column;align-items:flex-start;display:flex}.game-icon{font-size:var(--text-3xl);color:var(--accent-text)}.game-choice h3{margin:var(--s3) 0 var(--s2)}.game-choice p{font-size:var(--text-xs);margin-bottom:var(--s3)}.game-choice>span:last-child{font-size:var(--text-xs);color:var(--accent-text)}.table-heading{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.table-heading h3{align-items:center;gap:var(--s3);margin:0;display:flex}.seats{gap:var(--s3);margin:var(--s5) 0;flex-wrap:wrap;display:flex}.seat{padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:var(--s2);font-size:var(--text-xs);background:var(--surface);display:flex}.seat>span{height:var(--s5);width:var(--s5);background:var(--surface-hover);color:var(--muted);font-size:var(--text-2xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.seat.turn{border-color:var(--accent);background:var(--accent-subtle)}.seat small{font-size:var(--text-2xs)}.table-lobby{padding:var(--s8);text-align:center;align-items:center;gap:var(--s3);background:var(--surface);border:1px dashed var(--border);border-radius:var(--r-md);flex-direction:column;display:flex}.table-lobby>svg{color:var(--accent-text);margin-bottom:var(--s2)}.table-lobby h3,.table-lobby p{margin:0}.table-lobby p,.table-lobby>span{font-size:var(--text-xs)}.game-controls{align-items:center;gap:var(--s3);margin:var(--s4) 0;flex-wrap:wrap;display:flex}.game-controls button{font-size:var(--text-xs)}.dice{padding:var(--s2) var(--s4);border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);font-size:var(--text-lg);letter-spacing:.12em;color:var(--accent-text)}.hint{font-size:var(--text-2xs);margin:var(--s3) 0}.tavla-score{justify-content:space-between;gap:var(--s3);font-size:var(--text-2xs);color:var(--muted);margin-bottom:var(--s3);display:flex}.tavla-board{background:var(--wood);border:var(--s2) solid var(--wood-dark);border-radius:var(--r-sm);padding:var(--s1);box-shadow:inset 0 0 0 1px var(--wood-light)}.tavla-row{min-height:var(--tavla-row);gap:var(--s1);grid-template-columns:repeat(12,1fr);display:grid}.tavla-row.bottom{border-top:var(--s3) solid var(--wood-dark)}.point{min-width:0;padding:var(--s1) 0;justify-content:flex-start;align-items:center;gap:var(--s1);border:0;border-radius:0;flex-direction:column;display:flex;position:relative;background:0 0!important}.point:before{content:"";inset:var(--s4) 0 0;background:var(--wood-dark);clip-path:polygon(0 0,100% 0,50% 100%);opacity:.65;position:absolute}.point:nth-child(2n):before{background:var(--wood-light)}.bottom .point{flex-direction:column-reverse}.bottom .point:before{inset:0 0 var(--s4);transform:rotate(180deg)}.point small{font-size:var(--text-2xs);color:var(--wood-light);z-index:1}.point.selected{outline:2px solid var(--accent);outline-offset:0;border-radius:var(--r-xs)}.checkers{z-index:1;flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.bottom .checkers{flex-direction:column-reverse}.checkers>span{aspect-ratio:1;width:70%;max-width:var(--s6);border:2px solid var(--wood-dark);box-shadow:0 2px 0 var(--shadow);border-radius:50%}.checkers .light{background:var(--wood-light)}.checkers .dark{background:var(--checker-dark);border-color:var(--wood)}.checkers b{font-size:var(--text-2xs);color:var(--wood-light)}.okey-center{justify-content:center;align-items:center;gap:var(--s6);padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s4);display:flex}.okey-center>div{gap:var(--s2);font-size:var(--text-xs);flex-direction:column;align-items:center;display:flex}.okey-center b{background:var(--tile-bg);border:1px solid var(--wood);border-radius:var(--r-sm);padding:var(--s3) var(--s5);font-size:var(--text-xl)}.okey-center span{font-size:var(--text-2xs);color:var(--muted)}.discards{justify-content:space-around;gap:var(--s3);margin:var(--s4) 0;display:flex}.discards>div{align-items:center;gap:var(--s2);flex-direction:column;display:flex}.discards small{font-size:var(--text-2xs)}.discards b{font-size:var(--text-lg);color:var(--accent-text)}.tile-rack{justify-content:center;align-items:center;gap:var(--s1);padding:var(--s4) var(--s2);background:var(--wood-dark);border-bottom:var(--s2) solid var(--wood);border-radius:var(--r-sm);display:flex;overflow:auto}.tile{background:var(--tile-bg);border:1px solid var(--wood);border-bottom:var(--s1) solid var(--wood-light);color:var(--tile-color);padding:var(--s3) var(--s1);font-size:var(--text-lg);border-radius:var(--r-xs);gap:var(--s1);min-width:var(--tile-width);max-width:var(--s10);height:var(--tile-height);flex-direction:column;flex:1;font-weight:800;display:flex}.tile small{font-size:var(--text-2xs);color:inherit}.tile.selected{transform:translateY(calc(var(--s2) * -1));outline:2px solid var(--accent);outline-offset:1px}.tile:hover{background:var(--wood-light)}.result{background:var(--accent-subtle);border:1px solid var(--accent-border);padding:var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);border-radius:var(--r-sm);margin:var(--s4) 0;font-size:var(--text-sm);display:flex}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1250px){.app{--members:208px}.channel-tag,.channel-heading>span:not(.channel-tag),.channel-heading>i{display:none}.topbar{padding:0 var(--s5)}.search-box{width:145px}.auth-page{--auth-side:5vw;--auth-gap:5vw;--auth-card:400px;--hero-size:64px}.auth-features{gap:var(--s3);font-size:var(--text-2xs)}}@media (width<=1050px){.members-panel{display:none}.auth-page{--auth-card:380px;--hero-size:54px}.auth-tile{padding:var(--s3);font-size:var(--text-xs);gap:var(--s2)}.tile-two{top:18%;right:0}.tile-two small{display:none}.auth-features{flex-wrap:wrap}.auth-brand span,.world-caption small{display:none}}@media (width<=800px){.app{grid-template-columns:var(--rail) minmax(0, 1fr)}.channel-panel{display:none}.app.nav-open{grid-template-columns:var(--rail) var(--sidebar) minmax(0, 1fr)}.app.nav-open .channel-panel{display:flex}.app.nav-open .main-panel{inset:0 0 0 calc(var(--rail) + var(--sidebar));z-index:3;min-width:calc(100vw - var(--rail));box-shadow:var(--shadow-lg);position:fixed}.mobile-menu{display:inline-flex}.topbar{padding:0 var(--s3);gap:var(--s2)}.topbar-actions{gap:var(--s1)}.search-box{display:none}.invite-button{padding:var(--s2);color:var(--muted);background:0 0;border:0;margin-left:0}.invite-button span{display:none}.channel-heading{gap:var(--s2)}.channel-heading strong{font-size:var(--text-sm)}.channel-heading>svg{display:none}.channel-welcome{padding:var(--s6) var(--s5)}.channel-welcome h1{font-size:var(--text-2xl)}.message{padding:var(--s3) var(--s5);gap:var(--s3)}.message-actions{box-shadow:none;max-width:var(--s12);align-self:flex-start;gap:var(--s1);background:0 0;border:0;flex-wrap:wrap;padding:0;display:flex;position:static}.message-actions button{padding:var(--s1)}.message .avatar{width:var(--avatar-sm);height:var(--avatar-sm);font-size:var(--text-xs);border-radius:var(--r-sm)}.composer-wrap{padding:var(--s3)}.composer{gap:var(--s1);padding:var(--s2)}.composer>.icon-button{padding:var(--s1)}.composer-hint small{display:none}.first-message{margin:var(--s4) var(--s5)}.voice-stage{padding:var(--s6) var(--s4)}.activity-bar{padding:var(--s3);gap:var(--s2)}.activity-bar>span{font-size:var(--text-2xs);gap:var(--s2)}.call-controls{gap:var(--s1)}.call-controls button{height:var(--control-sm);width:var(--control-sm)}.games{padding:var(--s5) var(--s4);--tavla-row:125px}.tile-rack{justify-content:flex-start}.discards small{max-width:var(--s16);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.world{min-height:280px}.world-caption{top:var(--s3);left:var(--s3);padding:var(--s2);gap:var(--s2)}.world-pad{bottom:var(--s3);right:var(--s3)}.friends,.discover{padding:var(--s7) var(--s5)}.friends h1,.discover h1{font-size:var(--text-2xl)}.auth-page{padding:var(--s6);gap:var(--s5);flex-direction:column;display:flex}.auth-brand{font-size:var(--text-lg)}.auth-brand img{width:var(--s8)}.auth-story{display:none}.auth-card{width:100%;max-width:var(--auth-mobile-max);margin:var(--s8) auto var(--s6);padding:var(--s6)}.auth-footer{gap:var(--s4);flex-wrap:wrap;margin-top:auto}.auth-footer span{display:none}.legal-page{padding:var(--s7) var(--s5)}.game-choice{padding:var(--s4)}.game-choice h3{font-size:var(--text-md)}.game-choice p{line-height:1.5}.peer-card{width:130px}.member-admin{gap:var(--s2)}.modal{padding:var(--s5)}.modal>header h2{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.setup-card{max-width:var(--modal-width);margin:var(--s12) auto}.setup-card h1{font-size:var(--text-2xl)}.privacy-page{color:#e9eaf0;background:#101217;min-height:100vh;font-family:Inter,system-ui,sans-serif}.privacy-page *{box-sizing:border-box}.privacy-header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 max(28px,50vw - 610px);display:flex}.privacy-brand{color:#f5f5f8;letter-spacing:-.04em;align-items:center;gap:11px;font-size:19px;font-weight:750;text-decoration:none;display:flex}.privacy-brand img{width:34px;height:34px}.privacy-back{color:#d8d9e3;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.privacy-back:hover,.privacy-footer a:hover{color:#fff;background:#ffffff12}.privacy-layout{grid-template-columns:220px minmax(0,1fr);gap:78px;max-width:1220px;margin:0 auto;padding:76px 28px 100px;display:grid}.privacy-nav{align-self:start;position:sticky;top:40px}.privacy-nav>span{letter-spacing:.16em;color:#888b9a;font-size:10px;font-weight:750}.privacy-nav nav{border-left:1px solid #ffffff17;flex-direction:column;gap:4px;margin-top:18px;display:flex}.privacy-nav a{color:#9a9daa;padding:10px 14px;font-size:13px;line-height:1.4;text-decoration:none;display:block}.privacy-nav a:hover{color:#e9e4ff;border-left:1px solid #bdaaf2;margin-left:-1px}.privacy-content{min-width:0;max-width:790px}.privacy-intro{border-bottom:1px solid #ffffff15;padding-bottom:48px}.privacy-eyebrow{color:#b9a9e9;letter-spacing:.14em;align-items:center;gap:8px;font-size:10px;font-weight:750;display:inline-flex}.privacy-intro h1{letter-spacing:-.055em;color:#f5f5f8;margin:22px 0 16px;font-size:clamp(38px,5vw,58px);line-height:1.05}.privacy-intro p{color:#a9abb7;max-width:600px;margin:0;font-size:17px;line-height:1.65}.privacy-sections section{border-bottom:1px solid #ffffff12;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:36px 0;scroll-margin-top:24px;display:grid}.privacy-number{letter-spacing:.08em;color:#9b8cbf;padding-top:7px;font-size:11px;font-weight:700}.privacy-content h2{letter-spacing:-.025em;color:#f0f0f5;margin:0 0 14px;font-size:20px;line-height:1.3}.privacy-sections p{color:#b8bac5;margin:0 0 14px;font-size:15px;line-height:1.8}.privacy-sections p:last-child{margin-bottom:0}.privacy-footer{color:#828593;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;font-size:13px;display:flex}.privacy-footer a{color:#c6b9ed;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;text-decoration:none;display:inline-flex}@media (width<=800px){.privacy-layout{padding:48px 24px 72px;display:block}.privacy-nav{margin-bottom:42px;position:static}.privacy-nav nav{border:0;flex-flow:wrap;gap:7px}.privacy-nav a{background:#ffffff06;border:1px solid #ffffff16;border-radius:999px;padding:8px 11px;font-size:12px}.privacy-nav a:hover{border-color:#bdaaf2;margin:0}.privacy-header{padding:0 24px}.privacy-sections section{grid-template-columns:30px minmax(0,1fr);gap:10px}}@media (width<=420px){.privacy-header{height:68px;padding:0 18px}.privacy-back{padding:9px;font-size:12px}.privacy-layout{padding:38px 18px 60px}.privacy-footer{flex-direction:column;align-items:flex-start}}html.studio-client{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15181e;--surface:#222730;--sidebar-bg:#1a1f27;--rail-bg:#15181e;--surface-raised:#303844;--surface-hover:#3c4653;--members-bg:#1a1f27;--input:#15181e;--composer:#2b333e;--border:#36414c;--input-border:#788795;--text:#f0f5f7;--text-soft:#d8e2e8;--muted:#b2c0cb;--accent:#8cdbca;--accent-text:#a4e8d9;--accent-hover:#b0ecdf;--on-accent:#112b29;--accent-border:#8cdbca;--accent-subtle:#8cdbca24;--accent-faint:#8cdbca12;--message-hover:#29313c;--danger:#ffadba;--danger-bg:#432934;--danger-border:#a96679;--success:#7bd7ac;--speaking:#32b575;--voice-bg:#15181e;--voice-card:#1a1f27;--voice-stroke:#343b46;--settings-panel:#222730;--overlay:#1e2127ed;--backdrop:#05070bb0;--shadow-sm:0 3px 14px #00000020;--shadow-lg:0 24px 90px #0006;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--native-title-height:0px;--font-display:var(--font);--messages-min:0px;--header:56px;--members:218px;--sidebar:280px;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv11"}html.studio-client.desktop-client{--native-title-height:0px}.studio-client :is(body,#root){background:var(--bg);min-height:100dvh;color:var(--text)}.studio-client h1,.studio-client h2,.studio-client h3{font-family:var(--font);letter-spacing:-.025em;font-weight:650}.studio-client button{background:var(--surface-raised);color:var(--text);box-shadow:none;border:1px solid #0000;border-radius:12px;font-size:13px;font-weight:550;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.studio-client button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.studio-client :is(input,select,textarea){background:var(--input);border-color:var(--input-border);border-radius:12px;font-size:14px}.studio-client :is(input,select,textarea):focus{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-subtle)}.studio-client input[type=range]{accent-color:var(--accent-text);box-shadow:none;padding:0}.studio-client a.primary{border-radius:10px;padding:11px 20px;display:inline-flex}.studio-client .primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent)}.studio-client .primary:hover{background:var(--accent-hover);color:var(--on-accent)}.studio-client .avatar{background:color-mix(in srgb,var(--avatar-color) 13%,var(--surface));color:color-mix(in srgb,var(--avatar-color) 35%,var(--text));border:0;border-radius:50%}.studio-client .avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.studio-client .avatar .online{background:var(--success)}.studio-client .avatar.small,.studio-client .avatar.tiny,.studio-client .avatar.large{border-radius:50%}.studio-client .app-shell{inset:var(--native-title-height) 0 0;grid-template-rows:76px minmax(0,1fr);display:grid;position:fixed;overflow:hidden}.studio-client .app{gap:0;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.studio-client .workspace-header{background:var(--rail-bg);min-width:0;color:var(--text);z-index:40;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:0 22px;display:grid}.studio-client .workspace-brand{color:var(--text);letter-spacing:-.6px;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.studio-client .workspace-brand img{width:30px;height:30px}.studio-client button.workspace-brand{background:0 0;border:0;flex-shrink:0;padding:0}.studio-client .server-tabs{scrollbar-width:none;align-items:center;gap:10px;min-width:0;height:76px;padding-inline:5px;display:flex;overflow:auto hidden}.studio-client .server-tabs::-webkit-scrollbar{display:none}.studio-client .server-tab{background:var(--surface-raised);width:42px;height:42px;color:var(--text);border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.studio-client .server-tab:hover{color:#fff;background:#ffffff0d}.studio-client .server-tab.active{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border);box-shadow:0 0 0 4px var(--accent-faint)}.studio-client .server-tab-mark{width:100%;height:100%;color:inherit;background:0 0;place-items:center;font-size:15px;font-weight:650;display:grid}.studio-client .server-tab.active .server-tab-mark{background:0 0}.studio-client .server-tab img{object-fit:cover;width:100%;height:100%}.studio-client .server-tab:hover{background:var(--accent);color:var(--on-accent);border-radius:50%;transform:translateY(-1px)}.studio-client .server-tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-client .server-tab-add{border:1px dashed var(--input-border);width:38px;height:38px;color:var(--text-soft);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;padding:8px;display:grid}.studio-client :is(.workspace-actions,.workspace-utilities){align-items:center;gap:5px;display:flex}.studio-client .workspace-actions{background:var(--sidebar-bg);border:0;border-radius:16px;padding:5px}.studio-client :is(.workspace-actions,.workspace-utilities)>button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.studio-client :is(.workspace-actions,.workspace-utilities)>button:hover,.studio-client .workspace-actions>button.active{color:#fff;background:#ffffff10}.studio-client .nav-notification{color:#101b35;background:#adc3fa;border-radius:8px;min-width:13px;height:13px;font-size:8px;position:absolute;top:-1px;right:-1px}.studio-client .workspace-status{background:#778398;border-radius:50%;width:5px;height:5px;margin-left:4px}.studio-client .workspace-status.online{background:#7bd7ac}.studio-client .workspace-sidebar{flex:0 0 var(--workspace-width,280px);width:var(--workspace-width,280px);background:var(--rail-bg);flex-direction:column;min-width:0;padding:0 10px 10px;display:flex;position:relative}.studio-client .channel-panel{background:0 0;border:0;flex:1;min-height:0}.studio-client .workspace-title{border:0;height:76px;min-height:76px;margin:0;padding:0 16px}.studio-client .workspace-title small{letter-spacing:1.1px;color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:500}.studio-client .workspace-title strong{letter-spacing:-.5px;align-items:center;gap:7px;font-size:18px;display:flex}.studio-client .workspace-title button{color:var(--muted);background:0 0;border:0}.studio-client .channel-scroll{padding:0 6px 20px;overflow-x:hidden}.studio-client .channel-tools{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 9px;font-size:10px;display:flex}.studio-client .channel-tools button{background:0 0;border:0;padding:3px}.studio-client .category-create-visible{width:auto;color:var(--muted);background:0 0;border:0;margin:0 0 18px;padding:4px 8px;font-size:11px}.studio-client .channel-group{margin-bottom:22px}.studio-client .channel-item{min-height:42px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:13px;margin-bottom:4px;padding:10px 12px;font-size:13px}.studio-client .channel-item.active{color:var(--text);background:var(--surface-raised);box-shadow:none}.studio-client .channel-item:hover{background:#ffffff06}.studio-client .channel-item>svg{width:17px;color:var(--muted)}.studio-client .channel-item{padding-right:50px}.studio-client .channel-chat-shortcut{color:var(--muted);background:0 0;border:0;padding:3px;position:absolute;top:9px;right:29px}.studio-client .channel-settings-shortcut{top:9px;right:7px}.studio-client .channel-music-shortcut{color:var(--muted);background:0 0;border:0;padding:3px;position:absolute;top:9px;right:51px}.studio-client .has-music-shortcut>.channel-item{padding-right:74px}.studio-client .channel-grip{display:none}.studio-client .category-heading{letter-spacing:.5px;text-align:left;background:0 0;border:0;justify-content:flex-start;gap:7px;width:100%;font-size:10px;font-weight:550;display:flex;padding:9px 56px 9px 9px!important}.studio-client .category-heading small{display:none}.studio-client .category-actions{top:7px}.studio-client .category-actions button{padding:3px}.studio-client .voice-member{box-shadow:none;background:0 0;border:0;border-radius:12px;padding:7px 9px;font-size:12px}.studio-client .user-dock{background:var(--surface);border:0;border-radius:18px;gap:6px;height:auto;min-height:72px;margin-top:8px;padding:9px}.studio-client .user-dock-info strong{font-size:12px}.studio-client .user-dock-info small{font-size:10px}.studio-client .sidebar-resize{z-index:45;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0;right:0}.studio-client .sidebar-resize span{border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;right:0}.studio-client .sidebar-resize:hover span,.studio-client .sidebar-resize:focus-visible span,.studio-client .sidebar-resize.dragging span{background:var(--accent)}html.resizing-sidebar,html.resizing-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.studio-client .main-panel{background:var(--surface);border-radius:24px;flex:1;min-width:0;margin:0 12px 12px 0;overflow:hidden;box-shadow:0 12px 40px #00000012}.studio-client .topbar{border-bottom:1px solid var(--border);height:66px;min-height:66px;box-shadow:none;background:var(--surface);z-index:5;padding:0 24px}.studio-client .channel-heading strong{letter-spacing:-.4px;font-size:16px;font-weight:600}.studio-client .channel-tag{display:none}.studio-client .search-box{background:var(--input);border:0;border-radius:12px;width:200px;margin-right:0}.studio-client .search-box input:focus{box-shadow:none}.studio-client .invite-button{background:var(--accent-subtle);color:var(--accent-text);border:0;border-radius:12px;padding:10px 14px;font-size:12px}.studio-client .content-layout{min-height:0;overflow:hidden}.studio-client .conversation{background:var(--surface);min-height:0;position:relative}.studio-client .message-scroll{min-height:0;padding:24px 0}.studio-client .composer-wrap{position:relative}.studio-client .message-jump{padding:var(--s3);pointer-events:none;z-index:3;justify-content:center;display:flex;position:absolute;bottom:100%;left:0;right:0}.studio-client .message-jump button{pointer-events:auto;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border:1px solid var(--accent-border);border-radius:var(--r-xl);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);display:flex}.studio-client .message-jump button:hover{background:var(--accent);color:var(--on-accent)}.studio-client .channel-topic{color:var(--muted);margin:0 32px 20px;font-size:12px}.studio-client .message{background:0 0;align-items:flex-start;gap:14px;margin:0;padding:9px 22px;animation:.18s ease-out enter}.studio-client .message:hover{background:var(--message-hover)}.studio-client .message>.avatar{width:38px;height:38px;margin:3px 0 0;font-size:12px}.studio-client .message-body{background:0 0;border-radius:0;flex:1;min-width:0;max-width:none;padding:2px 0}.studio-client .message-meta{gap:10px;margin-bottom:6px}.studio-client .message-meta>button{color:var(--text);box-shadow:none;background:0 0;border:0;padding:0;font-size:14px}.studio-client [style*=--name-color]{color:color-mix(in srgb,var(--name-color) 65%,var(--text))}.studio-client .message-meta time,.studio-client .message-meta small{font-size:9px}.studio-client .message-text{color:var(--text-soft);font-size:var(--chat-font-size,14px);line-height:1.55}.studio-client .message-outgoing{justify-content:flex-start}.studio-client .message-outgoing>.avatar{order:0}.studio-client .message-outgoing .message-body{background:0 0;border-radius:0}.studio-client .message-actions{z-index:2;border-radius:10px;top:-14px;right:26px}.studio-client .message-outgoing .message-actions{right:68px}.studio-client .first-message{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;max-width:460px;margin:20px auto;padding:32px;display:flex}.studio-client .first-message>span{background:var(--accent-faint);border-radius:50%}.studio-client .first-message strong{letter-spacing:-.6px;font-size:19px;font-weight:550}.studio-client .first-message small{font-size:12px}.studio-client .composer-wrap{background:var(--surface);border:0;padding:12px 24px 20px}.studio-client .composer{background:var(--composer);min-height:56px;box-shadow:none;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:9px 12px;display:flex}.studio-client .composer:focus-within{border-color:var(--accent-border)}.studio-client .composer textarea{height:30px;min-height:24px;box-shadow:none;background:0 0;border:0;padding:5px 0;font-size:13px}.studio-client .composer button{color:var(--muted);background:0 0;border:0;padding:5px}.studio-client .composer button[type=submit]{background:var(--accent);color:var(--on-accent);border-radius:12px;width:36px;height:36px}.studio-client .composer-hint{display:none}.studio-client .members-panel{background:var(--surface);border-left:1px solid var(--border);width:218px;min-width:0;padding:24px 12px}.studio-client .members-heading{letter-spacing:.8px;color:var(--muted);font-size:10px}.studio-client .members-section{letter-spacing:.3px;margin:22px 8px 10px;font-size:10px;font-weight:550}.studio-client .member-item{box-shadow:none;background:0 0;border:0;border-radius:13px;gap:10px;padding:10px 9px}.studio-client .member-item:hover{background:var(--bg)}.studio-client .member-item strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.studio-client .member-item small{font-size:9px}.studio-client .community-note{display:none}.studio-client .server-badges,.studio-client .server-badges>span{color:var(--accent-text);gap:4px;display:inline-flex}.studio-client .attachment{border:1px solid var(--border);background:var(--surface);border-radius:11px;max-width:100%}.studio-client .attachment>a:last-child{font-size:11px}.studio-client .file-drop-overlay{z-index:50;border:2px dashed var(--accent-border);background:var(--overlay);color:var(--accent-text);pointer-events:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:12px}.studio-client .file-drop-overlay strong{font-size:20px}.studio-client .file-drop-overlay span{font-size:12px}.studio-client .toast{z-index:250;background:var(--rail-bg);color:var(--text);box-shadow:var(--shadow-lg);border:0;border-radius:13px;animation:.18s ease-out enter}.studio-client .toast button{color:inherit}.studio-client :is(.modal,.member-popover){background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:24px;animation:.22s ease-out menu-enter;box-shadow:0 24px 90px #0008}.studio-client .modal{max-height:calc(100dvh - var(--native-title-height) - 40px);padding:28px}.studio-client .modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.studio-client .modal>header{z-index:3;background:var(--surface);border:0;padding:12px 0 24px;position:sticky;top:-28px}.studio-client .modal h2{font-size:22px;font-weight:600}.studio-client .field{margin-bottom:20px}.studio-client .field>label{font-size:12px;font-weight:500}.studio-client .form-submit{border-radius:13px;width:auto;min-width:140px;margin-top:12px;padding:12px 22px}.studio-client .check-field{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:15px 0;display:flex}.studio-client .check-field label{flex:1;order:0;font-size:13px}.studio-client .check-field input{flex-shrink:0;order:1}.studio-client .member-popover{z-index:200;width:340px;max-height:calc(100dvh - var(--native-title-height) - 24px);outline:none;position:fixed;overflow:auto}.studio-client .member-popover-cover{background:#2d3746;height:94px;padding:32px 22px 0;position:relative}.studio-client .member-popover-cover>.avatar{border:5px solid var(--surface);width:76px;height:76px;font-size:24px}.studio-client .member-popover-cover>button{background:#161c2abb;border:0;padding:6px;position:absolute;top:12px;right:12px}.studio-client .member-popover-content{padding:28px 22px 22px}.studio-client .member-popover>.avatar.member-profile-avatar{z-index:6;border:5px solid var(--surface);width:76px;height:76px;font-size:24px;position:absolute;top:56px;left:22px}.studio-client .member-popover-content{padding-top:48px}.studio-client .member-popover h2{margin-bottom:5px;font-size:24px}.studio-client .member-bio{margin:16px 0;font-size:12px}.studio-client .member-popover-primary{gap:8px;display:flex}.studio-client .member-popover-primary button{flex:1;padding:9px;font-size:11px}.studio-client .member-popover-primary button:first-child{background:var(--accent);color:var(--on-accent);border-color:var(--accent-text)}.studio-client .mutual-servers{align-items:center;gap:7px;margin:18px 0;font-size:11px;display:flex}.studio-client .member-current-call{background:var(--bg);border-radius:13px;gap:10px;margin:16px 0;padding:14px;font-size:12px;display:grid}.studio-client .member-current-call>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.studio-client .member-actions details{border-top:1px solid var(--border);padding:14px 0;font-size:12px}.studio-client .member-actions summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.studio-client .member-moderation{flex-wrap:wrap;gap:7px;padding-top:12px;display:flex}.studio-client .member-moderation button{font-size:11px}.studio-client .member-voice-actions{gap:10px;padding:14px 0 0;display:grid}.studio-client .member-voice-actions label{font-size:11px}.studio-client .member-voice-actions button{justify-content:flex-start;font-size:11px}.studio-client .role-toggle{align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.studio-client .personal-volume,.studio-client .member-note{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.studio-client .personal-volume>div{justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.studio-client .personal-volume output{color:var(--accent-text);font-size:11px}.studio-client .personal-volume button{width:100%;margin:9px 0;font-size:11px}.studio-client .personal-volume small,.studio-client .member-note small{font-size:10px;line-height:1.5;display:block}.studio-client .member-note label{margin-bottom:8px;font-size:12px;display:block}.studio-client .member-note textarea{min-height:70px;font-size:12px}.studio-client .member-note small{margin-top:6px}.studio-client .activity-zone{max-height:none}.studio-client .voice-conversation{overflow:hidden}.studio-client .voice-conversation .activity-zone{background:var(--voice-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-client .voice-chat-closed>.message-scroll,.studio-client .voice-chat-closed>.composer-wrap{display:none}.studio-client .voice-chat-open>.message-scroll{flex:0 30%;min-height:80px}.studio-client .voice-chat-open .activity-zone{min-height:220px}.studio-client .voice-lounge{background:var(--voice-bg);border:0;flex-direction:column;flex:1;min-height:0;padding:22px;display:flex;overflow:hidden}.studio-client .voice-lounge-heading{flex-shrink:0;gap:15px;margin-bottom:18px}.studio-client .voice-lounge-heading h2{font-size:22px}.studio-client .voice-lounge-heading .eyebrow{display:none}.studio-client .voice-heading-tools{align-items:center;gap:14px;display:flex}.studio-client .stream-quality-picker{color:var(--muted);gap:6px;font-size:10px;display:grid}.studio-client .stream-quality-picker select{padding:7px 9px;font-size:11px}.studio-client .lounge-count{background:var(--surface);border:0;font-size:11px}.studio-client .voice-participant-grid{grid-template-columns:repeat(var(--tile-columns),var(--tile-size));grid-auto-rows:var(--tile-size);flex:1;place-content:center;gap:12px;width:100%;max-width:none;min-height:0;margin:0;display:grid}.studio-client .voice-participant{aspect-ratio:1;background:var(--voice-card);width:100%;min-height:0;box-shadow:none;border:2px solid #0000;border-radius:20px;position:relative}.studio-client .voice-participant.is-speaking{border-color:var(--speaking);box-shadow:inset 0 0 0 1px var(--speaking)}.studio-client .participant-identity{height:100%;min-height:0;padding:0}.studio-client .participant-identity>video{object-fit:cover;width:100%;height:100%}.studio-client .participant-footer{color:#f1f8eb;background:linear-gradient(#0000,#080d17e6);padding:14px;position:absolute;bottom:0;left:0;right:0}.studio-client .participant-footer small{color:#c3cfdf}.studio-client .watch-stream{color:#16243f;background:#d9e4ff;border:0;width:calc(100% - 24px);position:absolute;bottom:50px;left:12px;right:12px}.studio-client .voice-lounge-note{display:none}.studio-client .voice-conversation .activity-bar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:14px 22px}.studio-client .call-controls{align-items:center;gap:7px;display:flex}.studio-client .call-controls button{background:var(--surface-raised);border:0;border-radius:12px;width:38px;height:36px;padding:0}.studio-client .call-controls button.enabled{background:var(--accent-subtle);color:var(--accent-text)}.studio-client .call-controls button.hangup{background:var(--danger-bg);color:var(--danger)}.studio-client .call-mini{background:var(--accent-faint);border:1px solid var(--border);border-radius:18px;padding:16px 12px}.studio-client .call-mini .call-controls{margin-top:10px}.studio-client .call-mini .call-controls button{background:var(--surface-raised);flex:1}.studio-client .stream-viewer{color:#edf5e9;background:#10151d;border-radius:17px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-client .stream-viewer header,.studio-client .stream-viewer footer{flex-shrink:0}.studio-client .stream-viewer video{object-fit:contain;flex:1;width:100%;min-height:0}.studio-client .has-stream .voice-participant-grid{flex:0 0 160px;margin-top:12px}.studio-client .voice-text-header{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 22px;font-size:12px;display:flex}.studio-client .voice-text-header span{align-items:center;gap:8px;display:flex}.studio-client .voice-text-header button{background:0 0;border:0;font-size:11px}.studio-client .settings-page{inset:var(--native-title-height) 0 0;z-index:150;background:var(--bg);outline:0;flex-direction:column;animation:.18s ease-out enter;display:flex;position:fixed}.studio-client .settings-page-header{background:var(--bg);border:0;justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:0 max(24px,50% - 620px);display:flex}.studio-client .settings-page-header>span{letter-spacing:1px;color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.studio-client .settings-page-header img{width:27px;height:27px}.studio-client .settings-page-header b{color:var(--text);letter-spacing:-.3px;border:0;padding:0;font-size:17px;font-weight:550}.studio-client .settings-page-header>button{background:var(--surface-raised);color:var(--text-soft);border:0;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.studio-client .settings-page-header small{font-size:9px}.studio-client :is(.settings-split,.settings-page>.server-settings,.settings-page>.settings-layout,.platform-layout){flex:1;grid-template-columns:230px minmax(0,1fr);gap:20px;width:100%;max-width:1240px;height:auto;min-height:0;margin:0 auto 20px;padding:0 16px;display:grid}.studio-client :is(.settings-split>.tabs,.settings-page .server-settings>.tabs,.settings-page .settings-nav,.platform-nav){background:0 0;border:0;flex-direction:column;align-items:stretch;gap:5px;margin:0;padding:16px 8px 30px 0;display:flex;overflow:auto}.studio-client :is(.settings-split>.tabs,.settings-page .server-settings>.tabs,.settings-page .settings-nav,.platform-nav)>button{text-align:left;color:var(--muted);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:13px;justify-content:flex-start;gap:11px;padding:12px 14px;font-size:13px;display:flex}.studio-client :is(.settings-split>.tabs,.settings-page .server-settings>.tabs,.settings-page .settings-nav,.platform-nav)>button.active{background:var(--accent-subtle);color:var(--accent-text);box-shadow:none}.studio-client :is(.account-settings-content,.settings-page .settings-content,.platform-main){background:var(--surface);border-radius:24px;min-width:0;margin:0;padding:34px 36px 60px;overflow:auto}.studio-client .settings-user-identity{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:4px 10px;padding:0 12px 26px;display:grid}.studio-client .settings-user-identity>.avatar{grid-row:span 2;width:34px;height:34px;font-size:10px}.studio-client .settings-user-identity strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.studio-client .settings-user-identity small{text-overflow:ellipsis;font-size:10px;overflow:hidden}.studio-client .settings-identity{gap:7px;padding:0 13px 26px;display:grid}.studio-client .settings-identity strong{font-size:14px}.studio-client .settings-identity small{font-size:10px}.studio-client .settings-eyebrow{letter-spacing:1.1px;color:var(--accent-text);font-size:10px}.studio-client .settings-page h1,.studio-client .settings-page h2{font-size:28px}.studio-client .settings-page h3{font-size:16px}.studio-client .account-settings-content>form{max-width:650px}.studio-client .settings-page .field{margin-bottom:22px}.studio-client .settings-page .field textarea{min-height:100px}.studio-client .avatar-editor{border-bottom:1px solid var(--border);align-items:center;gap:22px;margin:0 0 26px;padding:24px 0;display:flex}.studio-client .avatar-editor p{margin:8px 0 12px;font-size:12px}.studio-client .avatar-editor button{font-size:12px}.studio-client .verification-note{color:#eed2a1;background:#373127;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding:14px 18px;font-size:12px;display:flex}.studio-client .verification-note button{white-space:nowrap;color:#eed2a1;background:#51432e;border:0;font-size:11px}.studio-client .device-grid{grid-template-columns:1fr 1fr;align-items:end;gap:22px;margin:26px 0;display:grid}.studio-client .device-grid>button{height:42px;margin-bottom:20px}.studio-client .settings-block{border-top:1px solid var(--border);padding:26px 0}.studio-client .settings-block h3{align-items:center;gap:9px;margin:0 0 24px;display:flex}.studio-client .settings-help,.studio-client .settings-section-intro p{color:var(--muted);font-size:12px;line-height:1.8}.studio-client .settings-toggle{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:17px 0;font-size:13px;display:flex}.studio-client .settings-toggle small{max-width:570px;margin-top:7px;line-height:1.7;display:block}.studio-client .settings-toggle input{flex-shrink:0;width:18px;height:18px}.studio-client .device-test-row{flex-wrap:wrap;align-items:center;gap:16px;margin:22px 0;display:flex}.studio-client .device-test-row label{align-items:center;gap:8px;font-size:11px;display:flex}.studio-client .mic-level{background:var(--surface-raised);border-radius:8px;height:8px;overflow:hidden}.studio-client .mic-level i{background:var(--accent);border-radius:inherit;height:100%;transition:width 80ms;display:block}.studio-client .camera-test{aspect-ratio:16/9;background:#10151d;border-radius:18px;margin-top:22px;position:relative;overflow:hidden}.studio-client .camera-test video{object-fit:contain;width:100%;height:100%}.studio-client .camera-test>div{color:#c9d4e5;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0}.studio-client .update-hero{background:var(--accent-faint);border:0;border-radius:20px;align-items:center;gap:24px;margin:26px 0;padding:30px;display:flex}.studio-client .update-hero>span{background:var(--surface-raised);width:66px;height:66px;color:var(--accent-text);border-radius:19px;flex-shrink:0;place-items:center;display:grid}.studio-client .update-hero h3{margin-bottom:12px;font-size:20px}.studio-client .update-hero p{margin-bottom:5px;font-size:12px}.studio-client .update-actions{flex-wrap:wrap;gap:10px;display:flex}.studio-client .update-settings progress{width:100%;accent-color:var(--accent-text);margin-bottom:20px}.studio-client .appearance-preview{background:var(--bg);border-radius:14px;padding:22px}.studio-client .role-card{background:var(--bg);border:0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:16px;display:flex}.studio-client .role-card>strong{flex:1;min-width:90px}.studio-client .role-card>button{background:var(--surface);font-size:11px}.studio-client .role-members{order:4;width:100%;font-size:12px}.studio-client .role-members summary{cursor:pointer;padding:10px 0}.studio-client .role-members>div{max-height:250px;overflow:auto}.studio-client .role-members label{align-items:center;gap:10px;padding:9px 0;display:flex}.studio-client .role-members label input{margin-left:auto}.studio-client .role-order-buttons{gap:3px;display:flex}.studio-client .role-order-buttons button{padding:4px 7px;font-size:11px}.studio-client .channel-access-link{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:18px;padding:18px 0;display:flex}.studio-client .channel-access-link div{flex:1}.studio-client .channel-access-link p{margin:7px 0 0;font-size:12px}.studio-client .permission-intro h3{margin:10px 0;font-size:23px}.studio-client .permission-intro p{font-size:12px}.studio-client .permission-inheritance{background:var(--bg);border-radius:13px;align-items:center;gap:12px;margin:20px 0;padding:16px;display:flex}.studio-client .inheritance-icon{color:var(--accent-text)}.studio-client .permission-inheritance small{margin-top:5px;font-size:11px;display:block}.studio-client .sync-toggle{margin-left:auto;position:relative}.studio-client .sync-toggle input{width:19px;height:19px}.studio-client .sync-toggle>span{display:none}.studio-client .permission-workbench{border:1px solid var(--border);border-radius:16px;grid-template-columns:190px minmax(0,1fr);display:grid;overflow:hidden}.studio-client .permission-subjects{background:var(--bg);border-right:1px solid var(--border);padding:18px 12px}.studio-client .subject-list-label{letter-spacing:.8px;color:var(--muted);justify-content:space-between;padding:0 6px 16px;font-size:9px;display:flex}.studio-client .subject-button{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:8px;width:100%;padding:9px 7px;display:flex}.studio-client .subject-button.selected{background:var(--accent-subtle)}.studio-client .subject-avatar{background:color-mix(in srgb,var(--subject-color) 15%,var(--surface));width:28px;height:28px;color:color-mix(in srgb,var(--subject-color) 55%,#fff);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid}.studio-client .subject-button>span:nth-child(2){flex:1;min-width:0}.studio-client .subject-button strong{text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.studio-client .subject-button small{margin-top:3px;font-size:9px;display:block}.studio-client .subject-add{border-top:1px solid var(--border);margin-top:14px;padding-top:16px}.studio-client .subject-add label,.studio-client .permission-note p{font-size:10px}.studio-client .subject-add select,.studio-client .subject-add button{width:100%;margin-top:9px;font-size:11px}.studio-client .permission-detail{min-width:0;padding:22px}.studio-client .permission-person{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding-bottom:18px;display:flex}.studio-client .permission-person h4{margin:8px 0;font-size:21px}.studio-client .permission-person :is(span,p){color:var(--muted);font-size:11px}.studio-client .permission-section h5{letter-spacing:.8px;color:var(--muted);margin:22px 0 6px;font-size:10px}.studio-client .permission-setting{border-bottom:1px solid var(--border);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px 0;display:grid}.studio-client .permission-setting strong{font-size:12px}.studio-client .permission-setting p{max-width:240px;margin:6px 0 0;font-size:10px;line-height:1.6}.studio-client .permission-options{background:var(--bg);border:1px solid var(--border);border-radius:9px;gap:3px;padding:3px;display:flex}.studio-client .permission-options button{width:29px;height:29px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-client .permission-options button>span{display:none}.studio-client .permission-options .chosen.option-1{background:var(--accent-subtle);color:var(--accent-text)}.studio-client .permission-options .chosen.option--1{background:var(--danger-bg);color:var(--danger)}.studio-client .permission-options .chosen.option-0{background:var(--surface-hover);color:var(--text)}.studio-client .permission-savebar{z-index:3;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex;position:sticky;bottom:-35px}.studio-client .permission-savebar>div{gap:8px;display:flex}.studio-client .permission-savebar>span{color:var(--muted);font-size:10px}.studio-client .permission-savebar button{font-size:11px}.studio-client .remove-permission-rule{color:var(--danger);background:0 0;border:0;margin-top:16px;font-size:11px}.studio-client .inherited-note{background:var(--accent-faint);border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:11px;display:flex}.studio-client .inherited-note button{margin-left:auto;font-size:10px}.studio-client .profile-modal-content .account-settings-content{border-radius:0;margin:0;padding:0;overflow:visible}.studio-client .personal-nav{gap:5px;margin:8px 0 24px;display:grid}.studio-client .personal-nav button,.studio-client .personal-dm{text-align:left;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:14px;justify-content:flex-start;gap:13px;min-height:46px;padding:12px;font-weight:500}.studio-client .personal-nav button.active,.studio-client .personal-dm.active{background:var(--accent-subtle);color:var(--accent-text)}.studio-client .personal-nav b{background:var(--accent);color:var(--on-accent);border-radius:8px;margin-left:auto;padding:2px 6px;font-size:10px}.studio-client .personal-dm{gap:10px;width:100%;display:flex}.studio-client .personal-dm>span:last-child{gap:4px;display:grid}.studio-client .personal-dm strong{font-size:12px}.studio-client .personal-dm small{font-size:10px}.studio-client .inbox-page{flex:1;padding:42px;overflow:auto}.studio-client .inbox-page h1{margin:14px 0;font-size:34px}.studio-client .inbox-page>p{font-size:13px}.studio-client .inbox-grid{gap:0;margin-top:26px;display:grid}.studio-client .inbox-card{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;border-radius:0;align-items:center;gap:15px;padding:20px 0;display:flex}.studio-client .inbox-card>span:nth-child(2){flex:1;gap:6px;display:grid}.studio-client .inbox-card small{font-size:11px}.studio-client :is(.discover-card,.event-card,.list-card){box-shadow:none;background:var(--surface);border-radius:16px}.studio-client .template-workbench{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.studio-client .template-list{align-content:start;gap:7px;display:grid}.studio-client .template-list>button{text-align:left;background:var(--surface-raised);box-shadow:none;border:1px solid #0000;border-radius:14px;justify-content:flex-start;align-items:center;gap:13px;padding:14px;display:flex}.studio-client .template-list>button.selected{background:var(--accent-subtle);border-color:var(--accent-border);box-shadow:none}.studio-client .template-icon{color:var(--accent-text)}.studio-client .template-list>button>span:nth-child(2){gap:4px;display:grid}.studio-client .template-list strong,.studio-client .template-list small{display:block}.studio-client .template-list small{font-size:10px}.studio-client .template-preview{background:var(--bg);border-radius:13px;margin-bottom:22px;padding:18px;font-size:12px}.studio-client .template-preview>div{margin-top:12px}.studio-client .template-preview section{margin:14px 0}.studio-client .template-preview h4{margin:12px 0 20px;font-size:17px}.studio-client .template-preview h5{letter-spacing:.7px;color:var(--muted);margin:15px 0 7px;font-size:9px}.studio-client .template-preview section>div{align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.studio-client .template-preview section>div small{margin-left:auto;font-size:8px}.studio-client .verification-card{background:var(--bg);border:0;border-radius:15px;margin-top:28px;padding:22px}.studio-client .verification-icon{color:var(--accent-text)}.studio-client .preview-role-chips{flex-wrap:wrap;gap:5px;display:flex}.studio-client .template-preview .preview-role-chips span{border:1px solid var(--border);border-radius:8px;padding:4px 7px;font-size:10px}.studio-client .template-community-note{align-items:center;gap:6px;font-size:10px;display:flex}.studio-client .modal:has(.server-creator){width:min(900px,100vw - 32px)}.studio-client .server-creator>form{grid-template-columns:1fr 1fr;align-items:start;gap:0 20px;display:grid}.studio-client .server-creator>form .field{margin-bottom:10px}.studio-client .server-creator>form textarea{height:70px;min-height:70px}.studio-client .server-creator>form .check-field{border:0;justify-content:flex-start}.studio-client .server-creator>form .check-field input{order:0}.studio-client .server-creator>form .check-field label{flex:0 auto}.studio-client .server-creator>form .form-submit{justify-self:end;margin-top:10px}.studio-client .community-setup>.settings-eyebrow{margin-bottom:12px;display:block}.studio-client .games{background:var(--surface);--mangala-wood:#292a2e;--mangala-inset:#1c1e23;--mangala-rim:#58606c;--mangala-gold:#e5cda5;--mangala-stone:#9cb9dc;padding:30px}.studio-client .games .mangala-board{background:var(--mangala-wood);box-shadow:none;border:0;border-radius:20px}.studio-client .games .mangala-pit{border-width:1px;box-shadow:inset 0 2px 5px #41372112}.studio-client .games .mangala-pit.playable:hover{box-shadow:0 0 0 3px var(--accent-subtle)}.studio-client .games .mangala-store{box-shadow:none}.studio-client .game-choice{background:var(--bg);box-shadow:none;border:0;border-radius:19px;padding:24px}.studio-client .game-choice:hover{background:var(--accent-faint);transform:translateY(-2px)}.studio-client .game-choice:after{display:none}.studio-client .game-choice .game-icon{background:var(--accent-subtle);color:var(--accent-text);border:0;border-radius:15px}.studio-client .auth-layout{background:var(--bg);flex-direction:column;min-height:100dvh;padding:26px 5vw;display:flex;overflow:auto}.studio-client .landing-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-client .new-wordmark{color:var(--text);letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:600;text-decoration:none;display:inline-flex}.studio-client .new-wordmark img{width:34px;height:34px}.studio-client .new-wordmark>span{display:none}.studio-client .desktop-link{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.studio-client .landing-grid{grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:100px;width:100%;max-width:1080px;margin:auto;padding:65px 0;display:grid}.studio-client .release-label{letter-spacing:1.5px;color:var(--accent-text);font-size:10px}.studio-client .landing-intro h1{letter-spacing:-5px;margin:25px 0;font-size:clamp(48px,5.4vw,78px);font-weight:500;line-height:1.05}.studio-client .landing-intro h1 span{color:var(--accent-text)}.studio-client .landing-intro>p{font-size:16px;line-height:1.8}.studio-client .landing-footnote{color:var(--muted);gap:22px;margin-top:50px;font-size:12px;display:flex}.studio-client .landing-footnote span:before{content:"•";color:var(--accent-text);margin-right:9px}.studio-client .access-card{background:var(--surface);border:0;border-radius:24px;padding:34px;box-shadow:0 14px 65px #00000020}.studio-client .access-kicker{letter-spacing:1px;color:var(--muted);margin-bottom:20px;font-size:9px}.studio-client .access-card h2{margin-bottom:12px;font-size:29px}.studio-client .access-card>p{margin-bottom:24px;font-size:12px}.studio-client .access-card .form-submit{width:100%}.studio-client .switch-auth{text-align:center;margin:24px 0 15px;font-size:12px}.studio-client .switch-auth button,.studio-client .forgot-link{color:var(--accent-text);background:0 0;border:0;padding:0;font-size:12px}.studio-client .forgot-link{margin:14px auto;display:block}.studio-client .auth-legal{text-align:center;font-size:10px;line-height:1.8}.studio-client .landing-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:11px;display:flex}.studio-client .landing-footer>div{gap:18px;display:flex}.studio-client .access-card.standalone{width:min(440px,100%);margin:50px auto}.studio-client .legal-page{background:var(--bg);overflow:auto}.studio-client .desktop-titlebar{z-index:250;color:#b8c3d8;-webkit-app-region:drag;background:#111317;justify-content:space-between;align-items:center;height:40px;padding:0 150px 0 24px;font-size:10px;display:flex;position:fixed;inset:0 0 auto}.studio-client .desktop-title-brand{align-items:center;gap:10px;display:flex}.studio-client .desktop-symbol{color:#d5dff3;font-size:18px;font-weight:650}.studio-client .desktop-edition{letter-spacing:1.5px;font-size:8px}.studio-client .desktop-titlebar>button{-webkit-app-region:no-drag;color:#d5dff3;background:#ffffff0c;border:0;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.studio-client .desktop-title-caption{display:none}.studio-client .command-search{background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.studio-client .command-search input{box-shadow:none;background:0 0;border:0;padding:4px}.studio-client .command-results{max-height:50vh;padding-top:15px;overflow:auto}.studio-client .command-results button{text-align:left;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.studio-client .command-results button>span{flex:1;gap:5px;display:grid}.studio-client .command-results small{font-size:10px}.studio-client kbd{color:var(--muted);font-size:10px}html.studio-client[data-density=compact] .message{padding-block:5px}.studio-client *{scrollbar-width:thin;scrollbar-color:#505968 transparent}.studio-client ::-webkit-scrollbar{width:5px;height:5px}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=1100px){.studio-client .workspace-header{gap:14px;padding-inline:18px}.studio-client .workspace-brand>span,.studio-client .members-panel{display:none}.studio-client .permission-setting{grid-template-columns:18px minmax(0,1fr)}.studio-client .permission-options{grid-column:2;justify-self:start}.studio-client .landing-grid{gap:50px}}@media (width<=760px){.studio-client .app-shell{grid-template-rows:100px minmax(0,1fr)}.studio-client .workspace-header{grid-template-rows:50px 50px;grid-template-columns:minmax(0,1fr) auto auto;gap:0 8px;padding:0 12px}.studio-client .workspace-brand img{width:25px;height:25px}.studio-client .workspace-brand>span{font-size:13px;display:block}.studio-client .server-tabs{border-top:1px solid #ffffff12;grid-area:2/1/auto/-1;height:50px;margin:0 -12px;padding:0 8px}.studio-client .server-tab{max-width:170px;height:34px;padding:0 10px;font-size:12px}.studio-client .workspace-actions{border:0;gap:0;padding:0}.studio-client .workspace-utilities{gap:0}.studio-client :is(.workspace-actions,.workspace-utilities)>button{width:28px;min-width:28px}.studio-client .workspace-status,.studio-client .workspace-sidebar{display:none}.studio-client .app.nav-open .workspace-sidebar{z-index:35;width:min(300px,100vw - 40px);height:auto;box-shadow:var(--shadow-lg);display:flex;position:absolute;top:0;bottom:0;left:0}.studio-client .sidebar-resize{display:none}.studio-client .workspace-title{height:68px;min-height:68px}.studio-client .main-panel{border-radius:0;margin:0}.studio-client .topbar{gap:8px;height:60px;min-height:60px;padding:0 12px}.studio-client .topbar .search-box{display:none}.studio-client .invite-button{margin-left:0;padding:7px 9px}.studio-client .topbar-actions{gap:3px}.studio-client .message{gap:7px;padding:9px 14px}.studio-client .message-body{max-width:calc(100% - 38px);padding:10px 12px}.studio-client .message>.avatar{width:26px;height:26px;font-size:9px}.studio-client .message-meta time{font-size:8px}.studio-client .composer-wrap{padding:10px 12px 14px}.studio-client .composer{gap:7px;min-height:52px;padding:7px 9px}.studio-client .modal{max-width:calc(100vw - 24px);padding:22px}.studio-client .member-popover{width:min(340px,100vw - 24px)}.studio-client .voice-lounge{padding:14px}.studio-client .voice-lounge-heading{align-items:flex-start}.studio-client .voice-heading-tools{gap:7px}.studio-client .lounge-count{display:none}.studio-client .voice-lounge-heading h2{font-size:19px}.studio-client .voice-conversation .activity-bar{padding:12px}.studio-client .activity-bar>span{font-size:10px}.studio-client .call-controls{gap:4px}.studio-client .call-controls button{width:32px;height:32px}.studio-client .settings-page-header{min-height:64px;padding:0 18px}.studio-client .settings-page-header>span{gap:9px;font-size:0}.studio-client .settings-page-header b{border:0;padding:0;font-size:13px}.studio-client :is(.settings-split,.settings-page>.server-settings,.settings-page>.settings-layout,.platform-layout){flex-direction:column;display:flex}.studio-client :is(.settings-split>.tabs,.settings-page .server-settings>.tabs,.settings-page .settings-nav,.platform-nav){flex-direction:row;flex:none;gap:4px;padding:10px 12px;overflow-x:auto}.studio-client :is(.settings-split>.tabs,.settings-page .server-settings>.tabs,.settings-page .settings-nav,.platform-nav)>button{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:12px}.studio-client :is(.settings-user-identity,.settings-identity){display:none}.studio-client :is(.account-settings-content,.settings-page .settings-content,.platform-main){border-radius:18px 18px 0 0;flex:1;margin:0;padding:24px 20px 60px}.studio-client .device-grid{grid-template-columns:1fr;gap:12px}.studio-client .verification-note{gap:9px;padding:12px;font-size:10px}.studio-client .avatar-editor{gap:15px}.studio-client .permission-workbench{grid-template-columns:1fr}.studio-client .permission-subjects{border:0;border-bottom:1px solid var(--border)}.studio-client .permission-detail{padding:18px}.studio-client .permission-savebar{flex-wrap:wrap}.studio-client .template-workbench,.studio-client .server-creator>form{grid-template-columns:1fr}.studio-client .server-creator>form .form-submit{justify-self:stretch}.studio-client .modal>header{top:-22px}.studio-client .inbox-page{padding:26px 20px}.studio-client .games{padding:20px 14px}.studio-client .auth-layout{padding:20px}.studio-client .desktop-link{gap:5px;font-size:10px}.studio-client .landing-grid{grid-template-columns:1fr;gap:30px;max-width:440px;padding:30px 0}.studio-client .landing-intro h1{letter-spacing:-2.5px;margin:16px 0;font-size:46px}.studio-client .landing-intro>p{font-size:13px}.studio-client .landing-footnote{display:none}.studio-client .access-card{padding:25px}.studio-client .landing-footer{flex-wrap:wrap;gap:14px;font-size:10px}.studio-client .landing-footer strong{display:none}}@media (prefers-reduced-motion:reduce){.studio-client *,.studio-client :before,.studio-client :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html.studio-client[data-motion=reduced] *,html.studio-client[data-motion=reduced] :before,html.studio-client[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.studio-client .platform-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.studio-client .platform-heading h1{margin:6px 0 0;font-size:25px}.studio-client .platform-search{border:1px solid var(--input-border);background:var(--input);color:var(--muted);border-radius:13px;align-items:center;gap:10px;margin-bottom:20px;padding:0 12px;display:flex}.studio-client .platform-search input{min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding:12px 0}.studio-client .platform-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.studio-client .platform-metrics article{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-template-columns:1fr auto;gap:10px;padding:20px;display:grid}.studio-client .platform-metrics svg{color:var(--accent-text);grid-area:1/2}.studio-client .platform-metrics span{color:var(--muted);font-size:12px}.studio-client .platform-metrics strong{letter-spacing:-1px;grid-column:1/-1;font-size:28px}.studio-client .platform-section{border-top:1px solid var(--border);margin:26px 0;padding-top:18px}.studio-client .platform-section h2{margin:0 0 16px;font-size:17px}.studio-client .platform-section p{color:var(--muted);font-size:13px;line-height:1.7}.studio-client .platform-section dl{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-client .platform-section dl>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.studio-client .platform-section dt{color:var(--muted)}.studio-client .platform-section dd{margin:0}.studio-client :is(.platform-list>article,.audit-row){border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.studio-client .platform-list>article>div{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.studio-client .platform-list strong{font-size:14px}.studio-client .platform-list span{color:var(--text-soft);font-size:12px}.studio-client .platform-list small{color:var(--muted);font-size:11px}.studio-client .audit-row{gap:7px;display:grid}.studio-client .audit-row :is(span,small){color:var(--muted);overflow-wrap:anywhere;font-size:12px}.studio-client .platform-pagination{color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;display:flex}.studio-client .platform-pagination>div{gap:8px;display:flex}.studio-client .admin-drawer{z-index:180;top:calc(var(--native-title-height) + 64px);background:var(--surface);border-left:1px solid var(--border);width:min(560px,100vw);padding:24px;animation:.2s ease-out enter;position:fixed;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 70px #0005}.studio-client .admin-drawer>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.studio-client .admin-drawer>p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.studio-client .admin-drawer form{margin:22px 0}.studio-client .admin-danger{border-top:1px solid var(--danger-border);gap:12px;margin-top:26px;padding-top:18px;display:grid}.studio-client .admin-danger h3{color:var(--danger)}.studio-client .admin-confirm{border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:16px;padding:16px}.studio-client .admin-confirm p{color:var(--text-soft);font-size:12px;line-height:1.6}.studio-client .admin-confirm input{width:100%;margin-bottom:12px;padding:10px}.studio-client .admin-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.studio-client .admin-member-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:9px 0;font-size:12px;display:flex}.studio-client .admin-channel{background:var(--surface-raised);border:0;justify-content:space-between;gap:8px;width:100%;margin-bottom:7px;padding:12px;display:flex}.studio-client .admin-message{border-bottom:1px solid var(--border);padding:16px 0}.studio-client .admin-message p{color:var(--text-soft);overflow-wrap:anywhere;white-space:pre-wrap}.studio-client .platform-live-room>div{justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.studio-client .platform-live-room small{margin-left:8px;font-size:11px}@media (width<=760px){.studio-client .platform-metrics{grid-template-columns:1fr 1fr;gap:9px}.studio-client .platform-metrics article{padding:15px}.studio-client .platform-section dl{grid-template-columns:1fr}.studio-client .admin-drawer{top:calc(var(--native-title-height) + 64px);padding:20px}.studio-client .platform-heading h1{font-size:23px}.studio-client .platform-nav>.settings-eyebrow{display:none}}html.studio-client[data-theme=dim]{--bg:#24262b;--surface:#2c2f35;--sidebar-bg:#282b30;--rail-bg:#1e2025;--surface-raised:#353940;--surface-hover:#414752;--members-bg:#292c32;--input:#24272d;--composer:#33373e;--border:#454c57;--message-hover:#343940;--voice-bg:#20232a;--voice-card:#303640;--settings-panel:#2c2f35}html.studio-client[data-theme=midnight]{--bg:#0b0d12;--surface:#11151d;--sidebar-bg:#0e1219;--rail-bg:#080b10;--surface-raised:#1d2430;--surface-hover:#293344;--members-bg:#0d1118;--input:#0b1017;--composer:#171e28;--border:#2b3544;--message-hover:#19212c;--voice-bg:#080c12;--voice-card:#19222e;--settings-panel:#11151d}html.studio-client[data-accent=neutral]{--accent:#d0d5de;--accent-text:#e1e4ea;--accent-hover:#f0f2f6;--on-accent:#1a202b;--accent-border:#737c8c;--accent-subtle:#353a44;--accent-faint:#2c313a}html.studio-client[data-accent=violet]{--accent:#c3b5f2;--accent-text:#d8ccff;--accent-hover:#ded4ff;--on-accent:#241936;--accent-border:#83759e;--accent-subtle:#393049;--accent-faint:#2d2839}.studio-client .main-panel{container-type:inline-size}.studio-client .content-layout{flex:1 1 0;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.studio-client .content-layout:has(>.members-panel){grid-template-columns:minmax(0,1fr) clamp(180px,14vw,230px)}.studio-client .members-panel{overscroll-behavior:contain;box-sizing:border-box;width:auto;min-width:0;height:100%;min-height:0;overflow:hidden auto}.studio-client .member-item>div{min-width:0}.studio-client .member-item :is(strong,small){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.studio-client .conversation:has(.games)>.activity-zone{overscroll-behavior:contain;flex:auto;min-height:160px;max-height:calc(100% - 145px);overflow:auto}.studio-client .conversation:has(.games)>.message-scroll{flex:0 110px;min-height:25px}.studio-client .game-chat-closed>:is(.message-scroll,.composer-wrap){display:none}.studio-client .game-chat-closed>.activity-zone{flex:1;min-height:0;max-height:none}.studio-client .games.game-active{padding:22px 26px}.studio-client .games.game-active .game-host{display:none}.studio-client .games.game-active .seats{margin:10px 0 4px}.studio-client .games .mangala-match{margin-bottom:10px}.studio-client .games .mangala-board{grid-template-rows:repeat(2,minmax(85px,1fr));gap:10px;padding:15px}.studio-client .games .mangala-stones{min-height:30px}.studio-client .composer-wrap{flex-shrink:0}.studio-client .games{min-width:0}.studio-client .games :is(.game-controls,.table-heading,.seats){flex-wrap:wrap}.studio-client .games .tavla-row,.studio-client .games .point{min-width:0}.studio-client .composer{position:relative}.studio-client .mention{font:inherit;line-height:inherit;border:0;border-radius:4px;display:inline;background:var(--accent-subtle)!important;color:var(--accent)!important;padding:0 4px!important}.studio-client .mention:hover{background:var(--accent)!important;color:var(--on-accent)!important}.studio-client .message-mentioned .message-body{box-shadow:inset 3px 0 var(--accent)}.studio-client .message-highlight .message-body{outline:2px solid var(--accent-border);outline-offset:3px}.studio-client .mention-picker{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:15;border-radius:14px;padding:7px;position:absolute;bottom:calc(100% + 9px);left:0;right:0}.studio-client .mention-picker>button{text-align:left;width:100%;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:9px 11px;display:flex}.studio-client .mention-picker>button[aria-selected=true]{background:var(--accent-subtle);color:var(--accent-hover)}.studio-client .mention-picker .avatar{width:26px;height:26px;font-size:9px}.studio-client .mention-picker small{color:var(--muted);margin-left:auto}.studio-client .blocked-message{border:1px dashed var(--border);color:var(--muted);background:0 0;border-radius:10px;padding:10px 16px}.studio-client .block-user{width:100%;color:var(--danger);background:0 0;margin-top:14px}.studio-client .notifications{position:relative}.studio-client .notification-bell{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.studio-client .notification-bell:hover{color:#fff;background:#ffffff10}.studio-client .notification-inbox{border:1px solid var(--border);background:var(--surface);width:min(390px,100vw - 24px);max-height:min(620px,100dvh - 160px);box-shadow:var(--shadow-lg);color:var(--text);border-radius:17px;flex-direction:column;animation:.18s ease-out enter;display:flex;position:absolute;top:calc(100% + 20px);right:-40px;overflow:hidden}.studio-client .notification-inbox>header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:16px;display:flex}.studio-client .notification-inbox>header strong{margin-right:auto}.studio-client .notification-inbox>header button{color:var(--muted);background:0 0;border:0;place-items:center;padding:6px;display:grid}.studio-client .notification-items{min-height:0;overflow:auto}.studio-client .notification-item{text-align:left;border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-soft);background:0 0;border-radius:0;padding:16px 18px;font-size:12px;line-height:1.6;display:block}.studio-client .notification-item.unread{box-shadow:inset 3px 0 var(--accent);background:var(--accent-faint)}.studio-client .notification-item:hover{background:var(--surface-hover)}.studio-client .notification-item p{text-overflow:ellipsis;white-space:nowrap;color:var(--text);margin:5px 0;overflow:hidden}.studio-client .notification-item small{color:var(--muted);font-size:10px}.studio-client .profile-editor{grid-template-columns:minmax(0,1fr) minmax(210px,280px);align-items:start;gap:32px;display:grid}.studio-client .profile-editor-main{min-width:0}.studio-client .profile-editor h2{font-size:25px;line-height:1.2}.studio-client .profile-banner-editor{margin:24px 0 20px}.studio-client .profile-banner{border-radius:14px;height:140px;position:relative;overflow:hidden}.studio-client .profile-banner img{object-fit:cover;width:100%;height:100%}.studio-client .profile-image-actions{align-items:center;gap:7px;margin-top:9px;display:flex}.studio-client .profile-image-actions button{align-items:center;gap:8px;padding:8px 11px;display:flex}.studio-client .banner-crop{background:var(--bg);border-radius:12px;margin-top:12px;padding:14px}.studio-client .banner-crop label{gap:10px;font-size:12px;display:grid}.studio-client .banner-crop>div{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.studio-client .profile-field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studio-client .profile-field-pair .field{min-width:0}.studio-client .profile-editor .field small{color:var(--muted);font-size:10px}.studio-client .profile-save{justify-content:flex-end;align-items:center;gap:8px;margin-top:22px;display:flex}.studio-client .profile-save>button{align-items:center;gap:7px;display:flex}.studio-client .profile-live-preview{min-width:0;position:sticky;top:12px}.studio-client .profile-live-preview>small{letter-spacing:1.1px;color:var(--muted);margin:4px 0 14px;font-size:9px;display:block}.studio-client .profile-preview-card{border:1px solid var(--border);background:var(--bg);border-radius:20px;position:relative;overflow:hidden}.studio-client :is(.profile-preview-card,.member-popover,.profile-popover){background:linear-gradient(155deg,color-mix(in srgb,var(--profile-color,#3d4d69) 30%,var(--surface)) 0%,var(--surface) 60%)}.studio-client :is(.profile-preview-card,.member-popover,.profile-popover,.profile-identity-editor) .avatar:has(>img:not(.avatar-fes):not(.avatar-founder-ornament)){border-color:var(--avatar-color)}.studio-client .profile-popover .quick-profile-identity>.avatar:has(>img:not(.avatar-fes):not(.avatar-founder-ornament)){border:3px solid var(--avatar-color)}.studio-client .profile-identity-editor .avatar-editor>.avatar:has(>img:not(.avatar-fes):not(.avatar-founder-ornament)){outline-color:var(--avatar-color)}.studio-client .profile-preview-card .profile-banner{border-radius:0;height:100px}.studio-client .profile-preview-card>.avatar{border:5px solid var(--bg);width:64px;height:64px;margin:-28px 0 0 18px;position:relative}.studio-client .profile-preview-copy{overflow-wrap:anywhere;padding:12px 20px 24px}.studio-client .profile-preview-copy h3{margin:0 0 4px;font-size:20px}.studio-client .profile-preview-copy>span{color:var(--muted);font-size:12px}.studio-client .profile-preview-copy p{white-space:pre-wrap;font-size:12px;line-height:1.7}.studio-client .profile-preview-copy>small{color:var(--muted);border-top:1px solid var(--border);margin-top:20px;padding-top:15px;font-size:10px;display:block}.studio-client .profile-status-text{border:1px solid var(--border);color:var(--text-soft);overflow-wrap:anywhere;border-radius:10px;margin-top:12px;padding:9px 12px;font-size:12px}.studio-client .member-popover-cover{position:relative;overflow:hidden}.studio-client .member-banner{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.studio-client .member-popover-cover>.avatar{z-index:1;position:relative}.studio-client .member-popover-cover>button{z-index:2;position:absolute}.studio-client .account-settings-content{container-type:inline-size}.studio-client .profile-modal-content .profile-editor{grid-template-columns:minmax(0,1fr)}.studio-client .profile-pronouns{color:var(--muted);margin:8px 0;font-size:11px}.studio-client .appearance-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-client .home-page{flex:1;grid-template-columns:minmax(0,1fr) minmax(240px,28%);align-content:start;gap:28px;min-height:0;padding:30px clamp(20px,2.5vw,40px);display:grid;overflow:auto}.studio-client .home-main{min-width:0;padding:0}.studio-client .home-intro h1{margin:10px 0;font-size:30px;font-weight:550}.studio-client .home-intro>p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.studio-client .home-tabs{background:var(--input);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:4px;display:flex}.studio-client .home-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:12px}.studio-client .home-tabs .active{background:var(--surface-raised);color:var(--text)}.studio-client .home-tabs span{color:var(--accent-text);margin-left:7px;font-size:10px}.studio-client .home-tabs .home-add-friend{color:var(--accent-text);align-items:center;gap:7px;margin-left:auto;display:flex}.studio-client .home-search{background:var(--input);width:180px;min-width:100px;color:var(--muted);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.studio-client .home-friend{border:0;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:14px 10px;animation:.2s ease-out enter;display:flex}.studio-client .home-friend-profile{text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:13px;min-width:0;padding:0;display:flex}.studio-client .home-friend-profile>span:last-child{gap:6px;min-width:0;display:grid}.studio-client .home-friend strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.studio-client .home-friend small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.studio-client .home-friend>button:last-child{background:var(--bg);width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;place-items:center;display:grid}.studio-client .home-empty{text-align:center;max-width:420px;color:var(--muted);margin:36px auto 12px;padding:12px}.studio-client .home-empty>svg{color:var(--accent-text)}.studio-client .home-empty h2{color:var(--text);margin:20px 0 10px;font-size:20px;font-weight:550}.studio-client .home-empty p{font-size:13px;line-height:1.7}.studio-client .home-empty button{background:var(--surface-raised);color:var(--text-soft);border:0;align-items:center;gap:8px;margin-top:10px;display:inline-flex}.studio-client .home-activity{background:var(--sidebar-bg);border:0;border-radius:20px;align-self:start;min-width:0;margin-top:0;padding:22px}.studio-client .home-activity h2{margin:0 0 5px;font-size:15px}.studio-client .home-activity>p{color:var(--muted);margin-bottom:24px;font-size:11px}.studio-client .friend-activity{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-bottom:12px;padding:15px;animation:.2s ease-out enter}.studio-client .activity-friends>button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:6px 0;display:flex}.studio-client .activity-friends span:last-child,.studio-client .home-room-link>span{gap:5px;min-width:0;display:grid}.studio-client .activity-friends strong,.studio-client .home-room-link strong{overflow-wrap:anywhere;font-size:12px}.studio-client .activity-friends small,.studio-client .home-room-link small{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.studio-client .home-room-link{text-align:left;background:var(--accent-faint);width:100%;color:var(--accent-text);border:0;border-radius:10px;align-items:center;gap:9px;margin-top:13px;padding:12px;display:flex}.studio-client .home-room-link>svg:last-child{flex-shrink:0;margin-left:auto}.studio-client .activity-empty{border:1px dashed var(--border);color:var(--muted);border-radius:14px;gap:14px;padding:24px 18px;font-size:12px;line-height:1.7;display:grid}.studio-client .activity-empty strong{color:var(--text-soft);font-weight:500}.studio-client .activity-empty p{margin:0}.studio-client ::-webkit-scrollbar-thumb{background:#505968}@container (width<=800px){.studio-client .profile-editor{grid-template-columns:minmax(0,1fr)}.studio-client .profile-live-preview{grid-row:1;max-width:330px;position:static}.studio-client .home-page{grid-template-columns:minmax(0,1fr)}.studio-client .home-activity{border-left:0;border-top:1px solid var(--border)}.studio-client .content-layout:has(>.members-panel){grid-template-columns:minmax(0,1fr)}.studio-client .members-panel{display:none}}@media (width<=1100px){.studio-client .content-layout:has(>.members-panel){grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.studio-client .notification-bell{width:28px}.studio-client .notification-inbox{top:calc(var(--native-title-height) + 105px);position:fixed;right:12px}.studio-client .profile-editor{grid-template-columns:minmax(0,1fr)}.studio-client .profile-live-preview{max-width:330px;position:static}.studio-client .profile-field-pair,.studio-client .appearance-options{grid-template-columns:1fr}.studio-client .home-main{padding:26px 20px}.studio-client .home-intro h1{font-size:25px}.studio-client .home-tabs .home-add-friend{margin-left:0}.studio-client .home-page{grid-template-columns:minmax(0,1fr)}.studio-client .home-activity{border-left:0;border-top:1px solid var(--border)}}.studio-client .secondary{background:var(--surface-raised);color:var(--text);border-color:var(--input-border)}.studio-client .danger-button{color:#fff;background:#b72a36;border-color:#df5c67;justify-content:center;align-items:center;gap:7px;display:inline-flex}.studio-client .danger-button:hover{background:#d43342}.studio-client .workspace-actions>button.active{background:var(--accent-subtle);color:var(--accent-text);border-color:#0000}.studio-client .workspace-actions>button,.studio-client .workspace-utilities>button,.studio-client .notification-bell{box-shadow:none}.studio-client .server-context-menu{z-index:210;border:1px solid var(--border);background:var(--sidebar-bg);border-radius:18px;width:264px;padding:8px;animation:.18s ease-out menu-enter;position:fixed;box-shadow:0 18px 50px #0006}.studio-client .server-context-menu .menu-actions{gap:3px;padding:0;display:grid}.studio-client .server-context-menu button{text-align:left;width:100%;color:var(--text-soft);box-shadow:none;background:0 0;border:0;border-radius:11px;justify-content:flex-start;align-items:center;gap:11px;padding:12px;font-size:12px;display:flex}.studio-client .server-context-menu button:hover,.studio-client .server-context-menu button:focus{background:var(--accent-subtle);color:var(--accent-text);border-color:#0000;outline:none}.studio-client .server-context-menu .danger-text{color:#ff939f}.studio-client .server-context-menu .danger-text:hover{color:#fff;background:#b72a36;border-color:#df5c67}.studio-client .server-icon-editor{border-bottom:1px solid var(--border);align-items:center;gap:22px;margin-bottom:28px;padding-bottom:25px;display:flex}.studio-client .server-icon-preview{background:var(--accent);width:84px;height:84px;color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;display:grid;overflow:hidden}.studio-client .server-icon-preview img{object-fit:cover;width:100%;height:100%}.studio-client .server-icon-editor h3{margin:0 0 8px;font-size:17px}.studio-client .server-icon-editor p{color:var(--muted);margin:0 0 13px;font-size:12px;line-height:1.6}.studio-client .server-icon-editor>div>div{gap:8px;display:flex}.studio-client .server-icon-editor button{align-items:center;gap:8px;display:inline-flex}.studio-client .discover-icon{object-fit:cover;border-radius:50%;width:72px;height:72px}.studio-client .discover-cover{background:linear-gradient(130deg,#3a3f73,#2c2d38)}.studio-client .profile-image-actions button,.studio-client .profile-save button,.studio-client .avatar-editor button{border:1px solid #0000;border-radius:12px}.studio-client .game-hub{overscroll-behavior:contain;flex:1;min-height:0;padding:32px clamp(20px,3vw,48px) 45px;animation:.2s ease-out screen-enter;overflow:auto}.studio-client .game-hub-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.studio-client .game-hub-intro h1{margin:10px 0;font-size:29px}.studio-client .game-hub-intro p{color:var(--muted);font-size:13px;line-height:1.7}.studio-client .game-hub button.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent-border)}.studio-client .game-hub-intro>button{align-items:center;gap:8px;padding:11px 18px;display:flex}.studio-client .game-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.studio-client .catalog-game{text-align:left;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:0 0 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.studio-client .catalog-game:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 6px 20px #0003}.studio-client .catalog-art{background:#3d456a;grid-column:1/-1;place-items:center;height:110px;font-size:45px;display:grid}.studio-client .catalog-art.mangala{background:radial-gradient(at 50% 100%,#6b5868,#373b58)}.studio-client .catalog-art.tavla{background:radial-gradient(at 50% 100%,#736158,#3e3b51)}.studio-client .catalog-art.okey{background:radial-gradient(at 50% 100%,#44645f,#313e55)}.studio-client .catalog-game>span:nth-child(2){gap:6px;padding-left:16px;display:grid}.studio-client .catalog-game strong{font-size:16px}.studio-client .catalog-game small{color:var(--muted);font-size:11px}.studio-client .catalog-game>svg{color:var(--accent-text);align-self:center;margin-right:16px}.studio-client .create-game-room{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:22px;grid-template-columns:1fr 1fr;gap:0 18px;max-width:740px;margin:0 0 24px;padding:26px;animation:.18s ease-out screen-enter;display:grid}.studio-client .create-game-room h2{grid-column:1/-1;margin:0 0 20px;font-size:18px}.studio-client .create-game-room input,.studio-client .create-game-room select{width:100%}.studio-client .room-public-toggle{grid-column:1/-1;align-items:center;gap:10px;margin-bottom:24px;font-size:12px;display:flex}.studio-client .room-public-toggle input{width:16px;height:16px;accent-color:var(--accent)}.studio-client .create-game-room>div{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.studio-client .join-game-room{background:var(--sidebar-bg);border:0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;padding:18px 20px;display:flex}.studio-client .join-game-room label{font-size:13px;font-weight:600}.studio-client .join-game-room input{flex:1;min-width:140px;padding:10px 12px}.studio-client .game-room-list{margin-top:26px}.studio-client .game-room-list>header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.studio-client .game-room-list h2{margin:0;font-size:17px}.studio-client .game-room-list>header>span{color:var(--muted);background:var(--bg);border-radius:4px;padding:3px 6px;font-size:10px}.studio-client .game-room-list>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.studio-client .game-room-card{text-align:left;background:var(--sidebar-bg);border:1px solid #0000;border-radius:18px;justify-content:flex-start;align-items:center;gap:14px;padding:20px;display:flex}.studio-client .room-game-icon{background:var(--surface-raised);border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.studio-client .game-room-card>span:nth-child(2){gap:6px;min-width:0;display:grid}.studio-client .game-room-card strong{overflow-wrap:anywhere;font-size:14px}.studio-client .game-room-card small{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:5px;font-size:11px;display:flex}.studio-client .game-room-card>svg{flex-shrink:0;margin-left:auto}.studio-client .game-room-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:20px;display:flex}.studio-client .game-room-header>div{flex:1;min-width:150px}.studio-client .game-room-header h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:21px}.studio-client .game-room-header small{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.studio-client .game-room-header button{align-items:center;gap:7px;display:flex}.studio-client .game-room-members{flex-wrap:wrap;gap:10px;padding:20px 0;display:flex}.studio-client .game-room-members button{background:var(--sidebar-bg);border:1px solid var(--border);align-items:center;gap:8px;padding:7px 11px;display:flex}.studio-client .game-room-members span{font-size:12px}.studio-client .game-room-members small{color:var(--muted);font-size:9px}.studio-client .game-hub .games{padding:10px 0 20px}.studio-client .game-room-voice{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0 0;display:flex}.studio-client .game-room-voice>div{flex:1;gap:6px;display:grid}.studio-client .game-room-voice strong{font-size:13px}.studio-client .game-room-voice small{color:var(--muted);font-size:11px}.studio-client .game-room-confirm{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:20px;display:flex}.studio-client .game-room-confirm>div{flex:1;min-width:180px}.studio-client .game-room-confirm p{color:var(--muted);font-size:12px;line-height:1.6}.studio-client .home-page,.studio-client .discover{animation:.18s ease-out screen-enter}html.studio-client.desktop-client .workspace-header{-webkit-app-region:drag;padding-right:150px}html.studio-client.desktop-client :is(button,a,input,select,textarea,nav){-webkit-app-region:no-drag}html.studio-client.desktop-client .settings-page-header{-webkit-app-region:drag;padding-right:160px}@keyframes screen-enter{0%{transform:translateY(6px)}to{transform:none}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:none}}@media (width<=1000px){.studio-client .game-catalog{gap:10px}.studio-client .catalog-art{height:85px}.studio-client .game-room-list>div{grid-template-columns:1fr}.studio-client .game-hub-intro h1{font-size:25px}}@media (width<=760px){.studio-client .server-tab{border-radius:50%;width:40px;height:40px;padding:0}.studio-client .server-tab-mark{font-size:14px}.studio-client .server-tab-add{width:34px;height:34px;padding:6px}.studio-client .game-hub{padding:24px 16px}.studio-client .game-catalog{grid-template-columns:1fr}.studio-client .catalog-game{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0}.studio-client .catalog-art{grid-column:1;height:80px;font-size:32px}.studio-client .catalog-game>span:nth-child(2){padding:0}.studio-client .create-game-room{grid-template-columns:1fr;padding:18px}.studio-client .game-room-header>div{flex-basis:100%;order:-1}.studio-client .game-room-members{gap:7px}.studio-client .server-context-menu{max-height:calc(100dvh - 130px);overflow:auto}.studio-client .message-outgoing .message-body{border-radius:0}.studio-client .message-outgoing>.avatar{order:0}.studio-client .server-icon-editor{gap:16px}.studio-client .server-icon-preview{width:64px;height:64px}.studio-client .game-room-voice>div{min-width:170px}}.studio-client .user-dock{background:var(--surface);border:0}.studio-client .profile-button{box-shadow:none;background:0 0;border:0}.studio-client .user-dock .profile-button:hover{background:var(--surface-raised)}.studio-client .personal-nav>button{box-shadow:none}.studio-client .roles-workspace{min-width:0;container-type:inline-size}.studio-client .roles-workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px;display:flex}.studio-client .roles-workspace-heading h2{margin:8px 0 10px;font-size:28px}.studio-client .roles-workspace-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.studio-client .roles-workspace-heading>.primary{flex-shrink:0;padding:11px 14px;font-size:12px}.studio-client .roles-workbench{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:22px;display:grid}.studio-client .roles-directory{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:18px;min-width:0;padding:12px;position:sticky;top:0}.studio-client .roles-search{background:var(--input);color:var(--muted);border-radius:11px;align-items:center;gap:8px;padding:0 10px;display:flex}.studio-client .roles-search input{min-width:0;box-shadow:none;background:0 0;border:0;padding:11px 0;font-size:11px}.studio-client .roles-directory-label{color:var(--muted);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:8px;padding:18px 3px 10px;font-size:9px;display:flex}.studio-client .roles-directory-label small{letter-spacing:0;font-size:9px}.studio-client .role-list{gap:5px;max-height:50dvh;display:grid;overflow:auto}.studio-client .role-list-row{text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 8px;font-size:12px;display:flex}.studio-client .role-list-row.active{background:var(--accent-subtle)}.studio-client .role-list-row[draggable=true]{cursor:grab}.studio-client .role-list-row>i{border-radius:50%;flex-shrink:0;width:9px;height:9px}.studio-client .role-list-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-client .role-list-row>small{color:var(--muted);margin-left:auto;font-size:10px}.studio-client .role-drag-handle{color:var(--muted);opacity:.6;flex-shrink:0;width:12px}.studio-client .roles-order-help,.studio-client .roles-empty{color:var(--muted);margin:12px 0 0;padding:8px 3px 0;font-size:10px;line-height:1.7}.studio-client .role-editor-panel{min-width:0}.studio-client .role-editor-heading{align-items:center;gap:13px;padding:2px 0 22px;display:flex}.studio-client .role-symbol{background:color-mix(in srgb,var(--role-color) 15%,var(--sidebar-bg));width:48px;height:48px;color:color-mix(in srgb,var(--role-color) 50%,var(--text));border-radius:15px;flex-shrink:0;place-items:center;display:grid}.studio-client .role-editor-heading>div{flex:1;min-width:0}.studio-client .role-editor-heading>div>span{letter-spacing:.8px;color:var(--muted);font-size:9px}.studio-client .role-editor-heading h3{overflow-wrap:anywhere;margin:5px 0 7px;font-size:21px}.studio-client .role-editor-heading small{color:var(--muted);font-size:11px}.studio-client .role-editor-tabs{background:var(--sidebar-bg);border-radius:13px;align-items:center;gap:6px;margin-bottom:24px;padding:5px;display:flex}.studio-client .role-editor-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:7px;padding:9px 6px;font-size:11px;display:flex}.studio-client .role-editor-tabs button.active{background:var(--surface-raised);color:var(--text)}.studio-client .role-editor-tabs button>span{color:var(--accent-text);font-size:9px}.studio-client .role-fields{border:0;min-width:0;margin:0;padding:0}.studio-client .role-fields .field>span{margin-bottom:9px;font-size:12px;display:block}.studio-client .role-fields input[type=text],.studio-client .role-fields input:not([type]){height:45px}.studio-client .role-color-control{align-items:center;gap:12px;margin-top:10px;display:flex}.studio-client .role-color-control input[type=color]{cursor:pointer;border-radius:11px;width:56px;height:42px;padding:4px}.studio-client .role-color-control span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.studio-client .role-color-swatches{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.studio-client .role-color-swatches button{color:#13212a;border:0;border-radius:9px;width:30px;height:30px;padding:0}.studio-client .role-color-swatches button[aria-pressed=true]{outline:2px solid var(--text-soft);outline-offset:3px}.studio-client .role-color-preview{background:var(--sidebar-bg);border-radius:16px;padding:18px}.studio-client .role-color-preview>span{letter-spacing:1px;color:var(--muted);font-size:9px}.studio-client .role-color-preview>div{align-items:center;gap:9px;margin:15px 0 12px;display:flex}.studio-client .role-color-preview i{border-radius:50%;width:9px;height:9px}.studio-client .role-color-preview strong{font-size:14px}.studio-client .role-color-preview p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.studio-client .role-next-step{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0;font-size:11px;display:flex}.studio-client .role-next-step>span{flex:1;min-width:100px;line-height:1.7}.studio-client .role-next-step button{padding:8px 10px;font-size:11px}.studio-client .role-permission-groups>section{margin-bottom:22px}.studio-client .role-permission-groups h4{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 8px;font-size:10px}.studio-client .role-permission-toggle{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.studio-client .role-permission-toggle>span{gap:7px;display:grid}.studio-client .role-permission-toggle strong{font-size:12px;font-weight:500;line-height:1.6}.studio-client .role-permission-toggle small{color:var(--muted);font-size:10px;line-height:1.7}.studio-client .role-permission-toggle input[type=checkbox],.studio-client .quick-sound-toggle input[type=checkbox]{appearance:none;background:var(--surface-hover);cursor:pointer;border:0;border-radius:20px;flex-shrink:0;width:34px;height:20px;padding:3px;transition:background .18s;position:relative}.studio-client .role-permission-toggle input:before,.studio-client .quick-sound-toggle input:before{content:"";background:var(--text);border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px}.studio-client .role-permission-toggle input:checked,.studio-client .quick-sound-toggle input:checked{background:var(--accent)}.studio-client .role-permission-toggle input:checked:before,.studio-client .quick-sound-toggle input:checked:before{background:var(--on-accent);transform:translate(14px)}.studio-client .role-permission-toggle input:disabled{opacity:.45;cursor:default}.studio-client .role-admin-permission{background:var(--accent-faint);border:1px solid var(--border);border-radius:16px;padding:18px}.studio-client .role-admin-permission .role-permission-toggle{border:0;padding-bottom:0}.studio-client .role-savebar{z-index:4;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 6px;display:flex;position:sticky;bottom:0}.studio-client .role-savebar>span{color:var(--muted);flex:1;min-width:100px;font-size:10px;line-height:1.7}.studio-client .role-savebar>div{gap:7px;display:flex}.studio-client .role-savebar button{padding:10px 12px;font-size:11px}.studio-client .role-lock-note{background:var(--sidebar-bg);color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:12px;font-size:11px;line-height:1.7;display:flex}.studio-client .role-delete-section{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.studio-client .role-delete-section>button{color:var(--danger);background:0 0;border:0;padding:6px 0;font-size:11px}.studio-client .role-delete-section p{font-size:12px;line-height:1.7}.studio-client .role-delete-section>div{gap:8px;display:flex}.studio-client .role-member-editor>h4{margin:0 0 8px;font-size:15px}.studio-client .role-member-editor>p{color:var(--muted);margin-bottom:18px;font-size:11px;line-height:1.7}.studio-client .role-member-editor .role-members{width:100%;font-size:12px}.studio-client .role-member-editor .role-members summary{display:none}.studio-client .role-member-search{margin:0 0 14px;font-size:12px}.studio-client .role-member-editor .role-members>div{max-height:400px;overflow:auto}.studio-client .role-member-editor .role-members label{border-radius:12px;align-items:center;gap:10px;padding:11px 8px;display:flex}.studio-client .role-member-editor .role-members label:hover{background:var(--sidebar-bg)}.studio-client .role-member-editor .role-members label>input{width:17px;height:17px;margin-left:auto}.studio-client .role-member-editor .role-members .avatar{width:30px;height:30px;font-size:10px}.studio-client .modal:has(.quick-profile){border-radius:24px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.studio-client .modal:has(.quick-profile)>header{z-index:2;background:0 0;margin:0;padding:0;position:absolute;top:12px;right:12px}.studio-client .modal:has(.quick-profile)>header h2{display:none}.studio-client .modal:has(.quick-profile)>header button{color:#eef5f7;background:#15181ed9;border-radius:50%;width:30px;height:30px}.studio-client .quick-profile{padding:0 20px 8px}.studio-client .quick-profile-cover{background:var(--surface-raised);height:112px;margin:0 -20px;position:relative}.studio-client .quick-profile-cover>img{object-fit:cover;width:100%;height:100%}.studio-client .quick-profile-cover>button{z-index:1;color:#eef5f7;background:#15181ed9;border:0;border-radius:10px;padding:7px;position:absolute;bottom:12px;right:16px}.studio-client .quick-profile-identity{align-items:flex-end;gap:14px;margin-top:-27px;display:flex;position:relative}.studio-client .quick-profile-identity>.avatar{outline:5px solid var(--surface);flex-shrink:0;width:72px;height:72px;font-size:22px}.studio-client .quick-profile-identity>span:last-of-type{flex:1;gap:6px;min-width:0;padding-bottom:3px;display:grid}.studio-client .quick-profile-identity h3{letter-spacing:-.5px;text-overflow:ellipsis;margin:0;font-size:21px;overflow:hidden}.studio-client .quick-profile-identity small{color:var(--muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.studio-client .quick-profile-identity>svg{color:var(--accent-text);margin-bottom:3px}.studio-client .quick-profile-bio{color:var(--muted);white-space:pre-wrap;max-height:62px;margin:17px 0;font-size:12px;line-height:1.7;overflow:auto}.studio-client .quick-status{background:var(--sidebar-bg);border-radius:13px;align-items:center;gap:9px;padding:11px 13px;font-size:12px;display:flex}.studio-client .quick-status>span:nth-child(2){color:var(--muted)}.studio-client .quick-status select{text-align:right;background:0 0;border:0;width:auto;max-width:180px;margin-left:auto;padding:0;font-size:12px}.studio-client .quick-status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.studio-client .quick-status-dot.online{background:var(--success)}.studio-client .quick-status-dot.away{background:#e0c87c}.studio-client .quick-status-dot.busy{background:#ee909e}.studio-client .quick-profile-actions{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.studio-client .quick-profile-actions>button{text-align:left;background:var(--sidebar-bg);border:0;border-radius:14px;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:10px;padding:14px 12px;display:grid;position:relative}.studio-client .quick-profile-actions>button>svg:first-child{color:var(--accent-text)}.studio-client .quick-profile-actions>button>svg:last-child{width:12px;color:var(--muted);position:absolute;top:12px;right:10px}.studio-client .quick-profile-actions>button>span{gap:7px;padding-right:8px;font-size:11px;line-height:1.5;display:grid}.studio-client .quick-profile-actions small{color:var(--muted);font-size:10px;font-weight:400}.studio-client .quick-profile-call{background:var(--accent-faint);border-radius:14px;align-items:center;gap:10px;margin:14px 0;padding:12px;display:flex}.studio-client .quick-profile-call>svg{color:var(--accent-text);flex-shrink:0}.studio-client .quick-profile-call>div{flex:1;gap:5px;min-width:0;display:grid}.studio-client .quick-profile-call strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-client .quick-profile-call small{color:var(--muted);font-size:10px}.studio-client .quick-profile-call button{background:0 0;border:0;padding:7px}.studio-client .quick-profile-sound{background:var(--sidebar-bg);border-radius:14px;margin-bottom:14px;padding:14px}.studio-client .quick-profile-sound>div{align-items:center;gap:9px;margin-bottom:12px;display:flex}.studio-client .quick-profile-sound strong{flex:1;font-size:12px;font-weight:500}.studio-client .quick-profile-sound svg{color:var(--muted)}.studio-client .quick-sound-toggle{align-items:center;display:flex}.studio-client .quick-profile-sound input[type=range]{flex:1;min-width:0}.studio-client .quick-profile-sound output{color:var(--muted);text-align:right;min-width:28px;font-size:10px}.studio-client .quick-profile-sound>div>button{background:0 0;border:0;padding:5px}.studio-client .quick-profile-sound>button{color:var(--accent-text);background:0 0;border:0;gap:7px;padding:0;font-size:10px;display:flex}.studio-client .quick-profile>footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0 6px;display:flex}.studio-client .quick-profile>footer>button{background:0 0;border:0;padding:10px 5px;font-size:12px}.studio-client .quick-profile>footer>button:last-child{color:var(--muted)}.studio-client .profile-popover{z-index:180;overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);width:min(350px,100vw - 24px);color:var(--text);transform-origin:0 100%;border-radius:20px;outline:none;animation:.22s cubic-bezier(.2,.8,.2,1) profile-rise;position:fixed;overflow:auto;box-shadow:0 16px 60px #0008}.studio-client .profile-popover .quick-profile{padding:0 14px 10px}.studio-client .profile-popover .quick-profile-cover{height:86px;margin:0 -14px}.studio-client .profile-popover .quick-profile-cover>button{top:10px;bottom:auto;right:10px}.studio-client .profile-popover .quick-profile-identity{align-items:center;gap:12px}.studio-client .profile-popover .quick-profile-identity>.avatar{width:64px;height:64px}.studio-client .profile-popover .quick-profile-identity>span:last-of-type{gap:4px;padding-top:20px}.studio-client .profile-popover .quick-profile-identity h3{font-size:18px}.studio-client .quick-profile-pronouns{color:var(--muted);margin:12px 0 0;font-size:11px}.studio-client .profile-popover .quick-profile-bio{margin:15px 2px;font-size:12px}.studio-client .self-profile-menu-group{background:var(--sidebar-bg);border-radius:13px;margin:12px 0 0;padding:5px}.studio-client .self-profile-menu-group>button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:41px;padding:11px 10px;font-size:12px;display:flex}.studio-client .self-profile-menu-group>button>span:nth-child(2){color:inherit;flex:1}.studio-client .self-profile-menu-group>button>svg:last-child{margin-left:auto}.studio-client .self-profile-menu-group>button:hover{background:var(--surface-hover)}.studio-client .self-profile-menu-group .quick-status-dot{margin:0 4px}.studio-client .self-status-options{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:5px;animation:.16s ease-out menu-enter}.studio-client .self-status-options>button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:10px 8px;display:flex}.studio-client .self-status-options>button:hover,.studio-client .self-status-options>button:focus-visible{background:var(--accent-subtle)}.studio-client .self-status-options>button>span{flex:1;gap:5px;font-size:12px;line-height:1.4;display:grid}.studio-client .self-status-options small{color:var(--muted);font-size:10px;font-weight:400}.studio-client .self-profile-menu-group>.self-profile-logout{color:var(--danger)}.studio-client .self-profile-copy{gap:8px;padding:10px;font-size:11px;display:grid}.studio-client .self-profile-copy input{width:100%;min-width:0;font-size:10px}.studio-client .profile-popover .quick-profile-sound{margin:12px 0 0;padding:13px}.studio-client select option{background:var(--input);color:var(--text)}@keyframes profile-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes soft-arrival{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes badge-pop{0%{transform:scale(.55)}65%{transform:scale(1.12)}to{transform:scale(1)}}.studio-client :is(.role-editor-panel,.account-settings-content>section,.private-call-banner,.voice-participant,.stream-viewer){animation:.25s cubic-bezier(.2,.8,.2,1) soft-arrival}.studio-client .home-friend-list>.home-friend:nth-child(-n+6),.studio-client .game-catalog>.catalog-game:nth-child(-n+6){animation:.3s backwards soft-arrival}.studio-client :is(.home-friend,.catalog-game):nth-child(2){animation-delay:35ms}.studio-client :is(.home-friend,.catalog-game):nth-child(3){animation-delay:70ms}.studio-client :is(.home-friend,.catalog-game):nth-child(4){animation-delay:.105s}.studio-client :is(.home-friend,.catalog-game):nth-child(5){animation-delay:.14s}.studio-client :is(.home-friend,.catalog-game):nth-child(6){animation-delay:.175s}.studio-client :is(.nav-notification,.unread-badge,.notification-count){animation:.26s cubic-bezier(.2,.8,.2,1) badge-pop}.studio-client :is(.channel-item,.sidebar-link,.role-list-row,.self-profile-menu-group>button,.self-status-options>button){transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.studio-client :is(.primary,.home-shortcuts>button,.catalog-game,.server-creator-template):hover:not(:disabled){transform:translateY(-2px)}.studio-client button:active:not(:disabled){transform:translateY(1px)scale(.98)}.studio-client .sound-settings>h3{font-size:24px}.studio-client .sound-settings>p{color:var(--muted);font-size:13px;line-height:1.8}.studio-client .sound-settings .role-toggle{background:var(--sidebar-bg);border:0;border-radius:14px;align-items:center;gap:12px;margin:10px 0;padding:16px;font-size:12px;display:flex}.studio-client .sound-settings .role-toggle input{width:17px;height:17px;margin-left:auto}.studio-client .sound-settings>.field{padding:20px 0 8px}.studio-client .sound-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.studio-client .sound-preview button{border-radius:13px;justify-content:flex-start;min-height:48px;padding:14px 10px;font-size:11px;line-height:1.5}@container (width<=620px){.studio-client .roles-workbench{grid-template-columns:1fr;gap:20px}.studio-client .roles-directory{position:static}.studio-client .role-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.studio-client .roles-order-help{font-size:9px}.studio-client .roles-workspace-heading{align-items:flex-start}.studio-client .roles-workspace-heading h2{font-size:24px}.studio-client .role-permission-toggle{padding:13px 0}}@media (width<=760px){.studio-client .roles-workspace-heading{flex-wrap:wrap}.studio-client .role-savebar{bottom:0}.studio-client .role-savebar>div{margin-left:auto}.studio-client .sound-preview{grid-template-columns:1fr 1fr}}.studio-client .built-in-bot-settings{background:var(--sidebar-bg);border-radius:20px;margin:0 0 32px;padding:24px}.studio-client .built-in-bot-settings>header{align-items:center;gap:14px;margin-bottom:25px;display:flex}.studio-client .built-in-icon{background:var(--accent-subtle);width:46px;height:46px;color:var(--accent-text);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.studio-client .built-in-bot-settings h3{margin:0 0 7px;font-size:19px}.studio-client .built-in-bot-settings p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.studio-client .bot-setting-card{align-items:flex-start;gap:12px;margin:24px 0 20px;display:flex}.studio-client .bot-setting-card>svg{color:var(--accent-text);flex-shrink:0}.studio-client .bot-setting-card h4{margin:0 0 7px;font-size:14px}.studio-client .built-in-bot-settings .settings-toggle{font-size:12px}.studio-client .built-in-bot-settings form>.primary{margin-top:22px}.studio-client .music-room{z-index:90;border:1px solid var(--border);background:var(--sidebar-bg);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:20px;animation:.18s ease-out menu-enter;position:fixed;bottom:24px;right:24px;overflow:hidden}.studio-client .music-room>header{align-items:center;gap:9px;padding:12px;display:flex}.studio-client .music-room.compact{width:min(320px,100vw - 32px)}.studio-client .music-room.compact>header{gap:4px;padding:8px}.studio-client .music-room.compact .music-bot-icon{width:28px;height:28px}.studio-client .music-room.compact>header>button:not(.music-title){padding:6px}.studio-client .music-room.compact .youtube-player,.studio-client .music-room.compact .youtube-player iframe{height:200px;min-height:200px}.studio-client .music-room.compact>header>button:last-child svg{transform:rotate(180deg)}.studio-client .music-bot-icon{background:var(--accent-subtle);width:38px;height:38px;color:var(--accent-text);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.studio-client .music-title{text-align:left;background:0 0;border:0;flex:1;justify-content:stretch;gap:5px;min-width:0;padding:3px;display:grid}.studio-client .music-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-client .music-title small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.studio-client .music-room>header>button:not(.music-title){background:0 0;border:0;flex-shrink:0;padding:8px}.studio-client .music-room-body{max-height:55dvh;padding:0 18px 18px;overflow:auto}.studio-client .youtube-player{background:#0a0d11;width:100%;min-height:240px}.studio-client .youtube-player[hidden]{display:none}.studio-client .youtube-player iframe{border:0;width:100%;min-width:200px;height:240px;min-height:200px;display:block}.studio-client .music-enable{width:100%;margin:8px 0 16px;font-size:12px}.studio-client .music-timeline{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin:12px 0;font-size:10px;display:flex}.studio-client .music-timeline input{flex:1;min-width:0}.studio-client .music-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.studio-client .music-controls button{padding:8px 10px;font-size:11px}.studio-client .music-controls label{max-width:150px;color:var(--muted);align-items:center;gap:9px;display:flex}.studio-client .music-controls input{min-width:0}.studio-client .music-help{color:var(--muted);margin:12px 0;font-size:11px;line-height:1.7}.studio-client .music-add{align-items:center;gap:7px;margin:12px 0;display:flex}.studio-client .music-add input{flex:1;min-width:0;padding:10px;font-size:12px}.studio-client .music-add button{padding:9px}.studio-client .music-search-results{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:12px 0;padding:12px}.studio-client .music-search-results h4{overflow-wrap:anywhere;margin:0 0 8px;font-size:11px;line-height:1.6}.studio-client .music-search-results article{align-items:center;gap:10px;padding:10px 0;display:flex}.studio-client .music-search-results article+article{border-top:1px solid var(--border)}.studio-client .music-search-results article>div{flex:1;gap:5px;min-width:0;display:grid}.studio-client .music-search-results strong{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.studio-client .music-search-results small{color:var(--muted);font-size:10px}.studio-client .music-search-results button{flex-shrink:0;padding:8px}.studio-client .music-command-suggestions{z-index:16;border:1px solid var(--border);background:var(--surface-raised);max-height:280px;box-shadow:var(--shadow-lg);border-radius:14px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:auto}.studio-client .music-command-suggestions button{text-align:left;background:0 0;border:0;gap:5px;padding:10px;display:grid}.studio-client .music-command-suggestions button:hover{background:var(--accent-faint)}.studio-client .music-command-suggestions strong{color:var(--accent-text);font-size:12px}.studio-client .music-command-suggestions span{color:var(--muted);font-size:11px}.studio-client .music-upload{width:100%;font-size:11px}.studio-client .music-queue{margin-top:20px}.studio-client .music-queue h4{justify-content:space-between;font-size:12px;display:flex}.studio-client .music-queue h4 span{color:var(--muted);font-size:10px;font-weight:400}.studio-client .music-queue>div{border-radius:12px;align-items:center;gap:10px;padding:10px 8px;display:flex}.studio-client .music-queue>div.current{background:var(--accent-faint)}.studio-client .music-queue>div>span{width:20px;color:var(--accent-text);flex-shrink:0;font-size:11px}.studio-client .music-queue>div>div{flex:1;gap:5px;min-width:0;display:grid}.studio-client .music-queue strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-client .music-queue small{color:var(--muted);font-size:10px}.studio-client .music-queue button{background:0 0;border:0;padding:6px}.studio-client .music-clear{background:0 0;border:0;width:100%;margin-top:15px;font-size:11px}.studio-client .music-bot-member>svg{color:var(--accent-text);margin-inline:3px}.studio-client .music-bot-member small{background:var(--accent-subtle);color:var(--accent-text);border-radius:5px;padding:3px 5px;font-size:8px}.studio-client .music-bot-row{align-items:center;gap:2px;display:flex;position:relative}.studio-client .music-bot-row>.music-bot-member{flex:1;min-width:0}.studio-client .music-bot-menu-toggle{color:var(--muted);background:0 0;border:0;padding:5px}.studio-client .music-bot-menu{z-index:55;border:1px solid var(--border);background:var(--surface-raised);width:230px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;position:absolute;top:100%;left:0}.studio-client .music-bot-menu button{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:10px;font-size:12px;display:flex}.studio-client .music-bot-menu button:hover{background:var(--accent-faint)}.studio-client .music-bot-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.studio-client .music-bot-actions button{font-size:11px}.studio-client .call-history-row{color:var(--muted);align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.studio-client .call-history-row svg{flex:none}.studio-client .call-history-row strong{color:var(--text)}.studio-client .call-history-row time{white-space:nowrap;font-size:11px}@media (width<=760px){.studio-client .music-room{bottom:12px;right:16px}.studio-client .music-room-body{max-height:42dvh}.studio-client .youtube-player,.studio-client .youtube-player iframe{height:210px;min-height:210px}.studio-client .built-in-bot-settings{padding:18px}.studio-client .built-in-bot-settings h3{font-size:17px}}.studio-client .visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-client .channel-elapsed{font-variant-numeric:tabular-nums;color:var(--success);letter-spacing:.2px;flex-shrink:0;margin-left:auto;font-size:10px}.studio-client .channel-connected{color:var(--success);flex-shrink:0;margin-left:auto}.studio-client .channel-connected+.channel-elapsed{margin-left:2px}.studio-client .channel-item>span:first-of-type{text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-client .voice-camera-badge{color:var(--accent-text);flex-shrink:0}.studio-client .voice-member{width:100%}.studio-client .header-call-status{width:30px;height:30px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-radius:10px;place-items:center;display:grid}.studio-client .desktop-update-badge{align-items:center;gap:6px;min-width:90px;font-size:11px;display:flex;background:var(--accent-subtle)!important;width:auto!important;color:var(--accent-text)!important;border-radius:12px!important;padding:8px 10px!important}.studio-client .nav-notification{background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);padding:1px 4px;font-size:9px;top:-4px;right:-5px}.studio-client .dm-unread{background:var(--accent);color:var(--on-accent);border-radius:8px;align-self:center;margin-left:auto;padding:3px 6px;font-size:10px}.studio-client .attachment-preview{background:var(--input);border:0;border-radius:14px;width:100%;max-width:100%;padding:0;display:block;overflow:hidden}.studio-client .attachment-preview img{object-fit:contain;width:100%;max-height:300px;display:block}.studio-client .attachment-preview.video,.studio-client .attachment-preview.audio{color:var(--accent-text);justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.studio-client .attachment>a[download]{color:var(--text-soft);overflow-wrap:anywhere;align-items:center;gap:10px;padding:12px;display:flex}.studio-client .attachment>a[download] small{white-space:nowrap;margin-left:auto}.studio-client .modal:has(.media-lightbox){background:var(--bg);width:min(1200px,100vw - 32px);padding:18px}.studio-client .modal:has(.media-lightbox)>header{background:var(--bg);gap:20px;padding:8px 4px 16px;top:-18px}.studio-client .modal:has(.media-lightbox) h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.studio-client .media-lightbox{background:var(--input);border-radius:16px;justify-content:center;align-items:center;min-height:160px;max-height:72dvh;display:flex;overflow:hidden}.studio-client .media-lightbox :is(img,video){object-fit:contain;max-width:100%;max-height:68dvh;display:block}.studio-client .media-lightbox audio{width:min(600px,100%);padding:20px}.studio-client .media-preview-tools{justify-content:flex-end;align-items:center;gap:8px;padding:16px 0 0;display:flex}.studio-client .media-preview-tools>span{color:var(--muted);margin-right:auto;font-size:12px}.studio-client .media-preview-tools a{border-radius:12px;align-items:center;gap:7px;padding:9px 12px;display:flex}.studio-client .private-call-banner{z-index:140;background:var(--sidebar-bg);border:1px solid var(--accent-border);width:min(400px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:22px;align-items:center;gap:12px;padding:18px;animation:.22s ease-out menu-enter;display:flex;position:fixed;top:90px;right:24px}.studio-client .private-call-banner>div{flex:1;gap:6px;min-width:0;display:grid}.studio-client .private-call-banner strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.studio-client .private-call-banner small{color:var(--muted);font-size:11px}.studio-client .private-call-banner button{border-radius:14px;flex-shrink:0;padding:10px;font-size:12px}.studio-client .private-call-banner .call-decline{background:var(--danger-bg);color:var(--danger)}.studio-client .private-call-banner.active{border-color:var(--border);width:min(330px,100vw - 32px);padding:12px 16px;top:auto;bottom:22px;right:24px}.studio-client .direct-call-conversation>.activity-zone{background:var(--voice-bg);flex-direction:column;flex:0 0 48%;min-height:240px;display:flex;overflow:hidden}.studio-client .direct-call-conversation>.activity-zone,.studio-client .voice-chat-open>.activity-zone{flex:0 0 var(--call-height,48%);min-height:200px;max-height:calc(100% - 180px)}.studio-client .voice-stage-body{flex:1;gap:16px;min-width:0;min-height:0;display:flex}.studio-client .voice-stage-body>.voice-participant-grid{flex:1;min-width:0}.studio-client .has-stream .voice-stage-body>.stream-viewer{flex:65%;min-width:0;min-height:140px;margin:0}.studio-client .has-stream .voice-stage-body>.voice-participant-grid{flex:0 0 clamp(110px,22%,200px);align-content:start;margin:0;overflow:auto}.studio-client .stream-viewer video{aspect-ratio:auto;flex:1 1 0;height:0;min-height:80px;max-height:none}.studio-client .stream-viewer:fullscreen video{min-height:0}.studio-client .has-stream .participant-identity{height:100%;min-height:0}.studio-client .call-resize{cursor:ns-resize;touch-action:none;background:var(--surface);border-bottom:1px solid var(--border);z-index:2;flex:0 0 12px;place-items:center;height:12px;display:grid}.studio-client .call-resize i{background:var(--muted);opacity:.55;border-radius:4px;width:42px;height:4px}.studio-client .call-resize:hover i,.studio-client .call-resize:focus-visible i{background:var(--accent);opacity:1}.studio-client .camera-join-preview>video{aspect-ratio:16/9;object-fit:contain;background:var(--bg);border-radius:16px;width:100%;display:block}.studio-client .camera-join-preview>p{color:var(--muted);font-size:12px}.studio-client .camera-join-preview>button{margin:12px 8px 0 0}@media (width<=650px){.studio-client .voice-lounge-heading h2{font-size:16px}.studio-client .voice-heading-tools{gap:6px}.studio-client .has-stream .voice-stage-body>.voice-participant-grid{flex-basis:86px}.studio-client .stream-viewer header{padding:7px}.studio-client .stream-viewer header>span{font-size:9px}.studio-client .stream-viewer footer{display:none}.studio-client .voice-lounge{padding:10px}}.studio-client .direct-call-conversation .voice-lounge{padding:16px}.studio-client .direct-call-conversation>.message-scroll{flex:1;min-height:70px}.studio-client .direct-call-conversation .activity-bar{flex-shrink:0;padding:10px 18px}.studio-client .custom-palette{background:var(--sidebar-bg);border-radius:18px;margin:20px 0 28px;padding:20px}.studio-client .message-attachments{flex-wrap:wrap;gap:8px;max-width:680px;display:flex}.studio-client .message-attachments.multiple>.attachment{width:clamp(100px,17vw,180px);min-width:0;margin:0}.studio-client .message-attachments.multiple .attachment-preview{aspect-ratio:1;border-radius:12px;width:100%;height:auto;overflow:hidden}.studio-client .message-attachments.multiple .attachment-preview img{object-fit:cover;width:100%;height:100%;max-height:none}.studio-client .message-attachments.multiple .attachment>a{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.studio-client .reply-preview img{object-fit:cover;border-radius:5px;width:32px;height:32px}.studio-client .dm-unread{background:var(--accent);color:var(--on-accent);border-radius:10px;min-width:23px;margin-left:auto;padding:3px 6px;font-size:11px}.studio-client :is(.personal-dm,.inbox-card).unread{background:var(--accent-faint);border-color:var(--accent-border)}.studio-client .inbox-card.unread strong{color:var(--accent-text)}.studio-client .friend-inviter{border-bottom:1px solid var(--border);margin-bottom:18px;padding:16px 0}.studio-client .friend-inviter>div{gap:7px;max-height:200px;margin:14px 0;display:grid;overflow:auto}.studio-client .friend-inviter label{background:var(--sidebar-bg);border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.studio-client .direct-invite-card{border:1px solid var(--accent-border);background:var(--sidebar-bg);border-radius:16px;gap:13px;max-width:320px;margin:10px 0;padding:18px;display:grid}.studio-client .direct-invite-card small{color:var(--muted);letter-spacing:1px;font-size:9px}.studio-client .notification-join{color:var(--accent-text);font-size:12px}.studio-client .frame-settings{border-top:1px solid var(--border);grid-column:1;min-width:0;padding:20px 0}.studio-client .frame-settings>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.studio-client .frame-settings button{flex-direction:column;gap:14px;padding:18px 10px;font-size:11px;line-height:1.5;display:flex}.studio-client .frame-settings button.active{outline:2px solid var(--accent)}.studio-client .frame-settings p,.studio-client .frame-settings>small{color:var(--muted);font-size:11px}.studio-client .avatar.avatar-frame{outline:3px solid var(--accent);outline-offset:3px;position:relative}.studio-client .avatar.frame-founder{outline:0;box-shadow:0 0 15px #7bd7d94d}.studio-client .avatar>img.avatar-founder-ornament{object-fit:fill;pointer-events:none;z-index:2;border-radius:0;width:154%;max-width:none;height:154%;position:absolute;inset:-27%}.studio-client .avatar.frame-founder>i{z-index:3}.studio-client .avatar.frame-moderator{border-radius:35%;outline-color:#8dbaff;box-shadow:0 0 0 5px #8dbaff35}.studio-client .avatar.frame-fes{outline-color:#e65a6f;box-shadow:0 0 0 5px #e6c78c44}.studio-client .avatar.frame-veteran{outline-color:#c1a3f2;box-shadow:0 0 0 5px #98bdff35}.studio-client .avatar>img.avatar-fes{object-fit:contain;border-radius:0;width:65%;height:65%;position:absolute;top:-40%;right:-10%;transform:rotate(12deg)}.studio-client .avatar.frame-founder .avatar-founder-ornament{animation:4s ease-in-out infinite founder-shimmer}.studio-client .avatar.frame-fes .avatar-fes{transform-origin:bottom;animation:3s ease-in-out infinite fes-sway}.studio-client .avatar:is(.frame-moderator,.frame-veteran,.frame-fes){animation:3s ease-in-out infinite frame-breathe}.studio-client .avatar:is(.frame-aurora,.frame-comet,.frame-pulse){outline:0}.studio-client .avatar:is(.frame-aurora,.frame-comet,.frame-pulse):after{content:"";pointer-events:none;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(#89f5d4,#78a3fa,#cb9df8,#89f5d4) border-box;border:3px solid #0000;border-radius:50%;animation:5s linear infinite frame-orbit;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.studio-client .avatar.frame-comet:after{background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(transparent 15%,#a9d9ff 55%,#f6f8ff 70%,transparent 74%) border-box;animation-duration:3s}.studio-client .avatar.frame-pulse:after{background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(#fb91c0,#e2a7fc,#fb91c0) border-box;animation:2.8s ease-in-out infinite frame-breathe}.studio-client .avatar:is(.frame-ember,.frame-ocean,.frame-orchid,.frame-solar,.frame-storm,.frame-ice,.frame-forest,.frame-ruby,.frame-galaxy,.frame-pearl,.frame-sunset,.frame-neon){outline:0}.studio-client .avatar:is(.frame-ember,.frame-ocean,.frame-orchid,.frame-solar,.frame-storm,.frame-ice,.frame-forest,.frame-ruby,.frame-galaxy,.frame-pearl,.frame-sunset,.frame-neon):after{content:"";border-radius:var(--frame-shape,50%);pointer-events:none;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from 0deg,var(--frame-a),var(--frame-b),transparent,var(--frame-a)) border-box;animation:frame-orbit var(--frame-speed,5s) linear infinite;border:3px solid #0000;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.studio-client .frame-ember{--frame-a:#ffac6e;--frame-b:#e54739;--frame-speed:3s}.studio-client .frame-ocean{--frame-a:#55e7df;--frame-b:#3866ec}.studio-client .frame-orchid{--frame-a:#dca4ff;--frame-b:#a34fb1;--frame-shape:38%}.studio-client .frame-solar{--frame-a:#ffe793;--frame-b:#ef8c3e;--frame-speed:7s}.studio-client .frame-storm{--frame-a:#c4dcff;--frame-b:#6074ad;--frame-shape:32%}.studio-client .frame-ice{--frame-a:#dcffff;--frame-b:#6cbbf0;--frame-shape:30%}.studio-client .frame-forest{--frame-a:#c1f19e;--frame-b:#38ad75}.studio-client .frame-ruby{--frame-a:#ffb3c6;--frame-b:#df315a;--frame-shape:42%}.studio-client .frame-galaxy{--frame-a:#b7a1ff;--frame-b:#448be6;--frame-speed:7s}.studio-client .frame-pearl{--frame-a:#fff4e8;--frame-b:#a6c5d8}.studio-client .frame-sunset{--frame-a:#ffc77a;--frame-b:#e65a9d}.studio-client .frame-neon{--frame-a:#9bfefa;--frame-b:#e7f;--frame-shape:36%;--frame-speed:3s}.studio-client .avatar.avatar-frame>i,.studio-client .avatar:is(.frame-aurora,.frame-comet,.frame-pulse)>i{z-index:3}@keyframes frame-orbit{to{transform:rotate(360deg)}}@keyframes frame-breathe{50%{filter:brightness(1.35);box-shadow:0 0 14px #9fbcff80}}@keyframes founder-shimmer{50%{filter:brightness(1.35)drop-shadow(0 0 3px #8cdbca);transform:scale(1.04)}}@keyframes fes-sway{50%{transform:rotate(-4deg)translateY(-2px)}}.studio-client .animated-banner-presets{margin:0;padding:4px 22px 22px}.studio-client .banner-gallery-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-client .banner-gallery-heading strong{font-size:13px;display:block}.studio-client .banner-gallery-heading small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.studio-client .banner-gallery-heading input{width:min(170px,100%);padding:8px 10px;font-size:12px}.studio-client .banner-gallery-heading .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-client .banner-filters{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.studio-client .banner-filters button{color:var(--muted);border-radius:20px;padding:6px 10px;font-size:11px}.studio-client .banner-filters button[aria-pressed=true]{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text)}.studio-client .banner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.studio-client .banner-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;min-width:0;overflow:hidden}.studio-client .banner-card-select{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:0;display:flex;overflow:hidden}.studio-client .banner-card-select img{aspect-ratio:3;object-fit:cover;width:100%;display:block}.studio-client .banner-card-select span{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:9px 10px 3px;font-size:11px;line-height:1.4;display:block}.studio-client .banner-card>a{color:var(--accent-text);margin:2px 10px 9px;font-size:10px;text-decoration:none;display:inline-block}.studio-client .banner-card>a:hover{text-decoration:underline}.studio-client .banner-more{width:100%;margin-top:12px;padding:10px}@media (width<=480px){.studio-client .banner-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.studio-client .settings-page{height:100dvh;min-height:0}.studio-client .settings-page-header{flex-shrink:0}.studio-client .settings-split,.studio-client .settings-page>.server-settings,.studio-client .settings-page>.settings-layout,.studio-client .platform-layout{flex:1;min-height:0}.studio-client .account-settings-content,.studio-client .settings-page .settings-content,.studio-client .platform-main{min-height:0;padding:20px 16px 90px}.studio-client .settings-page .settings-user-identity{display:none}.studio-client .profile-editor{grid-template-columns:minmax(0,1fr);gap:20px}.studio-client .profile-live-preview{grid-row:1}.studio-client .profile-live-preview .profile-preview-card{max-width:320px}.studio-client .profile-field-pair{grid-template-columns:1fr}.studio-client .profile-effect-options,.studio-client .frame-settings>div{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-client .modal:has(.settings-layout){width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.studio-client .modal .settings-layout{height:min(680px,100dvh - 90px)}.studio-client .modal .settings-content{min-height:0;padding:18px 16px 60px;overflow:auto}.studio-client .settings-page input,.studio-client .settings-page select,.studio-client .settings-page textarea{font-size:16px}}.studio-client :is(.quick-profile-cover,.member-popover-cover){animation:.45s cubic-bezier(.2,.7,.2,1) both profile-cover-reveal}@keyframes profile-cover-reveal{0%{clip-path:inset(0 0 22% round 14px)}to{clip-path:inset(0 round 14px)}}.studio-client .profile-entrance{z-index:5;pointer-events:none;border-radius:inherit;height:225px;animation:1.9s forwards profile-effect-finish;position:absolute;top:0;left:0;right:0;overflow:hidden}.studio-client .profile-entrance.profile-entrance-art{height:100%;animation:3s forwards profile-art-finish}.studio-client .profile-entrance.effect-dark-moon-crows{animation-duration:4.2s}.studio-client .profile-entrance-art>img{object-fit:fill;width:100%;height:100%;display:block}@keyframes profile-art-finish{0%,92%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}.studio-client .profile-effect-settings{border-top:1px solid var(--border);padding:24px 0}.studio-client .profile-effect-settings>p,.studio-client .profile-effect-settings>small{color:var(--muted);font-size:12px}.studio-client .profile-effect-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:16px 0;display:grid}.studio-client .profile-effect-options button{text-align:left;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:8px;font-size:11px;display:flex}.studio-client .profile-effect-options button.active{outline:2px solid var(--accent)}.studio-client .profile-effect-options strong{overflow-wrap:anywhere}.studio-client .effect-thumb{background:var(--sidebar-bg);height:98px;color:var(--accent);border-radius:10px;place-items:center;font-size:25px;display:grid;overflow:hidden}.studio-client .effect-thumb img{object-fit:contain;width:100%;height:100%}.studio-client .profile-effect-preview{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:16px;flex-direction:column;gap:8px;width:min(260px,100%);min-height:260px;margin:16px 0;padding:90px 16px 16px;display:flex;position:relative;overflow:hidden}.studio-client .profile-effect-preview-cover{background:var(--surface-raised);height:80px;position:absolute;inset:0 0 auto}.studio-client .profile-effect-preview .avatar,.studio-client .profile-effect-preview>strong,.studio-client .profile-effect-preview>small,.studio-client .profile-effect-preview>button{position:relative}.studio-client .profile-effect-preview>button{z-index:6;margin-top:auto}.studio-client .profile-entrance-glow{opacity:0;background:radial-gradient(at 35% 15%,#b8fffca8 0%,#8078ee70 20%,#0000 58%);animation:1.6s ease-out forwards profile-effect-glow;position:absolute;inset:-30%}.studio-client .profile-entrance-sweep{filter:blur(7px);opacity:0;background:linear-gradient(90deg,#0000,#fff9,#0000);width:22%;height:220%;animation:1.35s ease-out forwards profile-effect-sweep;position:absolute;top:-70%;left:-45%;transform:rotate(25deg)}.studio-client .profile-spark{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:#eaffff;width:7px;height:7px;animation:1.4s ease-out forwards profile-effect-spark;position:absolute;box-shadow:0 0 10px #aaf4ff,0 0 22px #a88cff}.studio-client .spark-0{animation-delay:50ms;top:21%;left:12%}.studio-client .spark-1{animation-delay:.22s;top:48%;left:28%}.studio-client .spark-2{animation-delay:.14s;top:14%;left:48%}.studio-client .spark-3{animation-delay:.29s;top:37%;left:68%}.studio-client .spark-4{animation-delay:.1s;top:19%;left:88%}.studio-client .spark-5{animation-delay:.32s;top:65%;left:80%}.studio-client .spark-6{animation-delay:.38s;top:72%;left:39%}.studio-client .spark-7{animation-delay:.25s;top:70%;left:8%}@keyframes profile-effect-glow{0%{opacity:0;transform:scale(.7)}25%{opacity:.8}to{opacity:0;transform:scale(1.3)}}@keyframes profile-effect-sweep{0%{opacity:0;left:-45%}20%{opacity:.7}80%{opacity:.4}to{opacity:0;left:125%}}@keyframes profile-effect-spark{0%{opacity:0;transform:scale(.1)translateY(10px)}30%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(.3)translateY(-18px)}}@keyframes profile-effect-finish{0%,75%{visibility:visible}to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.studio-client .profile-entrance{display:none}}html.studio-client[data-motion=reduced] .profile-entrance{display:none}.studio-client .member-moderation>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.studio-client .member-moderation button{white-space:normal;padding:10px;font-size:11px;line-height:1.4}.studio-client .server-requests article{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 0;display:flex}.studio-client .server-requests strong{flex:1}.studio-client .join-policy{background:var(--sidebar-bg);border-radius:16px;margin-bottom:20px;padding:20px}.studio-client .join-policy label{gap:10px;font-size:12px;display:grid}.studio-client .random-match{margin-bottom:22px}.studio-client .game-emojis{margin:0 0 18px;position:relative}.studio-client .game-emojis>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.studio-client .game-emojis button{width:38px;height:38px;padding:6px;font-size:21px}.studio-client .game-emojis img{object-fit:contain;width:30px;height:30px}.studio-client .game-emoji-reactions{pointer-events:none;z-index:4;gap:12px;display:flex;position:absolute;bottom:48px;right:10px}.studio-client .game-emoji-reactions>span{background:var(--surface);border:1px solid var(--border);border-radius:20px;justify-items:center;padding:12px;font-size:36px;animation:.3s ease-out profile-rise;display:grid}.studio-client .game-emoji-reactions small{color:var(--muted);font-size:10px}.studio-client .profile-game-activity{background:var(--sidebar-bg);border-radius:13px;gap:10px;margin:16px 0;padding:16px;display:grid}.studio-client .profile-game-activity small,.studio-client .profile-game-activity time{color:var(--muted);font-size:11px}.studio-client .custom-palette h3{margin:0 0 8px}.studio-client .custom-palette p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.7}.studio-client .custom-palette input[type=color]{cursor:pointer;border-radius:12px;height:46px;padding:5px}.studio-client .custom-palette button{font-size:12px}.studio-client .server-creator .creator-heading h3{margin:9px 0;font-size:19px}.studio-client .server-creator .creator-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.studio-client .server-creator .template-workbench{grid-template-columns:minmax(0,1fr) 250px;gap:18px;margin:22px 0}.studio-client .server-creator .template-list{grid-template-columns:1fr 1fr;gap:10px}.studio-client .server-creator .template-list>button{border-radius:16px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;min-height:100px;padding:14px;display:grid;position:relative}.studio-client .server-creator .template-list>button>svg:last-child{width:13px;position:absolute;bottom:10px;right:10px}.studio-client .server-creator .template-list strong{font-size:12px;line-height:1.4}.studio-client .server-creator .template-list small{padding-right:8px;font-size:10px;line-height:1.6}.studio-client .server-creator .template-preview{border-radius:18px;margin:0;padding:20px}.studio-client .creator-details{background:var(--sidebar-bg);border-radius:20px;margin-bottom:18px;padding:22px}.studio-client .creator-details>h3{margin:0 0 8px;font-size:16px}.studio-client .creator-details>p{color:var(--muted);margin:0 0 20px;font-size:12px}.studio-client .creator-details form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;display:grid}.studio-client .creator-details .field{grid-column:1/-1;margin:0}.studio-client .creator-details input:not([type=checkbox]){min-height:46px;padding:12px 14px}.studio-client .creator-details textarea{height:68px;min-height:68px;padding:12px 14px}.studio-client .creator-details .check-field{border:0;gap:10px;margin:0;padding:8px 0}.studio-client .creator-details .check-field input{order:0}.studio-client .creator-details .check-field label{flex:0 auto;font-size:12px}.studio-client .creator-details .form-submit{min-width:145px;margin:0;padding:12px 18px}.studio-client .join-existing{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:18px;padding:0}.studio-client .join-existing>summary{cursor:pointer;align-items:center;gap:13px;padding:17px 20px;font-size:13px;list-style:none;display:flex}.studio-client .join-existing>summary::-webkit-details-marker{display:none}.studio-client .creator-join-icon{background:var(--accent-subtle);width:38px;height:38px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.studio-client .join-existing>summary>span:nth-child(2){gap:5px;display:grid}.studio-client .join-existing small{color:var(--muted);font-size:11px;font-weight:400}.studio-client .join-existing>summary>svg{color:var(--muted);margin-left:auto}.studio-client .join-existing>form{padding:0 20px 20px}@media (width<=760px){.studio-client .server-creator .template-workbench{grid-template-columns:1fr}.studio-client .server-creator .template-preview{display:none}.studio-client .server-creator .template-list>button{min-height:100px}.studio-client .creator-details{padding:18px}.studio-client .creator-details form{grid-template-columns:1fr}.studio-client .creator-details .form-submit{width:100%}.studio-client .private-call-banner{top:110px;right:16px}.studio-client .private-call-banner.active{bottom:12px;right:16px}.studio-client .desktop-update-badge{min-width:30px}.studio-client .desktop-update-badge span{display:none}.studio-client .header-call-status{width:24px}.studio-client .channel-elapsed{font-size:9px}}.studio-client .category-empty{color:var(--muted);padding:9px 12px;font-size:11px;line-height:1.6;display:block}.studio-client .profile-identity-editor{background:var(--sidebar-bg);border-radius:20px;margin:22px 0 28px;overflow:hidden}.studio-client .profile-identity-editor .profile-banner-editor{margin:0;position:relative}.studio-client .profile-identity-editor .profile-banner{border-radius:0}.studio-client .profile-identity-editor .profile-image-actions{margin:0;position:absolute;top:14px;right:14px}.studio-client .profile-identity-editor .profile-image-actions button{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14151be8}.studio-client .profile-identity-editor .avatar-editor{border:0;gap:18px;margin:0;padding:22px}.studio-client .profile-identity-editor .avatar-editor>.avatar{outline:6px solid var(--sidebar-bg);flex-shrink:0;align-self:flex-start;margin-top:-50px;position:relative}.studio-client .profile-identity-editor:has(.banner-crop) .avatar-editor>.avatar{margin-top:0}.studio-client .profile-identity-editor .avatar-editor h3{margin:0;font-size:14px}.studio-client .profile-identity-editor .avatar-editor p{margin:7px 0 12px;font-size:11px}.studio-client .profile-identity-editor .avatar-editor button{font-size:11px}.studio-client .share-link-field{border:1px solid var(--input-border);background:var(--input);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.studio-client .share-link-field input{background:0 0;border:0;flex:1;min-width:0;padding:12px 0}.studio-client button:hover{background:var(--surface-hover)}.studio-client .primary:not(:disabled):hover{background:var(--accent-hover);color:var(--on-accent);box-shadow:0 4px 16px #b5a1ff20}.studio-client :is(.personal-nav button,.personal-dm,.channel-item,.voice-member,.member-item,.command-results button):hover{background:var(--surface-raised);color:var(--text)}.studio-client .personal-nav button.active:hover{background:var(--accent-subtle);color:var(--accent-text)}.studio-client :is(.icon-button,.topbar-actions>.icon-button){width:36px;height:36px;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:7px}.studio-client .user-dock-info{text-align:left;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:7px;display:flex}.studio-client .user-dock>.icon-button{flex-shrink:0}.studio-client .user-dock-info>span:last-child{min-width:0}.studio-client .user-dock-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-client .personal-extra-nav{border-top:1px solid var(--border);padding-top:16px}.studio-client .personal-sidebar .list-label{letter-spacing:1px;color:var(--muted);margin:26px 0 12px;padding:0 12px;font-size:10px}.studio-client .personal-dm{margin:3px 0}.studio-client .personal-nav svg{stroke-width:1.7px}.studio-client .workspace-brand img{border-radius:11px}.studio-client .settings-page .settings-user-identity{padding:6px 12px 25px}.studio-client .settings-page-header>button span{font-size:12px}.studio-client .modal:has(.settings-layout){width:min(960px,100vw - 32px);padding:0;overflow:hidden}.studio-client .modal:has(.settings-layout)>header{border-bottom:1px solid var(--border);margin:0;padding:22px 26px;position:relative;top:0}.studio-client .modal .settings-layout{grid-template-columns:200px minmax(0,1fr);height:min(680px,72dvh)}.studio-client .modal .settings-nav{background:var(--sidebar-bg);border:0;gap:6px;padding:22px 12px}.studio-client .modal .settings-nav>button{box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:13px;padding:12px;font-size:12px}.studio-client .modal .settings-nav>button.active{background:var(--accent-subtle);color:var(--accent-text)}.studio-client .modal .settings-content{background:var(--surface);padding:28px 30px}.studio-client .settings-content h3{letter-spacing:-.4px;margin:0 0 24px}.studio-client .settings-content .form-submit{margin-top:8px}.studio-client .permission-subjects{background:var(--sidebar-bg);border-radius:16px;padding:10px}.studio-client .permission-subjects button{box-shadow:none;border:0;border-radius:11px}.studio-client .permission-options{background:var(--input);border-radius:11px;padding:3px}.studio-client .permission-options button{border:0;border-radius:8px}.studio-client .home-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.studio-client .home-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.studio-client .home-intro .home-add-friend{flex-shrink:0;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.studio-client .home-shortcuts{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;display:grid}.studio-client .home-shortcuts>button{text-align:left;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:18px;align-items:center;gap:14px;padding:19px;display:flex}.studio-client .home-shortcuts>button:hover{border-color:var(--input-border);background:var(--sidebar-bg);transform:translateY(-2px)}.studio-client .shortcut-icon{background:var(--accent-subtle);width:46px;height:46px;color:var(--accent-text);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.studio-client .shortcut-icon.games-shortcut{color:#a8dccc;background:#8dd9c51c}.studio-client .home-shortcuts>button>span:nth-child(2){gap:7px;min-width:0;display:grid}.studio-client .home-shortcuts strong{font-size:13px;font-weight:550}.studio-client .home-shortcuts small{color:var(--muted);font-size:11px}.studio-client .home-shortcuts>button>svg{color:var(--muted);flex-shrink:0;margin-left:auto}.studio-client .home-friends-section{background:var(--sidebar-bg);border-radius:20px;padding:22px}.studio-client .home-list-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.studio-client .home-list-heading h2{margin:0;font-size:17px;font-weight:550}.studio-client .home-list-heading>span{color:var(--muted);margin-left:auto;font-size:11px}.studio-client .home-friend-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-client .home-search input{min-width:0;box-shadow:none;background:0 0;border:0;padding:10px 0;font-size:12px}.studio-client .home-search:focus-within{outline:2px solid var(--accent-border);outline-offset:2px}.studio-client .home-search input:focus-visible{outline:0}.studio-client .home-friend-list{margin-top:14px}.studio-client .home-friend:hover{background:var(--surface)}.studio-client .home-friend-profile{box-shadow:none}.studio-client .home-empty-art{justify-content:center;align-items:center;gap:15px;margin:8px 0 24px;display:flex}.studio-client .home-empty-art>span{width:46px;height:46px;color:var(--muted);background:var(--surface-raised);border-radius:16px;place-items:center;display:grid;transform:rotate(-12deg)}.studio-client .home-empty-art>span:nth-child(2){width:76px;height:76px;color:var(--accent-text);background:var(--accent-subtle);border-radius:26px;transform:rotate(0)}.studio-client .home-empty-art>span:last-child{transform:rotate(12deg)}.studio-client .home-activity>header{align-items:center;gap:10px;margin-bottom:22px;display:flex}.studio-client .home-activity>header p{color:var(--muted);margin:0;font-size:11px}.studio-client .activity-heading-icon{background:var(--accent-faint);width:36px;height:36px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.studio-client .activity-count{color:var(--muted);margin-left:auto;font-size:11px}.studio-client .activity-empty{text-align:center;background:0 0;border:0;justify-items:center;gap:14px;padding:28px 4px 12px;display:grid}.studio-client .activity-empty>svg{color:var(--muted)}.studio-client .activity-empty strong{color:var(--text-soft);font-size:13px;font-weight:500}.studio-client .activity-empty p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.studio-client .friend-activity{background:var(--surface);border:0;border-radius:16px;padding:16px}.studio-client .share-link{gap:12px;display:grid}.studio-client .share-link>div{flex-wrap:wrap;gap:8px;display:flex}.studio-client .game-invite-panel{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:20px;gap:16px;max-width:650px;margin-top:20px;padding:22px;animation:.2s ease-out menu-enter;display:grid;position:relative}.studio-client .game-invite-panel>button{position:absolute;top:12px;right:12px}.studio-client .game-invite-panel h3{margin:0;padding-right:30px;font-size:17px}.studio-client .game-invite-panel p{color:var(--muted);font-size:12px}.studio-client .catalog-art{isolation:isolate;position:relative}.studio-client .catalog-art:before{content:"";z-index:-1;border:1px solid #ffffff17;border-radius:34px;width:110px;height:110px;transition:transform .35s;position:absolute;transform:rotate(-18deg)}.studio-client .catalog-game:hover .catalog-art:before{transform:rotate(8deg)scale(1.1)}.studio-client :is(.profile-banner,.profile-preview-card,.update-hero,.verification-card){border-radius:20px}.studio-client .verification-note{background:#c99d5820;border-radius:15px}.studio-client *{scrollbar-color:#565665 transparent}.studio-client ::-webkit-scrollbar-thumb{background:#565665;border-radius:8px}@media (width<=1200px){.studio-client .home-page{grid-template-columns:minmax(0,1fr)}.studio-client .home-activity{border:0;margin:0;display:block}.studio-client .home-activity .activity-empty{text-align:left;grid-template-columns:30px 1fr;justify-items:start;padding:12px}.studio-client .home-activity .activity-empty p{grid-column:2}}@media (width<=760px){.studio-client .workspace-sidebar{padding:0 8px 8px}.studio-client .home-page{gap:20px;padding:22px 16px}.studio-client .home-main{padding:0}.studio-client .home-intro{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:22px}.studio-client .home-intro h1{font-size:25px}.studio-client .home-shortcuts{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.studio-client .home-shortcuts>button{padding:15px}.studio-client .home-friends-section{padding:16px}.studio-client .home-search{flex:1;width:140px}.studio-client .home-empty{margin:26px auto 8px}.studio-client .home-activity{padding:18px}.studio-client .modal .settings-layout{flex-direction:column;height:min(680px,75dvh);display:flex}.studio-client .modal .settings-nav{flex-direction:row;flex-shrink:0;padding:10px 12px;overflow-x:auto}.studio-client .modal .settings-nav .settings-identity{display:none}.studio-client .modal .settings-content{padding:22px}.studio-client .settings-page-header>button span{display:none}.studio-client .settings-split{gap:0;margin-bottom:0;padding:0}.studio-client .account-settings-content{border-radius:20px 20px 0 0}.studio-client .main-panel{border-radius:20px 20px 0 0;margin:0}}.studio-client .call-mini{background:#232428}.studio-client .call-mini strong{color:#85ddb0}html.studio-client.desktop-client .landing-header{-webkit-app-region:drag}html.studio-client.desktop-client .auth-layout:before{content:"";-webkit-app-region:drag;height:24px;position:fixed;top:0;left:0;right:150px}@media (width<=600px){.studio-client .server-creator .template-list{grid-template-columns:1fr}.studio-client .server-creator .template-list>button{grid-template-columns:30px minmax(0,1fr);min-height:74px;padding:14px}.studio-client .server-creator .template-list small{padding-right:12px}}.studio-client .mobile-settings-picker,.studio-client .mobile-preview-toggle{display:none}@media (width<=760px){.studio-client .settings-page{background:var(--bg);height:100dvh;padding-top:env(safe-area-inset-top)}.studio-client .settings-page-header{border-bottom:1px solid var(--border);min-height:64px;padding:0 18px}.studio-client .settings-page-header>span b{font-size:16px;font-weight:700}.studio-client .settings-page-header>button{border:1px solid var(--border);border-radius:14px;justify-content:center;width:42px;height:42px;padding:0}.studio-client .settings-split{flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.studio-client .settings-split>.tabs{display:none}.studio-client .mobile-settings-picker{color:var(--muted);flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;font-size:12px;font-weight:650;display:flex}.studio-client .mobile-settings-picker span{white-space:nowrap}.studio-client .mobile-settings-picker select{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:12px;flex:1;padding:0 13px;font-size:16px}.studio-client .account-settings-content{padding:24px 18px calc(36px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:22px 22px 0 0}.studio-client .account-settings-content h2{font-size:23px;line-height:1.25}.studio-client .profile-editor{flex-direction:column;gap:18px;display:flex}.studio-client .profile-editor-main{width:100%;min-width:0}.studio-client .profile-live-preview{order:-1;width:100%;max-width:none;display:none}.studio-client .mobile-preview-open .profile-live-preview{display:block}.studio-client .profile-live-preview .profile-preview-card{width:100%;max-width:none}.studio-client .mobile-preview-toggle{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface-raised);border-radius:12px;justify-content:center;align-items:center;margin:2px 0 18px;padding:0 15px;font-weight:650;display:inline-flex}.studio-client .profile-identity-editor{border-radius:18px;overflow:hidden}.studio-client .profile-banner-editor .profile-banner{min-height:120px}.studio-client .profile-field-pair{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.studio-client .profile-editor .field input,.studio-client .profile-editor .field select,.studio-client .profile-editor .field textarea{width:100%;min-width:0}.studio-client .banner-gallery-heading{align-items:stretch}.studio-client .banner-gallery-heading label,.studio-client .banner-gallery-heading input{width:100%;max-width:none}.studio-client .banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-client .banner-filters{flex-wrap:nowrap;max-width:100%;padding-bottom:7px;display:flex;overflow-x:auto}.studio-client .banner-filters button{flex:none}.studio-client .profile-save{z-index:4;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;position:sticky;bottom:0;box-shadow:0 -6px 24px #0003}.studio-client .profile-popover{border-radius:22px;width:auto;max-height:min(82dvh,680px);left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;top:auto!important}.studio-client .settings-page>.server-settings,.studio-client .settings-page>.settings-layout,.studio-client .platform-layout{gap:0;padding:0}.studio-client .settings-page .settings-content,.studio-client .platform-main{padding:22px 18px calc(40px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.analytics-consent{z-index:9999;color:#f4f7fa;background:#202832;border:1px solid #536173;border-radius:16px;width:min(420px,100vw - 40px);padding:20px;position:fixed;bottom:20px;left:20px;box-shadow:0 14px 50px #0008}.analytics-consent strong{font-size:16px}.analytics-consent p{color:#d3dce4;font-size:13px;line-height:1.5}.analytics-consent div{gap:10px;display:flex}.analytics-consent button{border-radius:9px;padding:10px 16px}.analytics-consent a{color:#b9d8f0;margin-top:12px;font-size:12px;display:inline-block}.studio-client .word-lobby{width:100%;max-width:1500px;margin:auto}.studio-client .word-lobby-back{color:var(--muted);background:0 0;align-items:center;gap:8px;margin-bottom:18px;padding:6px 0;display:flex}.studio-client .word-lobby-hero{background:radial-gradient(circle at 80% 20%,#4b5b77,#263448 45%,#1c2738);border:1px solid #43536a;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;min-height:220px;padding:32px 36px;display:flex;overflow:hidden}.studio-client .word-lobby-eyebrow{letter-spacing:.14em;color:#b0d9d3;font-size:10px;font-weight:800}.studio-client .word-lobby-hero h1{color:#f5f7fa;margin:12px 0;font-size:clamp(27px,4vw,40px)}.studio-client .word-lobby-hero p{color:#d0dbe5;max-width:480px;font-size:14px;line-height:1.6}.studio-client .word-lobby-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.studio-client .word-lobby-meta span{color:#d8e4ef;background:#ffffff12;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.studio-client .word-lobby-illustration{flex:none;grid-template-columns:1fr 1fr;gap:9px;width:260px;display:grid;transform:rotate(7deg)}.studio-client .word-lobby-illustration span{color:#293344;background:#e8e0cc;border-radius:10px;place-items:center;min-height:68px;font-size:12px;font-weight:800;display:grid;box-shadow:0 5px #a09683}.studio-client .word-lobby-illustration span:nth-child(2){color:#112a3a;background:#75b6d7;box-shadow:0 5px #4982a4}.studio-client .word-lobby-illustration span:nth-child(3){color:#3a2023;background:#df9390;box-shadow:0 5px #a45c60}.studio-client .word-lobby-actions,.studio-client .word-lobby-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 15px;display:flex}.studio-client .word-lobby-actions h2,.studio-client .word-lobby-list-heading h2{margin:0 0 5px;font-size:19px}.studio-client .word-lobby-actions p,.studio-client .word-lobby-list-heading p{color:var(--muted);margin:0;font-size:12px}.studio-client .word-lobby-actions button{align-items:center;gap:8px;display:flex}.studio-client .word-lobby-create,.studio-client .word-lobby-invite{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:14px;padding:18px;display:flex}.studio-client .word-lobby-create h3{margin:0 0 5px}.studio-client .word-lobby-create p{color:var(--muted);margin:0;font-size:12px}.studio-client .word-lobby-create .field{flex:1;min-width:200px}.studio-client .word-lobby-form-buttons{gap:8px;display:flex}.studio-client .word-lobby-invite{align-items:center}.studio-client .word-lobby-invite>div{gap:4px;display:grid}.studio-client .word-lobby-invite span{color:var(--muted);font-size:11px}.studio-client .word-lobby-invite input{flex:1;min-width:180px}.studio-client .word-lobby-list-heading input{max-width:240px}.studio-client .word-lobby-list-heading h2 span{color:var(--muted);font-size:12px}.studio-client .word-lobby-rooms{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.studio-client .word-lobby-room{text-align:left;border:1px solid var(--border);background:var(--sidebar-bg);border-radius:14px;align-items:center;gap:13px;padding:17px;transition:transform .18s,border-color .18s;display:flex}.studio-client .word-lobby-room:hover{border-color:var(--accent);transform:translateY(-2px)}.studio-client .word-lobby-room>span:nth-child(2){gap:5px;min-width:0;display:grid}.studio-client .word-lobby-room small{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.studio-client .word-lobby-room>svg{flex:none;margin-left:auto}.studio-client .word-lobby-room-icon{color:#b9e7da;background:#354657;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.studio-client .word-lobby-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:16px;justify-items:center;gap:8px;padding:36px;display:grid}.studio-client .word-lobby-empty strong{color:var(--text)}.studio-client .word-lobby-empty span{font-size:12px}@media (width<=650px){.studio-client .word-lobby-hero{min-height:0;padding:24px}.studio-client .word-lobby-illustration{display:none}.studio-client .word-lobby-actions button{justify-content:center;width:100%}.studio-client .word-lobby-list-heading input{width:100%;max-width:none}.studio-client .word-lobby-invite input,.studio-client .word-lobby-invite button{width:100%}.studio-client .word-lobby-rooms{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.studio-client .word-lobby-room{transition:none}}