.game-servers{max-width:1300px;margin:0 auto;padding:6px 4px 20px}.gameserver-intro{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.gameserver-intro h3{margin:0 0 8px;font-size:22px}.gameserver-intro p,.gameserver-update{color:#b5b0a8;font-size:13px}.gameserver-update{white-space:nowrap}.gameserver-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px;display:grid}.gameserver-card{background:#292724;border:1px solid #45413c;border-radius:18px;max-width:540px;overflow:hidden}.gameserver-art{aspect-ratio:460/215;color:#b8a78b;background:linear-gradient(135deg,#23403c,#342844);justify-content:center;align-items:center;display:flex;position:relative}.gameserver-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gameserver-status{color:#d3cec6;background:#23211fee;border:1px solid #5a5651;border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.gameserver-status i{background:#a29a90;border-radius:50%;width:7px;height:7px}.gameserver-status.online i{background:#64cf9e;box-shadow:0 0 8px #64cf9e66}.gameserver-status.online{color:#a8edcc}.gameserver-info{padding:20px}.gameserver-info h3{margin:6px 0 16px;font-size:23px}.gameserver-players{align-items:center;gap:8px;display:flex}.gameserver-address{color:#b5b0a8;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;font-size:13px}.gameserver-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.gameserver-actions button{justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.gameserver-warning{color:#d9c8aa;background:#b8a78b12;border:1px solid #b8a78b55;border-radius:10px;padding:12px}.gameserver-nav{justify-content:flex-start;align-items:center;gap:9px;margin:8px 14px 0;display:flex}.gameserver-nav svg{flex-shrink:0}@media (width<=700px){.gameserver-intro{margin-bottom:16px;display:block}.gameserver-update{margin-top:10px;display:block}.gameserver-info{padding:16px}.gameserver-nav{min-height:32px;margin:4px 10px;font-size:13px}.gameserver-actions button{flex:1}}.main-pane-content>.game-servers{grid-column:1/-1;width:100%;min-width:0;min-height:0;overflow:auto}.soundboard-panel{background:#22211f;border:1px solid #45413c;border-radius:22px;flex-direction:column;flex:0 0 330px;gap:12px;width:330px;min-width:280px;min-height:0;padding:14px;display:flex;overflow-y:auto}.soundboard-panel header,.soundboard-panel h3{align-items:center;gap:8px;margin:0;display:flex}.soundboard-panel header{justify-content:space-between}.soundboard-panel p,.soundboard-panel small{color:#b5b0a8;margin:0;font-size:12px}.soundboard-panel h4{color:#b8a78b;margin:0 0 8px;font-size:12px}.soundboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.soundboard-pad{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:96px;padding:10px;display:flex}.soundboard-pad strong{overflow-wrap:anywhere;font-size:12px}.soundboard-pad:active{transform:scale(.96)}.soundboard-edit{justify-content:flex-end;gap:4px;margin-top:4px;display:flex}.soundboard-edit button{min-height:24px;padding:5px}.soundboard-volume{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.soundboard-volume input{width:100%}.soundboard-panel .adhs-button,.soundboard-panel .adhs-button:hover{color:#fff;text-shadow:0 1px 3px #000;background:linear-gradient(110deg,#8c174d,#6034aa,#155a8c,#21683b,#805312,#8c174d) 0 0/400% 100%;border:1px solid #eab6ff;border-radius:13px;flex:1 0;min-height:54px;margin-top:0;font-size:17px;font-weight:800;animation:7s linear infinite soundboard-rainbow;box-shadow:0 0 12px #bf60b455}.adhs-button:disabled{opacity:.5;animation-play-state:paused}@keyframes soundboard-rainbow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.soundboard-panel .adhs-button,.soundboard-panel .adhs-button:hover{animation:none}}@media (width<=980px){.soundboard-panel{flex:100%;width:100%}}.direct-chat{position:relative}.direct-soundboard{z-index:12;max-width:calc(100% - 20px);display:flex;position:absolute;top:80px;bottom:10px;right:10px}.direct-soundboard .soundboard-panel{box-shadow:0 12px 40px #0006}.soundboard-panel .soundboard-pad{background:#35322f;border:1px solid #45413c;gap:5px;min-height:76px;padding:8px}.soundboard-grid h4{color:#b8a78b;margin:0;font-size:12px}.soundboard-pad svg{width:20px;height:20px}.soundboard-panel .soundboard-edit button{background:#35322f;border:1px solid #45413c;border-radius:6px}.soundboard-adhs-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.soundboard-panel .soundboard-auto-switch{width:24px;height:32px;min-height:32px;box-shadow:none;background:0 0;border:0;flex-shrink:0;padding:2px 4px}.soundboard-auto-switch span{box-sizing:border-box;background:#35322f;border:1px solid #686159;border-radius:8px;width:16px;height:28px;display:block;position:relative}.soundboard-auto-switch span:after{content:"";background:#b5b0a8;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:2px}.soundboard-auto-switch[aria-checked=true] span{background:#785090}.soundboard-auto-switch[aria-checked=true] span:after{background:#fff;top:2px}.soundboard-auto-switch:focus-visible{outline-offset:2px;outline:1px solid #eab6ff}.soundboard-header-actions{gap:4px;display:flex}.soundboard-header-actions [aria-pressed=true]{color:#eab6ff;border-color:#b8a78b}.soundboard-slot{position:relative}.soundboard-slot.editing .soundboard-pad{opacity:.35}.soundboard-slot .soundboard-edit{pointer-events:none;justify-content:center;align-items:center;margin:0;position:absolute;inset:0}.soundboard-slot .soundboard-edit button{pointer-events:auto}.soundboard-auto-column{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:32px;display:flex}.soundboard-countdown{color:#b5b0a8;font-variant-numeric:tabular-nums;font-size:10px}@font-face{font-family:Edu QLD Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/edu-qld-hand-400-normal.ttf)format("truetype")}@font-face{font-family:Edu QLD Hand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/edu-qld-hand-700-normal.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/open-sans-400-italic.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/open-sans-700-italic.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/open-sans-400-normal.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/open-sans-700-normal.ttf)format("truetype")}@font-face{font-family:Libre Caslon Condensed;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/libre-caslon-condensed-400-italic.ttf)format("truetype")}@font-face{font-family:Libre Caslon Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/libre-caslon-condensed-700-italic.ttf)format("truetype")}@font-face{font-family:Libre Caslon Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/libre-caslon-condensed-400-normal.ttf)format("truetype")}@font-face{font-family:Libre Caslon Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/libre-caslon-condensed-700-normal.ttf)format("truetype")}@font-face{font-family:Black Ops One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/black-ops-one-400-normal.ttf)format("truetype")}@font-face{font-family:Fjalla One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fjalla-one-400-normal.ttf)format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orbitron-400-normal.ttf)format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orbitron-700-normal.ttf)format("truetype")}@font-face{font-family:Eagle Lake;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eagle-lake-400-normal.ttf)format("truetype")}@font-face{font-family:Delicious Handrawn;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/delicious-handrawn-400-normal.ttf)format("truetype")}.name-font-picker{position:relative}.name-font-picker>button{justify-content:space-between;align-items:center;width:100%;min-height:44px;font-size:18px;display:flex}.name-font-options{z-index:30;background:#302e2c;border:1px solid #625c53;border-radius:8px;max-height:300px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0008}.name-font-options>button{text-align:left;width:100%;min-height:42px;margin:0;font-size:18px;display:block}.name-font-options>button[aria-selected=true]{border-color:#b8a78b}.chat-image-preview{background:var(--surface,#302e2c);cursor:zoom-in;border-radius:10px;width:fit-content;max-width:min(320px,100%);margin:6px 0;padding:0;display:block;overflow:hidden}.chat-image-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:200px;display:block}.chat-image-preview span{padding:18px;display:block}.chat-image-dialog{box-sizing:border-box;color:#f6f3ee;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(10px,3vw,32px);position:fixed;inset:0;overflow:hidden}.chat-image-dialog::backdrop{background:#0f0e0de6}.chat-image-card{background:#22211f;border:1px solid #514c43;border-radius:14px;flex-direction:column;height:100%;min-height:0;padding:12px;display:flex}.chat-image-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-image-card header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-image-tools{gap:6px;padding:8px 0;display:flex}.chat-image-tools [aria-pressed=true]{border-color:#b8a78b}.chat-image-view{flex:1;min-width:0;min-height:0;overflow:auto}.chat-image-view img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.chat-image-view.actual img{width:auto;height:auto}.chat-gallery{min-width:0;max-width:min(480px,100%)}.chat-gallery.multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0;display:grid}.chat-gallery.multiple .chat-image-preview{aspect-ratio:4/3;width:100%;min-width:0;max-width:none;height:auto;margin:0;position:relative}.chat-gallery.multiple .chat-image-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chat-image-tools{flex-wrap:wrap;align-items:center}.chat-image-count{text-align:center;min-width:38px;font-size:12px}.chat-image-tools a{color:inherit;font-size:12px}.link-preview{border:1px solid var(--border,#48443f);background:var(--panel,#292725);border-radius:12px;width:100%;max-width:520px;margin:12px 0;overflow:hidden}.link-preview>a{color:inherit;overflow-wrap:anywhere;flex-direction:column;gap:7px;padding:14px;text-decoration:none;display:flex}.link-preview small,.link-preview p{opacity:.75}.link-preview p{margin:0;font-size:13px}.link-preview iframe,.link-video{aspect-ratio:16/9;border:0;width:100%;min-height:200px;display:block}.link-video{cursor:pointer;background:#171615;border-radius:0;padding:0;position:relative}.link-video img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.link-video span{color:#fff;background:#171615dc;border-radius:8px;padding:12px 18px;position:relative}.link-note{padding:0 14px 12px;display:block}.user-dock{z-index:35;background:var(--surface);border-radius:0 0 22px 22px;flex-shrink:0;min-width:0;position:relative}.dock-profile-text{text-align:left;flex:1;min-width:0}.dock-profile-text button{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;padding:2px 0;display:block;overflow:hidden}.dock-profile-text strong{font-size:12px}.dock-profile-text .dock-presence{color:var(--muted);font-size:11px}.user-dock .user-bar{gap:8px;padding:12px 10px}.user-dock .user-bar>.icon{flex-shrink:0;width:28px;min-width:28px;padding:4px}.header-invite{white-space:nowrap;align-items:center;gap:7px;display:flex}.header-invite span{font-size:12px}@media (width<=720px){.header-invite span{display:none}}.current-call{border-top:1px solid var(--border);padding:12px}.current-call-target{text-align:left;align-items:center;gap:9px;width:100%;min-width:0;padding:4px 2px;display:flex}.current-call-target>span:last-child{min-width:0}.current-call-target strong,.current-call-target small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.current-call-target strong{font-size:12px}.current-call-target small{color:var(--muted);margin-top:3px;font-size:11px}.current-call.active strong{color:#80c5a5}.dock-voice-buttons{gap:6px;margin-top:9px;display:flex}.dock-voice-buttons button{background:var(--hover);border-radius:9px;flex:1}.dock-voice-buttons .off{color:#cd8585}.dock-voice-buttons button:disabled{opacity:.35}.dock-avatar{border-radius:11px;flex-shrink:0;position:relative}.dock-status{background:#76bd9b;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.dock-avatar>.dock-status{border:2px solid var(--surface);width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.dock-status.idle{background:#d6b571}.dock-status.dnd{background:#d88080}.dock-status-menu{z-index:1600;border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;box-shadow:0 12px 35px #0008}.dock-status-menu>strong{color:var(--muted);padding:8px;font-size:12px;display:block}.dock-status-menu button{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 9px;display:flex}.dock-status-menu button[aria-checked=true]{background:var(--hover)}.direct-layout{grid-template-rows:minmax(0,1fr) auto}.direct-layout>.direct-sidebar{grid-area:1/1;overflow:auto}.direct-layout>.direct-chat{grid-area:1/2/3}.direct-layout>.user-dock{border:1px solid var(--border);border-radius:18px;grid-area:2/1;overflow:visible}.direct-layout>.user-dock .user-bar{border-radius:0 0 18px 18px}@media (width<=720px){.direct-layout>.direct-chat{grid-area:1/1}.direct-layout>.user-dock{grid-area:2/1}.direct-layout .current-call{align-items:center;gap:8px;padding:8px 12px;display:flex}.direct-layout .dock-voice-buttons{flex-shrink:0;margin:0}.direct-layout .user-bar{padding:9px 12px}.direct-layout .current-call-target{flex:1}}.app-header .transfer-launcher{flex-shrink:0;position:relative;inset:auto}.header-invite{flex-shrink:0}.dock-status.invisible{background:#858585}.category-heading{width:100%;color:var(--muted);text-align:left;align-items:center;gap:8px;padding:14px 8px 6px;font-size:12px;font-weight:700;display:flex}.auth-page.auth-compact{background:radial-gradient(at 35% 20%,#b8a78b12,#0000 60%),#191817;justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;display:flex}.auth-compact .auth-form{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(100%,480px);min-height:0;padding:36px}.auth-compact .login-brand{margin-bottom:36px}.auth-compact .auth-form-inner{width:100%;max-width:none}.auth-compact .auth-form h2{margin-bottom:28px}.auth-compact .auth-form>small,.auth-compact .auth-footer{text-align:center;margin-top:28px;position:static}@media (width<=520px){.auth-compact .auth-form{padding:24px}.auth-page.auth-compact{align-items:flex-start;padding-top:40px}}.channel-notices{position:relative}.channel-notices summary{cursor:pointer;background:var(--hover);border-radius:9px;padding:9px;list-style:none}.channel-notices>div{border:1px solid var(--border);background:var(--surface);z-index:180;border-radius:15px;width:280px;padding:16px;position:absolute;top:42px;right:0;box-shadow:0 12px 40px #0007}.channel-notices select{width:100%;margin-top:10px}.channel-notices p{color:var(--muted);font-size:12px}.auth-compact .auth-foot{text-align:center;color:var(--muted);margin-top:30px;font-size:11px;display:block;position:static}.account-row,.account-confirm{border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:16px}.account-row small{margin-top:6px;display:block}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-row p{overflow-wrap:anywhere}.account-confirm{background:var(--surface)}.gaming-backgrounds{margin:20px 0}.gaming-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gaming-background-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;padding:0;transition:transform .16s,border-color .16s;overflow:hidden}.gaming-background-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.gaming-background-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gaming-background-card img,.current-profile-background img{aspect-ratio:3;object-fit:cover;width:100%;height:auto;display:block}.gaming-background-card>span{padding:12px;display:block}.gaming-background-card strong,.gaming-background-card small{display:block}.gaming-background-card small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}.current-profile-background{border:1px solid var(--border);border-radius:14px;margin:0 0 16px;overflow:hidden}.current-profile-background figcaption{color:var(--muted);padding:9px 12px;font-size:12px}@media (width<=560px){.gaming-background-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gaming-background-card{transition:none}.gaming-background-card:hover:not(:disabled){transform:none}}.voice-controls{flex-wrap:wrap}.screen-quality-control{min-width:0;max-width:270px}.screen-quality-control select{width:100%;font-size:12px}@media (width<=900px){.screen-quality-control{max-width:100%}}.splash-app{display:contents}.startup-splash{z-index:10000;background:var(--bg,#211f1c);color:var(--text,#ecebe7);opacity:1;place-items:center;transition:opacity .28s ease-in-out;display:grid;position:fixed;inset:0}.startup-splash.fading{opacity:0}.startup-splash .brand{font-size:clamp(32px,6vw,48px)}.startup-splash .brand-mark{border-radius:19px;width:64px;height:64px;margin-right:16px}.startup-splash .brand-mark svg{width:39px;height:39px}@media (prefers-reduced-motion:reduce){.startup-splash{transition:none}}html[data-reduced=true] .startup-splash{transition:none}.auth-screen{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(100%,460px);padding:32px}.auth-card form{gap:16px;display:grid}.auth-card h1{margin:24px 0 16px;font-size:24px}.ringtone-settings{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.ringtone-settings>button{margin-bottom:16px}.direct-rail-button{position:relative}.direct-dot{background:#f35c69;border:2px solid #242225;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:3px}.direct-open>.channel-sidebar,.direct-open>.workspace-main{display:none}.direct-layout{grid-area:2/2/auto/-1;grid-template-columns:260px minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.direct-sidebar,.direct-chat{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;min-height:0;overflow:hidden}.direct-sidebar{flex-direction:column;padding:18px 12px;display:flex}.direct-title{justify-content:space-between;align-items:center;display:flex}.direct-title h2{font-size:19px}.direct-sidebar>p{margin:12px 0;font-size:12px}.direct-conversations{flex:1;overflow:auto}.direct-person{background:linear-gradient(#17191dbb, #17191dbb), var(--profile-banner);width:100%;color:var(--text);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.direct-person.selected{border-color:var(--accent)}.direct-person>span:not(.avatar){flex:1;min-width:0}.direct-person strong,.direct-person small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.direct-person small{opacity:.75;margin-top:4px;font-size:11px}.direct-unread{color:#fff;background:#b72e43;border-radius:20px;padding:3px 6px;font-size:11px}.direct-push{border-top:1px solid var(--border);padding-top:12px}.direct-push .secondary{align-items:center;gap:8px;width:100%;font-size:11px;display:flex}.direct-push small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.direct-chat{flex-direction:column;display:flex}.direct-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.direct-header>div{flex:1;min-width:0}.direct-header small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.direct-header .secondary{gap:5px;font-size:11px;display:flex}.direct-messages{flex-direction:column;flex:1;align-items:flex-start;gap:14px;min-height:0;padding:22px;display:flex;overflow:auto}.direct-message{border:1px solid var(--border);background:var(--surface2);border-radius:16px;max-width:min(78%,700px);padding:12px 16px}.direct-message.own{background:color-mix(in srgb, var(--accent) 15%, var(--surface2));align-self:flex-end}.direct-message strong{font-size:12px}.direct-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.direct-message time{color:var(--muted);font-size:10px}.direct-composer{border-top:1px solid var(--border);gap:10px;padding:16px;display:flex}.direct-composer textarea{resize:vertical;flex:1;min-height:65px;max-height:180px}.direct-error{color:#ffb1b1;padding:10px 20px}.direct-empty{text-align:center;color:var(--muted);margin:auto;padding:25px}.direct-empty h2{color:var(--text);margin-top:12px}.mini-message{float:right;align-items:center;gap:6px;margin-top:-20px;font-size:12px;display:flex}@media (width<=720px){.direct-layout{grid-column:1/-1;grid-template-columns:1fr}.direct-layout.has-conversation .direct-sidebar,.direct-layout:not(.has-conversation) .direct-chat{display:none}.direct-header{flex-wrap:wrap;gap:8px;padding:12px}.direct-header>div{min-width:110px}.direct-message{max-width:90%}.direct-messages{padding:12px}}.reaction-bar{flex-wrap:wrap;align-items:center;gap:5px;margin:7px 0;display:flex;position:relative}.reaction-bar button{background:var(--surface,#302e2a);border:1px solid #ffffff20;border-radius:12px;padding:3px 8px;font-size:13px}.reaction-bar button.mine{border-color:var(--accent,#b8a78b);background:#b8a78b30}.reaction-picker{background:#242320;border:1px solid #777;border-radius:12px;flex-wrap:wrap;gap:3px;max-width:260px;padding:8px;display:flex}.reaction-picker button{font-size:20px}.group-person{border-bottom:1px solid #ffffff18;align-items:center;gap:10px;padding:10px;display:flex}.group-person span{flex:1}.group-person input[type=checkbox]{width:auto}.private-gifs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:50vh;display:grid;overflow:auto}.private-attachment{flex-direction:column;gap:8px;display:flex}.private-attachment img{object-fit:contain;border-radius:12px;max-width:min(100%,380px);max-height:280px}.private-attachment a{overflow-wrap:anywhere}.private-tools{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;width:100%;display:flex}.direct-composer{flex-wrap:wrap}.private-tools button{padding:6px 10px}.direct-header{flex-wrap:wrap;gap:8px}.direct-header>div{min-width:100px}.private-call{border-bottom:1px solid #ffffff25;max-height:45vh;padding:12px;overflow:auto}.private-videos{flex-wrap:wrap;gap:10px;display:flex}.private-videos>div{background:#ffffff09;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:100px;min-height:90px;display:flex}.private-videos video{object-fit:contain;width:100%;max-height:200px}.call-avatar{color:#211f1c;background:#b8a78b;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.private-call-controls{flex-wrap:wrap;gap:7px;display:flex}.incoming-call{z-index:1200;background:#2c2a26;border:1px solid #b8a78b;border-radius:18px;flex-wrap:wrap;gap:10px;max-width:380px;padding:18px;display:flex;position:fixed;top:85px;right:20px;box-shadow:0 10px 50px #0008}.incoming-call strong{width:100%}.private-call-return{z-index:100;background:#5c594b;border-radius:14px;padding:12px;position:fixed;bottom:85px;right:20px}@media (width<=700px){.direct-header button{font-size:12px}.private-gifs{grid-template-columns:1fr}.incoming-call{top:70px;left:12px;right:12px}.private-call{max-height:40vh}}.direct-person>span.call-avatar{flex:0 0 38px;width:38px;min-width:38px}.private-call-controls button,.private-tools>button,.group-person button,.incoming-call button{background:#ffffff0b;border:1px solid #fff2;border-radius:10px;padding:8px 12px}.private-call-controls .danger{background:#b4424230;border-color:#b4424260}.private-shares video{object-fit:contain;width:100%;max-height:260px}@keyframes transfer-in{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:none}}@keyframes transfer-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes transfer-pulse{50%{box-shadow:0 0 0 5px #b8a78b18}}.transfer-launcher{z-index:160;width:34px;height:34px;color:var(--text,#eee);background:#ffffff0a;border-radius:11px;justify-content:center;align-items:center;display:flex;position:fixed;top:27px;right:62px}.transfer-launcher.active{animation:2s ease-in-out infinite transfer-pulse}.transfer-launcher b{background:var(--accent,#b8a78b);color:#211f1c;border-radius:8px;padding:1px 4px;font-size:10px;position:absolute;top:-3px;right:-4px}.transfer-center{z-index:1500;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#24231fee;border:1px solid #ffffff25;border-radius:24px;flex-direction:column;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);animation:.22s ease-out transfer-in;display:flex;position:fixed;top:76px;right:20px;overflow:hidden;box-shadow:0 24px 80px #0008}.transfer-center>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.transfer-center h2{margin:3px 0;font-size:20px}.transfer-list{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.transfer-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:17px;padding:16px;animation:.2s ease-out transfer-in}.transfer-file{align-items:center;gap:12px;display:flex}.transfer-kind{color:#c9bc9e;background:#b8a78b16;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.transfer-file>div{flex:1;min-width:0}.transfer-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.transfer-file small{color:#aaa69c;margin-top:4px;font-size:11px;display:block}.transfer-track{background:#ffffff12;border-radius:5px;height:5px;margin:17px 0 8px;overflow:hidden}.transfer-track i{background:linear-gradient(90deg,#92876c,#d1c19a);border-radius:5px;height:100%;transition:width .28s;display:block;position:relative;overflow:hidden}.running .transfer-track i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff60,#0000);animation:1.7s linear infinite transfer-shine;position:absolute;inset:0}.complete .transfer-track i{background:#6bb991}.transfer-check{color:#6bb991}.transfer-numbers{font-variant-numeric:tabular-nums;color:#aaa69c;justify-content:space-between;font-size:11px;display:flex}.transfer-actions{gap:8px;margin-top:12px;display:flex}.transfer-actions button{background:#ffffff09;border:1px solid #ffffff16;border-radius:9px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:flex}.transfer-error{color:#d7b7a2;margin:9px 0 0;font-size:11px;line-height:1.5}.transfer-center>footer{color:#aaa69c;border-top:1px solid #ffffff12;align-items:center;gap:9px;padding:14px 20px;font-size:10px;line-height:1.5;display:flex}.transfer-center>footer span{flex:1}.transfer-empty{text-align:center;color:#aaa69c;padding:35px 15px}.transfer-empty svg{margin:auto}button,.workspace-button,.channel-button,.direct-person{transition:background-color .16s,border-color .16s,box-shadow .16s,opacity .16s}button:active:not(:disabled){transform:translateY(1px)}dialog[open],.modal,.mini-profile,.incoming-call{animation:.18s ease-out transfer-in}.direct-message,.message{animation:.16s ease-out transfer-in}.private-videos>div{transition:background-color .2s}.reaction-bar button{transition:background-color .15s,border-color .15s,transform .15s}.reaction-bar button:active{transform:scale(.93)}.app-header .server-status{margin-right:40px}@media (width<=700px){.transfer-launcher{width:30px;height:30px;top:10px;right:48px}.transfer-center{max-height:calc(100dvh - 76px);top:60px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101216;--surface:#131519;--surface2:#17191e;--surface3:#22252c;--input:#1c1f25;--hover:#292d35;--border:#2a2d34;--text:#e9ecef;--muted:#8e96a3;--accent:#a3ed77;--accent-hover:#b8fa91;--accent-ink:#1b2b13;--accent-tint:#a3ed7711;--danger:#f18b8b}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface2:#f9fafb;--surface3:#e9edf1;--input:#fff;--hover:#e1e7ec;--border:#dce2e8;--text:#172127;--muted:#5f707a;--accent:#377b26;--accent-hover:#468e34;--accent-ink:#fff;--accent-tint:#377b2612;--danger:#ba3636}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .15s,color .15s,transform .15s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h2{letter-spacing:-.5px;font-size:20px}h3{font-size:16px}small{color:var(--muted);font-size:12px}strong{font-weight:600}svg{flex-shrink:0}hr{border:0;border-top:1px solid var(--border);margin:26px 0}input:not([type=checkbox]):not([type=range]),select,textarea{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:8px;min-height:44px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}textarea{resize:vertical;min-height:76px}::placeholder{color:var(--muted)}.primary,.secondary{border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--surface3);border:1px solid var(--border)}.secondary:hover:not(:disabled){background:var(--hover)}.full{width:100%}.icon{min-width:32px;min-height:32px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:6px;display:inline-flex}.icon:hover,.icon.selected{color:var(--text);background:var(--hover)}.text-button{color:var(--muted);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:13px;display:inline-flex}.text-button:hover{color:var(--text);background:var(--hover)}.brand{color:var(--text);letter-spacing:-.8px;white-space:nowrap;align-items:center;font-size:22px;font-weight:750;display:inline-flex}.brand-light{font-weight:450}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:11px;font-weight:650;display:block}.field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.field>label{font-size:13px;font-weight:550}.muted{color:var(--muted)}.error{color:var(--danger);background:#de55551c;border-radius:8px;margin:12px 0;padding:12px}.avatar{color:#eff3f5;outline-offset:4px;border-radius:12px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.small{border-radius:10px;width:32px;height:32px;font-size:12px}.avatar.tiny{border-radius:7px;width:22px;height:22px;font-size:9px}.avatar.large{border-radius:29px;width:88px;height:88px;font-size:28px}.avatar.speaking{outline-color:var(--accent);box-shadow:0 0 0 9px #a3ed7710}.live-dot,.offline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.offline-dot{background:var(--muted)}.tabs{border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:0 20px;display:flex}.tabs>button{color:var(--muted);border-bottom:2px solid #0000;padding:17px 0 14px;font-weight:550}.tabs>button.active{color:var(--text);border-color:var(--accent)}.tabs>button span{background:var(--surface3);border-radius:5px;margin-left:5px;padding:1px 5px;font-size:11px}.tabs>.live-dot{margin-left:auto}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto;padding:48px 26px;display:flex}.empty>svg{color:var(--accent);opacity:.6}.empty h3{color:var(--text)}.empty p{max-width:320px;font-size:14px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.auth-page{grid-template-columns:1.15fr 1fr;min-height:100dvh;display:grid}.auth-story{background:var(--surface2);border-right:1px solid var(--border);flex-direction:column;padding:42px 56px;display:flex}.auth-copy{margin:auto 0;padding:80px 0}.auth-copy .eyebrow{color:var(--accent);margin-bottom:23px}.auth-copy h1{letter-spacing:-2.5px;font-size:clamp(36px,4vw,60px);font-weight:620;line-height:1.15}.auth-copy h1 em{color:var(--accent);font-style:normal}.auth-copy p{color:var(--muted);margin-top:26px;font-size:17px;line-height:1.8}.feature-row{color:var(--muted);gap:24px;margin-top:42px;display:flex}.feature-row span{align-items:center;gap:9px;display:flex}.feature-row svg{width:18px}.private-note{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.auth-form{flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}.auth-form-inner{width:100%;max-width:380px;margin:auto}.auth-form-inner h2{letter-spacing:-1px;margin-top:14px;font-size:29px;line-height:1.2}.auth-form-inner>p{color:var(--muted);margin:14px 0 30px}.auth-form form>.primary{margin-top:22px}.auth-foot{color:var(--muted);margin-top:38px;font-size:12px}.mobile-brand{display:none}.app-shell{grid-template-rows:60px minmax(0,1fr);grid-template-columns:68px 238px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--surface);grid-column:1/-1;align-items:center;gap:20px;padding:0 24px;display:flex}.app-header .brand{font-size:21px}.app-header .brand-mark{border-radius:9px;width:30px;height:30px}.header-divider{background:var(--border);width:1px;height:20px}.header-workspace{color:var(--muted);font-size:13px}.header-spacer{flex:1}.server-status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.workspace-rail{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:18px;padding:21px 0;display:flex}.workspace-button{background:var(--surface3);border-radius:14px;width:43px;height:43px;font-weight:700;position:relative}.workspace-button.selected{background:var(--accent);color:var(--accent-ink)}.workspace-button.selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:26px;position:absolute;top:9px;left:-12px}.rail-line{background:var(--border);width:25px;height:1px}.channel-sidebar{background:var(--surface2);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.workspace-title{justify-content:space-between;align-items:center;padding:24px 20px 21px;display:flex}.workspace-title h2{text-overflow:ellipsis;max-width:160px;margin-top:5px;font-size:17px;overflow:hidden}.section-label{color:var(--muted);letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:12px 19px;font-size:10px;font-weight:650;display:flex}.channel-list{flex:1;padding:0 10px;overflow-y:auto}.channel-button{text-align:left;width:100%;min-height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;margin-bottom:3px;padding:10px;display:flex}.channel-button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-button:hover{background:var(--hover);color:var(--text)}.channel-button.active{background:var(--accent-tint);color:var(--accent)}.channel-button.connected>svg:first-child{color:var(--accent)}.channel-people{padding:3px 10px 9px 34px}.channel-people>div{color:var(--muted);align-items:center;gap:7px;padding:5px 0;font-size:12px;display:flex}.channel-people>div>span:nth-child(2){text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-note{color:var(--muted);align-items:center;gap:11px;margin:20px 18px;font-size:12px;display:flex}.sidebar-note small{opacity:.65;margin-top:2px;font-size:11px;display:block}.user-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:16px 12px;display:flex}.user-profile{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-profile>span:last-child{min-width:0}.user-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.user-profile small{color:var(--accent);font-size:11px;display:block}.workspace-main{flex-direction:column;min-width:0;min-height:0;display:flex}.channel-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;height:80px;min-height:80px;padding:16px 26px;display:flex}.channel-heading-icon{background:var(--surface3);color:var(--muted);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.channel-header h2{font-size:16px}.channel-header p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:38vw;margin-top:3px;font-size:12px;overflow:hidden}.channel-header-actions{gap:10px;margin-left:auto;display:flex}.workspace-content{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.voice-view{flex-direction:column;flex:1;min-width:0;padding:28px;display:flex;overflow:auto}.voice-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.voice-heading h2{margin-top:5px;font-size:24px}.pill{color:var(--muted);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:inline-flex}.channel-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.welcome-symbol{background:var(--accent-tint);width:94px;height:94px;color:var(--accent);border:1px solid #a3ed7720;border-radius:30px;place-items:center;margin-bottom:35px;display:grid}.channel-welcome .eyebrow{letter-spacing:1.5px;font-size:9px}.channel-welcome h1{letter-spacing:-1.4px;margin-top:9px;font-size:42px;font-weight:600}.channel-welcome p{color:var(--muted);max-width:360px;margin:12px 0 20px;font-size:14px}.preview-avatars{gap:6px;margin:0 0 12px;display:flex}.channel-welcome>.muted{font-size:12px}.channel-welcome .join{margin:25px 0 16px;padding:13px 22px}.channel-welcome>small{color:var(--muted);font-size:11px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:15px;display:grid}.participant-grid[data-count="1"]{grid-template-columns:1fr}.participant-tile{aspect-ratio:1.25;background:var(--surface2);border:1px solid var(--border);border-radius:14px;min-height:170px;transition:border-color .2s;position:relative;overflow:hidden}.participant-tile.talking{border-color:var(--accent);box-shadow:0 0 0 1px #a3ed7725}.participant-tile video{object-fit:cover;width:100%;height:100%}.tile-avatar{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding-bottom:20px;display:flex}.tile-avatar>span:last-child{color:var(--muted);font-size:11px}.tile-label{justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.has-video .tile-label{color:#fff;background:#101216c9}.tile-label small{margin-left:6px;font-size:10px}.volume-pop{color:var(--muted);background:var(--surface);border-radius:6px;font-size:12px;position:absolute;top:12px;right:12px}.volume-pop summary{cursor:pointer;padding:7px;list-style:none}.volume-pop label{width:150px;padding:8px 12px;display:block}.compact.participant-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.compact .participant-tile{aspect-ratio:1.5;min-height:130px}.compact .avatar.large{border-radius:17px;width:48px;height:48px;font-size:18px}.compact .tile-avatar>span:last-child{display:none}.room-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:25px 0;font-size:10px;display:flex}.screen-view{background:#000;border-radius:12px;margin-bottom:16px;overflow:hidden}.screen-view>video{object-fit:contain;width:100%;max-height:50vh}.screen-view>div{background:var(--surface2);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;display:flex}.screen-view>div>span{align-items:center;gap:9px;display:flex}.screen-view:fullscreen>video{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.voice-controls{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:16px 25px;display:flex}.connection-label{align-items:center;gap:10px;min-width:145px;display:flex}.connection-label strong{font-size:11px;display:block}.connection-label small{margin-top:3px;font-size:10px;display:block}.control-buttons{align-items:center;gap:7px;display:flex}.control{background:var(--surface3);width:41px;height:41px;color:var(--text);border-radius:10px;place-items:center;display:grid}.control svg{width:18px}.control:hover:not(:disabled){background:var(--hover)}.control.on{background:var(--accent-tint);color:var(--accent)}.control.off{color:var(--muted)}.control.leave{color:var(--danger);background:#ef626222;margin-left:5px}.control-divider{background:var(--border);width:1px;height:22px;margin:0 4px}.audio-settings{font-size:11px}.chat-panel{border-left:1px solid var(--border);background:var(--surface2);flex-direction:column;width:330px;min-width:290px;max-width:420px;display:flex;position:relative}.chat-panel.expanded{border-left:0;flex:1;width:auto;max-width:none}.messages{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:20px 18px;overflow-y:auto}.message{gap:10px;margin-bottom:23px;display:flex;position:relative}.message-content{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.message-meta time,.message-meta small{color:var(--muted);font-size:10px}.markdown{color:var(--text);overflow-wrap:anywhere;font-size:13px;line-height:1.65}.markdown p{margin:0 0 7px}.markdown pre{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:10px;font-size:12px;overflow:auto}.markdown code{background:var(--bg);border-radius:3px;padding:1px 3px;font-family:ui-monospace,Consolas,monospace}.markdown blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:8px 0;padding-left:10px}.markdown img{max-width:100%}.markdown table{display:block;overflow:auto}.message-actions{opacity:0;gap:6px;display:flex}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{color:var(--muted);padding:2px}.message-actions button:hover{color:var(--accent)}.reply-preview{color:var(--muted);background:var(--surface3);overflow-wrap:anywhere;border-radius:5px;align-items:center;gap:6px;margin-bottom:7px;padding:7px;font-size:11px;display:flex}.reply-preview>.icon{margin-left:auto}.composer-wrap{padding:12px 15px 18px}.composer{background:var(--input);border:1px solid var(--border);border-radius:11px;overflow:hidden}.composer textarea{resize:none;background:0 0;border:0;outline:0;min-height:69px;padding:12px;font-size:12px}.composer:focus-within{border-color:var(--accent)}.composer>div{align-items:center;gap:5px;padding:0 7px 7px;display:flex}.composer small{flex:1;font-size:9px}.send{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:7px;place-items:center;display:grid}.file-list{flex:1;padding:18px;overflow-y:auto}.file-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:7px;margin-bottom:12px;padding:12px;display:flex}.file-card strong{overflow-wrap:anywhere;font-size:12px}.file-card small{font-size:10px}.file-preview{object-fit:contain;border-radius:7px;max-width:100%;max-height:200px}.file-actions{justify-content:space-between;align-items:center;display:flex}.file-actions .text-button{padding-left:0;font-size:11px}.upload-button{margin:12px 15px 18px;font-size:12px}.upload-progress{color:var(--accent);align-items:center;gap:10px;padding:10px;font-size:11px;display:flex}.upload-progress progress{width:100%;accent-color:var(--accent)}.drop-overlay{background:var(--surface);opacity:.97;color:var(--accent);border:2px dashed var(--accent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.confirm-inline{background:var(--input);color:var(--danger);border-radius:6px;flex-wrap:wrap;gap:8px;padding:9px;font-size:11px;display:flex}.confirm-inline button{color:var(--text);text-decoration:underline}.members-panel{border-left:1px solid var(--border);background:var(--surface2);width:215px;min-width:215px;padding-top:8px;overflow-y:auto}.member-row{align-items:center;gap:10px;padding:11px 17px;display:flex}.member-row>span{flex:1;min-width:0}.member-row strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.member-row small{font-size:10px;display:block}.member-row>svg{color:var(--accent)}.member-row.offline{opacity:.45}.avatar-status{position:relative}.status{background:var(--accent);border:2px solid var(--surface2);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.status.offline{background:var(--muted)}.status.idle{background:#e9b65c}.status.dnd{background:var(--danger)}.modal{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:17px;width:min(460px,100vw - 32px);max-height:88dvh;padding:0;box-shadow:0 30px 100px #0007}.modal.wide{width:min(660px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030608b5}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:19px 24px;display:flex}.modal>header h2{font-size:18px}.modal-body{padding:24px}.modal-body>p{margin-bottom:16px}.modal-body .primary,.modal-body .secondary{margin-top:10px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:6px;padding:13px 0;font-size:13px;display:flex}.settings-tabs{gap:25px}.camera-preview{background:#000;border-radius:12px;width:100%;max-height:280px;margin-top:20px}.profile-avatar{align-items:center;gap:25px;margin-bottom:25px;display:flex}.profile-avatar label{cursor:pointer;font-size:12px}.inline-form{gap:10px;margin-bottom:20px;display:flex}.inline-form .secondary{white-space:nowrap;margin:0}.admin-row{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:14px 0;display:flex}.admin-row>div:first-child,.admin-row>strong:first-child{flex:1}.admin-row strong{font-size:13px}.admin-row small{margin-top:3px;font-size:10px;display:block}.danger-text{color:var(--danger)}.admin-member{border-bottom:1px solid var(--border);padding:17px 0}.admin-member>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-member strong{font-size:14px}.admin-member small{font-size:11px}.member-actions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;display:flex}.member-actions select{width:130px;min-height:34px;padding:6px;font-size:11px}.member-actions .text-button{padding:5px;font-size:11px}.invite-result{background:var(--accent-tint);border-radius:8px;align-items:center;gap:7px;margin-top:18px;padding:10px;display:flex}.invite-result input{font-size:12px}.audit-row{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;gap:5px;padding:14px 0;font-size:12px;display:grid}.audit-row time,.audit-row small{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.toast{z-index:1000;border:1px solid var(--border);background:var(--surface3);border-radius:11px;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:14px 17px;font-size:13px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0005}.toast button{color:var(--muted);place-items:center;display:grid}.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1700px){.chat-panel{width:380px}.participant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1250px){.app-shell{grid-template-columns:58px 210px minmax(0,1fr)}.chat-panel{width:290px;min-width:270px}.voice-view{padding:20px}.audio-settings{display:none}.voice-controls{padding:14px 18px}.members-panel{z-index:5;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0003}.participant-grid{grid-template-columns:1fr}.channel-welcome h1{font-size:35px}.voice-heading{flex-wrap:wrap}}@media (width<=980px){.auth-story{padding:36px}.auth-form{padding:35px}.app-shell{grid-template-columns:58px 190px minmax(0,1fr)}.workspace-title{padding:20px 15px}.channel-sidebar .eyebrow{font-size:9px}.chat-panel:not(.expanded){z-index:4;width:320px;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0003}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-controls{gap:10px}.connection-label{min-width:100px}.control-buttons{gap:4px}.control{width:36px;height:36px}.voice-heading h2{font-size:22px}}@media (width<=720px){.auth-page{display:block}.auth-story{display:none}.auth-form{min-height:100dvh;padding:26px}.mobile-brand{margin-bottom:45px;display:block}.auth-form-inner{max-width:400px}.app-shell{grid-template-rows:54px minmax(0,1fr);grid-template-columns:1fr}.app-header{gap:10px;padding:0 13px}.app-header .brand{font-size:18px}.header-divider,.header-workspace,.server-status,.workspace-rail{display:none}.channel-sidebar{z-index:21;width:270px;transition:transform .2s;position:fixed;top:54px;bottom:0;left:0;transform:translate(-100%)}.channel-sidebar.open{transform:translate(0)}.drawer-backdrop{z-index:20;background:#0008;position:fixed;inset:54px 0 0}.mobile-only{display:inline-flex}.workspace-main{grid-row:2}.channel-header{gap:10px;height:70px;min-height:70px;padding:12px 16px}.channel-header-actions{gap:5px}.channel-header p{max-width:40vw;font-size:10px}.channel-heading-icon{border-radius:9px;width:33px;height:33px}.channel-header h2{font-size:14px}.voice-controls{flex-direction:column;gap:8px;min-height:104px;padding:9px 12px}.connection-label{justify-content:center}.connection-label strong{font-size:10px}.connection-label small{display:none}.control-buttons{gap:9px}.control{width:42px;height:38px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.participant-tile{min-height:150px}.avatar.large{border-radius:23px;width:64px;height:64px;font-size:21px}.tile-label{padding:10px;font-size:10px}.tile-avatar>span:last-child{font-size:9px}.voice-view{padding:16px}.voice-heading{margin-bottom:16px}.voice-heading h2{font-size:20px}.voice-heading .eyebrow{font-size:9px}.chat-panel:not(.expanded){width:100%;min-width:0;max-width:none;box-shadow:none}.chat-panel.expanded{min-width:0}.members-panel{width:min(280px,90vw)}.message-actions{opacity:1}.channel-welcome{padding:25px 15px}.channel-welcome h1{font-size:36px}.channel-welcome .eyebrow{font-size:8px}.channel-welcome p{font-size:13px}.welcome-symbol{border-radius:25px;width:78px;height:78px;margin-bottom:24px}.form-grid{grid-template-columns:1fr}.modal-body{padding:20px}.settings-tabs{gap:20px;padding:0 20px}.settings-tabs>button{font-size:12px}.modal>header{padding:16px 20px}.toast{width:max-content;bottom:116px}.auth-form-inner h2{font-size:26px}.admin-member>div:first-child{flex-direction:column;align-items:flex-start}.inline-form{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-reduced=true] *,html[data-reduced=true] :before,html[data-reduced=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.markdown,.composer textarea{font-size:14px}.message-meta strong{font-size:13px}.guest-badge{margin-left:5px;font-size:10px;display:inline-block}.channel-people>div[draggable=true]{cursor:grab;flex-wrap:wrap}.guest-move{width:100%;margin:2px 0 4px;padding:3px;font-size:11px}.channel-people>div:has(.guest-move){flex-wrap:wrap}.channel-people [draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;min-height:24px;display:inline-flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;margin:14px 0;display:grid}.media-choice{border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-height:95px;padding:8px;display:flex;overflow:hidden}.media-choice img{object-fit:contain;width:100%;height:100px}.media-choice small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;margin:12px 0;display:grid}.emoji-grid button{border-radius:8px;padding:8px;font-size:25px}.emoji-grid button:hover{background:var(--hover)}.chat-media{max-width:280px;margin:6px 0}.chat-media img{object-fit:contain;border-radius:8px;max-width:100%;max-height:220px}.media-sticker img{max-width:150px;max-height:150px}.media-emoji img{max-width:56px;max-height:56px}.chat-media figcaption{overflow-wrap:anywhere;font-size:10px;line-height:1.35}.chat-media figcaption span{display:block}.media-hide{padding:2px;font-size:10px}.selected-media{align-items:start;gap:8px;max-height:160px;display:flex;overflow:auto}.selected-media img{max-height:90px}.gif-button{border:1px solid;border-radius:3px;padding:1px;font-size:10px;font-weight:800}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 22px;margin:18px 0;display:grid}.media-library{flex-direction:column;gap:8px;margin-top:18px;display:flex}.media-library-item{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.media-library-item img{object-fit:contain;width:65px;height:52px}.media-library-item span{flex:1}.media-library-item small{display:block}.context-dismiss{z-index:89;position:fixed;inset:0}.member-context{z-index:90;background:var(--surface);border:1px solid var(--border,#444);border-radius:12px;flex-direction:column;gap:3px;width:230px;padding:8px;display:flex;position:fixed;box-shadow:0 10px 40px #0008}.member-context strong{overflow-wrap:anywhere;padding:8px}.member-context button{text-align:left;border-radius:6px;padding:9px}.member-context button:hover,.member-context button:focus{background:var(--hover)}.settings-tabs{flex-wrap:nowrap;overflow-x:auto}.settings-tabs button{white-space:nowrap}@media (width<=600px){.permission-grid{grid-template-columns:1fr}.composer small{display:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal[open]{flex-direction:column;display:flex;overflow:hidden}.modal>header,.modal>.tabs{flex-shrink:0}.modal>.modal-body{min-height:0;overflow-y:auto}.member-context{z-index:120;max-height:calc(100dvh - 16px);overflow-y:auto}.context-dismiss{z-index:119}.unread-badge{background:var(--accent);color:#101510;border-radius:12px;justify-content:center;align-items:center;min-width:20px;padding:2px 6px;font-size:11px;font-weight:700;flex:none!important;display:inline-flex!important}.waiting-button{text-align:left;color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:12px 18px;display:flex}.waiting-row{border-bottom:1px solid var(--border);padding:16px 0}.waiting-row strong,.waiting-row small{display:block}.waiting-row>div{gap:12px;display:flex}.waiting-page{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px;display:flex}.waiting-page section{text-align:center;max-width:520px}.waiting-page p{color:var(--muted);margin:18px 0}.waiting-page h1{font-size:26px}.danger-zone{border:1px solid var(--danger);border-radius:12px;margin-top:24px;padding:18px}.danger-zone p{margin:12px 0}.danger-action{background:var(--danger)!important;color:#fff!important}.message.first-unread{padding-top:32px}.unread-divider{border-top:1px solid var(--accent);text-align:center;color:var(--accent);padding-top:3px;font-size:10px;position:absolute;top:5px;left:12px;right:12px}.pin-label{color:var(--accent);align-items:center;gap:4px;display:inline-flex}.chat-panel>.tabs{flex-wrap:wrap;gap:10px}.chat-panel>.tabs button{font-size:12px}.mobile-workspaces{display:none}@media (width<=720px){.mobile-workspaces{padding:12px;display:block}.mobile-workspaces label{font-size:11px}.mobile-workspaces select{width:100%;margin-top:5px}.waiting-button{padding:10px 14px}}.waiting-notice{z-index:110;max-width:min(650px,100vw - 24px);bottom:90px}.waiting-notice>span{flex:1}.waiting-notice .text-button{white-space:nowrap;color:var(--accent)}@media (width<=600px){.waiting-notice{flex-wrap:wrap}.waiting-notice>span{flex-basis:100%}}.windows-download{white-space:nowrap;flex-shrink:0;text-decoration:none}.auth-download{justify-content:center;margin:16px 0;display:flex}@media (width<=1100px){.app-header .windows-download{min-width:44px;padding:10px}.app-header .windows-download span{display:none}}.call-games{border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:12px}.call-games>strong{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hangman-word{letter-spacing:3px;overflow-wrap:anywhere;font-size:28px}.hangman-letters{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:6px;max-width:520px;display:grid}.hangman-letters button{border:1px solid var(--border);background:var(--surface3);border-radius:8px;min-height:40px}.hangman-letters button:disabled{opacity:.4}.hangman-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.uno-game{margin-top:8px}.uno-board{border:1px solid var(--border,#49433b);color:#f3e9d6;background:#22201c;border-radius:16px;margin-top:12px;padding:16px}.uno-arena{aspect-ratio:760/500;width:100%;max-width:850px;margin:8px auto 0;position:relative;container-type:inline-size}.uno-felt{background:radial-gradient(ellipse, var(--uno-table-glow,#38382f), #25241f);border:2px solid #75674f;border-radius:50%;position:absolute;inset:15% 10% 16%;box-shadow:inset 0 0 0 12px #282720,inset 0 0 0 13px #4d493d}.uno-seat{text-align:center;z-index:1;width:17.1%;font-size:clamp(8px,1.75cqw,15px);position:absolute;transform:translate(-50%,-48%)}.uno-seat-badge{background:#292722;border:1px solid #665c4c;border-radius:9px;padding:4px}.uno-seat-badge b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.uno-seat-badge small{color:#d3c6af;font-size:.82em;display:block}.uno-seat.active .uno-seat-badge{background:#4b4131;border:2px solid #ead5a9;box-shadow:0 0 16px #ead5a921}.uno-self{top:91%;left:50%}.uno-hidden-fan{pointer-events:none;height:8.2cqw;position:relative}.uno-hidden-fan img{transform-origin:50% 100%;width:24.6%;position:absolute}.uno-table-center{text-align:center;flex-direction:column;align-items:center;gap:4px;width:32%;font-size:clamp(9px,1.85cqw,15px);display:flex;position:absolute;top:30%;left:34%}.uno-table-mark{letter-spacing:.16em;color:#b8a78b;font-size:.7em}.uno-piles{justify-content:center;gap:15%;width:90%;margin:5% 0;display:flex}.uno-piles>div{width:38%;min-width:0}.uno-piles small{margin-top:8%;font-size:.74em;display:block}button.uno-card{background:0 0;border:2px solid #0000;border-radius:10px;min-height:0;padding:0;overflow:hidden}.uno-card img,img.uno-discard{width:100%;display:block}.uno-piles button.uno-card{width:100%;margin:0;transform:rotate(-5deg)}.uno-piles img.uno-discard{transform:rotate(7deg)}.uno-card:disabled{opacity:1;cursor:default}.uno-card.playable{border-color:#ead5a9;box-shadow:0 0 0 2px #ead5a92b}.uno-controls,.uno-colors{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.uno-hand{scrollbar-gutter:stable;max-height:400px;display:block;overflow:hidden auto}.uno-fan-row{height:196px;position:relative}.uno-fan-row button.uno-card{width:98px;height:137px;transform:rotate(var(--fan-angle));transform-origin:50% 80%;margin:0;transition:transform .14s;position:absolute}.uno-fan-row button.uno-card:is(:hover,:focus-visible):not(:disabled){transform:translateY(-18px) rotate(var(--fan-angle));z-index:20;outline-offset:2px;outline:2px solid #ead5a9}@media (prefers-reduced-motion:reduce){.uno-fan-row button.uno-card{transition:none}}.uno-colors{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.uno-hand{max-height:340px;padding:8px 4px;overflow-y:auto}.uno-colors{border:1px solid #b8a78b;border-radius:12px;padding:12px}.uno-color.red{color:#fff;background:#a91320}.uno-color.blue{color:#fff;background:#075491}.uno-color.green{color:#fff;background:#126441}.uno-color.yellow{color:#171717;background:#e9b720}.uno-debt{color:#f2c991;font-weight:700}.uno-rules{color:#d3c6af;margin-top:16px;font-size:12px}@media (width<=600px){.uno-board{padding:10px}}.uno-arena.crowded{aspect-ratio:760/620}.uno-arena.crowded .uno-felt{top:12%;bottom:14%}.uno-arena.crowded .uno-table-center{top:34%}.uno-arena.crowded .uno-seat{font-size:clamp(6px,1.5cqw,14px);line-height:1.2}.uno-arena.crowded .uno-seat-badge{padding:.5cqw}.uno-arena.crowded .uno-hidden-fan{height:6.5cqw}.uno-felt[data-color=red]{--uno-table-glow:#512c2b}.uno-felt[data-color=blue]{--uno-table-glow:#263e56}.uno-felt[data-color=green]{--uno-table-glow:#294435}.uno-felt[data-color=yellow]{--uno-table-glow:#51452a}.call-games{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.call-games>strong{flex-basis:100%;margin-bottom:0}.call-games>.uno-game{display:contents}.call-games>p,.call-games>.hangman-board,.call-games>.uno-game>p,.call-games>.uno-game>.uno-board,.call-games>.uno-game>.uno-detached{flex-basis:100%;order:1;min-width:0}.call-games:not(:has(.hangman-board,.uno-board,.uno-detached)){width:fit-content;max-width:100%}.uno-window{color:#eee6d9;background:#22211f;margin:0;padding:12px}.uno-window .uno-board{max-width:1200px;margin:0 auto}.uno-window .uno-hand{max-height:530px}.uno-window-controls{gap:6px;display:flex}.uno-detached{border:1px solid var(--border);border-radius:12px;grid-column:1/-1;padding:12px}.uno-detached button{margin:3px}.uno-countdown{appearance:none;color:#b8a78b;background:#45413c;border:0;border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}.uno-countdown::-webkit-progress-bar{background:#45413c}.uno-countdown::-webkit-progress-value{background:#b8a78b}.uno-countdown::-moz-progress-bar{background:#b8a78b}.uno-countdown.urgent{color:#edb16b}.uno-countdown.urgent::-webkit-progress-value{background:#edb16b}.uno-countdown.urgent::-moz-progress-bar{background:#edb16b}.uno-discard-stack{aspect-ratio:460/640;width:100%;position:relative}.uno-discard-stack img{position:absolute;inset:0}.uno-fan-row{height:calc(196px * var(--uno-card-scale,1))}.uno-fan-row button.uno-card{width:calc(98px * var(--uno-card-scale,1));height:calc(137px * var(--uno-card-scale,1))}.uno-flight{pointer-events:none;z-index:5;width:9.5%;position:absolute}.uno-window .uno-arena{max-width:clamp(320px,152vh - 790.4px,1000px)}.uno-window .uno-arena.crowded{max-width:clamp(320px,122.58vh - 637.416px,1000px)}.coop-game-pane{z-index:80;background:var(--bg,#211f1c);border:1px solid #75684f;border-radius:16px;flex-direction:column;display:flex;position:fixed;inset:5vh 3vw;overflow:hidden;box-shadow:0 20px 80px #0008}.coop-game-pane>header{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.coop-game-pane iframe{border:0;flex:1;width:100%;min-height:0}@media (width<=600px){.coop-game-pane{border-radius:0;inset:0}}:root{--bg:#171615;--surface:#22211f;--surface2:#292725;--surface3:#35322f;--input:#302e2c;--hover:#ffffff12;--border:#ffffff20;--text:#ece9e5;--muted:#b5b0a8;--accent:#b8a78b;--accent-hover:color-mix(in srgb, var(--accent), white 18%);--accent-ink:#171615;--accent-tint:color-mix(in srgb, var(--accent), transparent 86%)}body{background:radial-gradient(ellipse at 12% 10%, #63502b65, transparent 42%), radial-gradient(ellipse at 82% 92%, #75423a45, transparent 45%), var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{background:0 0;gap:10px;padding:12px}.channel-sidebar,.workspace-rail,.workspace-main,.chat-panel,.members-panel{background:color-mix(in srgb, var(--surface), transparent 18%);border:1px solid var(--border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:24px;overflow:hidden}.channel-sidebar{background:linear-gradient(145deg, #77654420, transparent 65%), color-mix(in srgb, var(--surface), transparent 20%)}.channel-button{border-radius:15px;margin:3px 0;padding-top:12px;padding-bottom:12px}.channel-button>svg,.workspace-title>svg{box-sizing:content-box;color:var(--text);background:#ffffff18;border-radius:50%;padding:8px}.channel-button.active{color:var(--text);background:#ffffff17}.channel-button:hover{background:#ffffff0c}.workspace-title{padding-top:22px;padding-bottom:22px}.section-label{letter-spacing:0;text-transform:none;color:var(--muted)}.user-bar,.voice-controls,.app-header,.chat-panel>.tabs{background:color-mix(in srgb, var(--surface), transparent 15%);border-color:var(--border)}.participant-tile,.screen-view,.channel-welcome .welcome-symbol{background:linear-gradient(145deg, #ffffff08, transparent), var(--surface2);border-radius:24px}.modal{background:color-mix(in srgb, var(--surface), transparent 5%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:26px;box-shadow:0 28px 90px #0008}.modal>.tabs{flex-wrap:wrap;flex-shrink:0}.tabs button{border-radius:12px 12px 0 0}.primary,.secondary,input,select,textarea{border-radius:12px}.primary{box-shadow:inset 0 1px #ffffff30}.guest-move-menu{position:relative}.guest-move-menu summary{cursor:pointer;background:#ffffff12;border-radius:50%;padding:5px;list-style:none}.guest-move-menu[open]{background:var(--surface2);border-radius:12px;padding:6px}.guest-move-menu select{max-width:170px}.connection-details{font-size:12px;position:relative}.connection-details summary{cursor:pointer;color:var(--muted)}.connection-details>div{z-index:30;border:1px solid var(--border);background:var(--surface2);border-radius:20px;width:285px;padding:20px;position:absolute;bottom:32px;left:0;box-shadow:0 15px 45px #0007}.connection-details p{margin:10px 0}.connection-details small{color:var(--muted);display:block}.search-results article{border-bottom:1px solid var(--border);padding:14px 0}.search-results time{color:var(--muted);font-size:12px;display:block}.search-results p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-row small{display:block}.admin-row{gap:12px}.volume-pop summary{cursor:pointer;list-style:none}.volume-pop[open]{background:var(--surface2);border-radius:12px;padding:10px}html[data-density=compact] .channel-button,html[data-density=compact] .message{padding-top:5px;padding-bottom:5px}html[data-glass=false] .channel-sidebar,html[data-glass=false] .workspace-rail,html[data-glass=false] .workspace-main,html[data-glass=false] .chat-panel,html[data-glass=false] .members-panel{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=light]{--surface:#fff;--surface2:#f1eeea;--surface3:#e5e0d9;--bg:#e6e2dd;--input:#fff;--text:#292722;--muted:#686056;--border:#342d2325;--hover:#342d2310;--accent-ink:#171615}html[data-theme=light] .channel-button.active{background:#342d2314}@media (width<=980px){.app-shell{gap:0;padding:0}.channel-sidebar,.workspace-rail,.workspace-main,.chat-panel,.members-panel{border-radius:0}.connection-details>div{left:auto;right:-80px}.voice-controls{flex-wrap:wrap}.modal{max-width:calc(100vw - 20px)}.channel-button{padding-top:8px;padding-bottom:8px}}.guest-move-menu summary{place-items:center;width:28px;height:28px;display:grid}.guest-move-menu{margin-left:auto}[data-profile-theme=aurora]{--profile-banner:radial-gradient(ellipse at 10% 20%, #75efc970, transparent 55%), linear-gradient(120deg, #134844, #325182 55%, #593d85)}[data-profile-theme=nebula]{--profile-banner:radial-gradient(circle at 75% 25%, #f482fb85, transparent 32%), radial-gradient(ellipse at 12% 65%, #4da7df70, transparent 60%), linear-gradient(125deg, #151438, #703989)}[data-profile-theme=ocean]{--profile-banner:radial-gradient(ellipse at 80% 0%, #9ff1eb65, transparent 60%), linear-gradient(130deg, #0b243d, #136c87, #193955)}[data-profile-theme=ember]{--profile-banner:radial-gradient(ellipse at 80% 30%, #efb27675, transparent 50%), linear-gradient(135deg, #372335, #933e4c, #c57c4e)}[data-profile-theme=forest]{--profile-banner:radial-gradient(ellipse at 15% 10%, #c1d89c70, transparent 55%), linear-gradient(135deg, #14362c, #437052, #25392c)}[data-profile-theme=mono]{--profile-banner:linear-gradient(125deg, #17191d, #666974 55%, #292c35)}.member-row[data-profile-theme]{background:linear-gradient(#17191dba, #17191dba), var(--profile-banner);border:1px solid #ffffff0b;border-radius:13px;margin:4px 8px;padding:8px}.member-profile-trigger{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.member-profile-trigger>span{flex:1;min-width:0}.member-profile-trigger strong,.member-profile-trigger small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-profile-trigger small{color:var(--muted);font-size:11px}.member-profile-trigger .member-last-online{white-space:normal;line-height:1.35}.member-profile-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:8px}.mini-profile{z-index:150;color:#f3f1f5;background:#202126;border:1px solid #ffffff35;border-radius:21px;width:min(330px,100vw - 24px);max-height:calc(100dvh - 24px);font-size:14px;position:fixed;overflow:auto;box-shadow:0 24px 75px #0009}.mini-banner{background:radial-gradient(circle at 15% 22%, #ffffffa6 0 1px, transparent 2px), radial-gradient(circle at 76% 40%, #ffffff80 0 1px, transparent 2px), var(--profile-banner);height:116px;position:relative}.mini-close{color:#fff;background:#16171aa6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.mini-profile-body{background:linear-gradient(#202126,#17181d);padding:0 20px 22px}.mini-avatar{width:max-content;margin-top:-37px;margin-bottom:12px;position:relative}.mini-avatar .avatar{border:5px solid #202126;border-radius:25px;width:76px;height:76px;font-size:25px}.mini-avatar>.status{border:3px solid #202126;width:18px;height:18px;position:absolute;bottom:3px;right:1px}.mini-profile h2{overflow-wrap:anywhere;margin:0;font-size:22px}.mini-profile .mini-username{color:#b8b4c0;margin:4px 0 12px}.mini-status{color:#b8b4c0;align-items:center;gap:7px;font-size:12px;display:flex}.mini-status .status{width:9px;height:9px;position:static}.mini-profile .status.online{background:#6ac69a}.mini-profile .status.idle{background:#eac371}.mini-profile .status.dnd{background:#e5838b}.mini-profile .status.offline{background:#888b94}.mini-status-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #ffffff0b;border-radius:13px;margin:12px 0;padding:11px 12px}.mini-profile section{border-top:1px solid #ffffff14;margin-top:17px;padding-top:14px}.mini-profile h3{letter-spacing:.06em;text-transform:uppercase;color:#b8b4c0;margin:0 0 9px;font-size:11px}.mini-profile section p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 12px;line-height:1.5}.mini-role{background:#ffffff08;border:1px solid #ffffff1c;border-radius:8px;margin:0 5px 3px 0;padding:5px 9px;font-size:11px;display:inline-block}.profile-theme-picker{border:0;min-width:0;margin:0 0 22px;padding:0}.profile-theme-picker legend{margin-bottom:6px;font-size:16px;font-weight:650}.profile-theme-picker p{font-size:12px}.profile-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.profile-theme-choice{text-align:left;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;padding:0;overflow:hidden}.profile-theme-choice.selected{border:2px solid var(--accent)}.theme-sample{background:var(--profile-banner);color:#fff;justify-content:space-between;align-items:flex-end;height:58px;padding:8px;display:flex}.sample-avatar{background:#232530;border:2px solid #ffffffa0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.profile-theme-choice strong{padding:9px;font-size:11px;display:block}.signup-profiles{margin:16px 0}.signup-profiles>summary{cursor:pointer;margin-bottom:12px;font-size:13px}html[data-theme=light] .member-row[data-profile-theme]{background:linear-gradient(#ffffffe0, #ffffffe0), var(--profile-banner)}@media (width<=420px){.profile-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.member-row[data-profile-theme],.channel-people>div[data-profile-theme],.user-bar[data-profile-theme],.participant-tile[data-profile-theme]{background:linear-gradient(#17191d9e, #17191dbe), var(--profile-banner);border-color:color-mix(in srgb, var(--profile-accent,#b8a78b) 40%, transparent)}.channel-people>div[data-profile-theme]{border-left:2px solid var(--profile-accent,#b8a78b);border-radius:8px;margin:4px 0;padding:5px 7px}.user-bar[data-profile-theme]{border-top:2px solid var(--profile-accent,#b8a78b)}.participant-tile[data-profile-theme]{border-width:2px}.participant-tile.talking[data-profile-theme]{border-color:var(--success,#71c995)}.mini-profile{border-color:var(--profile-accent,#b8a78b)}.mini-banner{position:relative}.mini-banner-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mini-close{z-index:1}.chat-profile-avatar,.chat-profile-name{color:inherit;text-align:left;background:0 0;border:0;padding:0}.chat-profile-avatar{flex-shrink:0;align-self:start}.chat-profile-name{font-weight:700;font-size:inherit}.chat-profile-name:hover{text-decoration:underline}.chat-profile-avatar:focus-visible,.chat-profile-name:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.profile-banner-controls{margin:18px 0}.profile-banner-controls .secondary{margin:0 8px 8px 0;display:inline-flex}[data-profile-theme=rose]{--profile-banner:linear-gradient(130deg, #482345, #bd5f88, #f3b6bc)}[data-profile-theme=sunset]{--profile-banner:linear-gradient(130deg, #39336e, #cc5972, #f6ba67)}[data-profile-theme=ice]{--profile-banner:linear-gradient(130deg, #123858, #549bad, #bddcdb)}[data-profile-theme=lava]{--profile-banner:linear-gradient(130deg, #3d172a, #b63a3d, #f7944d)}[data-profile-theme=gold]{--profile-banner:linear-gradient(130deg, #30251b, #967341, #d5bc79)}[data-profile-theme=midnight]{--profile-banner:linear-gradient(130deg, #080e29, #273b72, #705bb0)}.profile-designer{margin:16px 0 24px}.designer-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.designer-fields{border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:16px}.designer-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.designer-colors input[type=color]{width:100%;height:40px;padding:3px}.designer-colors small{margin-top:4px;font-size:11px;display:block}.designer-preview{border:1px solid var(--profile-accent);border-radius:15px;overflow:hidden}.designer-preview-banner{background:var(--profile-banner);height:95px}.designer-preview-info{background:linear-gradient(#17191dbb, #17191dbb), var(--profile-banner);color:#f3f1f5;align-items:center;gap:12px;padding:14px;display:flex}.designer-preview-info>div{min-width:0}.designer-preview-info strong,.designer-preview-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.designer-preview-info small{opacity:.8;margin-top:4px}.mini-profile[data-profile-theme=custom] .mini-banner{background:var(--profile-banner)}.poke-notice{z-index:10000;color:#e8e5df;overflow-wrap:anywhere;background:#282623;border:1px solid #b8a78b;border-radius:16px;width:min(340px,100vw - 36px);padding:16px;position:fixed;bottom:78px;right:18px;box-shadow:0 8px 30px #0006}.poke-notice>div{gap:8px;margin-top:10px;display:flex}.mini-poke{justify-content:center;align-items:center;gap:8px;width:100%;margin:10px 0;display:flex}#main-pane-host{z-index:45;pointer-events:none;grid-area:2/3;min-width:0;min-height:0}#main-pane-host:empty{display:none}.main-pane{pointer-events:auto;border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.main-pane>header{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.main-pane>header h2{margin:0;font-size:21px}.main-pane-content{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:170px minmax(0,1fr);gap:12px;min-height:0;padding:8px 16px 16px;display:grid}.main-pane-content>.settings-tabs{border:0;flex-flow:column;align-items:stretch;gap:5px;min-height:0;margin:0;padding:0;display:flex;overflow:auto}.main-pane-content>.settings-tabs>button{text-align:left;border:0;border-radius:12px;flex-shrink:0;padding:11px 12px}.main-pane-content>.modal-body{min-width:0;min-height:0;padding:8px 12px;overflow:auto}.settings-navigation-bottom{flex-direction:column;gap:10px;margin-top:auto;padding-top:25px;display:flex}.settings-navigation-bottom>button{text-align:left;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.settings-navigation-bottom>small{color:var(--muted);padding:5px 10px;font-size:11px}.logout-action{color:#ef9292}.settings-footer{grid-column:2;justify-content:flex-end;align-items:center;gap:16px;padding-top:12px;display:flex}.settings-footer small{color:var(--muted)}.release-history input{width:100%;margin:8px 0 18px;display:block}.release-history article{border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:16px}.release-history li{margin-top:7px}.pane-open .workspace-main,.pane-open .direct-chat{visibility:hidden}.workspace-manage-name{text-align:left;border:1px solid var(--border);background:var(--hover);border-radius:9px;width:100%;padding:11px}.workspace-title>div{width:100%}.workspace-title{padding-bottom:12px}.workspace-title h2{margin:0}.channel-header{height:auto;min-height:68px;padding:12px 16px}.channel-sidebar .channel-button{padding-top:8px;padding-bottom:8px}.members-panel .member-row{margin-bottom:6px;padding-top:7px;padding-bottom:7px}.dock-connection-row{align-items:flex-start;gap:4px;display:flex}.dock-connection-row>.icon{flex:0 0 28px;margin-top:2px;padding:5px}.dock-connection-row .current-call-target{flex:1}.dock-voice-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;display:grid}.dock-voice-buttons>button{width:100%;min-width:0;height:36px;padding:6px}.dock-status-menu header{justify-content:space-between;align-items:center;display:flex}.dock-status-menu header .icon{width:30px}.dock-status-menu .modal-body{padding:8px}.anchored-menu{z-index:2200;border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(340px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;position:fixed;overflow:auto;box-shadow:0 12px 32px #0007}.anchored-menu h3{margin:0 0 12px;font-size:16px}.anchored-menu p,.anchored-menu small{color:var(--muted);font-size:12px;line-height:1.5}.anchored-menu select{width:100%}.anchored-menu .primary{width:100%;margin-top:10px}.connection-metric{background:var(--hover);border-radius:8px;margin-bottom:8px;padding:8px}.connection-metric>div{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.connection-metric svg{width:100%;height:32px;display:block}.tile-tools{z-index:2;align-items:flex-start;gap:6px;display:flex;position:absolute;top:12px;right:12px}.tile-tools .volume-pop{position:relative;inset:auto}.tile-tools>button{background:#2229}.call-avatar{position:relative}.call-avatar .avatar.large{width:104px;height:104px;font-size:32px}.is-afk .call-avatar .avatar{filter:grayscale(.85);opacity:.55}.afk-badge{color:#fff;text-shadow:0 1px 4px #000;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.game-launch{position:relative;overflow:visible}.game-activity-dot{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px}.game-mute{justify-content:center;align-items:center;padding:7px;display:inline-flex}.game-mute[aria-pressed=true]{color:#e39898}.mini-profile{overflow:hidden}.mini-call{justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.mini-message{justify-content:center;width:100%}@media (width>=981px){.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){#main-pane-host{grid-area:2/1/auto/-1}.main-pane{border-radius:12px}.main-pane-content{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:8px}.main-pane-content>.settings-tabs{flex-flow:wrap;max-height:160px}.settings-navigation-bottom{flex-flow:wrap;margin:0;padding:0}.settings-navigation-bottom small{align-self:center}.settings-footer{grid-column:1}.settings-footer small{font-size:11px}.call-avatar .avatar.large{width:80px;height:80px}.direct-layout .dock-voice-buttons{min-width:190px}}.workspace-main{grid-area:2/3}.app-shell{--sidebar-width:238px}.direct-layout{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.transfer-center{width:min(420px,100vw - 24px);max-height:calc(100dvh - 100px);top:76px;bottom:auto;right:20px}.channel-notices>div{max-width:calc(100vw - 24px)}@media (width<=720px){.workspace-main{grid-area:2/1/auto/-1}.direct-layout{grid-template-columns:minmax(0,1fr)}.transfer-center{top:72px;right:12px}}.profile-design-group{border:1px solid var(--border);border-radius:14px;margin:18px 0;padding:14px}.profile-design-group>summary{cursor:pointer;font-weight:600}.microphone-preview{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:9px;margin:16px 0;padding:14px;display:flex}.microphone-preview meter{width:100%;height:14px}.microphone-preview small{color:var(--muted)}.app-shell.mini-mode{grid-template-rows:68px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;width:min(400px,100vw);margin:0 auto;padding:12px}.mini-mode .workspace-rail,.mini-mode .workspace-main,.mini-mode .workspace-title,.mini-mode .section-label,.mini-mode .mobile-workspaces,.mini-mode .channel-list [data-channel-type=TEXT]{display:none}.mini-mode .channel-sidebar{border-radius:18px;grid-area:2/1;width:auto;display:flex;position:static;transform:none}.mini-mode .app-header{border:1px solid var(--border);border-radius:16px;gap:8px;padding:10px}.mini-mode .app-header>:not(.brand):not(.mini-toggle){display:none}.mini-mode .mini-toggle{white-space:nowrap;margin-left:auto}.mini-mode .user-dock{border:1px solid var(--border);border-radius:16px;margin:8px}.mini-mode .current-call{border-top:0}.mini-mode .channel-list{padding:10px}@media (width<=1250px){.app-shell{--sidebar-width:210px}}@media (width<=980px){.app-shell{--sidebar-width:190px}}@media (width<=720px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-header{gap:6px;min-width:0;padding-inline:8px}.app-header [aria-label=Einladung\ erstellen] span,.app-header .windows-download{display:none}.app-header .mini-toggle{padding:8px;font-size:11px}}.mobile-settings-navigation{display:none}@media (width<=720px){.app-shell:not(.mini-mode){grid-template-columns:minmax(0,1fr);grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0, 1fr);height:100dvh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);gap:0}.app-shell:not(.mini-mode) .app-header{padding-top:env(safe-area-inset-top);gap:6px}.app-shell:not(.mini-mode) .app-header .mini-toggle,.app-shell .app-header .header-workspace-create,.app-shell .app-header .header-invite{display:none}.app-header .brand{flex-shrink:0;gap:4px;font-size:16px}.app-header .brand-mark{width:26px;height:26px}.app-header .icon{flex-shrink:0;width:40px;height:40px;padding:9px}.app-header .header-spacer{min-width:0}.channel-sidebar{top:calc(52px + env(safe-area-inset-top));z-index:80;width:min(310px,100vw - 36px);padding-bottom:env(safe-area-inset-bottom);background:var(--surface)}.direct-open>.channel-sidebar.open{display:flex}.drawer-backdrop{top:calc(52px + env(safe-area-inset-top));z-index:79}.drawer-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 0;display:flex}.mobile-workspace-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.mobile-workspace-actions .secondary{min-height:36px;padding:7px 8px;font-size:12px}.channel-sidebar .workspace-title{padding:8px 12px}.channel-sidebar .section-label{padding:6px 12px}.channel-sidebar .mobile-workspaces{padding:0 12px 6px}.channel-sidebar .channel-list{padding:4px 8px}.channel-sidebar .user-dock{flex-shrink:0;margin:4px 6px}.mini-mode .drawer-heading,.mini-mode .mobile-workspace-actions{display:none}.channel-header{flex-shrink:0;gap:6px;height:auto;min-height:58px;padding:8px}.channel-header>div:nth-child(2){flex:1;min-width:0}.channel-header h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-header p,.channel-heading-icon{display:none}.channel-header-actions{flex-shrink:0;gap:2px}.channel-header-actions .icon{width:38px;height:40px;padding:8px}.channel-header-actions .icon small{display:none}.workspace-content{min-width:0}.workspace-content>.soundboard-panel,.workspace-content>.members-panel{z-index:6;background:var(--surface);overscroll-behavior:contain;border-radius:18px;flex:none;width:auto;min-width:0;max-width:420px;max-height:min(70dvh,100% - 16px);margin-inline:auto;position:absolute;inset:auto 8px 8px;box-shadow:0 8px 32px #0006}.workspace-content>.members-panel{overflow-y:auto}.members-panel>.section-label{z-index:1;background:var(--surface);padding:8px;position:sticky;top:0}.soundboard-panel{gap:8px;padding:10px}.soundboard-panel>header{background:var(--surface);z-index:3;padding-block:6px;position:sticky;top:-10px}.soundboard-panel h3{font-size:16px}.soundboard-panel .soundboard-pad{gap:3px;min-height:64px}.soundboard-panel .adhs-button{min-height:44px}.direct-soundboard{z-index:6;max-width:none;max-height:min(70dvh,100% - 70px);inset:auto 8px 8px}.direct-soundboard .soundboard-panel{border-radius:18px;width:100%;min-width:0}.voice-view{padding:12px}.voice-heading{margin-bottom:12px}.voice-heading h2{font-size:18px}.voice-heading .eyebrow{display:none}.participant-tile{min-height:140px}.call-avatar .avatar.large{width:64px;height:64px;font-size:22px}.channel-welcome{padding:20px 16px}.channel-welcome h1{font-size:27px}.welcome-symbol{width:56px;height:56px;margin-bottom:16px}.chat-panel>.tabs{gap:4px;min-height:44px;padding:4px 8px}.chat-panel>.tabs button,.composer-wrap{padding:8px}.composer textarea{min-height:44px;max-height:120px;padding:10px}.composer>div{gap:4px;padding:4px 6px}.composer small{display:none}.direct-layout{grid-column:1/-1}.direct-header{gap:6px;padding:8px}.direct-header>div{flex:1;min-width:90px}.direct-header>div strong{overflow-wrap:anywhere;display:block}.direct-header>div small{white-space:normal;font-size:10px}.direct-header .secondary{min-height:36px;padding:7px 9px;font-size:12px}.direct-composer{gap:6px;padding:8px}.direct-composer textarea{resize:none;min-width:0;min-height:44px}.main-pane>header{flex-shrink:0;gap:8px;min-height:56px;padding:8px 12px}.main-pane>header h2{font-size:19px}.main-pane-content{gap:8px;padding:0 8px 8px}.main-pane-content>.settings-tabs{overscroll-behavior-x:contain;flex-wrap:nowrap;gap:4px;max-height:44px;overflow-x:auto}.main-pane-content>.settings-tabs>button{white-space:nowrap;padding:8px 10px}.main-pane-content>.personal-settings-tabs{display:none}.mobile-settings-navigation{align-items:center;gap:8px;min-width:0;display:flex}.mobile-settings-navigation select{flex:1;width:0;min-width:0;min-height:42px}.mobile-settings-navigation .icon{flex-shrink:0;width:42px;height:42px}.main-pane-content>.modal-body{overscroll-behavior:contain;padding:6px}.settings-footer{gap:8px;padding-top:0}.settings-footer small{white-space:normal;font-size:11px}.settings-footer button{flex-shrink:0}.modal,.modal.wide{width:min(520px,100vw - 24px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:16px}.modal>header{gap:8px;padding:10px 12px}.modal>header h2{font-size:17px}.modal>header .icon{flex-shrink:0}.modal-body{overflow-wrap:anywhere;padding:12px}.modal .tabs{flex-wrap:nowrap;gap:6px;padding:4px 8px;overflow-x:auto}.modal .tabs button{flex-shrink:0}.anchored-menu,.mini-profile,.transfer-center{overscroll-behavior:contain;max-height:min(70dvh,100dvh - 32px)}.mini-profile{width:min(320px,100vw - 24px);overflow-y:auto}.transfer-center{top:calc(60px + env(safe-area-inset-top))}.field{min-width:0}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;font-size:16px}.toast{white-space:normal;overflow-wrap:anywhere;max-width:calc(100vw - 24px)}}@media (width<=720px) and (height<=500px){.voice-heading{margin-bottom:6px}.channel-welcome .welcome-symbol{display:none}.channel-welcome{padding:12px}.channel-header{min-height:48px}.main-pane>header{min-height:44px}}@media (width<=720px){.mobile-conversation-actions{flex-direction:column;gap:8px;display:flex}.mobile-conversation-actions>button{text-align:left;min-height:42px}.direct-header{flex-wrap:nowrap;flex-shrink:0}.direct-header>div{min-width:0}.direct-header>.icon{flex-shrink:0;width:36px;height:40px}.direct-header>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.direct-layout>.user-dock .current-call:not(.active){display:none}.direct-layout>.user-dock .current-call.active{flex-wrap:wrap;gap:4px;padding:6px 10px}.direct-layout .dock-connection-row{flex:100%;min-width:0}.direct-layout .dock-voice-buttons{flex:1;min-width:0}.direct-layout .user-dock .user-bar{padding:6px 10px}.direct-layout .user-dock .user-bar .avatar{width:32px;height:32px}details.mobile-workspace-actions{padding-block:4px;display:block}.mobile-workspace-actions summary,.direct-push summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:12px}.mobile-workspace-actions>div{flex-wrap:wrap;gap:6px;display:flex}.direct-sidebar>.direct-title,.direct-sidebar>button,.direct-sidebar>p,.direct-sidebar>.direct-push{flex-shrink:0}.direct-sidebar .direct-conversations{flex:1 0 100px}.direct-sidebar>.direct-push{margin-top:6px}.dock-status-menu{max-height:min(65dvh,430px);overflow-y:auto}}@media (width<=720px) and (height<=500px){.channel-sidebar{overflow-y:auto}.channel-sidebar .channel-list{flex:none;overflow:visible}}@media (width<=720px){.channel-sidebar .drawer-heading{gap:4px;padding:8px 8px 4px}.drawer-heading select{text-overflow:ellipsis;flex:1;width:0;min-width:0;height:40px;padding:6px 8px}.drawer-heading .icon{flex:0 0 40px;width:40px;height:40px;padding:9px}.channel-sidebar>.workspace-title{display:none}.channel-sidebar>.mobile-workspace-actions{padding:0 12px}.channel-sidebar>.mobile-workspace-actions summary{padding:6px 0}.channel-sidebar>.section-label{flex-shrink:0;min-height:36px;padding:0 8px 0 12px}.channel-sidebar>.section-label .icon{width:36px;height:36px;padding:8px}.channel-sidebar .channel-list{overscroll-behavior:contain;min-height:0}.channel-sidebar .channel-button{min-height:44px;margin-bottom:1px;padding:6px 10px}.channel-sidebar .category-heading{padding:8px 8px 4px}.channel-sidebar .current-call:not(.active){display:none}.channel-sidebar .current-call.active{padding:6px 8px}.channel-sidebar .dock-voice-buttons{margin-top:4px}.channel-sidebar .user-bar{padding:6px 8px}.channel-sidebar .user-bar .avatar{width:32px;height:32px}}.chat-date-divider{width:100%;color:var(--muted);align-items:center;gap:12px;margin:20px 0 16px;font-size:11px;display:flex}.chat-date-divider:before,.chat-date-divider:after{content:"";background:var(--border);flex:1;height:1px}.message{margin-bottom:6px;padding-top:10px}.message.message-grouped{padding-top:0;padding-left:42px}.message-grouped .message-meta{min-height:0;margin:0}.message.message-grouped .continuation-time{width:34px;font-size:9px;position:absolute;top:3px;left:0}.continuation-time{opacity:0}:is(.message,.direct-message):hover .continuation-time,:is(.message,.direct-message):focus-within .continuation-time{opacity:1}:is(.message,.direct-message) .reaction-add{opacity:0;pointer-events:none}:is(.message,.direct-message):hover .reaction-add,:is(.message,.direct-message):focus-within .reaction-add,:is(.message,.direct-message) .reaction-open .reaction-add{opacity:1;pointer-events:auto}.message .message-actions{border:1px solid var(--border);background:var(--surface2);z-index:2;pointer-events:none;border-radius:8px;padding:3px;position:absolute;top:-17px;right:0}.message:hover .message-actions,.message:focus-within .message-actions{pointer-events:auto}.message .reaction-bar,.direct-message .reaction-bar{margin:3px 0}.direct-messages{gap:6px}.direct-message{margin-top:10px;position:relative}.direct-message.message-grouped{margin-top:0;padding-top:6px;padding-bottom:6px}.chat-file-card{box-sizing:border-box;border:1px solid var(--border);background:var(--surface2);width:100%;max-width:480px;color:var(--text);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:10px;margin:6px 0;padding:12px;text-decoration:none;display:flex}.chat-file-card span{min-width:0}.chat-file-card small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.message .link-preview,.direct-message .link-preview{background:var(--surface2);border-radius:10px;max-width:480px;margin:6px 0}@media (hover:none),(pointer:coarse){:is(.message,.direct-message) .reaction-add,.continuation-time{opacity:1;pointer-events:auto}.message .message-actions{opacity:1;pointer-events:auto;background:0 0;border:0;width:fit-content;position:static}}.chat-pending-files{flex-wrap:wrap;gap:6px;padding:8px;display:flex}.chat-pending-files span{overflow-wrap:anywhere;align-items:center;gap:5px;max-width:100%;font-size:12px;display:flex}.chat-pending-files button{padding:3px 6px}.direct-message.sticker-message{background:0 0;border-color:#0000;padding-left:0;padding-right:0}@media (hover:hover) and (pointer:fine){:is(.message,.direct-message) .reaction-bar:not(.has-reactions){height:0;margin:0}.message .reaction-bar{position:static}.message .reaction-add{z-index:3;position:absolute;top:-17px;right:112px}.direct-message .reaction-add{z-index:3;position:absolute;top:-10px;right:6px}:is(.message,.direct-message) .reaction-picker{z-index:4;position:absolute;top:15px;right:0}}.chat-panel{min-height:0}
