.password-field{display:block;position:relative}.password-field input{width:100%;padding-right:44px!important}.password-field .password-eye{color:var(--muted);background:0 0;border:0;place-items:center;padding:7px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.app-header .community-nav-button{box-shadow:none;color:var(--text);border:0;align-items:center;gap:9px;padding:8px;display:inline-flex;background:0 0!important}.app-header .community-nav-button[aria-pressed=true]{color:var(--accent,#68c5b5)}.home-clip-hub .community-clip-card .clip-duration{color:#fff;background:#101822da;border-radius:3px;width:auto;min-width:0;height:auto;min-height:0;font-family:inherit;font-weight:600;line-height:1.2;bottom:6px;right:6px;padding:2px 4px!important;font-size:10px!important}.modal.clip-viewer{width:min(1200px,94vw);max-height:94vh;height:auto!important;min-height:0!important}.modal.clip-viewer .modal-body{padding:12px;overflow:auto}.clip-viewer .public-clip-player video{object-fit:contain;max-height:72vh}.clip-viewer .modal-heading{padding:12px 16px}.clip-viewer .modal-heading h2{font-size:16px}.profile-member-since{color:var(--muted);margin-top:12px;font-size:11px;display:block}.blocks-empty{text-align:center;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;justify-items:center;gap:8px;padding:38px 24px;display:grid}.blocks-empty svg{color:var(--accent)}.blocks-empty h4{margin:6px 0}.blocks-empty p{max-width:460px;color:var(--muted);line-height:1.6}.block-settings .row{border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:14px}.account-danger{border:1px solid #e5636344;border-radius:12px;margin-top:24px;padding:18px}.account-delete-dialog{max-width:560px;height:auto!important;min-height:0!important}.account-delete-dialog form{gap:15px;display:grid}.account-delete-dialog label{gap:6px;display:grid}.voice-elapsed{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.workspace-connection-root:not(.compact-directory)>.layout{grid-template-columns:clamp(235px,20vw,285px) minmax(0,1fr)}.workspace-connection-root:not(.compact-members) .server-members{width:clamp(190px,17vw,235px)}@media (width<=1200px){.workspace-connection-root:not(.compact-directory)>.layout{grid-template-columns:235px minmax(0,1fr)}}.modal.clip-viewer{height:fit-content!important}.modal.clip-viewer .modal-body{flex:none}.client-launch-page{z-index:2147483645;background:var(--surface-base,#111a25);color:var(--text,#e6edf5);text-align:center;box-sizing:border-box;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.client-launch-page>div{max-width:500px}.client-launch-page h1{margin:24px 0 12px;font-size:28px}.client-launch-page p{color:var(--muted,#a4b4c7);line-height:1.6}.client-launch-page a{background:var(--accent,#68c5b5);color:#102023;border-radius:8px;margin-top:20px;padding:12px 22px;text-decoration:none;display:inline-block}.launch-dots{margin-left:4px;display:inline-flex}.launch-dots i{font-style:normal;animation:1.1s infinite launch-bounce}.launch-dots i:nth-child(2){animation-delay:.15s}.launch-dots i:nth-child(3){animation-delay:.3s}@keyframes launch-bounce{0%,65%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.launch-dots i{animation:none}}.product-site.public-site{color:#eff4fc;background:radial-gradient(at 90% 0,#20374766,#0000 40%),#0d1420;min-height:100dvh}.product-site>.public-nav{background:0 0;border-bottom:1px solid #ffffff12;justify-content:flex-start;align-items:center;gap:30px;width:100%;max-width:1280px;margin:0 auto;padding:22px 32px;display:flex}.product-site>.public-nav>.product-brand{color:#68c5b5;white-space:nowrap;flex:none;align-items:center;gap:12px;margin-right:15px;font-size:30px;font-weight:700;display:inline-flex}.product-site>.public-nav>.product-brand svg{width:32px;height:32px}.product-site>.public-nav>nav{flex-wrap:wrap;flex:1;align-items:center;gap:8px;margin:0;display:flex}.product-site>.public-nav>nav>a{color:#bccbdc;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex}.product-site>.public-nav>nav>a:hover,.product-site>.public-nav>nav>a[aria-current=page]{color:#9de0d3;background:#1a303c;border-color:#365b65}.product-site .website-language{color:#eff4fc;cursor:pointer;background:#142331;border:1px solid #344a5d;border-radius:8px;flex:none;align-items:center;gap:9px;margin:0;padding:9px 12px;font-size:13px;line-height:20px;display:flex;position:relative}.product-site .website-language .language-flag{border-radius:2px;width:27px;height:18px;display:block;box-shadow:0 0 0 1px #ffffff20}.website-language select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.website-language:focus-within{outline-offset:3px;outline:2px solid #68c5b5}.product-site.changelog-page>main{max-width:1080px;margin:auto;padding:54px 32px 80px}.changelog-page h1{margin:0 0 30px;font:700 clamp(40px,5vw,62px)/1.1 Barlow Condensed,sans-serif}.changelog-page article{background:#141f2e;border:1px solid #304057;border-radius:12px;margin:0 0 18px;padding:25px 28px}.changelog-page article time{color:#92b8c0;font-size:13px}.changelog-page article h2{color:#eff4fc;margin:8px 0 15px;font-size:24px;line-height:1.3}.changelog-page article li{color:#b5c4d8;margin:8px 0;padding-left:4px;line-height:1.6}.changelog-page article ul{margin:0;padding-left:20px}@media (width<=700px){.product-site>.public-nav{flex-wrap:wrap;gap:16px;padding:18px}.product-site>.public-nav>.product-brand{margin-right:auto}.product-site>.public-nav>nav{flex-basis:100%;order:3;gap:5px}.product-site>.public-nav>nav>a{padding:9px 11px}.product-site.changelog-page>main{padding:32px 18px}.changelog-page article{padding:20px}.product-site .website-language{padding:8px}}.public-nav-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-site .public-open-app{color:#10212a;white-space:nowrap;background:#65c4b3;border:1px solid #6bc9b8;border-radius:8px;padding:10px 16px;font-weight:700}.public-open-app:disabled{opacity:.65}@media (width<=700px){.public-nav-actions{justify-content:flex-end;margin-left:auto}}.product-site{--site-accent:#68c5b5;color:#eff4fc;background:radial-gradient(at 85% 12%,#20374766,#0000 34%),#0d1420;min-height:100dvh;font-family:Barlow,Segoe UI,sans-serif}.product-site *{box-sizing:border-box}.product-site a{color:inherit;text-decoration:none}.product-site button,.product-site a{touch-action:manipulation}.product-nav,.product-site main,.product-footer{max-width:1280px;margin:auto}.product-nav{border-bottom:1px solid #ffffff12;align-items:center;gap:48px;padding:24px 32px;display:flex}.product-brand{letter-spacing:1px;align-items:center;gap:12px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:700;display:inline-flex}.product-brand svg{width:34px;height:34px;color:var(--site-accent)}.product-nav nav{gap:28px;font-size:14px;font-weight:600;display:flex}.product-nav nav a:hover,.product-footer a:hover{color:var(--site-accent)}.product-open{color:#bcece2;background:#1a2a37;border:1px solid #385361;align-items:center;gap:8px;margin-left:auto;padding:10px 15px;display:flex}.product-hero{grid-template-columns:.9fr 1.25fr;align-items:center;gap:52px;padding:86px 32px 64px;display:grid}.product-eyebrow{color:var(--site-accent);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.product-eyebrow i{background:var(--site-accent);border-radius:50%;width:7px;height:7px}.product-copy h1{letter-spacing:-1px;max-width:560px;margin:20px 0 24px;font-family:Barlow Condensed,sans-serif;font-size:clamp(46px,5.2vw,76px);line-height:1.02}.product-copy p{color:#b5c4d8;max-width:470px;font-size:18px;line-height:1.7}.product-actions{flex-wrap:wrap;gap:12px;margin:30px 0 18px;display:flex}.product-primary,.product-secondary{border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-size:14px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.product-site .product-primary{background:var(--site-accent);color:#082820}.product-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.product-secondary{background:#172130;border:1px solid #3c4c61}.product-copy>small{color:#8e9fb8;font-size:13px}.product-copy>small a{color:#d5e1ef;text-underline-offset:4px;text-decoration:underline}.product-preview{background:#131d2b;border:1px solid #3a4c63;border-radius:12px;min-width:0;margin:0;animation:.6s both product-enter;position:relative;box-shadow:0 26px 65px #03071170}.product-preview-label{letter-spacing:2px;color:#92a6bf;justify-content:space-between;padding:13px 16px;font-size:9px;display:flex}.product-preview-label>span{gap:5px;display:flex}.product-preview-label i{background:#40536d;border-radius:50%;width:6px;height:6px}.product-preview-label i:first-child{background:#68c5b5}.product-preview img,.product-feature img{width:100%;height:auto;display:block}.product-preview figcaption,.product-feature figcaption{color:#8ea1bb;padding:12px 16px;font-size:11px}.product-float{color:#8ad8ce;background:#172c38;border:1px solid #3e6970;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:-23px;right:20px;box-shadow:0 8px 20px #0005}.product-float span{letter-spacing:1.3px;font-size:9px}.product-float strong{color:#eff4fc;letter-spacing:0;margin-top:4px;font-size:13px;display:block}.product-strip{background:linear-gradient(95deg,#183337,#1a2339);border:1px solid #3c5b62;border-radius:12px;align-items:center;gap:18px;margin:28px 32px;padding:22px;display:flex}.product-icon{width:44px;height:44px;color:var(--site-accent);background:#68c5b522;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.product-strip small{color:#9ddfd2;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;display:block}.product-strip strong{font-size:16px}.product-strip>span:last-child{white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.product-paths{grid-template-columns:1fr 1fr;gap:18px;padding:12px 32px 58px;display:grid}.product-paths>a{background:#151f2d;border:1px solid #2e3e54;border-radius:12px;align-items:flex-start;gap:20px;padding:28px;transition:border-color .2s;display:flex}.product-paths>a:hover{border-color:var(--site-accent)}.product-paths>a>svg:first-child{color:var(--site-accent);flex-shrink:0;margin-top:5px}.product-paths>a:nth-child(2)>svg:first-child{color:#b6a3f5}.product-paths>a>svg:last-child{color:#8398b1;flex-shrink:0;width:18px;margin-left:auto}.product-paths small{letter-spacing:1.5px;color:#95a9c2;font-size:9px}.product-paths h2{margin:8px 0 9px;font-size:23px}.product-paths p{color:#a9bad0;margin:0;font-size:14px;line-height:1.6}.product-discover{padding:20px 32px 40px;scroll-margin-top:20px}.product-discover>header{text-align:center;margin-bottom:30px}.product-discover h2{margin:12px 0;font-family:Barlow Condensed,sans-serif;font-size:44px}.product-discover header p{color:#a8bad1}.product-tabs{border:1px solid #304057;border-radius:12px 12px 0 0;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.product-tabs button{color:#9aacbf;background:#111b29;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:22px 12px;font-weight:600;display:flex}.product-tabs button[aria-selected=true]{color:#c0eee6;box-shadow:inset 0 -3px var(--site-accent);background:#25364b}.product-feature{background:#172231;border:1px solid #304057;border-top:0;border-radius:0 0 12px 12px;grid-template-columns:1.4fr 1fr;align-items:center;display:grid;overflow:hidden}.product-feature figure{background:#0e1723;min-width:0;margin:0}.product-feature>div{padding:32px}.product-feature h3{margin:16px 0;font-size:28px;line-height:1.16}.product-feature p{color:#afc0d5;font-size:15px;line-height:1.7}.product-feature ul{color:#c5d2e3;gap:12px;margin:22px 0;padding:0;font-size:13px;list-style:none;display:grid}.product-feature li{align-items:flex-start;gap:9px;display:flex}.product-feature li svg{color:var(--site-accent);flex-shrink:0}.product-feature>div>a{color:var(--site-accent);align-items:center;gap:6px;font-weight:600;display:inline-flex}.product-benefits{grid-template-columns:repeat(3,1fr);gap:36px;padding:48px 32px;display:grid}.product-benefits article{border-top:1px solid #304057;padding-top:24px}.product-benefits svg{color:var(--site-accent)}.product-benefits article:nth-child(2) svg{color:#b6a3f5}.product-benefits article:nth-child(3) svg{color:#f3c786}.product-benefits h3{font-size:23px}.product-benefits p{color:#a7b8ce;font-size:15px;line-height:1.7}.product-end{background:#18283b;border:1px solid #334761;border-radius:14px;align-items:center;gap:24px;margin:30px 32px 75px;padding:36px;display:flex}.product-end>svg{width:56px;height:56px;color:var(--site-accent);flex-shrink:0}.product-end h2{margin:0 0 8px;font-size:26px}.product-end p{color:#aebfd5;margin:0}.product-end>a{white-space:nowrap;margin-left:auto}.product-footer{border-top:1px solid #2c3b50;align-items:center;gap:28px;padding:30px 32px 45px;display:flex}.product-footer p{color:#8fa3be;font-size:12px}.product-footer nav{color:#bcc9db;gap:24px;margin-left:auto;font-size:12px;display:flex}.product-legal{max-width:820px;margin:auto;padding:65px 32px;line-height:1.8}.product-error{padding:60px 32px}.product-site :focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}@keyframes product-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=1000px){.product-hero{grid-template-columns:1fr;gap:36px;padding-top:50px}.product-copy{max-width:650px}.product-preview{max-width:800px}.product-feature{grid-template-columns:1fr}.product-strip,.product-end{flex-wrap:wrap}.product-end>a{margin-left:0}}@media (width<=600px){.product-nav{flex-wrap:wrap;gap:18px;padding:18px}.product-nav nav{order:3;justify-content:space-between;gap:12px;width:100%;font-size:13px}.product-open{font-size:12px}.product-hero{padding:40px 18px 25px}.product-copy h1{font-size:51px}.product-copy p{font-size:16px}.product-float{box-shadow:none;border:0;border-top:1px solid #3e6970;border-radius:0 0 12px 12px;position:static}.product-strip{margin:24px 18px;padding:18px}.product-strip>span:last-child{white-space:normal;margin-left:0}.product-paths{grid-template-columns:1fr;padding:0 18px 30px}.product-paths>a{padding:22px}.product-discover{padding:25px 18px}.product-tabs button{flex-direction:column;gap:8px;padding:16px 8px;font-size:11px}.product-feature>div{padding:24px}.product-benefits{grid-template-columns:1fr;gap:20px;padding:25px 18px}.product-end{margin:25px 18px 40px;padding:24px}.product-footer{flex-wrap:wrap;padding:25px 18px}.product-footer nav{flex-wrap:wrap;gap:18px;margin:0}.product-legal{padding:35px 20px}}@media (prefers-reduced-motion:reduce){.product-preview{animation:none}.product-site *{transition:none!important}}.faq-list{max-width:900px;margin:30px auto}.faq-list details{background:#142230;border:1px solid #334559;border-radius:12px;margin:12px 0;padding:20px}.faq-list summary{cursor:pointer;font-weight:600}.faq-list details p{color:#b9cadb;line-height:1.7}.obs-connection-details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.obs-connection-details summary{cursor:pointer;padding:12px 0}.tool-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;margin:14px 0;padding:20px}.tool-card p,.bot-embed p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;display:grid}.ticket-layout nav{align-content:start;gap:8px;display:grid}.ticket-layout nav button{text-align:left;gap:6px;display:grid}.ticket-history{max-height:40dvh;overflow:auto}.role-style-row{grid-template-columns:minmax(100px,1fr) 50px minmax(110px,1fr);align-items:center;gap:10px;margin:14px 0;display:grid}.role-style-row input[type=color]{width:46px;padding:4px}.role-styles{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.bot-embed{border-left:4px solid var(--accent);background:var(--surface-raised);border-radius:8px;max-width:640px;padding:18px 22px}.bot-embed small{color:var(--accent);letter-spacing:1px;font-size:10px}.bot-embed h3{margin:10px 0}.browser-heading h3{margin:0 0 10px;font-size:30px}.browser-heading p{color:var(--muted)}.browser-grid{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:16px;display:grid}.browser-card{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface-raised);border-radius:12px;flex-direction:column;align-items:stretch;padding:20px;display:flex}.browser-card>p{color:var(--muted);overflow-wrap:anywhere;flex:1;line-height:1.6}.browser-profile-link{text-align:left;border:0;justify-content:flex-start;gap:14px;padding:0;display:flex;background:0 0!important}.browser-profile-link img,.browser-logo{object-fit:cover;border-radius:14px;flex-shrink:0;width:60px;height:60px}.browser-logo{background:var(--accent-soft);color:var(--accent);place-items:center;font-size:22px;display:grid}.browser-profile-link>span:last-child{gap:6px;min-width:0;display:grid}.browser-profile-link strong{overflow-wrap:anywhere;font-size:19px}.browser-profile-link small{color:var(--muted);font-size:11px}.server-profile img{border-radius:18px}.product-hosting>header{border-bottom:1px solid #304057;align-items:center;gap:22px;max-width:1180px;margin:auto;padding:24px 32px;display:flex}.product-hosting>header .brand{align-items:center;gap:10px;margin-right:auto;display:flex}.product-hosting>header svg{width:30px;height:30px;color:var(--site-accent)}.product-hosting main{max-width:1080px;padding:60px 32px}.product-hosting h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,6vw,68px)}.product-hosting .install-system{margin:40px 0}.product-hosting .install-system nav{flex-wrap:wrap;gap:10px;display:flex}.product-hosting .install-system nav button{padding:13px 22px}.hosting-download-card{background:#172535;border:1px solid #365d72;border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px;padding:30px;display:flex}.hosting-download-card>div{flex:1;min-width:220px}.hosting-download-card h2{margin:8px 0;font-size:30px}.hosting-download-card small{letter-spacing:2px;color:var(--site-accent)}.product-hosting .install-steps{scroll-margin-top:24px}.product-hosting .install-steps>section,.product-hosting #updates,.product-hosting .hosting-flow{background:#141f2e;border:1px solid #304057;border-radius:12px;margin:18px 0;padding:26px}.product-hosting .install-command{margin:18px 0}.product-hosting pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=600px){.ticket-layout{grid-template-columns:1fr}.ticket-layout nav{max-height:180px;overflow:auto}.product-hosting main{padding:35px 18px}.product-hosting>header{flex-wrap:wrap;padding:18px}.hosting-download-card{padding:22px}.role-style-row{grid-template-columns:1fr 46px 100px}}.product-site.product-hosting{background:radial-gradient(at 90% 0,#20374766,#0000 40%),#0d1420}.product-site.product-hosting>header{background:0 0}.product-site.product-hosting main{max-width:1080px;padding:60px 32px}.product-site.product-hosting .hosting-download-card h2{margin:8px 0;font-family:Barlow Condensed,sans-serif;font-size:32px}.product-site.product-hosting .install-steps>section{background:#141f2e;border:1px solid #304057;margin:10px 0;padding:28px}.product-site.product-hosting .install-steps h2{align-items:center;gap:14px;font-size:25px;display:flex}.product-site.product-hosting .install-steps{gap:8px}.product-site.product-hosting .step-number{color:#a4f5de;background:#25514e;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:19px;display:inline-grid}.product-hosting .install-steps{opacity:1!important;transform:none!important}.product-hosting .brand-tracing .brand-base{opacity:1}@media (width<=600px){.product-site.product-hosting main{padding:35px 18px}.product-site.product-hosting .install-steps>section{padding:20px}}.role-style-row{grid-template-columns:minmax(100px,1fr) 50px minmax(90px,140px) auto}.role-style-row input,.role-style-row button{min-width:0}@media (width<=720px){.role-style-row{grid-template-columns:minmax(90px,1fr) 46px minmax(80px,1fr)}.role-style-row button{grid-column:1/-1;justify-self:end}}.server-profile>button:first-child{margin-bottom:18px;display:flex}.server-profile img{object-fit:cover}.server-profile h3{font-size:27px}.server-profile p{line-height:1.7}.bot-command-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;display:grid}.bot-command-grid button{text-align:left;border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;min-height:140px;padding:24px;display:flex}.bot-command-grid small{color:var(--accent);font-weight:600}.bot-command-grid strong{font-size:20px}.bot-command-grid span{color:var(--muted);font-size:13px}.compose-tools .bot-launcher{width:auto;min-width:50px;color:var(--accent);white-space:nowrap;padding:8px}.modal>.modal-heading{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.modal>.modal-heading:active{cursor:grabbing}.modal>.modal-heading button{cursor:pointer}.public-clip-page{color:#e9f0f7;background:radial-gradient(at 85% 5%,#17393d88,#0000 45%),#0c141e;min-height:100vh;font-family:Barlow,system-ui,sans-serif}.public-clip-main{max-width:1120px;margin:auto;padding:44px 28px}.clip-home,.clip-eyebrow{letter-spacing:.14em;color:#8bd6c7;font-size:12px}.clip-home{text-decoration:none}.public-clip-heading{justify-content:space-between;align-items:center;gap:24px;margin:32px 0 24px;display:flex}.public-clip-heading h1{overflow-wrap:anywhere;margin:10px 0;font-size:clamp(28px,5vw,48px);line-height:1.1}.public-clip-heading p,.public-clip-footer p,.clip-link-note{color:#9caec0;margin:8px 0}.public-clip-page button,.public-clip-page select,.public-clip-footer>a{color:#ecf4f8;font:inherit;cursor:pointer;background:#1b2a38;border:1px solid #344956;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.public-clip-page button:hover{background:#2b4050}.public-clip-page button:focus-visible,.public-clip-page select:focus-visible{outline-offset:3px;outline:2px solid #75d2be}.public-clip-player{background:#070c12;border:1px solid #344956;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #0006}.public-clip-player video{aspect-ratio:16/9;object-fit:contain;background:#05080d;width:100%;max-height:72vh;display:block}.public-clip-tools{background:#14212d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.public-clip-tools>div,.public-clip-tools label{align-items:center;gap:10px;font-size:14px;display:flex}.public-clip-footer{background:#12212a;border:1px solid #2b414c;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:24px;display:flex}.public-clip-footer>div{align-items:center;gap:16px;display:flex}.public-clip-footer>a{color:#0b2425;white-space:nowrap;background:#79cebb;font-weight:600}.clip-link-note{justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.clip-legal{color:#99aabd;justify-content:center;gap:24px;padding:24px;display:flex}.clip-legal a{color:inherit}.clip-unavailable{text-align:center;padding:90px 20px}.clip-unavailable a{color:#8bd6c7}.clip-share-panel{gap:16px;display:grid}.clip-share-panel input{box-sizing:border-box;width:100%}.clip-share-status{color:#9ab3c5}.clip-link-list{gap:12px;display:grid}.clip-link-card{border:1px solid var(--line,#344956);background:#1a2835;border-radius:12px;padding:16px}.clip-link-card>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clip-link-card strong{overflow-wrap:anywhere;flex:1}.clip-link-card small{color:#9ab3c5;margin:8px 0;display:block}.clip-link-card a{color:#8bd6c7}@media (width<=640px){.public-clip-main{padding:24px 16px}.public-clip-heading,.public-clip-footer{flex-direction:column;align-items:flex-start}.public-clip-tools{gap:12px;padding:12px}.public-clip-footer{padding:18px}.public-clip-heading h1{font-size:30px}}.chat-clip-embed{background:#101b27;border:1px solid #344956;border-radius:12px;flex-direction:column;gap:8px;width:560px;max-width:100%;margin:8px 0;display:flex;overflow:hidden}.chat-clip-embed video{background:#070c12;width:100%;max-height:360px;display:block}.chat-clip-embed>a,.chat-clip-embed>span{color:#9cdacb;overflow-wrap:anywhere;padding:10px 12px}.recording-tile .recording-link-tag{z-index:2;color:#78dfcb;background:#123331;border:1px solid #60c6b677;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:42px;left:12px}.recording-link-tag:focus-visible{outline-offset:2px;outline:2px solid #78dfcb}.clip-upload-menu{gap:10px;width:310px;max-width:calc(100vw - 32px);display:grid;padding:14px!important}.clip-upload-menu strong{overflow-wrap:anywhere}.clip-upload-menu input{box-sizing:border-box;width:100%;min-width:0}.clip-upload-menu small{color:#9caec0;font-size:12px}.clip-upload-menu a{color:#79cebb;gap:8px;display:flex}.clip-upload-menu progress{width:100%}.public-clip-player{position:relative}.public-clip-player:fullscreen{background:#000;justify-content:center;align-items:center;display:flex}.public-clip-player:fullscreen video{aspect-ratio:auto;height:100%;max-height:100vh}.clip-player-controls{color:#fff;background:linear-gradient(#0000,#000c 40%,#000e);padding:30px 14px 10px;position:absolute;bottom:0;left:0;right:0}.clip-player-seek{accent-color:#79cebb;cursor:pointer;width:100%;height:14px}.clip-player-buttons{align-items:center;gap:5px;display:flex}.public-clip-page .clip-player-buttons button{color:#fff;background:0 0;border:0;border-radius:7px;padding:8px}.public-clip-page .clip-player-buttons button:hover{background:#ffffff25}.clip-player-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;font-size:12px}.clip-player-options{position:relative}.clip-speed-menu{background:#14212df5;border:1px solid #344956;border-radius:12px;width:200px;padding:12px;position:absolute;bottom:48px;right:0;box-shadow:0 8px 24px #0008}.clip-speed-menu label,.clip-speed-menu>div{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.public-clip-page .clip-speed-menu select{padding:6px}.clip-speed-menu>div{margin-top:10px}@media (width<=480px){.clip-player-controls{padding:20px 6px 4px}.clip-player-buttons{gap:0}.public-clip-page .clip-player-buttons button{padding:6px}.clip-speed-menu{width:180px;padding:8px;bottom:40px}}.home-clip-hub{min-width:0}.home-clip-hub h2,.home-clip-hub small{align-items:center;gap:8px;display:flex}.home-clip-hub header>span{color:var(--muted);font-size:13px}.clip-hub-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:18px 0;display:grid}.clip-hub-grid article{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:12px;overflow:hidden}.clip-hub-grid video{aspect-ratio:16/9;background:#080d14;width:100%;display:block}.clip-hub-grid article>div{padding:12px}.clip-hub-grid a{color:var(--text);overflow-wrap:anywhere;text-decoration:none}.clip-hub-grid small{color:var(--muted);margin-top:8px}.home-clip-hub nav{justify-content:flex-end;align-items:center;gap:12px;display:flex}.clox-popover button.clip-link-menu-trigger{align-items:center;gap:12px;display:flex;padding-left:12px!important}.clox-popover button>svg:first-child{flex-shrink:0;width:16px;min-width:16px}.clip-link-menu-trigger .submenu-indicator{margin-left:auto;transform:rotate(90deg)}.home-clip-hub>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-clip-hub>header p{color:var(--muted);margin:6px 0}.home-clip-hub>header button{align-items:center;gap:8px;display:flex}.clip-hub-rail{scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;padding:16px 0;display:flex;overflow-x:auto}.clip-hub-rail .community-clip-card{scroll-snap-align:start;flex:0 0 280px}.community-clip-card{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.community-clip-card.is-previewing{border-color:#63c8bc}.community-clip-card video{aspect-ratio:16/9;object-fit:cover;background:#080d14;width:100%;display:block}.community-clip-card>div{padding:12px}.community-clip-card a{color:var(--text);text-decoration:none}.community-clip-card strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.community-clip-card small{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.clip-preview-link{display:block;position:relative}.clip-preview-play{opacity:0;background:#0002;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.clip-preview-link:hover .clip-preview-play{opacity:1}.clip-duration{color:#fff;background:#080d14cc;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;bottom:8px;right:8px}.community-clips-page{width:100%;max-width:1600px;height:100%;margin:auto;padding:28px;overflow:auto}.community-clips-page h2{font-size:32px}.community-clip-filters{flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0;display:flex}.community-clip-filters label:first-child{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.community-clip-filters label{color:var(--muted);font-size:12px}.community-clip-filters input{width:100%}.community-clips-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:45px}.community-clips-page .clip-hub-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}@media (width<=600px){.home-clip-hub>header{flex-direction:column;align-items:start}.community-clips-page{padding:16px}.clip-hub-rail .community-clip-card{flex-basis:250px}}.backend-outage-banner{z-index:90;pointer-events:none;color:#ffe7a6;background:#352c18;border:1px solid #bca052;border-radius:12px;flex-direction:column;gap:4px;width:680px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:13px;display:flex;position:fixed;top:62px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0005}.clox-popover button{align-items:center;gap:12px;display:flex}.clox-popover button .menu-action-icon{margin-right:0}.clox-popover button.clip-link-menu-trigger,.clox-popover>button{padding-left:12px!important}.clox-twitch-chat{flex-direction:column;height:100%;min-height:0;display:flex}.clox-twitch-messages{scrollbar-color:#496875 #16222f;scrollbar-width:thin;flex:1;min-height:0;padding:12px;overflow:auto}.twitch-message{border-bottom:1px solid #31415266;padding:9px 8px}.twitch-message:nth-child(2n){background:#24344444}.twitch-message-heading{align-items:center;gap:6px;min-height:23px;display:flex}.twitch-message-heading time{color:#a9bcc9;font-size:10px}.twitch-author{color:var(--accent);text-overflow:ellipsis;max-width:50%;overflow:hidden;background:0 0!important;padding:0!important;font-weight:700!important}.twitch-message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#edf2f7;padding-top:3px;line-height:1.55}.twitch-badges{align-items:center;gap:3px;display:inline-flex}.twitch-badges img{object-fit:contain;width:18px;height:18px}.twitch-emote{vertical-align:middle;height:28px}.twitch-message-actions{opacity:0;gap:2px;margin-left:auto;display:flex}.twitch-message:hover .twitch-message-actions,.twitch-message:focus-within .twitch-message-actions{opacity:1}.twitch-message-actions button{background:#293e4b;padding:4px!important}.twitch-system{color:#b8c9d5;white-space:pre-wrap;background:#263742;border-left:2px solid #6ba7a5;padding:9px;font-size:12px}.twitch-reply{color:#a4bbc9;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.twitch-message.deleted{opacity:.6;font-style:italic}.clox-twitch-chat>form{align-items:end;gap:6px;padding:10px;display:flex}.clox-twitch-chat .mention-input{flex:1;min-width:0;position:relative}.clox-twitch-chat .mention-list{z-index:2;background:#1d303e;border:1px solid #54717b;max-height:250px;position:absolute;bottom:100%;left:0;right:0;overflow:auto}.clox-twitch-chat .mention-list button{text-align:left;width:100%;display:block}.clox-twitch-chat .mention-list small{color:#aabfc9;display:block}.twitch-chat-empty{text-align:center;color:#aabfc9;padding:40px 12px}.twitch-room-modes{flex-wrap:wrap;gap:4px;display:flex}.twitch-room-modes span{background:#2a454e;border-radius:8px;padding:3px 7px;font-size:11px}.twitch-reply-draft{background:#28414b;justify-content:space-between;padding:8px;display:flex}.twitch-jump{margin:5px auto}.clox-toasts{right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:2147483000;pointer-events:none;text-align:left;flex-direction:column;gap:10px;width:min(390px,100vw - 32px);display:flex;position:fixed}.clox-toast{color:#eefbf8;pointer-events:auto;overflow-wrap:anywhere;background:#132a2d;border:1px solid #427f76;border-left:4px solid #64c7b7;border-radius:12px;align-items:flex-start;gap:12px;padding:15px 14px;font:500 14px/1.45 Barlow,sans-serif;animation:.18s ease-out clox-toast-in;display:flex;box-shadow:0 8px 30px #0006}.clox-toast>svg{color:#70d1bf;flex-shrink:0;margin-top:1px}.clox-toast>span{flex:1}.clox-toast>button{color:inherit;background:0 0;border:0;place-items:center;min-width:24px;min-height:24px;padding:2px;display:grid}.clox-toast>button:hover{background:#ffffff15}.clox-toast>button:focus-visible{outline:2px solid #70d1bf}@keyframes clox-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.clox-toast{animation:none}}.clox-toast-error{color:#fff0f3;background:#351d25;border-color:#984d5e #984d5e #984d5e #f17d8f}.clox-toast-error>svg{color:#ff94a5}.clox-toast-error>button:focus-visible{outline-color:#ff94a5}.clox-toast-warning{color:#fff6da;background:#332c1c;border-color:#a18a4b #a18a4b #a18a4b #e5c268}.clox-toast-warning>svg{color:#e5c268}.clox-toast-info{color:#edf2f8;background:#202b38;border-color:#526277 #526277 #526277 #90a4bc}.clox-toast-info>svg{color:#a8bdd5}.clox-toast-copy{color:#f0f1f3;background:#292e35;border-color:#535a64 #535a64 #535a64 #9aa1aa}.clox-toast-copy>svg{color:#b8bec6}.clox-toast-copy>button:focus-visible{outline-color:#b8bec6}.obs-split{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.obs-split>.shell-page{flex:1;min-width:0}.obs-split.enabled>.shell-page{flex:0 0 50%;width:50%;overflow:auto}.obs-split.obs-left{flex-direction:row-reverse}.obs-dock{background:var(--surface-sidebar,#111a25);border-left:1px solid var(--line);box-sizing:border-box;flex-direction:column;flex:0 0 50%;width:50%;min-width:0;min-height:0;display:flex}.obs-dock>header{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.obs-dock>header>span{color:var(--muted);margin-right:auto;font-size:11px}.obs-dock>nav{border-bottom:1px solid var(--line);gap:8px;padding:0 12px 10px;display:flex}.obs-dock [aria-pressed=true]{color:#9fe9d9;background:#26514f}.obs-dock-body{flex:1;min-height:0;overflow:auto}.obs-controls{flex-direction:column;gap:12px;padding:12px;display:flex}.obs-preview{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:25vh}.obs-output-actions{gap:8px;display:flex}.obs-output-actions button{flex:1}.obs-scene-source{grid-template-columns:1fr 1fr;gap:12px;display:grid}.obs-scene-source section{flex-direction:column;gap:6px;min-width:0;display:flex}.obs-scene-source button{text-align:left;overflow-wrap:anywhere}.obs-scene-source label,.obs-audio>span{align-items:center;gap:8px;display:flex}.obs-scene-source input[type=checkbox],.obs-audio input[type=checkbox]{flex:none;width:16px}.obs-audio{gap:6px;padding:8px 0;display:grid}.obs-audio>input{width:100%}.obs-chat{flex-direction:column;height:100%;min-height:350px;display:flex}.obs-chat iframe{border:0;flex:1;width:100%;min-height:300px}.obs-chat>a{padding:8px;font-size:12px}.obs-connection-error{border:1px solid #985866;margin:0 12px 10px;padding:10px}.obs-layout-settings{gap:12px;margin:20px 0;display:grid}.obs-layout-settings label{gap:6px;display:grid}.obs-split.enabled .layout{grid-template-columns:170px minmax(0,1fr)!important}.obs-split.enabled .server-members{display:none}.obs-split.enabled .columns{grid-template-columns:minmax(0,1fr)!important}.obs-split.enabled .workspace{min-width:0}.obs-split.enabled .recording-catalog{grid-template-columns:155px minmax(0,1fr)}.obs-split.enabled .clip-stage{grid-template-columns:minmax(0,1fr) 200px}.directory .server h1{white-space:normal;overflow-wrap:anywhere;margin-bottom:8px;display:block!important}.directory .server>.muted{display:block}.server-member-stats{color:var(--muted);gap:16px;margin-top:8px;font-size:12px;display:flex;position:relative}.server-member-stats>span:not(.server-stats-tooltip){align-items:center;gap:6px;display:flex}.server-stats-tooltip{z-index:25;background:var(--surface-raised,#1e2b39);border:1px solid var(--line);border-radius:6px;min-width:170px;max-width:220px;padding:10px;line-height:1.6;display:none;position:absolute;top:100%;left:0}.server-member-stats:hover .server-stats-tooltip,.server-member-stats:focus .server-stats-tooltip{display:block}.hover-hint{outline-offset:3px;max-width:100%;display:inline-flex}.floating-hint{z-index:2147483647;box-sizing:border-box;color:#e6edf5;pointer-events:none;background:#14202e;border:1px solid #476074;border-radius:8px;width:250px;max-width:calc(100vw - 16px);padding:10px 12px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 8px 30px #0008}.temporary-countdown{white-space:nowrap;align-items:center;gap:6px;margin:4px 0;padding:4px 6px;display:inline-flex}.temporary-countdown strong{font-size:11px}.temporary-countdown>span{font-size:12px}.obs-split.enabled>.shell-page{flex:0 0 calc(var(--clox-share,50%) - 5px);width:auto}.obs-dock{border:0;flex:1;width:auto;min-width:0}.obs-divider{cursor:col-resize;touch-action:none;outline-offset:-2px;z-index:2;background:#263d49;flex:0 0 10px;position:relative}.obs-divider:before{content:"";background:#6ac9b8;position:absolute;inset:0 4px}.obs-divider>span{color:#b6fff0;background:#244e52;border:1px solid #6ac9b8;border-radius:9px;place-items:center;width:24px;height:60px;font-size:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.obs-divider:hover,.obs-divider:focus{background:#42776f}.obs-dock>header{flex-wrap:nowrap;gap:6px;padding:8px}.obs-dock>header button{min-height:30px;padding:5px 8px}.obs-dock>nav{flex-wrap:wrap;gap:5px;padding:0 8px 8px}.obs-dock>nav button{min-height:28px;padding:4px 8px;font-size:12px}.obs-dock-body{overflow:hidden}.obs-controls{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) minmax(70px,.6fr);gap:8px;height:100%;min-height:0;padding:8px;display:grid;overflow:hidden}.obs-preview{height:100%;min-height:0;max-height:100%}.obs-scene-source{min-height:0;overflow:hidden}.obs-scene-source>section{min-height:0;overflow:auto}.obs-scene-source h3,.obs-mixer h3{margin:0 0 6px;font-size:13px}.obs-scene-source button{min-height:28px;padding:5px 8px;font-size:12px}.obs-mixer{min-height:0;overflow:auto}.obs-audio{padding:4px 0;font-size:12px}.obs-output-actions button{min-width:0;padding:5px 7px;font-size:12px}.obs-connection-error{max-height:100px;font-size:12px;overflow:auto}.obs-chat{min-height:0}.clox-twitch-chat{background:var(--surface-base,#161f2b);flex-direction:column;height:100%;min-height:0;display:flex}.clox-twitch-chat>header{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px;display:flex}.clox-twitch-chat>header small{color:var(--muted);font-size:11px}.clox-twitch-messages{flex:1;min-height:0;padding:10px;overflow:auto}.clox-twitch-messages p{overflow-wrap:anywhere;align-items:baseline;gap:8px;font-size:13px;display:flex}.clox-twitch-messages strong{color:var(--accent);overflow-wrap:anywhere;flex:none;max-width:40%}.clox-twitch-messages span{white-space:pre-wrap;min-width:0}.clox-twitch-chat>form{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.clox-twitch-chat input{flex:1;min-width:0}body.desktop .server-folder-switcher{-webkit-app-region:drag}body.desktop .server-folder-switcher button,body.desktop .server-folder-switcher .server-tabs{-webkit-app-region:no-drag}.obs-dock-body{isolation:isolate;position:relative}.obs-connection-overlay{z-index:5;background:color-mix(in srgb,var(--surface-sidebar,#111a25) 90%,transparent);box-sizing:border-box;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.obs-connection-overlay>section{border:1px solid var(--line);background:var(--surface-raised,#1e2b39);border-radius:16px;max-width:420px;padding:24px;box-shadow:0 12px 40px #0004}.obs-connection-overlay h3{margin:0 0 12px}.obs-connection-overlay p{color:var(--muted);line-height:1.5}.obs-connection-overlay section>div{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.obs-chat-channel{background:var(--surface-sidebar);border-bottom:1px solid var(--line);align-items:end;gap:8px;padding:12px;display:flex}.obs-chat-channel label{flex:1;min-width:0}.obs-chat-channel input{width:100%}.obs-chat{flex-direction:column;min-height:0;display:flex}.obs-chat[hidden]{display:none}.obs-dock-body.obs-split{grid-template-columns:minmax(280px,1.15fr) minmax(280px,1fr);gap:10px;display:grid;overflow:hidden}.obs-dock-body.obs-split>.obs-controls,.obs-dock-body.obs-split>.obs-chat{min-width:0;height:100%;min-height:0;overflow:auto}.obs-dock .obs-chat[hidden],.obs-dock .obs-controls[hidden]{display:none!important}.obs-dock-body.obs-split>.obs-connection-overlay{right:calc(46% + 5px)}.obs-dock .obs-scene-source>section{max-height:260px;overflow:auto}.obs-dock .obs-scene-source button{padding:7px 9px}.obs-dock .obs-mixer{flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:330px;padding:10px;display:flex}.obs-dock .obs-mixer>h3{flex-basis:100%;margin:0 0 5px}.obs-dock .obs-mixer-strip{background:#152431;border:1px solid #304b59;border-radius:8px;flex:0 0 112px;grid-template-rows:48px 140px 32px;grid-template-columns:24px 24px 1fr;gap:5px;width:112px;margin:0;padding:10px;display:grid;position:relative}.obs-dock .obs-mixer-strip>header{grid-column:1/-1;min-width:0;display:block}.obs-dock .obs-mixer-strip>header strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.obs-dock .obs-mixer-strip>header span{color:#9db8c7;font-size:11px;display:block}.obs-dock .obs-level-meter{flex-direction:row;grid-area:2/1;gap:3px;height:140px;margin:0;display:flex}.obs-dock .obs-level-meter>div{background:#0c1620;width:8px;height:100%}.obs-dock .obs-level-meter i{background:linear-gradient(#ed7373 0%,#eed272 20%,#65c6a0 35% 100%);width:100%;height:100%;display:block}.obs-dock .obs-meter-scale{flex-direction:column-reverse;grid-area:2/2;justify-content:space-between;margin:0;font-size:8px;display:flex}.obs-dock .obs-fader{display:contents}.obs-dock .obs-fader input{writing-mode:vertical-lr;appearance:auto;width:25px;height:140px;accent-color:var(--accent);direction:rtl;grid-area:2/3;margin:auto}.obs-dock .obs-fader button{grid-area:3/1/auto/-1;width:50px;margin:auto;padding:5px}.obs-dock{container-type:inline-size}@container (width<=650px){.obs-dock-body.obs-split{grid-template-rows:minmax(220px,1fr) minmax(220px,1fr);grid-template-columns:1fr;overflow:auto}.obs-dock-body.obs-split>.obs-connection-overlay{bottom:50%;right:0}}.obs-dock .obs-controls{flex-direction:column;align-items:stretch;gap:12px;display:flex;overflow:auto}.obs-dock .obs-scene-source{flex:none;min-height:0}.obs-dock .obs-scene-source>section{min-height:100px}.obs-dock .obs-mixer{flex:none;min-height:260px}.clox-twitch-chat .mention-input>input{box-sizing:border-box;width:100%}.download-page>header nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.download-page>header nav a{align-items:center;gap:8px;display:inline-flex}.download-page>header nav a[aria-current]{color:var(--site-accent)}.download-page>header nav svg{width:16px;height:16px}.download-page main>p{color:#afc0d5;line-height:1.7}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:36px 0;display:grid}.download-card{background:linear-gradient(135deg,#182a39,#141f2e);border:1px solid #30485e;border-radius:14px;flex-direction:column;min-width:0;padding:28px;display:flex}.download-card-heading{align-items:center;gap:18px;display:flex}.download-platform-icon{width:60px;height:60px;color:var(--site-accent);background:#213d49;border:1px solid #365d72;border-radius:14px;flex:none;place-items:center;display:grid}.download-card:nth-child(4) .download-platform-icon{color:#baa7f5;background:#302b47;border-color:#544969}.download-card small{letter-spacing:1.5px;color:#a2c8d4;font-size:11px}.download-card h2{margin:3px 0;font-family:Barlow Condensed,sans-serif;font-size:32px}.download-card>p{color:#b7c5d8;margin:20px 0;line-height:1.65}.download-card-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;display:flex}.download-card .download-details{color:#92a8c0;margin:0;font-size:13px;line-height:1.6}.download-card .product-primary{white-space:normal;max-width:100%}.download-card .product-primary svg{flex:none}.download-unavailable{color:#a7b5c8;background:#202b3a;border:1px solid #3a4658;border-radius:8px;padding:10px 14px;font-size:13px}.download-browser-link{color:var(--site-accent);align-items:center;gap:6px;font-size:14px;display:inline-flex}.download-card .download-note{letter-spacing:0;color:#92a8c0;font-size:12px;line-height:1.6}@media (width<=650px){.download-grid{grid-template-columns:1fr}.download-card{padding:22px}.download-page>header nav{gap:14px;font-size:13px}.download-page>header .brand{width:100%}}.sort-control{flex-direction:column;flex:none;gap:7px;display:flex}.sort-control>span{color:var(--muted,#a8bdcc);font-size:12px}.sort-control>div{align-items:center;gap:4px;display:flex}.sort-control>div>button{background:#192a3c;border:1px solid #334559;border-radius:7px;justify-content:center;align-items:center;height:36px;width:36px!important;padding:7px!important;display:inline-flex!important}.sort-control>div>button[aria-pressed=true]{color:#89e0d3;background:#244b4b;border-color:#63c8bc}.sort-control select{width:auto;min-width:90px;max-width:130px;height:38px}.admin-search{align-items:end}.admin-search>.sort-control{margin-left:0}.ticket-filters>.sort-control{align-self:end}.recording-audio-settings{gap:20px;display:grid}.recording-audio-card{background:var(--surface-raised,#18212c);border:1px solid var(--line);border-radius:12px;padding:20px}.recording-audio-card h3{border-bottom:1px solid var(--line);margin:0 0 18px;padding-bottom:18px}.recording-audio-mode{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex!important}.recording-audio-mode select{text-overflow:ellipsis;width:min(45%,320px);min-width:160px;overflow:hidden}.recording-audio-mode small{color:var(--muted);margin-top:7px;display:block}.recording-source-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.recording-source{background:var(--surface-hover,#202d3b);grid-template-columns:minmax(140px,1fr) minmax(90px,180px) 44px;align-items:center;gap:14px;padding:16px;display:grid}.recording-source+.recording-source{border-top:1px solid var(--line)}.recording-source label{align-items:center;gap:12px;min-width:0;flex-direction:row!important;margin:0!important;display:flex!important}.recording-source label>span{min-width:0}.recording-source strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recording-source small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.recording-source input[type=checkbox]{flex:none;width:17px!important;height:17px!important}.recording-source input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.recording-source output{text-align:right;font-size:12px}.recording-source svg{color:var(--accent);flex:none}.recording-source.source-off{background:var(--surface-chrome,#101923)}.recording-source.source-off>input,.recording-source.source-off>output{opacity:.4}.recording-audio-card>p,.recording-separated p{color:var(--muted);font-size:13px;line-height:1.5}.recording-separated{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.recording-separated p{margin-bottom:0}.recording-separated>span{white-space:nowrap;color:var(--accent);font-size:12px}.recording-mic-meter{width:100%;height:20px;accent-color:var(--accent)}@media (width<=620px){.recording-source{grid-template-columns:1fr 48px;gap:10px}.recording-source label{grid-column:1/-1}.recording-audio-mode{flex-wrap:wrap}.recording-audio-mode select{width:100%}.recording-audio-card{padding:14px}}.avatar-crop-backdrop{z-index:2147483600;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.avatar-crop-dialog{background:var(--panel,#101923);color:var(--text,#ecf1f8);border:1px solid var(--line,#354657);border-radius:14px;width:min(420px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 80px #0008}.avatar-crop-dialog canvas{aspect-ratio:1;background:#18212b;border-radius:12px;width:min(280px,100%);height:auto;margin:16px auto;display:block}.avatar-crop-dialog label{gap:5px;margin:12px 0;display:grid}.avatar-crop-dialog input{width:100%}.avatar-crop-dialog .row{justify-content:flex-end}.profile-v47.profile-clean{box-shadow:none;background:0 0;border:0;border-radius:0}.profile-v47.profile-clean .profile-content{padding:12px 0}.profile-v47.profile-clean .profile-identity{align-items:center;margin:0 0 14px}.profile-v47.profile-clean .profile-identity h2{margin:0 0 5px}.profile-v47.profile-clean .profile-identity>.avatar{border:0;flex-basis:72px;place-items:center;width:72px;height:72px;display:grid}.profile-v47.profile-clean .profile-identity>.avatar img{border-radius:var(--avatar-radius,12px)}.voice-player .voice-avatar>.avatar{text-align:center;box-sizing:border-box;place-items:center;padding:0;line-height:1;display:grid}.clox-popover .invite-dropdown{box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;padding:8px}.clox-popover .invite-dropdown>header{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.clox-popover .invite-dropdown>header>strong{white-space:normal;flex:1;min-width:0}.clox-popover .invite-dropdown>header>button{background:0 0;border:0;flex:0 0 28px;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:0;display:grid}.clox-popover .invite-dropdown>input{box-sizing:border-box;text-overflow:ellipsis;width:100%;min-width:0;max-width:100%}.clox-popover .invite-dropdown>button{box-sizing:border-box;justify-content:center;width:100%}.profile-v47.profile-clean .profile-identity-details{flex:1;min-width:0}.profile-v47.profile-clean .profile-name-row{flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:5px;display:flex}.profile-v47.profile-clean .profile-name-row h2{overflow-wrap:anywhere;min-width:0;margin:0}.profile-v47.profile-clean .profile-name-badges{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;margin:0;display:flex}.profile-v47.profile-clean .profile-name-badges>span{box-sizing:border-box;color:#f2f5fa;background:#ffffff12;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:4px;max-width:100%;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex}.profile-name-badges>span>svg{width:13px;height:13px;color:var(--badge-color,#68c5b5);filter:drop-shadow(0 0 3px #ffffff25);flex:0 0 13px}.profile-name-badges .profile-badge-label{overflow-wrap:anywhere;min-width:0}.profile-v47.profile-center .profile-name-row{justify-content:center}.profile-stream-card{background:#192533;border:1px solid #36535f;border-radius:9px;margin:12px 0;overflow:hidden}.profile-stream-preview{aspect-ratio:16/9;background:#091421;position:relative}.profile-stream-preview img{object-fit:cover;width:100%;height:100%}.profile-stream-preview>span{color:#fff;background:#b2314e;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:9px;left:9px}.profile-stream-card>div:last-child{gap:8px;padding:12px;display:grid}.profile-stream-card small{color:#a7bdcf;font-size:10px}.profile-stream-card button{justify-content:center;align-items:center;gap:8px;color:#102025!important;background:#5fc7b9!important;border-radius:6px!important;padding:9px!important;display:flex!important}.linked-accounts .steam-sign-in{background:0 0;border:0;flex:none;width:180px;height:35px;min-height:35px;padding:0;display:inline-flex}.steam-sign-in img{width:180px;height:35px;display:block}.steam-sign-in:disabled{opacity:.45}.steam-sign-in:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.linked-accounts .connection-symbol img{filter:invert();object-fit:contain;display:block}.linked-accounts .connection-options{background:#202e40;border:1px solid #334559;border-radius:12px;width:100%;margin:20px 0 16px;padding:4px 16px}.linked-accounts .connection-toggle{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;min-height:52px;margin:0;padding:10px 0;display:flex}.linked-accounts .connection-toggle span{flex:1}.linked-accounts .connection-toggle input[type=checkbox]{cursor:pointer;background:#40516a;border-radius:20px;flex:none;min-width:38px;margin:0;position:relative;appearance:none!important;border:0!important;width:38px!important;height:22px!important;padding:0!important;display:block!important}.linked-accounts .connection-toggle input[type=checkbox]:before{content:"";background:#b9cbd0;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;position:absolute;top:3px;left:3px}.linked-accounts .connection-toggle input:checked{background:#63c8bc!important}.linked-accounts .connection-toggle input:checked:before{background:#10252b;transform:translate(16px)}.linked-accounts .connection-toggle input:disabled{opacity:.5;cursor:not-allowed}.linked-accounts .connection-toggle input:focus-visible{outline-offset:3px;outline:2px solid #63c8bc}.linked-accounts .spotify-sharing{border-top:1px solid #334559;padding-bottom:12px}.linked-accounts .spotify-sharing small{color:#b6c5d9;margin:0;display:block}.linked-accounts .connection-buttons{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.linked-accounts .connection-buttons .connection-button{color:#e7eff8;min-height:38px;font:inherit;cursor:pointer;background:#223247;border:1px solid #3b4e64;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;text-decoration:none;display:inline-flex}.linked-accounts .connection-button:hover{background:#2e4258}.studio-grid{grid-template-columns:1fr}.connected-accounts .account-link{border:1px solid var(--line);text-align:left;background:#ffffff03;border-radius:12px;grid-template-columns:36px minmax(0,1fr) 19px 14px;align-items:center;gap:10px;min-width:0;padding:12px;transition:background .15s,border-color .15s;display:grid;text-decoration:none!important}.connected-accounts .account-link:hover,.connected-accounts .account-link:focus-visible{border-color:var(--profile-accent,var(--accent));background:#ffffff08}.connected-accounts .account-link:focus-visible{outline:2px solid var(--profile-accent,var(--accent));outline-offset:2px}.connected-accounts .account-provider-icon{width:36px;height:36px;color:var(--provider-color,var(--muted));background:#ffffff06;border-radius:10px;place-items:center;display:grid}.connected-accounts .connection-spotify{--provider-color:#75d999}.connected-accounts .connection-steam{--provider-color:#8dc4ee}.connected-accounts .connection-twitch{--provider-color:#b797ff}.connected-accounts .connection-youtube{--provider-color:#ff7272}.connected-accounts .account-copy{min-width:0;display:block}.connected-accounts .account-provider{color:var(--muted);margin-bottom:3px;font-size:11px;line-height:1.4;display:block}.connected-accounts .account-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text,#eceef1);font-size:14px;font-weight:650;line-height:1.4;display:block;overflow:hidden}.connected-accounts .account-verified{color:var(--accent);margin:0;display:flex}.connected-accounts .account-external{color:var(--muted);opacity:.55}.connected-accounts .account-link:hover .account-external{opacity:1}.profile-security-button{text-align:left;border:1px solid var(--line);background:var(--surface-raised,#18212d);border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:20px;padding:15px;display:flex}.profile-security-button>svg:first-child{color:var(--accent)}.profile-security-button>svg:last-child{margin-left:auto}.profile-security-button span{gap:4px;display:grid}.profile-security-button small{color:var(--muted);font-weight:400}dialog.security-dialog{width:min(780px,100vw - 32px);max-width:780px}.security-panel{gap:20px;display:grid}.security-intro{color:var(--muted);margin:0}.security-card{border:1px solid var(--line);background:var(--surface-raised,#17202c);border-radius:12px;padding:22px}.security-card>header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.security-card h3,.security-card h4{margin:0 0 6px}.security-card p{color:var(--muted);margin:0 0 16px;line-height:1.55}.security-card header p{margin:0;font-size:13px}.security-symbol{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.security-badge{background:var(--surface-chrome,#101720);color:var(--muted);white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:11px;display:inline-flex}.security-card>header>.security-badge{margin-left:auto}.security-badge.enabled{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.security-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;margin:0 0 20px;padding:16px 0;list-style:none;display:flex}.security-steps li{color:var(--muted);flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.security-steps li>span{background:var(--surface-chrome,#101720);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.security-steps li.active{color:var(--accent)}.security-steps li.active>span{background:color-mix(in srgb,var(--accent) 16%,transparent)}.security-setup{gap:16px}.security-setup p{margin:0}.security-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.security-actions>small{color:var(--muted);max-width:360px;margin-right:auto}.security-actions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.security-authenticator{grid-template-columns:220px 1fr;align-items:center;gap:24px;display:grid}.security-qr{color:#14202b;background:#fff;border-radius:10px;place-items:center;width:220px;min-height:220px;display:grid;overflow:hidden}.security-qr img{display:block}.security-authenticator details{margin-top:18px}.security-authenticator summary{cursor:pointer;color:var(--accent);font-size:13px}.security-authenticator details label{gap:8px;margin-top:12px;font-size:12px;display:grid}.security-authenticator input{width:100%;font-family:monospace}.security-otp{letter-spacing:.4em;max-width:240px;font-family:monospace;font-size:24px}.security-code-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.security-code-grid code{text-align:center;border:1px solid var(--line);background:var(--surface-chrome,#101720);letter-spacing:.08em;border-radius:7px;padding:12px}.security-device{border-top:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.security-device:last-child{padding-bottom:0}.security-device>svg{color:var(--muted);flex:none}.security-device>div{flex:1;gap:6px;min-width:0;display:grid}.security-device strong{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.security-device small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.security-device button{flex:none}@media (width<=620px){.security-card{padding:16px}.security-card>header{flex-wrap:wrap}.security-card>header>.security-badge{margin-left:60px}.security-authenticator{grid-template-columns:1fr}.security-qr{justify-self:center}.security-steps{gap:6px}.security-steps li{text-align:center;flex-direction:column}.security-device{flex-wrap:wrap}.security-device button{margin-left:36px}.security-actions button{flex:1}.security-code-grid{grid-template-columns:1fr}}.recording-browser{width:100%;min-height:0}.recording-catalog{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:26px;display:grid}.recording-filters{background:#111c29;border:1px solid #304256;border-radius:12px;flex-direction:column;gap:18px;min-width:0;padding:18px;display:flex;position:sticky;top:12px}.recording-filters label{gap:8px;display:grid}.recording-filters input,.recording-filters select{width:100%;min-width:0}.recording-kind-filters{gap:6px;display:grid}.recording-kind-filters button{text-align:left}.recording-kind-filters button[aria-pressed=true]{color:#9be7d7;background:#234b53}.recording-days{min-width:0}.recording-day{border-bottom:1px solid #344658;margin:0 0 32px;padding:0 0 24px}.recording-day>header{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px;display:flex}.recording-day h2{margin:0;font-size:21px}.recording-day>header span,.recording-filters small{color:#a9bacd;font-size:13px}.recording-tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.recording-tile{background:#111c29;border:1px solid #304256;border-radius:12px;min-width:0;position:relative;overflow:hidden}.recording-tile:hover,.recording-tile.selected{border-color:#69c9b7;box-shadow:0 0 0 1px #69c9b744}.recording-tile-open{text-align:left;width:100%;position:relative;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}.recording-thumbnail{aspect-ratio:16/9;color:#78c5be;background:linear-gradient(135deg,#203e4b,#121d30);place-items:center;display:grid;overflow:hidden}.recording-thumbnail img{object-fit:cover;width:100%;height:100%}.recording-tile-duration{color:#fff;background:#080d16d9;border-radius:5px;padding:4px 7px;font-size:12px;position:absolute;top:12px;right:12px}.recording-tile-info{gap:7px;padding:16px;display:grid}.recording-tile-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.recording-tile-info small,.recording-tile-info>span{color:#a8bbcf;font-size:12px}.recording-tile-check{accent-color:#6bcab9;cursor:pointer;top:12px;left:12px;width:20px!important;height:20px!important;position:absolute!important}.recording-editor-nav{align-items:center;gap:18px;margin-bottom:16px;display:flex}.recording-editor-nav>span{color:#a8bbcf;margin-left:auto;font-size:13px}.recording-back{align-items:center;gap:8px;display:inline-flex}.recording-editor-page{min-height:0}.recording-edit-page .clip-studio{height:calc(100dvh - 300px);min-height:460px}.recording-browser .replay-empty{min-height:200px}@media (width>=1800px){.recording-tiles{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media (width<=800px){.recording-catalog{grid-template-columns:180px minmax(0,1fr);gap:14px}.recording-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.recording-day>header{display:block}}@media (width<=560px){.recording-catalog{grid-template-columns:1fr}.recording-filters{position:static}.recording-editor-nav{flex-wrap:wrap}.recording-editor-nav>span{margin-left:0}.recording-tiles{grid-template-columns:1fr}}.media-rec-dot{background:#ff5367;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #ff536755}.media-recording-status{border-bottom:1px solid #304256;gap:6px;margin-bottom:8px;padding:12px;display:grid}.media-recording-status strong{color:#ff8392}.media-recording-status small{color:#aabdd1}.media-image-page>img{object-fit:contain;max-width:100%;max-height:65dvh;margin:16px auto;display:block}.media-image-page>div{gap:12px;display:flex}.recording-edit-page .recording-editor-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.recording-edit-page .recording-editor-nav{flex:none;margin-bottom:8px}.recording-edit-page .clip-studio{flex:1;grid-template-rows:auto minmax(0,1fr) auto;height:auto;min-height:0}.recording-edit-page .clip-stage{grid-template-columns:minmax(0,1fr) 270px;min-height:0;overflow:hidden}.clip-sidebar{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:auto}.clip-sidebar>details{flex:none;padding:12px}.clip-sidebar summary{line-height:24px;list-style-position:inside}.clip-sidebar .clip-audio{margin:0;overflow:visible}.clip-sidebar .clip-export{flex-direction:column;align-items:stretch;gap:12px;padding:14px 0 0;display:flex}.clip-sidebar .clip-export label{flex:none;min-width:0;font-size:13px}.clip-sidebar .clip-export>span{color:var(--muted);font-size:12px;display:block}.clip-sidebar .clip-export>small{font-size:11px;line-height:1.4;display:block}.clip-sidebar .clip-export>small:first-child,.clip-sidebar .clip-export>small:last-child{display:none}.clip-sidebar .clip-export button{width:100%;min-height:36px}.clip-sidebar .clip-audio-grid{gap:14px;margin:14px 0}.clip-sidebar .clip-audio-grid label>span{overflow-wrap:anywhere;min-width:0}.clip-studio>.clip-cut{padding:8px 12px}.clip-studio>.clip-cut>small{display:none}.storage-limit{gap:10px;margin:24px 0;display:grid}.storage-limit>label{justify-content:space-between;gap:12px;display:flex!important}.storage-limit output{color:var(--accent);font-weight:600}.storage-limit>input{width:100%;accent-color:var(--accent);margin:0;padding:0}.storage-limit-ticks{justify-content:space-between;gap:2px;display:flex}.storage-limit-ticks button{width:auto;min-height:24px;color:var(--muted);background:0 0;padding:2px;font-size:11px}.storage-limit-ticks button[aria-pressed=true]{color:var(--accent);font-weight:700}@media (width<=1000px){.recording-edit-page .clip-stage{grid-template-columns:minmax(0,1fr) 220px}}.channel-unread-dot{background:#e7edf5;border-radius:50%;flex:none;width:5px;min-width:5px;height:5px;display:inline-block}.mention-badge{text-align:center;border-radius:12px;min-width:18px;padding:2px 6px;color:#fff!important;background:#e94055!important}.ticket-history{max-width:960px}.ticket-history-list{gap:10px;display:grid}.ticket-history-list button{flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.ticket-history-list span,.ticket-history-message time{color:var(--muted);font-size:12px}.ticket-history-message{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:16px}.ticket-history-message header{align-items:center;gap:16px;display:flex}.ticket-history-message p{white-space:pre-wrap;overflow-wrap:anywhere}.channel-row>.mention-badge{flex:none;order:5;margin-left:auto;position:static}.temporary-tab-label{color:#ffd08a;white-space:nowrap;background:#76532144;border:1px solid #ad7d3c66;border-radius:5px;padding:2px 5px;font-size:10px}.temporary-countdown{text-align:left;background:#76532122;border:1px solid #ad7d3c66;border-radius:8px;gap:6px;margin:10px 0;padding:9px;display:grid}.temporary-countdown strong{color:#ffd08a;font-size:12px}.temporary-countdown small{color:var(--muted);font-size:11px;line-height:1.45}.recording-filters .replay-confirm,.clip-manage .replay-confirm{box-sizing:border-box;background:var(--surface-raised,#192536);border:1px solid #9a555e;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin:0;padding:12px;font-size:12px;display:flex;position:static}.recording-filters .replay-confirm p{margin:0;line-height:1.5}.recording-filters .replay-confirm button{white-space:normal;width:100%}.clip-cut .timeline-zoom{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.clip-cut .timeline-zoom button{flex:none;width:auto;min-height:26px;padding:3px 8px}.timeline-zoom>span{text-align:center;min-width:45px;font-size:12px}.timeline-zoom>small{margin-left:auto}.timeline-viewport{overscroll-behavior:contain;scrollbar-color:var(--accent) var(--surface-raised);padding:0 10px 4px;overflow:auto hidden}.timeline-canvas{box-sizing:border-box;min-width:100%;padding-top:36px}.clip-cut .timeline-canvas .timeline-bookmark{color:#f0bf66;background:#282b30;border-radius:5px;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;display:grid;position:absolute;top:-34px;overflow:visible;transform:translate(-50%);padding:0!important}.clip-cut .timeline-canvas .timeline-bookmark:after{content:"";pointer-events:none;background:#f0bf66;width:2px;height:10px;position:absolute;top:24px;left:11px}.timeline-canvas .timeline-ticks{white-space:nowrap}.plan-section{background:#13202e55;border:1px solid #334559;border-radius:12px;margin:18px 0;padding:20px}.plan-section>h2{margin:0 0 18px}.community-empty{text-align:center;color:#a8bdcc;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:24px;display:flex}.community-empty>svg{color:#69c9bd;opacity:.75}.community-empty h3,.community-empty p{margin:0}.card-field-title{color:#91b8bf;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:16px 0 9px;font-size:11px;font-weight:700;display:flex}.card-field-title:first-child{margin-top:0}.card-field-title:before,.card-field-title:after{content:"";background:#3b5663;flex:1;height:1px}.game-description{max-height:160px;padding-right:6px;overflow:auto}.clox-scroll{scrollbar-width:thin;scrollbar-color:#62c6bb #172434}.clox-scroll::-webkit-scrollbar{width:7px}.clox-scroll::-webkit-scrollbar-track{background:#172434;border-radius:8px}.clox-scroll::-webkit-scrollbar-thumb{background:#62c6bb;border-radius:8px}.game-directory-toolbar{flex-wrap:wrap;align-items:center;gap:12px}.game-directory-toolbar>input{flex:1;min-width:150px}.game-directory-toolbar>select{width:auto;max-width:220px}.plan-editor-popover .plan-editor{border:0;margin:0;padding:0}.plan-editor-popover{scrollbar-width:thin;scrollbar-color:#62c6bb #172434}.feedback-admin-section{background:#13202e44;border:1px solid #334559;border-radius:12px;margin-bottom:24px;padding:22px}.feedback-admin-section>header,.feedback-record>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.feedback-admin-section>header h2{margin:0 0 6px}.feedback-admin-section>header p,.diagnostics-privacy{color:#a7bdcf;font-size:13px}.feedback-status-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.feedback-status-summary>button{background:#152231;border:1px solid #334559;border-radius:9px;flex-direction:column;align-items:flex-start;gap:5px;padding:16px;display:flex}.feedback-status-summary>button strong{font-size:24px}.feedback-status-summary>button[aria-pressed=true]{color:#8bdfd3;background:#1e3d43;border-color:#63c8bc}.feedback-filterbar{gap:12px;margin:18px 0;display:flex}.feedback-filterbar input{flex:1;min-width:0}.feedback-filterbar select{width:220px;max-width:45%}.feedback-records{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;display:grid}.feedback-record{background:#101a27;border:1px solid #334559;border-radius:10px;min-width:0;padding:18px}.feedback-record h3{overflow-wrap:anywhere;margin:14px 0 6px}.feedback-record small{color:#adc1ce}.feedback-type{color:#a8ded7;background:#24394b;border-radius:5px;padding:5px 8px;font-size:11px}.feedback-type.bug{color:#ffacba;background:#492a36}.feedback-type.done{color:#9bddc6;background:#25453d}.feedback-body{white-space:pre-wrap;max-height:180px;margin:16px 0;line-height:1.6;overflow:auto}.feedback-record footer{border-top:1px solid #334559;margin-top:16px;padding-top:14px}.feedback-record footer label{align-items:center;gap:12px;display:flex}.feedback-record footer select{width:auto;min-width:150px}.diagnostic-details{margin:18px 0}.diagnostic-details summary{cursor:pointer;color:#90d7ce}.diagnostic-details dl>div{border-bottom:1px solid #263a49;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;display:grid}.diagnostic-details dd{overflow-wrap:anywhere;margin:0}.diagnostic-details dt{color:#9fb4c5}@media (width<=600px){.feedback-admin-section{padding:14px}.feedback-status-summary{grid-template-columns:repeat(2,1fr)}.feedback-filterbar{flex-wrap:wrap}.feedback-filterbar select{width:100%;max-width:none}}.clox-popover.header-form-submenu{box-sizing:border-box;width:480px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);padding:20px;overflow:auto}.header-form-submenu>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.header-form-submenu>header h3{margin:0;font-size:18px}.clox-popover.header-form-submenu>header button{justify-content:center;width:32px;min-width:32px;height:32px;padding:4px;font-size:23px}.header-form-submenu .modal-form{gap:16px}.header-form-submenu .modal-form>label{gap:8px;display:grid}.header-form-submenu input,.header-form-submenu select,.header-form-submenu textarea{box-sizing:border-box;width:100%;max-width:100%}.header-form-submenu textarea{resize:vertical;min-height:120px}.clox-popover.header-form-submenu .icon-choices button{justify-content:center;width:38px}.clox-popover.header-form-submenu button.primary,.clox-popover.server-join-dropdown .temporary-server-create button.primary{border:1px solid var(--accent,#68c5b5);border-radius:8px;justify-content:center;justify-self:end;width:auto;min-height:40px;padding:10px 16px;background:var(--accent,#68c5b5)!important;color:var(--accent-ink,#081014)!important}.clox-popover.header-form-submenu button.primary:disabled,.clox-popover.server-join-dropdown .temporary-server-create button.primary:disabled{opacity:.5}.server-browser .temporary-server-create{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:4px 0}.temporary-server-create>small{color:var(--accent);letter-spacing:.1em;font-size:11px}.temporary-server-create>h3{margin:8px 0 12px}.temporary-server-create>p{color:var(--muted);margin-bottom:22px;line-height:1.6}.temporary-server-create .modal-form{gap:16px}.temporary-server-create .modal-form>label{gap:8px;display:grid}.temporary-server-create .modal-form>p:empty{display:none}.player-chips{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.player-chips button{border-radius:18px;align-items:center;gap:6px;width:auto;display:flex}.player-chips input{flex:1;min-width:130px}#summon-options{gap:3px;max-height:220px;display:grid;overflow:auto}#summon-options button{text-align:left}#summon-options [aria-selected=true]{background:var(--accent-soft)}.mention-chip{background:var(--accent-soft);color:var(--accent);font:inherit;vertical-align:baseline;border:0;border-radius:4px;margin:0 2px;display:inline-flex;padding:1px 5px!important}.mention-chip:hover{color:#fff;background:#35565d}.clox-popover.own-profile-menu{transform-origin:0 100%;scrollbar-width:thin;scrollbar-color:#63c8bc #172434;width:330px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 120px);overflow:auto}.own-profile-menu>.profile-card{box-shadow:none;border:0;margin:0}.own-profile-menu>button{border-top:1px solid #334559;align-items:center;gap:9px;width:100%;padding:12px;display:flex}.own-profile-status{border-top:1px solid #334559;padding:12px}.own-profile-status .status-select{flex-direction:column;align-items:stretch;gap:8px;font-size:13px;display:flex}.own-profile-status select{color:#e5edf5;background:#172434;border:1px solid #334559;border-radius:9px;width:100%;min-height:40px;padding:8px 12px}.status-select.status-inline{align-items:center;gap:5px;margin:2px 0;font-size:12px;display:inline-flex}.status-inline select{min-height:24px;color:inherit;cursor:pointer;width:auto;padding:2px 4px;background:0 0!important;border:0!important}.status-inline .status-dot{background:#45c595;border-radius:50%;flex:none;width:7px;height:7px}.status-inline .status-away{background:#e5ad4b}.status-inline .status-busy,.status-inline .status-dnd{background:#ed6578}.status-inline .status-offline{background:#87949f}.status-select.status-inline{flex-direction:column;align-items:flex-start}.status-select-control{min-width:0;max-width:100%;display:flex}.status-inline .status-select-control{align-items:center;display:inline-flex;position:relative}.status-inline .status-select-control>.status-dot{pointer-events:none;margin:0;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.status-inline .status-select-control>select{padding-left:23px;line-height:20px}.status-inline>small{max-width:220px}.server-browser .join-content:has(>.browser-pagination){flex-direction:column;display:flex}.server-browser .browser-pagination{flex:none;justify-content:center;align-items:center;gap:18px;width:100%;margin-top:auto;padding-top:22px;flex-direction:row!important;display:flex!important}.browser-pagination>button{min-width:76px;flex:none!important;justify-content:center!important;width:auto!important}.browser-page-indicator{justify-items:center;gap:8px;display:grid}.browser-page-indicator small{color:var(--muted);font-size:11px}.browser-page-dots,.browser-page-dots>span{align-items:center;gap:5px;display:flex}.browser-pagination .browser-page-dot{background:0 0;border:0;min-width:22px;min-height:24px;display:block;position:relative;width:22px!important;height:24px!important;padding:7px!important}.browser-page-dot:after{content:"";background:var(--muted);opacity:.4;border-radius:50%;width:8px;height:8px;display:block}.browser-page-dot[aria-current=page]:after{background:var(--accent);opacity:1}.page-gap{color:var(--muted)}.server-page-games.game-directory{box-shadow:none;border-radius:0;background:0 0!important;border:0!important;padding:0!important}.game-directory-toolbar{justify-content:flex-end;margin:0 0 16px;display:flex}.game-directory .game-directory-toolbar button{align-items:center;gap:8px;width:auto;display:inline-flex}.game-server-info h3 small{color:var(--muted,#abc0d3);font-size:14px}.game-server-info>strong{color:#abc0d3;font-size:13px}.game-server-info>.formatted-details{max-height:none}.plans>.review-tabs{flex-wrap:wrap;align-items:center;display:flex}.plans>.review-tabs>.plan-create{margin-left:auto}.server-page-games .game-server-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,320px));margin-top:0}@media (width<=600px){.server-page-games .game-server-tiles{grid-template-columns:1fr}}.gameserver-editor-modal .modal-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.gameserver-editor-modal .modal-form{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.gameserver-editor-fields{flex-direction:column;gap:18px;min-height:0;padding:2px 8px 18px 2px;display:flex;overflow:hidden auto}.gameserver-editor-fields>label{gap:8px;display:grid}.gameserver-editor-footer{border-top:1px solid var(--line);background:var(--surface-sidebar,#101923);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 0 0;display:flex}.gameserver-editor-footer button{width:auto;min-width:110px}.gameserver-editor-modal .modal-body>.danger{flex-shrink:0;margin-top:12px}.directory .server-section-channel{text-align:left;padding-left:16px;justify-content:flex-start!important}.game-server-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:20px 0;display:grid}.game-server-card{background:#13202e;border:1px solid #334559;border-radius:12px;overflow:hidden}.game-directory .game-server-cover{aspect-ratio:16/9;color:#87d6c9;justify-content:center;align-items:center;width:100%;position:relative;background:linear-gradient(130deg,#2d5c64,#1d2940)!important;border:0!important;border-radius:0!important;padding:0!important;display:flex!important}.game-server-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-server-cover>span{color:#eff5fc;background:#101722da;border-radius:5px;padding:5px 9px;position:absolute;bottom:12px;left:14px}.game-server-info{padding:18px}.game-server-info h3{margin:0 0 10px;font-size:20px}.game-server-info p{color:#abc0d3;white-space:pre-wrap;line-height:1.5}.game-server-address{background:#0d1723;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;display:flex}.game-server-address code{overflow-wrap:anywhere;flex:1;min-width:0}.game-directory .game-server-address button{flex:none;width:30px;height:30px;padding:4px!important}.game-server-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.game-directory .game-server-actions button{align-items:center;gap:6px;width:auto!important;display:inline-flex!important}.server-page-games>summary{font-size:24px}.server-page-games{padding:20px}@media (width<=600px){.game-server-tiles{grid-template-columns:1fr}}.details-editor{gap:8px;min-width:0;display:grid}.details-editor [role=toolbar]{flex-wrap:wrap;gap:6px;display:flex}.details-editor [role=toolbar] button{width:auto;padding:6px 10px}.details-editor textarea{box-sizing:border-box;width:100%}.formatted-details{overflow-wrap:anywhere}.formatted-details p{white-space:pre-wrap;margin:6px 0}.formatted-details ul{padding-left:22px}.game-server-info>.formatted-details{max-height:100px;overflow:hidden}.server-browser>.join-tabs{border:1px solid var(--line);background:var(--surface-base);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin:12px 0 16px;padding:4px;display:grid}.server-browser>.join-tabs>button{text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:center;width:100%;min-width:0;padding:9px 6px;font-size:12px}.server-browser>.join-tabs>button[aria-pressed=true]{background:var(--accent-soft,#244747);color:var(--accent,#68c5b5);box-shadow:inset 0 -2px var(--accent,#68c5b5)}.server-browser .browser-grid{flex-direction:column;gap:8px;display:flex}.server-browser .browser-card.browser-list-row{border:1px solid var(--line);box-sizing:border-box;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:grid}.server-browser .browser-list-row>.browser-profile-link{text-align:left;width:100%;min-width:0;margin:0;padding:0;display:block}.server-browser .browser-list-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.server-browser .browser-list-row>.browser-join{white-space:nowrap;width:auto;min-height:30px;margin:0;padding:6px 12px;font-size:12px}.server-browser .join-content .browser-filters{flex:none;grid-template-columns:minmax(0,1fr) minmax(130px,200px);align-items:center;gap:12px;margin-bottom:16px;display:grid!important}.server-browser .join-content .browser-filters>input,.server-browser .join-content .browser-filters>select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0}:is(.clox-popover:has(.notification-dropdown),.clox-popover:has(.join-dropdown)){box-sizing:border-box;width:380px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 100px);padding:16px;overflow:auto}.clox-popover:has(.join-dropdown){width:460px}.notification-dropdown,.join-dropdown{min-width:0}.notification-dropdown>h3{margin:0 0 16px}.notification-dropdown .dm-notice{white-space:normal;overflow-wrap:anywhere;width:100%}.notification-dropdown .plan-card{margin:10px 0;padding:12px}.join-dropdown .browser-grid{grid-template-columns:minmax(0,1fr)}.join-dropdown .row{flex-wrap:wrap}.join-dropdown input,.join-dropdown select{box-sizing:border-box;min-width:0;max-width:100%}.join-dropdown .row>input{flex:180px}.join-dropdown .browser-heading h3{margin-top:0}.connection-bar:has(.status-obs-toggle){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;display:grid}.connection-bar .status-obs-toggle{min-height:20px;letter-spacing:inherit;color:var(--muted);background:0 0;border-radius:4px;grid-column:2;justify-content:center;align-items:center;gap:5px;padding:2px 6px;font-size:10px;line-height:1.2;display:flex}.connection-bar .status-obs-toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.connection-bar:has(.status-obs-toggle) .platform-online{justify-self:end;margin-left:0}.connection-bar:has(.status-obs-toggle) .ping-control{white-space:nowrap}.connection-bar:has(.status-obs-toggle){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.connection-bar:has(.status-obs-toggle) .service-status-button{position:absolute;right:12px}.connection-bar:has(.status-obs-toggle) .platform-online{padding-right:110px}.connection-bar:has(.status-obs-toggle) .status-obs-toggle{justify-self:center}@media (width<=540px){.connection-bar:has(.status-obs-toggle) .service-status-button{gap:0;padding:4px;font-size:0}.connection-bar:has(.status-obs-toggle) .platform-online{padding-right:28px}.connection-bar:has(.status-obs-toggle){gap:4px;padding-left:6px;padding-right:6px;font-size:9px}}.notification-dropdown .dm-notice{text-align:left;border:1px solid var(--line,#354657);border-radius:12px;align-items:flex-start;gap:12px;width:100%;margin:8px 0;padding:12px;display:flex}.dm-notice .avatar{flex:none}.dm-notice-content{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.dm-notice-content small{opacity:.7}.ticket-overview{gap:18px;min-width:0;max-width:1100px;margin:auto;display:grid}.ticket-filters{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.ticket-filters label{gap:6px;min-width:150px;display:grid}.ticket-filters .ticket-search{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:8px;flex:280px;align-items:center;padding:0 12px;display:flex}.ticket-search input{background:0 0;border:0;width:100%;min-width:0}.ticket-results{gap:14px;display:grid}.ticket-result{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:12px;min-width:0;padding:18px}.ticket-result-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.ticket-result-heading h3{overflow-wrap:anywhere;margin:0 0 7px}.ticket-result-heading small{color:var(--muted);overflow-wrap:anywhere}.ticket-status{background:var(--surface-raised);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px}.ticket-status.open{color:var(--accent);background:var(--accent-soft)}.ticket-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ticket-actions button{align-items:center;gap:7px;width:auto;display:inline-flex}.ticket-delete-confirm{background:#a22c3612;border:1px solid #b56b73;border-radius:8px;margin-top:14px;padding:12px}.ticket-delete-confirm p{margin:0 0 12px}.ticket-delete-confirm button{margin-right:8px}.bot-embed .ticket-close{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;margin-top:14px;font-weight:600;color:#f1f5fa!important;background:#34465b!important;border:1px solid #8295ab!important;padding:10px 14px!important;display:inline-flex!important}.bot-embed .ticket-close:hover{background:#435b74!important}.bot-embed .ticket-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bot-embed .ticket-close:disabled{opacity:.6;cursor:wait}.bot-embed .ticket-role-mention{background:color-mix(in srgb,currentColor 12%,transparent);border-radius:4px;margin:2px 4px 2px 0;padding:2px 5px;display:inline-block}.ticket-entry-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ticket-entry-heading>h3{flex:auto;margin:0}.ticket-entry-heading>button{flex:none;align-items:center;gap:8px;width:auto;margin-left:auto;display:inline-flex}.admin-center-nav{flex-direction:column;min-height:0;display:flex}.admin-center-nav>nav{flex:1;min-height:0;overflow-y:auto}.admin-center-nav>button{flex-shrink:0}.admin-center-content{min-width:0}.modal.admin-account-dialog{width:min(860px,94vw);max-height:88vh;height:auto!important;min-height:0!important}.admin-account-dialog .modal-body{gap:18px;padding:20px;display:grid}.admin-account-dialog .admin-tabs{border:1px solid var(--line);background:#172230;border-radius:10px;gap:6px;padding:5px;display:flex}.admin-account-dialog .admin-tabs button{background:0 0;border:0;flex:1;margin:0}.admin-account-dialog .admin-tabs button[aria-pressed=true]{color:var(--accent);background:#68c5b526}.admin-account-dialog .staff-user-controls{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;display:grid}.admin-account-dialog .staff-user-controls>form,.admin-account-dialog .staff-user-controls>section,.admin-account-dialog .server-limit,.admin-account-dialog .account-details{border:1px solid var(--line);background:#192532;border-radius:12px;margin:0;padding:18px}.admin-account-dialog h4{margin:0 0 12px}.admin-account-dialog label{gap:8px;display:grid}.admin-account-dialog .check{align-items:center;gap:10px;margin:10px 0;display:flex}.admin-account-dialog .server-limit input{max-width:150px}.admin-account-dialog .account-details{grid-template-columns:120px 1fr;gap:12px;display:grid}.admin-account-dialog dd{overflow-wrap:anywhere;margin:0}.admin-editor-layout{grid-template-columns:210px minmax(0,1fr);gap:20px;display:grid}.admin-item-list{flex-direction:column;gap:8px;display:flex}.admin-editor-detail{border:1px solid var(--line);background:#192532;border-radius:12px;padding:20px}.admin-badge-sample{color:var(--text);background:#ffffff0d;border-radius:5px;align-items:center;gap:6px;padding:4px 7px;font-size:12px;display:inline-flex}.admin-badge-preview{border:1px dashed var(--line);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.admin-center .modal-form label{gap:6px;display:grid}.audit-readable{grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:7px 14px;margin:12px 0;font-size:13px;display:grid}.audit-readable dt{color:var(--muted)}.audit-readable dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.audit-technical{color:var(--muted);font-size:11px}.audit-technical pre{max-height:200px;overflow:auto}.admin-center button,.admin-account-dialog button,.admin-center input,.admin-center select,.admin-center textarea{border-radius:8px}.admin-center .staff-permission-grid .permission-toggle{background:#172230;border-radius:8px;padding:12px}.admin-center details>summary{cursor:pointer;padding:10px 0}@media (width<=700px){.admin-account-dialog .staff-user-controls,.admin-editor-layout{grid-template-columns:1fr}}.modal.admin-account-dialog{height:fit-content!important}.modal.admin-account-dialog .modal-body{flex:none;grid-auto-rows:max-content;align-content:start;height:auto}.admin-account-dialog .admin-tabs{flex:none;align-items:center;height:auto;min-height:0}.admin-account-dialog .admin-tabs button{height:auto;min-height:36px;padding:10px 12px}.admin-account-dialog .staff-user-controls{align-content:start;align-items:start}.admin-account-dialog .staff-user-controls>form{align-content:start;gap:12px;height:auto;display:grid}.admin-account-dialog .staff-user-controls>section{height:auto}.roles-editor90{background:var(--panel,#101923);border-radius:12px;grid-template-columns:210px minmax(0,1fr);gap:0;min-height:560px;overflow:visible;display:grid!important}.roles-editor90 .role-rail{border-right:1px solid var(--line,#354657);background:#0c121a50;flex-direction:column;gap:4px;padding:20px 12px;display:flex}.role-rail-heading{letter-spacing:.06em;justify-content:space-between;align-items:center;padding:0 8px 16px;font-size:12px;font-weight:700;display:flex}.roles-editor90 .role-rail button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:38px;display:flex}.roles-editor90 .role-rail button:hover{background:#ffffff09}.roles-editor90 .role-rail button.active{color:var(--text,#ecf1f8);background:#ffffff15}.role-color-dot{border-radius:50%;flex:none;width:12px;height:12px}.roles-editor90 .role-workspace{min-width:0;padding:24px}.role-editor-heading h3{letter-spacing:.025em;margin:0 0 24px;font-size:14px}.role-tabs{border-bottom:1px solid var(--line,#354657);gap:20px;margin-bottom:20px;display:flex}.role-tabs button{color:var(--muted,#b4c0d0);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:12px 0}.role-tabs button[aria-pressed=true]{border-bottom:2px solid var(--accent,#69c5b5);color:var(--accent,#69c5b5)}.permission-search{border:1px solid var(--line,#354657);border-radius:8px;align-items:center;gap:10px;margin:12px 0 20px;padding:0 12px;display:flex}.permission-search input{box-shadow:none;background:0 0;border:0;outline:none;width:100%}.permission-search:focus-within{border-color:var(--accent,#69c5b5)}.permission-section h4{margin:28px 0 8px;font-size:19px}.permission-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:28px;padding:20px 0;display:flex}.permission-row>span{flex-direction:column;gap:7px;max-width:580px;display:flex}.permission-row strong{font-size:15px}.permission-row small,.role-help{color:var(--muted,#b4c0d0);font-size:13px;line-height:1.5}.permission-row input[role=switch]{appearance:none;cursor:pointer;background:#454b57;border:1px solid #ffffff18;border-radius:20px;width:44px;min-width:44px;height:25px;margin:0;padding:0;transition:background .15s}.permission-row input[role=switch]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;margin:2px;transition:transform .15s;display:block}.permission-row input[role=switch]:checked{background:var(--accent,#69c5b5)}.permission-row input[role=switch]:checked:before{transform:translate(18px)}.permission-row input[role=switch]:disabled{opacity:.5;cursor:default}.permission-row input[role=switch]:focus-visible{outline:2px solid var(--accent,#69c5b5);outline-offset:3px}.role-display{gap:18px;display:grid}.role-display[hidden],.role-edit-form section[hidden]{display:none!important}.role-display>label,.member-permissions-form>label{gap:8px;display:grid}.role-fallback-save{margin-top:24px}.role-member-list>button{text-align:left;align-items:center;gap:12px;width:100%;margin:8px 0;display:flex}.role-member-list>button>span{flex-direction:column;gap:4px;display:flex}.role-delete{margin-top:30px}.user-permission-row select{flex:none;width:130px}.member-rights-dialog{width:min(820px,95vw)}.member-permissions-form{padding:4px 12px}.roles-editor90 .role-edit-form{max-width:none}.roles-editor90 .permission-search{display:flex}@media (width<=760px){.roles-editor90{grid-template-columns:150px minmax(0,1fr)}.roles-editor90 .role-workspace{padding:16px}.role-tabs{gap:12px;overflow-x:auto}.permission-row{gap:14px}.user-permission-row{flex-wrap:wrap}}@media (width<=520px){.roles-editor90{display:block!important}.roles-editor90 .role-rail{border-right:0;border-bottom:1px solid var(--line,#354657);max-height:180px;overflow:auto}}.roles-panel.roles-editor90 .role-tabs{flex-direction:row;gap:20px;overflow-x:auto}.roles-panel.roles-editor90 .role-tabs button{flex-direction:row;align-items:center;width:auto;min-width:0;padding:12px 0}.roles-panel.roles-editor90 .role-rail{flex-direction:column;overflow:visible}.roles-panel.roles-editor90 .role-rail button{flex-direction:row;align-items:center;width:100%;min-width:0}.roles-editor90 .permission-row input[role=switch]{width:44px;min-width:44px;height:25px}.roles-editor90 .role-rail-heading button{width:auto!important}@media (width<=520px){.roles-panel.roles-editor90 .role-rail{overflow:auto}}.roles-panel.roles-editor90 .role-rail{flex-direction:column!important;display:flex!important}.roles-panel.roles-editor90 .role-rail>button{text-align:left!important;flex:none!important;justify-content:flex-start!important}.roles-panel.roles-editor90 .permission-search{flex-direction:row!important;align-items:center!important;display:flex!important}.roles-panel.roles-editor90 .permission-search input{flex:1;min-width:0}.roles-panel.roles-editor90 .permission-row{flex-direction:row!important;align-items:center!important;display:flex!important}.roles-panel.roles-editor90 .permission-row>span{flex:1}.roles-panel.roles-editor90 .permission-row input[role=switch]{flex:none!important}.role-member-row{border:1px solid var(--line);background:#172330;border-radius:10px;align-items:center;gap:8px;margin:8px 0;padding:8px;display:flex}.role-member-row>button:first-child{text-align:left;background:0 0;flex:1;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.role-member-row>button:first-child>span{flex-direction:column;gap:4px;display:flex}.role-member-row>button:not(:first-child){flex:none;width:auto;padding:10px}.role-member-row small{color:var(--muted)}.inline-submenu:has(>button[aria-pressed]){flex-direction:column!important;align-items:stretch!important;display:flex!important}.inline-submenu:has(>button[aria-pressed])>button{width:100%;justify-content:flex-start!important}.message-meta .message-more{opacity:0;pointer-events:none;margin-left:auto;transition:opacity .12s,background .12s}.message:hover .message-more,.message:focus-within .message-more,.dm-log article:hover .message-more,.dm-log article:focus-within .message-more{opacity:1;pointer-events:auto}.delete-preview{border-left:3px solid var(--accent);background:var(--surface-chrome);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);border-radius:4px;max-height:180px;margin:18px 0;padding:16px;overflow:auto}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.plan-embed{border:1px solid var(--line);border-left:4px solid var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface-sidebar)),var(--surface-sidebar));border-radius:10px;max-width:620px;margin:10px 0;padding:20px}.embed-kind{letter-spacing:1px;color:var(--accent);align-items:center;gap:8px;font-size:11px;display:flex}.embed-ended{color:var(--muted);letter-spacing:0;margin-left:auto}.plan-embed h3{margin:12px 0 8px;font-family:inherit;font-size:19px}.plan-embed>p{white-space:pre-wrap;color:var(--muted);margin:0 0 16px;font-size:14px}.embed-date{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0;font-size:13px;display:flex}.embed-options{gap:8px;margin:16px 0;display:grid}.embed-options button{text-align:left;background:#ffffff03;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.embed-options button>span:not(.embed-progress){z-index:1;align-items:center;gap:6px;display:flex}.embed-options button>strong{z-index:1;font-size:12px}.embed-progress{background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;transition:width .2s;position:absolute;inset:0 auto 0 0}.plan-embed footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-embed footer button{padding:7px 9px;font-size:11px}.modal[open]{animation:.16s ease-out clox-modal-in}.clox-popover{animation:.12s ease-out clox-menu-in}.notice{animation:.18s ease-out clox-notice-in}button{transition:background-color .12s,border-color .12s,color .12s,opacity .12s}button:active:not(:disabled){transform:translateY(1px)}.avatar.is-speaking{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent);transition:none!important;animation:none!important}@keyframes clox-modal-in{0%{opacity:0;transform:translateY(7px)scale(.99)}to{opacity:1;transform:none}}@keyframes clox-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes clox-notice-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (hover:none){.message-meta .message-more{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.modal[open],.clox-popover,.notice{animation:none}button,.embed-progress,.message-meta .message-more{transition:none}button:active:not(:disabled){transform:none}}.replay-editor{align-content:start;min-width:0;flex-direction:column!important;gap:16px!important;display:flex!important}.replay-player{aspect-ratio:16/9;width:100%;min-height:200px;max-height:52vh}.replay-player video{object-fit:contain;width:100%;height:100%}.replay-audio-mixer{background:#17191c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex;order:0!important}.replay-audio-mixer h4{width:100%;margin:0}.replay-track{flex:1;min-width:180px}.replay-editor>.replay-audio-mixer{order:0}.replay-file-options,.replay-finecut{background:#17191c;border-radius:10px;padding:16px}.replay-bookmarks{flex-wrap:wrap;gap:8px;min-height:0!important;display:flex!important}.replay-bookmarks button{flex:none;min-height:0!important}.timeline-bookmark{z-index:4;color:#f0bf66;background:#202124;border:0;padding:2px 6px;position:absolute;top:-12px;transform:translate(-50%)}.replay-workbench>aside .settings-tabs{flex-wrap:wrap;display:flex}.replay-editor .replay-audio-mixer,.replay-editor .replay-finecut,.replay-editor .replay-file-options{grid-area:auto}.home-welcome{isolation:isolate;min-height:250px;position:relative;overflow:hidden;border-radius:12px!important;padding:28px!important}.home-welcome>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.home-welcome:after{content:"";z-index:-1;background:linear-gradient(90deg,#16191bed,#16191b44);position:absolute;inset:0}.home-welcome h1{font-family:Barlow,sans-serif;font-size:32px}.home-welcome p{color:#d1d6d7}.home-overview{gap:24px}.home-server{border-radius:9px!important;padding:14px!important}.home-library,.home-servers{gap:18px}@media (width<=850px){.editorial-hero{grid-template-columns:1fr;gap:28px;padding:40px 24px}.editorial-features{grid-template-columns:1fr}.editorial-host{flex-direction:column;align-items:flex-start}}.server-members .friend .avatar{flex-basis:48px!important;width:48px!important;height:48px!important}.avatar img{object-fit:cover;backface-visibility:visible!important;transform:none!important}.server-members .friend{align-items:center}.server-post{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface-raised);border-radius:8px;padding:14px}.overlay-presets{flex-wrap:wrap;gap:8px;display:flex}.overlay-preview{border:1px solid var(--line);background:var(--surface-chrome);border-radius:8px;padding:16px;display:inline-block}.verified-game{background:#1ca77b25;border:1px solid #42c59b60;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;font-weight:600;color:#62e7b9!important;font-size:11px!important;display:inline-flex!important}.review-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.review-tabs button{align-items:center;gap:6px;display:inline-flex}.application-review{border:1px solid var(--line);border-radius:8px;gap:10px;margin:12px 0;padding:16px;grid-template-columns:1fr 1fr auto!important;display:grid!important}.application-review code{overflow-wrap:anywhere;grid-column:1/-1}.media-image{cursor:zoom-in}.modal:has(.image-stage){width:min(1200px,95vw);max-width:95vw}.modal:has(.image-stage) .modal-body{padding:16px}.image-stage{background:var(--surface-chrome);touch-action:none;cursor:grab;border-radius:8px;justify-content:center;align-items:center;height:60vh;display:flex;overflow:hidden}.image-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:50%;max-width:100%;max-height:100%}.image-toolbar,.image-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.image-toolbar button,.image-actions button{align-items:center;gap:6px;display:inline-flex}.image-actions{border:1px solid var(--line);border-radius:8px;padding:10px}.plan-card{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:10px;margin:14px 0;padding:20px}.plan-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-card h3{margin:0}.plan-body{white-space:pre-wrap;overflow-wrap:anywhere}.plan-options{gap:8px;margin:16px 0;display:grid}.plan-options button{text-align:left;justify-content:space-between;padding:12px;display:flex;position:relative;overflow:hidden}.plan-options button>span:first-child,.plan-options strong{z-index:1}.poll-result{background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;transition:width .2s;position:absolute;inset:0 auto 0 0}.plan-ended{color:var(--muted);font-size:12px}.plan-bell{align-items:center;gap:6px;display:flex}.plan-bell b{background:var(--accent);color:#080e11;border-radius:20px;padding:1px 6px}.plan-editor{border:1px solid var(--accent);border-radius:8px;padding:20px}@media (width<=650px){.application-review{grid-template-columns:1fr!important}.application-review code{grid-column:auto}.plan-card{padding:12px}}@media (prefers-reduced-motion:reduce){.poll-result{transition:none}}.home-twitch{min-width:0}.home-twitch>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-twitch h2{margin:0}.twitch-live-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}.twitch-live-card{min-width:0;color:var(--text);background:var(--surface-sidebar);border:1px solid var(--line);border-radius:10px;text-decoration:none;display:block;overflow:hidden}.twitch-live-card:hover,.twitch-live-card:focus-visible{border-color:var(--accent)}.twitch-live-preview{aspect-ratio:16/9;background:#202235;position:relative}.twitch-live-preview img{object-fit:cover;width:100%;height:100%}.twitch-live-preview>span{color:#fff;background:#bf243b;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.twitch-live-card>div:last-child{padding:12px}.twitch-live-card p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:6px 0;display:-webkit-box;overflow:hidden}.twitch-live-card small{color:var(--muted)}.clox-popover .menu-action-icon{vertical-align:middle;flex:none;margin-right:8px}.twitch-pages{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.home-twitch>label{align-items:center;gap:12px;margin:12px 0;display:flex}.home-twitch>label select{width:auto}.chat{position:relative}.chat-jump{z-index:15;white-space:nowrap;background:#293642ed;border:1px solid #52636d;border-radius:16px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.chat-jump button{color:#09211e;background:#63c8bc;border-radius:9px;padding:9px 12px}.dm-chat{position:relative}@media (width<=550px){.chat-jump{white-space:normal;width:max-content}.chat-jump span{max-width:120px}}.dm-panel{position:relative}.chat-search{z-index:12;width:220px;min-width:0;max-width:100%;position:relative}.chat-search-bar{background:var(--surface-base,#101923);border:1px solid var(--line,#304050);border-radius:6px;align-items:center;display:flex;overflow:hidden}.chat-search-bar input{background:0 0;border:0;width:100%;min-width:0;margin:0;padding:7px 9px}.chat-search button{min-height:28px}.chat-search-bar button{background:0 0;border:0;flex:none;padding:6px}.chat-search-popup{background:var(--surface-sidebar,#101923);border:1px solid var(--line,#304050);text-align:left;width:390px;max-width:calc(100vw - 24px);max-height:70vh;color:var(--text,#eee);border-radius:9px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 40px #0008}.chat-search-popup>header,.chat-search-history>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.chat-search-popup header button{background:0 0;border:0;padding:4px}.chat-search-filters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chat-search-filters label{flex-direction:column;gap:5px;min-width:0;font-size:12px;display:flex}.chat-search-filters label>span{align-items:center;gap:5px;display:flex}.chat-search-filters input,.chat-search-filters select{box-sizing:border-box;width:100%;min-width:0;padding:7px;font-size:12px}.chat-search-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.chat-search-history{border-top:1px solid var(--line,#304050);margin-top:14px;padding-top:10px}.chat-search-history>button{text-align:left;overflow-wrap:anywhere;background:0 0;align-items:center;gap:7px;width:100%;padding:8px;display:flex}.chat-search-results{margin-top:12px}.chat-search-result{text-align:left;border:1px solid var(--line,#304050);background:var(--surface-base,#17212d);border-radius:6px;width:100%;margin-bottom:8px;padding:10px;display:block}.chat-search-result>span{justify-content:space-between;gap:10px;display:flex}.chat-search-result time,.chat-search-result small{color:var(--muted,#acb8c8);font-size:11px}.chat-search-result p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;margin:8px 0;font-size:13px;overflow:hidden}.chat-search-result small{align-items:center;gap:5px;margin-top:5px;display:flex}.dm-heading{flex-wrap:wrap}.dm-heading>.chat-search{margin-left:auto}.room-heading>.row{min-width:0}.room-heading .chat-search{max-width:30vw}@media (width<=600px){.chat-search{width:145px}.chat-search-popup{width:310px}.chat-search-filters{grid-template-columns:1fr}}.chat-search .chat-search-bar input,.chat-search .chat-search-bar input:focus,.chat-search .chat-search-bar input:focus-visible{border-radius:0;box-shadow:none!important;border:0!important;outline:none!important}.chat-search .chat-search-bar:focus-within{border-color:#5f9e9b;box-shadow:0 0 0 1px #5f9e9b33}.attachment-preview-drafts{flex-wrap:wrap;flex:0 0 100%;order:-1;grid-column:1/-1;gap:12px;width:100%;padding:8px 0;display:flex}.attachment-preview{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;place-items:center;width:110px;height:80px;display:grid;position:relative}.attachment-preview img{object-fit:contain;border-radius:8px;width:100%;height:100%}.attachment-preview>span{overflow-wrap:anywhere;padding:8px;font-size:11px}.attachment-preview>button{color:#fff;background:#c32f49;border:1px solid #ff899d;border-radius:50%;place-items:center;width:22px;height:22px;min-height:0;padding:0;font-size:18px;line-height:18px;display:grid;position:absolute;top:-6px;right:-6px}.composer:has(.attachment-preview-drafts){flex-wrap:wrap}.clox-shell .chat-log>.channel-bubble,.clox-shell .dm-log>.direct-bubble{width:fit-content;max-width:90%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;align-self:flex-start;align-items:flex-start;gap:10px;margin:0;padding:0;display:flex}.clox-shell .chat-log>.channel-bubble.mine,.clox-shell .dm-log>.direct-bubble.mine{background:0 0;border:0;flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.dm-log{flex-direction:column;gap:14px;display:flex}.message-bubble-content{background:var(--surface-raised,#222f40);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px 16px 16px;min-width:0;padding:12px 16px;position:relative}.mine>.message-bubble-content{background:var(--accent-soft,#23474a);border-color:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:16px 4px 16px 16px}.channel-bubble>.avatar-button,.direct-bubble>.message-avatar{background:0 0;border:0;flex:none;width:34px;height:34px;padding:0}.channel-bubble .avatar,.direct-bubble .avatar{width:34px;height:34px}.message-bubble-content .message-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-bubble-content .message-meta time{opacity:0;pointer-events:none;color:var(--muted);font-size:11px;transition:opacity .12s}.message:hover>.message-bubble-content .message-meta time,.message:focus-within>.message-bubble-content .message-meta time{opacity:1}.message-bubble-content p{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble-content .attachments,.message-bubble-content .attachments img,.message-bubble-content .attachments video{max-width:100%}@media (width<=540px){.clox-shell .chat-log>.channel-bubble,.clox-shell .dm-log>.direct-bubble{gap:7px;max-width:100%}.message-bubble-content{padding:10px 12px}}.message-bubble-content .message-meta .message-more{pointer-events:auto;opacity:1;flex-shrink:0}.notification-choices{gap:5px;display:grid}.clox-popover .notification-choices>button,.notification-choices>button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.notification-choices>button>span{flex:1}.notification-choices>button[aria-pressed=true]{background:var(--accent-soft,#244747)!important;color:var(--accent)!important}.notification-choices>button:hover{background:var(--surface-hover)}.notification-choices>button>svg{flex:none}.channel-icon-picker{border-top:1px solid var(--line);padding-top:16px}.channel-icon-picker h3{margin:0 0 12px}.channel-icon-picker .icon-choices{flex-wrap:wrap;gap:6px;display:flex}.clox-popover .channel-icon-picker .icon-choices button{justify-content:center;width:38px;min-height:38px}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--line:#35403c;--muted:#a5b1a9;--accent:#76e3c5;background:#101313;font-family:Barlow,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 12px;font-size:.875rem;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#10251b;font-weight:600}button.quiet{background:0 0;border-color:#0000}button.icon{min-width:30px;min-height:30px;padding:6px}input,select{background:var(--surface-sidebar);color:var(--text);border:1px solid var(--line);border-radius:3px;min-width:0;max-width:100%;padding:11px;font-size:1rem}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2{text-transform:uppercase;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;line-height:1.08}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}small{font-size:.75rem}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.spacer{flex:1}.eyebrow{letter-spacing:1.3px;color:var(--muted);font-size:.75rem}.brand{letter-spacing:3px;align-items:center;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-weight:700;line-height:1;display:flex}.mark{border:5px solid var(--accent);border-right:0;width:25px;height:28px;display:inline-block;position:relative;transform:skewY(-8deg)}.mark:after{content:"";background:var(--accent);width:5px;height:10px;position:absolute;bottom:-5px;right:0}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;padding:18px 22px;display:flex}.tagline{letter-spacing:1px;border-left:1px solid var(--line);color:var(--muted);padding-left:22px;font-size:.75rem;line-height:1.4}.connection{color:#e2be92;font-size:.75rem}.layout{grid-template-columns:236px minmax(0,1fr);min-height:calc(100dvh - 153px);display:grid}.directory{background:var(--surface-sidebar);border-right:1px solid var(--line);flex-direction:column;padding:24px 13px 18px;display:flex}.server{border-bottom:1px solid var(--line);margin-bottom:22px;padding:0 8px 22px}.server h1{overflow-wrap:anywhere;margin:8px 0;font-size:2.35rem}.directory-section{margin-bottom:24px}.section-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 8px 9px;font-size:.75rem;display:flex}.channel{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;justify-content:flex-start;width:100%;margin:2px 0;padding:10px 9px}.channel .number{color:var(--muted);min-width:20px;font-size:.75rem}.channel.selected{background:var(--accent);color:#11291e;font-weight:600}.voice-members{border-left:1px solid var(--line);gap:10px;margin:5px 9px 12px 16px;padding-left:12px;display:grid}.voice-member{align-items:center;gap:8px;font-size:.875rem;display:flex}.voice-member.speaking{color:var(--accent)}.avatar{background:var(--surface-hover);width:33px;height:33px;color:var(--text);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.avatar.small{width:24px;height:24px;font-size:.625rem}.directory-bottom{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;margin-top:auto;padding:16px 6px 0;display:flex}.directory-bottom button{justify-content:flex-start;padding-left:0}.directory-bottom a{align-items:center;gap:8px;font-size:.875rem;display:flex}.workspace{flex-direction:column;min-width:0;display:flex}.room-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.room-heading h2{overflow-wrap:anywhere;font-size:2rem}.room-heading p{margin-top:6px;font-size:.875rem}.columns{flex:1;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);min-width:0;display:grid}.chat{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:23px 24px;display:flex}.chat-log{scrollbar-color:var(--line) var(--line);align-content:start;gap:23px;min-height:350px;max-height:calc(100dvh - 300px);padding-bottom:24px;padding-right:8px;display:grid;overflow-y:auto}.message{grid-template-columns:33px minmax(0,1fr);gap:11px;display:grid}.message-meta{align-items:center;gap:10px;margin-bottom:3px;display:flex}.message-meta strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:600}.message-meta time{color:var(--muted);font-size:.75rem}.message-meta .delete{color:var(--muted);margin-left:auto}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.5}.composer{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:15px;display:flex}.composer input{background:var(--surface-sidebar);border:0;width:100%;min-width:0}.composer button{flex-shrink:0}.sharing{background:var(--surface-sidebar);min-width:0;padding:23px 20px}.sharing h3{letter-spacing:.4px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem}.stream-empty{border:1px solid var(--line);background:var(--surface-raised);flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:210px;margin:18px 0;padding:24px;display:flex}.stream-empty p{color:var(--muted);font-size:.875rem;line-height:1.55}.stream-title{color:var(--accent);margin:16px 0 8px;font-size:.875rem}.video{background:#000;width:100%;min-height:160px;display:flex}.video video{object-fit:contain;width:100%;max-height:65dvh}.audio{display:none}.friends{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.friend{align-items:center;gap:10px;padding:11px 0;font-size:.875rem;display:flex}.friend small{color:var(--muted);margin-top:2px;display:block}.session-line{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 24px;font-size:.75rem;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.controlbar{background:var(--surface-raised);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;padding:13px 18px;display:flex}.me{align-items:center;gap:10px;min-width:200px;display:flex}.me strong{font-size:.875rem}.me small{color:var(--muted);margin-top:2px;display:block}.audio-controls{flex-wrap:wrap;flex:1;align-items:center;gap:7px;display:flex}.audio-controls .leave{color:#f3bc9b;background:#403b30;border-color:#857260;margin-left:auto}.feedback{color:var(--text);background:#3b3828;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;font-size:.875rem;display:flex}.detail{background:var(--surface-raised);border-top:1px solid var(--line);padding:28px;position:relative}.detail .close{position:absolute;top:15px;right:15px}.detail h2{margin:0 35px 18px 0;font-size:1.7rem}.detail p{margin:10px 0 16px}.detail .invite-input{width:min(700px,100%);margin:10px 15px 10px 0}.line{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.notice{color:var(--muted);padding:12px 0;font-size:.875rem;line-height:1.5;display:block}.volume-label{flex-wrap:wrap;align-items:center;gap:15px;margin:18px 0;display:flex}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;margin-bottom:30px;display:grid}.admin form,.auth-form{flex-direction:column;gap:15px;display:flex}.admin label,.auth-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:.875rem;display:flex}.admin label.check{flex-direction:row;align-items:center}.permission-list{gap:9px;display:grid}.audit-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;gap:5px;padding:15px 0;font-size:.875rem;display:grid}.audit-row span{color:var(--muted)}.audit-row code{white-space:pre-wrap;font-size:.75rem}.member-list{margin-bottom:24px}.empty{color:var(--muted);padding:36px 0}.empty h3{color:var(--text);margin-bottom:10px}.expanded{grid-template-columns:1fr}.expanded .chat{display:none}.auth-page{min-height:100dvh}.auth-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;max-width:1100px;margin:auto;padding:70px 35px;display:grid}.auth-title h1{letter-spacing:-.5px;margin:25px 0;font-size:clamp(3rem,6vw,5.5rem);font-weight:700}.auth-title p{color:var(--muted);font-size:1.1rem;line-height:1.6}.edition{letter-spacing:1px;color:var(--accent);margin-top:50px;font-size:.75rem;display:block}.auth-form{background:var(--surface-sidebar);border-top:3px solid var(--accent);padding:30px}.auth-form h2{margin-bottom:10px;font-size:2rem}.auth-form a{margin-top:15px;font-size:.875rem}.error{color:#fac0ab;background:#412b24;padding:10px;font-size:.875rem}.loading{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:25px;display:flex}@media (width>=1550px){.columns{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}}@media (width<=1100px){.layout{grid-template-columns:210px minmax(0,1fr)}.columns{grid-template-columns:1fr}.sharing{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.sharing>.row{grid-column:1/-1}.friends{border-top:0;margin-top:0}.chat{border:0}.chat-log{max-height:500px}.stream-empty{margin-top:0}.expanded .sharing{display:block}}@media (width<=650px){.layout{grid-template-columns:1fr}.directory{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.server{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0 0 12px;display:flex}.server .eyebrow{display:none}.server h1{font-size:1.8rem}.directory-bottom{flex-flow:wrap;grid-column:1/-1;align-items:center}.directory-section{margin:0}.top{gap:12px;padding:15px}.tagline{display:none}.sharing{display:block}.friends{margin-top:20px}.room-heading{padding:18px}.room-heading button{font-size:.75rem}.chat{padding:18px}.audio-controls{flex-basis:100%}.audio-controls button{flex:1}.auth-grid{grid-template-columns:1fr;gap:30px;padding:30px 18px}.auth-title h1{margin:14px 0;font-size:3rem}.auth-title .edition{margin-top:20px}.auth-form{padding:22px}.session-line{padding:12px 18px}.controlbar{padding:14px}.detail{padding:22px 18px}.connection{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.person-volume{padding:12px 10px;text-align:left!important;display:block!important}.person-volume>span{align-items:center;gap:8px;display:flex}.person-volume output{font-variant-numeric:tabular-nums;margin-left:auto}.person-volume input{width:100%;margin:12px 0 6px;display:block}.person-volume small{color:var(--muted,var(--muted));justify-content:space-between;display:flex}.presence-label{align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:400;display:flex!important}.presence-label i{background:#42cf9c;border-radius:50%;flex-shrink:0;width:7px;height:7px}.presence-busy i{background:#edb34d}.presence-dnd i{background:#ed6571}.presence-offline i{background:#7f8a92}.server-tabs>div.voice-connected{background:#301b22;display:flex;border:1px solid #dc6472!important}.server-tabs .tab-hangup{color:#ff8593;border-left:1px solid #74404a;padding:0 10px}.my-profile strong{text-align:left;display:block}:root{--accent:#27d6ce;--line:#293236;--muted:#a1afb5;color:var(--text);background:var(--surface-chrome)}body{background:var(--surface-chrome)}button{background:var(--surface-sidebar);border-color:var(--line);color:var(--text);border-radius:6px}button:hover:not(:disabled){background:var(--surface-raised)}button[aria-pressed=true]{background:var(--surface-raised);color:#70e9e2;border-color:#398b8e}input,select{background:var(--surface-sidebar);border-color:var(--line);color:var(--text);border-radius:5px}.top{background:var(--surface-chrome)}.tagline,.server,.directory-bottom{border-color:var(--line)}.directory{background:var(--surface-sidebar)}.channel.selected{color:#06292c;background:#1bced0}.channel.selected .number{color:#155457}.channel.voice-selected{background:var(--surface-raised);color:#51e1dc}.avatar{background:var(--surface-hover);color:var(--text)}.avatar.light{color:#031f22;background:#1fb9bb}.workspace{background:var(--surface-chrome)}.composer input,.sharing{background:var(--surface-sidebar)}.stream-empty{background:var(--surface-sidebar);border-color:var(--line);border-radius:7px}.stream-empty>svg{color:#53cdcf}.connection.online{color:#77d1d0}.controlbar{background:var(--surface-raised);border-color:var(--line)}.feedback{background:var(--surface-raised);color:var(--text)}.notice{color:var(--muted)}.auth-page{background:var(--surface-chrome)}.auth-form{background:var(--surface-sidebar);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px}.auth-title h1{letter-spacing:.2px}em{color:var(--accent);font-style:normal}.error{color:#ffc5c2;background:#352126}.loading{background:var(--surface-chrome)}.account-page{background:var(--surface-chrome);min-height:100dvh}.server-home{max-width:1180px;margin:auto;padding:65px 35px}.home-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.home-heading h1{margin:13px 0 15px;font-size:4rem}.home-heading p{font-size:1.05rem}.limit-note{color:var(--muted);margin-top:24px;font-size:.875rem}.server-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:38px;display:grid}.server-card{text-align:left;background:var(--surface-sidebar);border:1px solid var(--line);border-top:2px solid var(--accent);flex-direction:column;align-items:stretch;gap:24px;max-width:550px;min-height:210px;padding:25px;display:flex}.server-card h2{overflow-wrap:anywhere;font-size:2rem}.server-card>span{letter-spacing:1px;color:var(--muted);font-size:.75rem}.server-symbol{background:var(--surface-raised);color:#5eddda;border-radius:7px;place-items:center;width:45px;height:45px;display:grid}.empty-server{background:var(--surface-sidebar);border:1px solid var(--line);flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:20px;padding:50px 35px;display:flex}.empty-server h2{font-size:2.1rem}.empty-server p{color:var(--muted);max-width:540px}.empty-server>svg{color:#43d4d2}.account-error{color:#ffbebc;padding:20px}.modal{color:var(--text);background:var(--surface-sidebar);border:1px solid var(--line);border-radius:12px;width:min(850px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0;overflow:auto;box-shadow:0 24px 90px #0009}.modal::backdrop{background:#00050ac2}.modal-heading{z-index:1;background:var(--surface-sidebar);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex;position:sticky;top:0}.modal-heading h2{font-size:1.7rem}.modal .detail{background:0 0;border:0;padding:0;position:static}.modal .detail>.close,.modal .detail>h2{display:none}.modal-form{flex-direction:column;gap:22px;display:flex}.modal-form p{color:var(--muted);line-height:1.6}.modal-form label{flex-direction:column;gap:9px;display:flex}.modal-form button{align-self:flex-start}.modal .check{align-items:center;gap:12px;margin:18px 0;display:flex}.modal .admin-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.modal small{line-height:1.6}.global-summary{color:var(--muted);gap:35px;padding:4px 0 25px;display:flex}.global-summary strong{color:var(--accent);padding-right:6px;font-family:Barlow Condensed,sans-serif;font-size:2.4rem}.global-server{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.global-server small{color:var(--muted);margin-top:4px;display:block}.superadmin>h3{margin-top:24px}.block{display:block}.volume-label{padding:8px 0}.invite-input{width:100%}.auth-form .eyebrow{color:#51d5d4}.brand .mark{border-radius:1px;transform:none}.directory .server h1{letter-spacing:.2px}.friend small,.directory-bottom small{color:var(--muted)}@media (width<=650px){.server-home{padding:35px 20px}.home-heading h1{font-size:3rem}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.modal-heading{padding:16px}.modal-body{padding:18px}.server-card{max-width:none}.global-server{flex-wrap:wrap}.home-heading>button{width:100%}.empty-server{padding:30px 23px}}.download-button{background:var(--accent);color:#061719;border-radius:5px;padding:11px 18px;font-weight:600;text-decoration:none}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.account-settings hr,hr{border:0;border-top:1px solid var(--line);margin:26px 0}textarea{background:var(--surface-sidebar);color:var(--text);border:1px solid var(--line);font:inherit;resize:vertical;border-radius:5px;padding:12px}.avatar img{object-fit:cover;width:100%;height:100%}.avatar{flex-shrink:0;overflow:hidden}.profile-card{border:1px solid;border-radius:8px;overflow:hidden}.profile-banner{object-fit:cover;width:100%;height:180px;display:block}.readme{white-space:pre-wrap;overflow-wrap:anywhere}.danger{color:#ffb3af;background:#32191c;border-color:#844440}.wrap{flex-wrap:wrap}.category-edit{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.category-edit input[type=number]{width:80px}.general-admin main{max-width:1200px;margin:auto;padding:35px}.general-admin h2{margin:35px 0 15px}.columns{grid-template-columns:minmax(260px,1fr) minmax(240px,.8fr) 210px!important}.server-members{border-left:1px solid var(--line);background:var(--surface-sidebar);padding:20px 14px;overflow:auto}.server-members h3{margin-bottom:24px;font-size:16px}.server-members section{margin-bottom:24px}.server-members .friend{text-align:left;background:0 0;border:0;gap:9px;width:100%;margin:0;padding:10px 0}.friend>div{overflow-wrap:anywhere;min-width:0}.friend.offline{color:var(--muted)}.category-label{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;justify-content:flex-start}.compose-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 20px 0;display:flex}.compose-tools button,.file-button{border:1px solid var(--line);cursor:pointer;border-radius:5px;padding:7px 10px;font-size:13px}.composer{border-top:0}.chat{min-width:0}.attachments{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.attachments img,.attachments video{object-fit:contain;border-radius:5px;max-width:100%;max-height:320px}.attachments a{max-width:100%}.message>div{min-width:0}.avatar-button{background:0 0;border:0;align-self:flex-start;padding:0}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.emoji-grid button{padding:12px;font-size:28px}.stream-view{margin-bottom:22px}.stream-view .row button{padding:5px;font-size:12px}.stream-view:fullscreen{background:#000;flex-direction:column;padding:20px;display:flex}.stream-view:fullscreen .video{flex:1;min-height:0}.stream-view:fullscreen video{object-fit:contain;width:100%;height:100%;max-height:none}.video video{object-fit:contain;width:100%}.columns.expanded{grid-template-columns:minmax(0,1fr) 210px!important}.columns.expanded .chat{display:none}.stream-view .row{flex-wrap:wrap}meter{width:100%;height:18px}body.desktop .top{-webkit-app-region:drag;padding-right:150px}body.desktop .top button,body.desktop .top a{-webkit-app-region:no-drag}body.desktop .app{height:100dvh}.update-toast{z-index:10000;background:var(--surface-raised);border:1px solid #27d6ce;padding:12px;position:fixed;bottom:16px;left:16px}.desktop-splash{background:var(--surface-chrome);color:#27d6ce;place-content:center;min-height:100vh;display:grid}.desktop-splash .mark{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25;transform:scale(.9)}}@media (width<=1250px){.columns{grid-template-columns:minmax(240px,1fr) minmax(180px,.7fr) 170px!important}.server-members{padding:16px 10px}.controlbar .audio-controls{gap:5px}.audio-controls button{padding:9px;font-size:12px}}@media (width<=1000px){.columns{flex-wrap:wrap;overflow:auto;display:flex!important}.columns>.chat{flex:55%;min-width:250px}.columns>.sharing{flex:40%;min-width:220px}.columns>.server-members{flex:100%;max-height:220px}.server-members section{flex-wrap:wrap;gap:15px;display:flex}.server-members .friend{width:auto;min-width:130px}.server-members section>.eyebrow{width:100%}}@media (width<=600px){.settings-grid{grid-template-columns:1fr}.auth-page .top{flex-wrap:wrap;gap:12px;height:auto;padding:16px}.download-button{font-size:14px}.columns>.chat,.columns>.sharing{flex-basis:100%;min-width:0}.emoji-grid{grid-template-columns:repeat(4,1fr)}.profile-banner{height:120px}.general-admin main{padding:20px}.category-edit input{max-width:100%}}.chat-log{flex:1;min-height:200px}.compose-tools{margin-top:auto;padding:10px 0}.composer{margin-top:0!important}.profile-content h2{margin:16px 0}.file-button:hover{border-color:var(--accent)}.account-settings input[type=color]{width:100%;height:42px}.audio-controls{flex-wrap:wrap}input::file-selector-button{background:var(--surface-raised);color:#9bf5ed;border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:4px;margin-right:10px;padding:7px 10px}.compose-tools .file-button{background:var(--surface-sidebar)}.modal-form input[type=color]{appearance:auto;padding:4px}[hidden]{display:none!important}.revision4.app{background:var(--surface-chrome);flex-direction:column;height:100dvh;min-height:620px;display:flex}.revision4 .top{flex:0 0 64px;gap:20px;height:64px;min-height:64px;padding:0 22px}.revision4 .top .tagline{font-size:10px}.server-tabs{scrollbar-width:thin;align-self:stretch;align-items:center;gap:4px;min-width:0;max-width:48vw;display:flex;overflow-x:auto}.server-tabs>div{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:6px;flex-shrink:0;align-items:center;display:flex}.server-tabs>div.active{background:var(--surface-raised);border-color:var(--line)}.server-tabs button{white-space:nowrap;background:0 0;border:0;padding:9px 10px;font-size:13px}.revision4 .layout{flex:1;grid-template-columns:244px minmax(0,1fr);min-height:0}.revision4 .directory{background:var(--surface-sidebar);flex-direction:column;padding:0 14px;display:flex;position:relative;overflow:auto}.revision4 .server{margin-bottom:8px;padding:23px 5px 19px}.revision4 .server h1{margin:7px 0 10px;font-size:27px;line-height:1.1}.revision4 .server small{font-size:12px}.revision4 .collapse-directory{align-self:flex-end;margin:-4px 0 3px;padding:5px}.revision4 .channel-tree{flex:1;min-height:70px}.revision4 .directory-section{margin:0 0 20px;padding:0}.category-row{align-items:center;margin-bottom:8px;display:flex}.revision4 .category-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;flex:1;gap:9px;min-width:0;margin:0;padding:7px 8px;font-size:11px;display:flex}.category-label>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category-label>svg:first-child{color:#5f8f98;width:14px;height:14px}.revision4 .channel{height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;margin:3px 0;padding:0 11px;font-size:14px;font-weight:600}.revision4 .channel:hover{background:var(--surface-raised);border-color:var(--line)}.revision4 .channel.selected{color:#042b2d;background:#1dcac5;box-shadow:inset 3px 0 #8ef9ed}.revision4 .channel.voice-selected{background:var(--surface-raised);color:#90ebdf;border-color:var(--line)}.channel-symbol{flex-shrink:0;place-items:center;width:23px;height:24px;display:grid}.channel-logo{object-fit:cover;border-radius:5px;width:22px;height:22px}.channel-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.revision4 .voice-player{text-align:left;width:calc(100% - 25px);color:var(--text);background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;margin:4px 0 4px 25px;padding:7px 8px;font-size:13px;display:flex;position:relative}.voice-player:before{content:"";border-left:1px solid var(--line);position:absolute;top:0;bottom:0;left:-11px}.voice-player .avatar{border:1px solid var(--line);background:var(--surface-hover);border-radius:9px;width:28px;height:28px}.voice-player>span:not(.avatar){text-overflow:ellipsis;flex:1;overflow:hidden}.live-badge{letter-spacing:.7px;color:#b1fff3;background:var(--surface-hover);border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:2px 5px;font-family:Barlow,sans-serif;font-weight:700;line-height:1.2;display:inline-flex;font-size:9px!important}.live-dot{background:#47e3bd;border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:5px}.revision4 .directory-bottom{margin-top:auto;padding:13px 0;font-size:12px}.revision4 .directory-bottom button,.revision4 .directory-bottom a{font-size:12px}.revision4 .workspace{flex-direction:column;min-height:0;display:flex;overflow:hidden}.revision4 .room-heading{flex-shrink:0;min-height:86px;padding:18px 25px}.revision4 .room-heading h2{font-size:28px}.revision4 .room-heading p{margin-top:5px;font-size:13px}.revision4 .columns{flex:1;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) 220px!important;display:grid!important}.conversation-stage{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.revision4 .chat{border:0;flex:1;min-height:180px;padding:20px 24px 14px;display:flex;overflow:hidden}.revision4 .chat-log{flex:1;align-content:start;min-height:80px;max-height:none;overflow:auto}.revision4 .chat.chat-collapsed{display:none}.revision4 .composer,.revision4 .compose-tools{flex-shrink:0;margin-top:0;padding-top:10px}.revision4 .message .avatar{background:var(--surface-hover);border:1px solid var(--line);border-radius:10px}.revision4 .server-members{background:var(--surface-sidebar);min-width:0;padding:20px 12px;overflow:auto}.revision4 .server-members h3{letter-spacing:.6px;margin:0 5px 20px;font-size:14px}.revision4 .server-members .eyebrow{letter-spacing:1.2px;color:var(--muted);margin:0 7px 8px;font-size:10px;display:block}.revision4 .server-members .friend{text-align:left;border-radius:7px;justify-content:flex-start;gap:10px;width:100%;margin:2px 0;padding:9px 8px;display:flex}.revision4 .friend .avatar{background:var(--surface-hover);border:1px solid var(--line);border-radius:11px;width:34px;height:34px;box-shadow:0 0 0 2px #0b1419}.revision4 .friend:not(.offline) .avatar{border-bottom:2px solid #53cfae}.revision4 .friend>div{font-size:14px;font-weight:600}.revision4 .friend small{margin-top:2px;font-size:11px;font-weight:400}.revision4 .friend.offline .avatar{filter:saturate(.3);opacity:.7}.revision4 .session-line{display:none}.revision4 .controlbar{background:var(--surface-raised);flex-shrink:0;gap:16px;min-height:66px;padding:9px 15px;position:static}.revision4 .me{justify-content:space-between;gap:6px;width:214px;display:flex}.my-profile{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.my-profile .avatar{border-radius:9px;width:34px;height:34px}.my-profile>div{text-overflow:ellipsis;overflow:hidden}.my-profile strong{font-size:14px}.my-profile small{color:var(--muted);font-size:11px;display:block}.revision4 .audio-controls{flex-wrap:nowrap;flex:1;gap:8px}.revision4 .audio-controls button{padding:9px 12px;font-size:13px}.connection-bar{letter-spacing:.65px;background:var(--surface-sidebar);border-top:1px solid var(--line);color:#7fded1;align-items:center;gap:8px;min-height:24px;padding:4px 15px;font-size:10px;display:flex}.connection-bar>.muted{margin-left:12px}.revision4 .feedback{z-index:15;border:1px solid var(--line);border-radius:7px;padding:10px 15px;position:fixed;bottom:106px;left:260px;right:240px}.compact-directory .server{padding:15px 0}.compact-directory .server .eyebrow,.compact-directory .server small{display:none}.revision4.compact-directory .server h1{text-align:center;font-size:0}.compact-directory .server h1:first-letter{font-size:24px}.revision4.compact-directory .category-label{justify-content:center;padding:5px}.compact-directory .channel{justify-content:center;padding:0}.compact-directory .voice-player{justify-content:center;width:100%;margin:3px 0;padding:5px}.compact-directory .voice-player:before,.compact-directory .directory-bottom{display:none}.compact-members .server-members{padding:15px 6px}.compact-members .server-members h3,.compact-members .server-members .eyebrow,.compact-members .friend>div{display:none}.revision4.compact-members .server-members .friend{padding:8px 6px}.clox-popover{z-index:1000;width:286px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);background:var(--surface-sidebar);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:14px;position:fixed;overflow:auto;box-shadow:0 12px 35px #0008}.clox-popover.wide{width:400px}.clox-popover button{text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;display:flex}.clox-popover button:hover{background:var(--surface-hover);color:#affaf0}.clox-popover button.primary{color:#062727;background:#28ccc3;justify-content:center}.clox-popover button.danger{color:#ffd5d0;background:#482729}.clox-popover hr{border-color:var(--line);margin:7px 4px}.player-menu-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:5px;padding:8px 8px 12px;display:flex}.player-menu-heading .avatar{border-radius:9px}.player-menu-heading small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.player-menu-heading>div{flex:1}.menu-arrow{color:var(--muted);margin-left:auto}.inline-submenu{background:var(--surface-sidebar);border-radius:5px;margin:4px 4px 8px;padding:10px;display:block}.inline-submenu input{width:100%}.clox-popover .danger-text{color:#f3a6a1}.clox-popover .modal-form{gap:12px;padding:9px 5px}.clox-popover label{flex-direction:column;gap:7px;font-size:13px;display:flex}.clox-popover label.check{flex-direction:row;align-items:center}.clox-popover input,.clox-popover select{width:100%;max-width:100%;padding:8px;font-size:14px}.clox-popover input[type=checkbox]{width:16px}.clox-popover h3{margin:7px 0;font-size:18px}.clox-popover p[role=alert]{color:#ffbdb5;padding:8px}.clox-popover .profile-content{padding:15px}.clox-popover .profile-banner{height:90px}.clox-popover .profile-content>.avatar{width:48px;height:48px}.clox-popover .profile-content h2{font-size:24px}.clox-popover .profile-content p{font-size:13px}.icon-choices{grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 0 12px;display:grid}.icon-choices button{justify-content:center;width:100%}.icon-choices button[aria-pressed=true]{background:var(--surface-hover);color:#76eddf}.dm-log{height:260px;padding:8px;overflow:auto}.dm-log>div{margin:10px 0}.dm-log small{color:var(--muted)}.dm-log .mine small{color:#5ae2cd}.dm-panel form{gap:7px;display:flex}.dm-panel form button{background:var(--surface-hover);width:auto}.dm-panel input{min-width:0}.settings-layout{grid-template-columns:165px minmax(0,1fr);gap:24px;min-height:480px;display:grid}.settings-layout>nav{border-right:1px solid var(--line);padding-right:12px}.settings-layout>nav button{text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:12px 9px;font-size:13px;display:flex}.settings-layout>nav button[aria-current=page]{background:var(--surface-raised);color:#85eddf}.settings-layout>section{min-width:0}.settings-layout .settings-grid{grid-template-columns:1fr}.join-code-form{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:end;gap:12px;margin:25px 0;padding:18px;display:flex}.join-code-form h3,.join-code-form small{width:100%}.stream-options{flex-direction:column;gap:12px;padding:7px;display:flex}.stream-options h3{margin:0 0 8px}.stream-deck{background:var(--surface-chrome);border-bottom:1px solid var(--line);flex-shrink:0;padding:14px 20px}.deck-toolbar{color:var(--muted);align-items:center;gap:5px;margin-bottom:10px;font-size:12px;display:flex}.deck-toolbar>span{margin-right:auto}.deck-toolbar>button{padding:5px 7px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stream-grid>.stream-tile:only-child{grid-column:1/-1}.stream-tile{border:1px solid var(--line);background:var(--surface-chrome);border-radius:7px;min-width:0;overflow:hidden;margin:0!important}.stream-toolbar{background:var(--surface-raised);justify-content:space-between;align-items:center;gap:10px;height:39px;padding:7px 10px;display:flex}.stream-toolbar>span{align-items:center;min-width:0;font-size:12px;display:flex;overflow:hidden}.stream-toolbar>div{gap:3px;display:flex}.stream-toolbar button{background:0 0;border:0;place-items:center;padding:5px;display:grid}.stream-picture{cursor:pointer;aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;min-height:70px;max-height:46vh;display:flex}.stream-picture>.video{width:100%;height:100%}.stream-picture video{object-fit:contain;width:100%;height:100%;max-height:46vh;display:block}.stream-deck.has-focus .focused{grid-area:1/1/auto/-1}.stream-deck.has-focus .stream-tile:not(.focused) .stream-picture{max-height:120px}.stream-deck.split .stream-grid{display:flex;overflow-x:auto}.stream-deck.split .stream-tile{flex:1;min-width:250px}.stream-tile:fullscreen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex;padding:0!important}.stream-tile:fullscreen .stream-picture{aspect-ratio:auto;cursor:default;flex:1;max-height:none}.stream-tile:fullscreen .video{object-fit:contain;width:100%;height:100%;max-height:none!important}.stream-tile:fullscreen video{object-fit:contain;width:100%;height:100%;max-height:none!important}.popped-hint{color:#7dccc5;align-items:center;gap:15px;display:flex}.popped-hint button{font-size:12px}.clox-popover .file-button{padding:10px;display:flex}.account-page[hidden]{display:none}@media (width<=1200px){.revision4 .top .tagline{display:none}.revision4 .layout{grid-template-columns:205px minmax(0,1fr)}.revision4 .columns{grid-template-columns:minmax(0,1fr) 185px!important}.revision4 .me{width:175px}.revision4 .audio-controls button{padding:8px;font-size:12px}.server-tabs{max-width:38vw}.revision4 .top{gap:12px}.revision4 .friend>div{font-size:12px}.revision4 .chat{padding:18px}}@media (width<=850px){.revision4 .top .brand{font-size:23px}.revision4 .top{flex-wrap:wrap;height:auto;min-height:76px;padding:10px 15px}.revision4 .top .server-tabs{flex-basis:100%;order:8;max-width:100%}.revision4.app{height:auto;min-height:100dvh}.revision4 .layout{grid-template-columns:180px minmax(0,1fr);min-height:65vh;display:grid}.revision4 .columns{grid-template-columns:minmax(0,1fr) 60px!important}.revision4 .server-members{padding:10px 5px}.revision4 .server-members h3,.revision4 .server-members .eyebrow,.revision4 .friend>div{display:none}.revision4 .server-members .friend{padding:7px 5px}.revision4 .controlbar,.revision4 .audio-controls{flex-wrap:wrap}.revision4 .chat-log{min-height:220px;max-height:500px}.revision4 .room-heading{padding:14px}.revision4 .room-heading h2{font-size:22px}.stream-grid,.settings-layout{grid-template-columns:1fr}.settings-layout>nav{border-right:0;border-bottom:1px solid var(--line);padding:0;display:flex;overflow:auto}.settings-layout>nav button{white-space:nowrap;width:auto}.revision4 .feedback{left:15px;right:15px}.revision4 .server h1{font-size:22px}}@media (width<=550px){.revision4 .layout{grid-template-columns:62px minmax(0,1fr)}.revision4 .directory{padding:0 5px}.revision4 .directory .server h1{font-size:0}.revision4 .directory .server h1:first-letter{font-size:20px}.revision4 .directory .server .eyebrow,.revision4 .directory .server small,.revision4 .category-label>span,.revision4 .category-label>svg:last-child,.revision4 .category-row>.icon,.revision4 .channel-name,.revision4 .channel>small,.revision4 .voice-player>span:not(.avatar),.revision4 .voice-player>b,.revision4 .directory-bottom{display:none}.revision4 .channel{justify-content:center;padding:0}.revision4 .voice-player{justify-content:center;width:100%;margin:3px 0;padding:4px}.revision4 .voice-player:before{display:none}.revision4 .category-label{justify-content:center;padding:5px}.revision4 .columns{grid-template-columns:minmax(0,1fr)!important}.revision4 .server-members{border-bottom:1px solid var(--line);grid-row:1;gap:10px;max-height:60px;padding:6px;display:flex;overflow-x:auto}.revision4 .server-members section{margin:0;display:flex}.revision4 .server-members .friend{width:auto}.revision4 .conversation-stage{grid-row:2}.revision4 .chat{padding:12px}.revision4 .room-heading p{font-size:11px}.revision4 .room-heading .row{gap:0}.revision4 .room-heading .quiet{padding:6px}.revision4 .stream-deck{padding:8px}.revision4 .stream-toolbar{padding:5px}.revision4 .me{width:auto;min-width:180px}.revision4 .controlbar{padding:9px}.revision4 .top .quiet{padding:6px;font-size:12px}.revision4 .composer{gap:5px}.revision4 .composer input{min-width:0;font-size:12px}.clox-popover{max-height:calc(100dvh - 16px)}.stream-deck.split .stream-tile{min-width:200px}}.clox-popover button{justify-content:flex-start}.clox-popover .icon-choices button{justify-content:center}.stream-picture>.video{min-height:0}.revision4 .server-members .friend{min-width:0}@media (width<=1000px){.revision4 .server-members section{display:block}.revision4 .server-members .friend{width:100%}}@media (width<=850px){.revision4 .top{flex:none;height:auto;min-height:76px}.revision4 .top .server-tabs{width:100%}.revision4 .top>.spacer{display:none}}@media (width<=550px){.revision4.compact-members .columns{grid-template-rows:60px minmax(0,1fr);grid-template-columns:minmax(0,1fr)!important}.revision4 .columns{grid-template-rows:60px minmax(0,1fr)}.revision4 .server-members{align-items:center;height:60px;min-height:60px;max-height:60px}.revision4 .server-members section{flex-shrink:0;gap:4px;margin:0;display:flex}.revision4 .server-members .friend{width:auto;min-width:0}.revision4 .controlbar .audio-controls{flex:100%}.revision4 .controlbar .me{width:100%}.revision4 .controlbar .me .my-profile{flex:1}.revision4 .top{gap:7px}.revision4 .top .brand{gap:6px;font-size:21px}.revision4 .top .quiet{padding:5px;font-size:11px}}.my-profile{justify-content:flex-start}.clox-shell{flex-direction:column;height:100dvh;min-height:620px;display:flex}.shell-page{flex:1;min-height:0;overflow:auto}.clox-shell .app-header{flex-wrap:nowrap;flex:0 0 68px;gap:14px;padding:10px 18px}.home-button{border:0;padding:0;font-size:30px;background:0 0!important}.server-tab-logo,.server-tab-initial{object-fit:cover;border-radius:7px;width:26px;height:26px}.server-tab-initial{background:var(--accent-soft);color:var(--accent);place-items:center;font-size:10px;font-weight:600;display:grid}.app-header .server-tabs{max-width:50vw}.clox-shell .server-tabs>div.active{border-color:var(--accent);background:var(--accent-soft)}.clox-shell .server-tabs>div.active>button:first-child{color:var(--accent)}.global-online{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.admin-entry{color:var(--accent);border-color:var(--accent);white-space:nowrap}.clox-shell .revision4 .layout{min-height:0}.clox-shell .connection-bar{color:var(--accent)}.clox-shell .general-admin>.top{display:none}.clox-shell>.feedback{z-index:20;position:fixed;bottom:35px;left:20%;right:20%}.friends-home{grid-template-columns:244px minmax(0,1fr);height:100%;min-height:500px;display:grid}.friends-nav{background:var(--surface-sidebar);border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:30px 16px 12px;display:flex}.friends-nav h1{margin:6px 10px 26px;font-size:34px}.friends-nav>.eyebrow{margin-left:10px}.friends-nav>button{color:var(--muted);background:0 0;border:0;justify-content:flex-start;padding:13px 12px}.friends-nav>button span{margin-left:auto;font-size:12px}.friends-nav>button.active{background:var(--accent-soft);color:var(--accent)}.friends-me{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:18px;display:flex}.friends-me .avatar{border-radius:10px}.friends-me .my-profile{gap:10px;font-weight:600}.friends-content{width:100%;max-width:1250px;margin:0 auto;padding:36px 42px;overflow:auto}.friends-content>header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.friends-content h2{margin-top:10px;font-size:35px}.friend-add{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:7px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 10px 8px 16px;display:flex}.friend-add input{background:0 0;border:0;flex:1;min-width:0}.friend-add>svg{color:var(--muted)}.friend-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 6px;display:flex}.friend-identity{background:0 0;border:0;justify-content:flex-start;gap:14px;padding:0;display:flex}.friend-identity .avatar{border-radius:13px;width:42px;height:42px}.friend-identity>span{text-align:left}.friend-identity small{color:var(--muted);margin-top:5px;display:block}.friends-empty{text-align:center;color:var(--muted);padding:65px 20px}.friends-empty>svg{color:var(--accent);margin-bottom:20px}.friends-empty h3{color:var(--text);margin-bottom:10px}.friend-conversation .dm-log>div{border-bottom:1px solid var(--line);padding:12px 0}.call-dock{z-index:60;background:var(--surface-raised);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:15px 18px;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}.call-dock small{color:var(--muted);margin-top:4px;display:block}.call-dock .avatar{border-radius:10px;width:40px;height:40px}.call-dock p[role=alert]{color:#ffbcb3;flex-basis:100%}.settings-layout>nav button{padding:12px 10px}.settings-layout>nav button[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.settings-layout .modal-form{gap:18px}.settings-layout .modal-form label.check{border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:20px;min-height:55px;margin:0;padding:15px 2px;font-size:14px;display:flex}.settings-layout label.check input{appearance:none;background:var(--surface-hover);cursor:pointer;border:0;border-radius:20px;flex:0 0 38px;order:2;width:38px;height:22px;padding:0;position:relative}.settings-layout label.check input:after{content:"";background:#e7eff1;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:3px;left:3px}.settings-layout label.check input:checked{background:var(--accent)}.settings-layout label.check input:checked:after{background:var(--accent-ink);transform:translate(16px)}.settings-layout meter{height:8px;accent-color:var(--accent)}.device-field{flex-direction:column;gap:9px;font-size:14px;display:flex}.device-select{text-align:left;background:var(--surface-sidebar);border-color:var(--line);justify-content:space-between;width:100%;min-height:47px;font-size:14px;display:flex}.device-select svg{color:var(--accent);flex-shrink:0}.clox-popover [role=option]{justify-content:space-between;min-height:40px;line-height:1.4}.clox-popover [role=option][aria-selected=true]{color:var(--accent);background:var(--accent-soft)}.accent-swatches{gap:10px;display:flex}.accent-swatches button{border:2px solid #61747e;border-radius:50%;width:34px;height:34px;min-height:34px}.settings-layout input[type=color]{width:100%;height:45px;padding:5px}.profile-editor{grid-template-columns:minmax(200px,.8fr) minmax(280px,1.2fr);gap:25px;display:grid}.profile-editor>.profile-card{align-self:start;position:sticky;top:70px}.profile-editor .settings-grid{grid-template-columns:1fr 1fr;gap:14px}.profile-editor input[type=color]{width:100%;height:40px;padding:4px}.profile-editor input[type=file]{width:100%;font-size:11px}.profile-editor .modal-form{gap:16px}.profile-center .profile-content{text-align:center}.profile-content p{margin:14px 0;line-height:1.5}.profile-content a{overflow-wrap:anywhere;color:inherit;text-decoration:underline}.profile-content h2{overflow-wrap:anywhere}.domain-settings{border:1px solid var(--line);border-radius:8px;max-width:760px;margin-top:25px;padding:20px}.domain-settings h2{margin:0!important}.clox-shell .revision4 .channel.selected{background:var(--accent);color:var(--accent-ink);box-shadow:inset 3px 0 color-mix(in srgb,var(--accent),white 40%)}.clox-shell .revision4 .channel.voice-selected,.clox-shell .live-badge{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent),transparent 55%)}.clox-shell button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.clox-shell .category-label>svg:first-child,.clox-shell .stream-empty>svg,.clox-shell .player-menu button:hover{color:var(--accent)}.clox-shell .friend:not(.offline) .avatar{border-bottom-color:var(--accent)}.clox-popover button.primary{background:var(--accent);color:var(--accent-ink)}.my-profile:focus-visible{outline:2px solid var(--accent)}@media (width<=1150px){.clox-shell .app-header{gap:8px;padding:10px}.clox-shell .app-header .server-tabs{max-width:38vw}.global-online{font-size:11px}.app-header button{font-size:12px}.clox-shell .home-button{font-size:25px}.friends-content{padding:30px 25px}}@media (width<=850px){.clox-shell{height:auto;min-height:100dvh}.clox-shell .app-header{flex-wrap:wrap;flex-basis:auto;min-height:100px}.clox-shell .app-header .server-tabs{flex-basis:100%;order:10;max-width:100%}.clox-shell .revision4.app{height:auto;min-height:75vh}.friends-home{grid-template-columns:180px minmax(0,1fr);min-height:75vh}.friends-content{padding:25px 18px}.settings-layout{grid-template-columns:1fr}.settings-layout>nav{display:flex;overflow:auto}.profile-editor{grid-template-columns:1fr}.profile-editor>.profile-card{position:static}.clox-shell>.connection-bar{position:sticky;bottom:0}}@media (width<=550px){.friends-home{flex-direction:column;display:flex}.friends-nav{flex-flow:wrap;align-items:center;gap:5px;padding:12px}.friends-nav>h1,.friends-nav>.eyebrow{display:none}.friends-nav>button{gap:5px;padding:8px;font-size:12px}.friends-me{flex-basis:100%;margin-top:3px;padding:10px 0 0}.friends-content h2{font-size:29px}.friends-content{min-height:60vh;padding:24px 15px}.friend-add{gap:5px;padding:6px}.friend-add>svg{display:none}.friend-add button{padding:8px;font-size:11px}.friend-add input{padding:8px;font-size:13px}.friend-row{gap:8px}.friend-row>.row{gap:5px}.friend-row>.row button{padding:7px}.global-online{margin-left:auto}.app-header>.spacer{display:none}.clox-shell .app-header{gap:7px}.call-dock{gap:8px;width:calc(100% - 20px);padding:10px;bottom:32px}.settings-layout>nav button{font-size:12px}.settings-layout>nav svg{display:none}.profile-editor .settings-grid{grid-template-columns:1fr}}button.primary{color:var(--accent-ink,#062324)}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent),white 18%);color:var(--accent-ink,#062324)}.modal button[aria-pressed=true],.icon-choices button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.modal input,.modal select{accent-color:var(--accent)}button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.clox-popover button:hover{color:var(--accent);background:var(--accent-soft)}body .live-badge{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent),transparent 55%)}.app-header{grid-template-columns:minmax(120px,1fr) minmax(0,3fr) auto auto auto auto;gap:12px;min-height:96px;display:grid}.app-header>.spacer{display:none}.server-switcher{grid-template-columns:minmax(0,1fr) 36px;justify-self:center;align-items:center;gap:5px 10px;width:100%;max-width:780px;display:grid}.server-switcher-label{text-align:center;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:6px;font-size:10px;font-weight:600}.server-switcher .server-tabs{justify-content:center;min-width:0;max-width:none;padding:4px 0;overflow:auto}.server-tabs>div{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:6px;flex-shrink:0}.server-tabs>div.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent)}.server-tabs button{gap:9px;min-height:40px;padding:5px 12px;position:relative}.server-tab-logo,.server-tab-initial{width:30px;height:30px}.home-button{position:relative}.unread-badge{background:var(--accent);min-width:20px;color:var(--accent-ink,#081014);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;padding:0 5px;font-size:11px;line-height:20px}.channel .unread-badge{order:4;margin-left:auto}.read-marker{flex-shrink:0;height:2px}.key-capture{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.key-capture kbd{border:1px solid var(--accent);background:var(--surface-chrome);border-radius:4px;padding:5px 12px}.key-capture small{flex-basis:100%}.server-limit{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.server-limit label{font-size:12px}.server-limit input{width:100px;margin-top:6px;display:block}.server-limit small{flex-basis:100%}.global-server{gap:20px}.mention-input{flex:1;min-width:0;position:relative}.mention-input input{width:100%}.mention-list{z-index:5;background:var(--surface-sidebar);border:1px solid var(--line);border-radius:6px;width:min(100%,360px);padding:6px;position:absolute;bottom:calc(100% + 8px);left:0}.mention-list button{background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;display:flex}.mention-list button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.mention-list small{color:var(--muted);font-size:11px}.dm-panel{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:8px;flex-direction:column;width:100%;min-height:380px;max-height:100%;display:flex;overflow:hidden}.friends-dm .dm-panel{height:calc(100vh - 310px);min-height:400px}.dm-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dm-heading h3{margin:0;font-size:18px}.dm-heading small{color:var(--muted)}.dm-log{flex:1;min-height:100px;max-height:none;padding:20px;overflow-y:auto}.dm-log article{border-bottom:1px solid #ffffff0b;padding:14px 0}.dm-log p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.dm-log .attachments img,.dm-log .attachments video{object-fit:contain;max-width:min(100%,480px);max-height:300px}.dm-composer{border-top:1px solid var(--line);background:var(--surface-sidebar);flex-direction:column;gap:10px;padding:16px;display:flex!important}.dm-input-row{align-items:stretch;gap:12px;display:flex}.dm-input-row textarea{resize:vertical;min-width:0;min-height:100px;font:inherit;border:1px solid var(--line);background:var(--surface-chrome);color:var(--text);border-radius:5px;flex:1;padding:14px;line-height:1.5}.dm-input-row>button{align-self:flex-end;min-height:44px}.dm-composer .compose-tools{flex-wrap:wrap;padding:0}.dm-composer small{color:var(--muted);font-size:12px}.emoji-picker{flex-wrap:wrap;gap:4px;display:flex}.emoji-picker button{background:0 0;border:0;padding:5px;font-size:22px}.attachment-drafts{flex-wrap:wrap;gap:8px;display:flex}.clox-popover.wide .dm-heading small{display:none}@media (width<=1100px){.app-header{grid-template-columns:auto minmax(0,1fr) auto auto auto auto;gap:7px}.app-header>.brand{font-size:20px}.global-online{font-size:11px}.server-tabs button{padding:5px 8px}.server-switcher .server-tabs{justify-content:flex-start}}@media (width<=760px){.app-header{flex-wrap:wrap;gap:8px;padding:10px;display:flex}.server-switcher{flex-basis:100%;order:10;max-width:100%}.app-header .global-online{margin-left:auto}.dm-input-row{flex-direction:column}.dm-input-row>button{align-self:stretch}.dm-composer{padding:10px}.dm-heading,.dm-log{padding:12px}.friends-dm .dm-panel{height:65vh;min-height:400px}.global-server{flex-wrap:wrap}}.friend-conversation .dm-panel{height:calc(100vh - 330px);min-height:400px}.friend-conversation{gap:18px;min-height:0}.friend-conversation .dm-heading{display:flex!important}.friend-conversation .dm-panel{padding-top:0}.friend-conversation .dm-panel h3{display:block}.friend-conversation .dm-log{height:auto}.friend-conversation .read-marker{border:0;padding:0}.channel.selected .unread-badge{background:var(--accent-ink,var(--surface-chrome));color:var(--accent)}.clox-shell .shell-page>div:has(>.revision4.app){height:100%}.clox-shell .revision4.app{height:100%;min-height:0}.friend-conversation>.row{margin-bottom:14px}.clox-shell .app-header{flex-wrap:nowrap;gap:14px;min-height:96px;padding:10px 18px;display:flex}.clox-shell .app-header>.brand{flex:none;justify-content:flex-start;margin:0;padding:4px 0}.home-shortcuts{align-items:center;gap:3px;display:flex}.home-shortcuts .icon{padding:9px}.clox-shell .server-switcher{flex:1;min-width:100px;max-width:780px;margin-inline:auto}.clox-shell .server-tabs{max-width:none}.app-header .quiet,.app-header .admin-entry,.app-header .download-button{white-space:nowrap}.global-download{border:1px solid var(--accent);color:var(--accent);border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.app-header .global-online{white-space:nowrap}.shortcut-friend{align-items:center;gap:10px;display:flex}.shortcut-friend span{text-align:left}.shortcut-friend small{color:var(--muted);display:block}.home-screen{grid-template-columns:1.1fr 1fr;gap:80px;max-width:1320px;margin:0 auto;padding:90px 50px;display:grid}.home-intro h1{margin:28px 0;font-size:clamp(40px,4vw,64px);line-height:1.02}.home-intro h1 em{color:var(--accent);font-style:normal}.home-intro>p{color:var(--muted);margin-bottom:35px}.home-account{flex-wrap:wrap;gap:8px;display:flex}.home-account button:first-child{align-items:center;gap:10px;display:flex}.home-servers{padding-top:28px}.home-servers>.row{justify-content:space-between;margin-bottom:20px}.home-server{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;align-items:center;gap:16px;width:100%;padding:20px 4px;display:flex}.home-server>img{object-fit:cover;border-radius:9px;width:44px;height:44px}.home-server>div{flex:1}.home-server strong{font-size:21px}.home-server small{color:var(--muted);align-items:center;gap:6px;margin-top:6px;display:flex}.home-server:hover{background:var(--accent-soft)}.status-select{max-width:250px;color:var(--muted);flex-direction:column;gap:7px;margin-top:18px;font-size:12px;display:flex}.clox-loading{background:var(--surface-chrome);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;display:flex}.loading-emblem .mark{border-width:9px;width:54px;height:54px}.clox-loading>strong{letter-spacing:.18em;font-size:28px}.clox-loading p{color:var(--muted);font-size:13px}.loading-track{background:var(--surface-raised);width:120px;height:3px;overflow:hidden}.loading-track>span{background:var(--accent);width:35%;height:100%;animation:1.4s ease-in-out infinite loading-pass;display:block}@keyframes loading-pass{0%{transform:translate(-100%)}to{transform:translate(390%)}}.settings-modal{width:min(1000px,100vw - 32px);height:min(820px,100dvh - 48px);max-height:calc(100dvh - 48px)}.settings-modal .modal-body{flex:1;min-height:0;overflow:hidden}.settings-modal .settings-layout{grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0}.settings-scroll{scrollbar-color:var(--line) var(--line);height:100%;min-height:0;padding-right:14px;overflow-y:auto}.scroll-hint{background:var(--surface-sidebar);color:var(--muted);z-index:1;border-bottom:1px solid var(--line);margin-bottom:15px;padding:8px 12px;font-size:11px;display:block;position:sticky;top:0}.hotkey-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;padding:14px 0;display:grid}.hotkey-row>span{grid-column:1/-1}.hotkey-row kbd{color:var(--accent);align-self:center;font-size:12px}.hotkey-error{z-index:120;color:#ffd5d5;background:#341d22;padding:12px;position:fixed;bottom:40px;right:20px}.spotify-bar{z-index:40;border:1px solid var(--line);background:var(--surface-sidebar);pointer-events:none;border-radius:6px;align-items:center;gap:12px;max-width:320px;padding:10px 14px;display:flex;position:fixed;bottom:28px;right:18px}.spotify-bar .music-note{color:#7cdaa3;font-size:25px}.spotify-bar div{flex-direction:column;min-width:0;display:flex}.spotify-bar small{letter-spacing:1.5px;color:#7cdaa3;font-size:9px}.spotify-bar strong,.spotify-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spotify-bar div>span{color:var(--muted);font-size:11px}.server-banner{aspect-ratio:2.5;object-fit:cover;border-bottom:1px solid var(--line);width:calc(100% + 28px);max-width:none;margin:-12px -14px 15px}.revision4 .server h1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-count{border-left:1px solid var(--line);color:var(--muted);align-items:center;gap:5px;padding-left:10px;font-family:Barlow,sans-serif;font-size:12px;font-weight:400;display:inline-flex}.directory-empty{color:var(--muted);padding:22px 12px;font-size:14px}.directory-empty button{margin-top:15px;font-size:12px}.server-logs article{border-bottom:1px solid var(--line);gap:6px;padding:15px 0;display:grid}.server-logs time,.server-logs small{color:var(--muted);font-size:12px}.moderation-panel{max-width:1100px;margin:auto;padding:25px}.report-row{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:5px;margin:15px 0;padding:18px}.report-row small{color:var(--muted);margin-top:5px;display:block}.report-row p{white-space:pre-wrap}.admin-user-row{border:1px solid var(--line);border-radius:5px;flex-direction:column;align-items:stretch;gap:12px;margin:12px 0;padding:20px;display:flex}.admin-user-row>button{align-self:flex-start}.admin-user-row .server-limit{align-items:flex-end;gap:12px;display:flex}.admin-user-row .server-limit label{min-width:180px}.admin-user-row .server-limit input{width:100%}.staff-user-controls{background:var(--surface-sidebar);border:1px solid var(--line);padding:18px}.staff-user-controls form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.staff-user-controls label{flex-direction:column;gap:8px;display:flex}.staff-user-controls details{margin-top:15px}.staff-user-controls .check{flex-direction:row;align-items:center}.badge-creator{border:1px solid var(--line);grid-template-columns:1fr 100px 150px;gap:12px;max-width:650px;margin:20px 0;padding:20px;display:grid}.badge-creator h3,.badge-creator small{grid-column:1/-1}.badge-creator label{flex-direction:column;gap:8px;display:flex}.role-power{align-items:end;gap:12px;margin:12px 0;display:flex}.role-power label{flex:1;align-items:center;gap:12px;display:flex}.role-power input{width:90px}.profile-card{border-width:1px;border-radius:10px;min-width:0;overflow:hidden}.profile-banner{object-fit:cover;width:100%;height:150px}.profile-content>.avatar{border:4px solid var(--line);width:78px;height:78px;font-size:25px;box-shadow:0 0 0 1px #ffffff25}.profile-card:has(.profile-banner) .profile-content>.avatar{margin-top:-62px;position:relative}.profile-content h2{margin:15px 0 6px;font-size:28px;line-height:1.1}.profile-content .readme{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #ffffff18;padding-top:16px;font-size:14px;line-height:1.6}.profile-badges{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.profile-badges>span{border:1px solid;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:inline-flex}.profile-links{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.profile-links a{border:1px solid #ffffff25;border-radius:4px;padding:5px 8px;font-size:11px;text-decoration:none}.profile-center .profile-badges,.profile-center .profile-links{justify-content:center}.profile-editor .status-select{margin-top:0}@media (width<=1250px){.clox-shell .app-header{gap:8px}.app-header .global-online{display:none}.global-download{padding:8px;font-size:11px}.app-header .quiet{padding:8px}.clox-shell .app-header>.brand{font-size:22px}.clox-shell .server-switcher{min-width:130px}}@media (width<=960px){.clox-shell .app-header{flex-wrap:wrap}.clox-shell .server-switcher{flex-basis:100%;order:20;max-width:100%}.app-header .admin-entry{margin-left:auto}.home-screen{grid-template-columns:1fr 1fr;gap:30px;padding:40px 25px}.settings-modal .settings-layout{grid-template-columns:145px minmax(0,1fr)}.settings-layout>nav button{font-size:12px}}@media (width<=650px){.home-screen{grid-template-columns:1fr;padding:30px 20px}.home-servers{padding-top:0}.settings-modal .settings-layout{flex-direction:column;gap:10px;display:flex}.settings-modal .settings-layout>nav{border:0;flex-shrink:0;gap:4px;max-height:60px;display:flex;overflow-x:auto}.settings-modal .settings-layout>nav button{white-space:nowrap;flex-shrink:0}.settings-scroll{flex:1}.hotkey-row{grid-template-columns:1fr 1fr}.hotkey-row kbd{grid-column:1/-1}.badge-creator{flex-direction:column;display:flex}.spotify-bar{max-width:220px;font-size:11px}.global-download{font-size:10px}.home-shortcuts .icon{padding:5px}}@media (prefers-reduced-motion:reduce){.loading-track>span{width:100%;animation:none}}.global-download{color:var(--accent);background:0 0}.settings-modal[open]{flex-direction:column;display:flex;overflow:hidden}.settings-modal>.modal-heading{flex-shrink:0}.settings-modal>.modal-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.settings-modal .modal-body>.detail{height:100%;min-height:0}.settings-modal .settings-layout{flex:1;overflow:hidden}.settings-modal .settings-scroll,.settings-modal .settings-layout>nav{min-height:0;overflow-y:auto}.modal-body,.modal-form,.stream-options,.settings-scroll{text-align:left}.modal-form>label:not(.check),.stream-options>label:not(.check),.settings-grid>label{text-align:left;align-items:stretch}.modal-form input:not([type=checkbox]):not([type=range]):not([type=color]),.modal-form textarea,.modal-form select,.stream-options select{box-sizing:border-box;width:100%}.modal-form button,.stream-options button{justify-content:center}.settings-description{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.settings-layout .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-layout .device-select{text-align:left;justify-content:space-between;width:100%;min-height:46px}.settings-layout .device-field{min-width:0}.settings-layout .device-select{overflow:hidden}.settings-layout .modal-form{align-items:stretch;gap:16px}.settings-layout .modal-form>h3{margin:0 0 4px}.settings-layout .modal-form>meter{width:100%;height:12px;margin:0 0 8px}.settings-layout .modal-form label.check,.stream-options label.check,.modal-form label.check{text-align:left;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;margin:0;padding:12px 0}.modal-form label.check input,.stream-options label.check input{flex-shrink:0;order:2;width:auto;margin:0}.stream-options{flex-direction:column;align-items:stretch;gap:16px;display:flex}.stream-options>label:not(.check){flex-direction:column;gap:8px;display:flex}.stream-options>button{align-self:flex-start}.settings-layout .settings-grid .device-select{align-self:stretch}.settings-layout>nav button{text-align:left;justify-content:flex-start;width:100%}.microphone-notice{color:#ffc47d;background:#422a13;border-block:1px solid #986027;flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.microphone-notice svg{flex-shrink:0}.stream-deck.single-stream .stream-grid{width:100%;display:block}.stream-deck.single-stream .stream-tile{width:100%}.stream-deck.single-stream .stream-picture{aspect-ratio:16/9;width:100%;min-height:0;max-height:none}.stream-deck.single-stream .stream-picture video{width:100%;height:100%;max-height:none}.stream-deck .stream-picture>.video{min-height:0}.stream-deck.single-stream .stream-tile:fullscreen .stream-picture{aspect-ratio:auto}.stream-deck{flex-shrink:0}.settings-modal .modal-body>.detail{flex-direction:column;min-height:0;display:flex}.settings-modal .modal-body>.detail>.settings-layout{height:100%}@media (width<=760px){.settings-layout .settings-grid{grid-template-columns:1fr}.microphone-notice{padding:9px 12px;font-size:12px}}.admin-center{text-align:left;grid-template-columns:240px minmax(0,1fr);height:100%;min-height:0;display:grid}.admin-center-nav{border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:30px 20px;display:flex;overflow:auto}.admin-center-nav h1{margin:0;font-size:29px}.admin-center-nav nav,.server-admin-center>nav{flex-direction:column;gap:5px;display:flex}.admin-center-nav nav button,.server-admin-center>nav button{text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:12px}.admin-center-nav button[aria-current=page],.server-admin-center>nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.admin-center-content{min-width:0;padding:30px 38px;overflow:auto}.admin-center-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.admin-center-heading h2{margin:8px 0;font-size:32px}.admin-summary{border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.admin-summary>div{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:22px;display:flex}.admin-summary strong{color:var(--accent);font-size:32px}.admin-summary span{color:var(--muted);font-size:13px}.admin-status{padding:24px 0}.admin-status dl{grid-template-columns:160px 1fr;gap:12px;display:grid}.admin-status dd{margin:0}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-search{align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.admin-search label:first-child{flex:1}.admin-center label,.server-admin-center label{text-align:left;flex-direction:column;align-items:stretch;gap:8px;display:flex}.admin-center input:not([type=checkbox]):not([type=color]),.admin-center select,.server-admin-center input:not([type=checkbox]):not([type=color]),.server-admin-center select{width:100%;min-width:0}.admin-record{border-bottom:1px solid var(--line);padding:22px 0}.admin-record h3{margin:0}.admin-record p{color:var(--muted);margin:8px 0 16px}.admin-center .admin-user-row{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}.admin-center .moderation-panel{max-width:none;margin:0;padding:0}.admin-center .domain-settings{max-width:760px;margin:0}.admin-center .audit-row{border-bottom:1px solid var(--line);gap:8px;padding:16px 0;display:grid}.audit-row code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.admin-center .check,.server-admin-center label.check{border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:12px 0}.admin-center .check input,.server-admin-center label.check input{flex-shrink:0;order:2;width:auto;margin:0}.admin-center .staff-user-controls form,.admin-center .server-limit{align-items:flex-end}.admin-center .badge-creator{max-width:800px}.server-admin-center{grid-template-columns:190px minmax(0,1fr);gap:28px;height:100%;min-height:0;display:grid}.server-admin-center>nav{border-right:1px solid var(--line);padding-right:12px;overflow:auto}.server-admin-content{text-align:left;min-width:0;padding-right:12px;overflow-y:auto}.server-admin-center .admin-grid{flex-direction:column;gap:24px;display:flex}.server-admin-center form{text-align:left;flex-direction:column;align-items:stretch;gap:14px;max-width:720px;display:flex}.server-admin-center form>button{align-self:flex-start}.server-admin-center h3{margin:8px 0 16px}.server-admin-center .permission-list{grid-template-columns:1fr;gap:0;display:grid}.server-admin-center .category-edit{grid-template-columns:minmax(100px,1fr) 80px auto auto;gap:8px;margin-bottom:12px;display:grid}.server-admin-center .category-edit>div{grid-column:1/-1}.server-admin-center .join-code-form{margin-top:24px}.server-admin-center .role-power{flex-direction:row;align-items:flex-end;display:flex}.server-admin-center .role-power label{flex:1}.danger-zone{background:#25181a;border-left:3px solid #cf655f;padding:18px 22px}.modal:has(.server-admin-center){flex-direction:column;width:min(1080px,100vw - 32px);height:min(820px,100dvh - 48px);display:flex;overflow:hidden}.modal:has(.server-admin-center)>.modal-heading{flex-shrink:0}.modal:has(.server-admin-center)>.modal-body{flex:1;min-height:0;overflow:hidden}.modal:has(.server-admin-center) .detail{height:100%;min-height:0}@media (width<=850px){.admin-center{grid-template-columns:170px minmax(0,1fr)}.admin-center-content{padding:24px 18px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.server-admin-center{grid-template-columns:150px minmax(0,1fr);gap:16px}.server-admin-center .category-edit{grid-template-columns:1fr 65px}.admin-search{flex-direction:column;align-items:stretch}}@media (width<=600px){.admin-center{height:auto;display:block}.admin-center-nav{border-bottom:1px solid var(--line);padding:16px}.admin-center-nav nav{flex-direction:row;overflow:auto}.admin-center-nav nav button{white-space:nowrap;width:auto}.server-admin-center{flex-direction:column;display:flex}.server-admin-center>nav{flex-direction:row;flex-shrink:0}.server-admin-center>nav button{white-space:nowrap;width:auto}.server-admin-content{flex:1}.admin-summary{grid-template-columns:1fr 1fr}}.notice{text-align:left;border:1px solid;border-radius:7px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;font-size:14px;display:flex}.notice svg{flex:none;margin-top:2px}.notice-success{background:var(--surface-raised);color:var(--text);border-color:var(--line)}.notice-error{color:#ffd1d5;background:#3b1c21;border-color:#82404b}.avatar{position:relative;overflow:visible}.avatar-status{border:2px solid var(--line);background:#75838b;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.avatar-status.status-online{background:#52d594}.avatar-status.status-busy,.avatar-status.status-away{background:#e8b44d}.avatar-status.status-dnd{background:#ee6572}.avatar-status.status-offline{background:#74818b}.settings-layout .modal-form,.security-settings,.roles-panel,.server-logs,.statistics{text-align:left;align-items:stretch}.settings-layout label:not(.toggle-row):not(.permission-toggle){text-align:left}.settings-scroll>section{min-width:0}.settings-scroll input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.settings-scroll fieldset{border:1px solid var(--line,var(--line));border-radius:6px;margin:12px 0;padding:12px}.settings-scroll legend{color:var(--muted);padding:0 8px}.roles-panel{grid-template-columns:180px minmax(0,1fr);gap:22px;display:grid}.roles-panel nav{flex-direction:column;gap:6px;display:flex}.roles-panel nav button{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:12px;display:flex}.roles-panel nav button.active{background:var(--accent-soft,var(--surface-raised));border-color:var(--accent)}.roles-panel .permission-toggle{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.roles-panel input[type=checkbox]{width:18px;height:18px}.roles-panel section{min-width:0}.roles-panel small{line-height:1.5}.roles-panel fieldset{border:1px solid var(--line);border-radius:6px;padding:4px 14px 10px}.rich-emoji-picker,.gif-picker{background:var(--surface-sidebar);border:1px solid var(--line);text-align:left;z-index:20;border-radius:8px;width:min(540px,100%);max-height:470px;padding:14px;overflow:auto}.rich-emoji-picker label,.gif-picker label{gap:7px;display:grid}.rich-emoji-picker nav{gap:5px;padding:10px 0;display:flex;overflow:auto}.rich-emoji-picker nav button{white-space:nowrap;padding:6px 9px;font-size:12px}.rich-emoji-picker nav button[aria-pressed=true]{background:var(--accent);color:#061012}.rich-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;display:grid}.rich-emoji-grid button{background:0 0;border-color:#0000;height:42px;padding:3px;font-family:Segoe UI Emoji,sans-serif;font-size:25px}.gif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.gif-picker small{margin-top:9px;display:block}.security-summary{border:1px solid var(--line);border-radius:7px;margin-bottom:16px;padding:15px}.security-summary b{float:right;color:var(--accent)}.session-device{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.session-device>div{gap:6px;min-width:0;display:grid}.session-device small{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.session-device button{flex:none}.recovery-codes{background:var(--surface-raised);flex-wrap:wrap;gap:10px;margin:15px 0;padding:16px;display:flex}.recovery-codes h4{width:100%}.recovery-codes code{background:var(--surface-chrome);padding:7px}.security-settings h3{margin:20px 0 14px}.log-filters{grid-template-columns:2fr 1.3fr 1fr 1fr;gap:10px;margin:14px 0;display:grid}.log-filters label{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.log-filters input,.log-filters select{width:100%;min-width:0}.log-timeline article{border-bottom:1px solid var(--line);grid-template-columns:95px minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 0;display:grid}.log-timeline small{margin-top:5px;display:block}.log-timeline time{color:var(--muted);font-size:12px}.log-timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.log-category{border:1px solid var(--line);color:var(--accent);text-transform:uppercase;border-radius:4px;padding:4px 7px;font-size:11px}.log-timeline details{margin-top:7px;font-size:12px}.stat-totals{flex-wrap:wrap;gap:12px;display:flex}.stat-totals>div{border-bottom:2px solid var(--accent);background:var(--surface-sidebar);flex:1;padding:15px}.statistics figure{border:1px solid var(--line);border-radius:7px;margin:16px 0;padding:18px}.statistics svg{width:100%;max-height:150px;color:var(--accent)}.statistics table{border-collapse:collapse;width:100%}.statistics td,.statistics th{text-align:left;border-bottom:1px solid var(--line);padding:8px}.connection-bar{z-index:35;justify-content:space-between;align-items:center;display:flex;position:relative}.ping-control{cursor:help;align-items:center;gap:6px;display:flex;position:relative}.ping-good .dot{background:#57cf94}.ping-fair .dot{background:#e6b94e}.ping-bad .dot{background:#ed6771}.ping-unknown .dot{background:#81929a}.ping-history{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:7px;width:300px;max-width:80vw;padding:16px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0005}.ping-control:hover .ping-history,.ping-control:focus-within .ping-history{display:block}.ping-history svg{width:100%;height:75px;color:var(--accent);margin:8px 0}.service-status-button{background:0 0!important;border:0!important;min-height:22px!important;padding:2px 8px!important;font-size:11px!important}.service-status{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:8px;width:430px;max-width:92vw;padding:18px;font-size:13px;position:absolute;bottom:calc(100% + 8px);right:8px;box-shadow:0 10px 30px #0005}.service-status header{align-items:center;gap:9px;display:flex}.service-status header button{margin-left:auto}.service-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:9px;padding:15px 0;display:flex}.status-history{gap:2px;width:100%;height:23px;display:flex}.status-history i{background:currentColor;flex:1;min-width:1px;max-width:6px}.health-good{color:#4cce90}.health-bad{color:#f0717b}.health-unknown{color:#6c7b84}.service-status>small{margin-top:14px;line-height:1.5;display:block}.hotkey-row{grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;align-items:center;gap:8px;margin:10px 0;display:grid}.hotkey-row select{min-width:0}.application-row{border-bottom:1px solid var(--line);padding:12px 0}.stream-diagnostics{border:1px solid var(--line);background:var(--surface-sidebar);padding:12px;font-size:12px}.stream-diagnostics dl{grid-template-columns:1fr auto;gap:6px;display:grid}.stream-diagnostics dd{font-variant-numeric:tabular-nums;margin:0}@keyframes clox-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.notice,.service-status,.rich-emoji-picker,.gif-picker{animation:.14s ease-out clox-enter}.modal-panel,.context-menu{animation:.12s ease-out clox-enter}button,a{transition:background-color .12s,border-color .12s,color .12s}.server-tabs button:hover{background:#ffffff09}.chat-message{animation:.1s ease-out clox-enter}@media (width<=850px){.roles-panel{grid-template-columns:1fr}.roles-panel nav{flex-direction:row;overflow:auto}.roles-panel nav button{min-width:130px}.log-filters{grid-template-columns:1fr 1fr}.log-timeline article{grid-template-columns:75px 1fr}.log-timeline time{grid-column:2}.hotkey-row{grid-template-columns:1fr auto}.hotkey-row select{grid-column:1/-1}.session-device{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stat-totals strong{margin-top:8px;font-size:28px;font-weight:600;display:block}.statistics figcaption,.chart-dates{justify-content:space-between;margin-bottom:10px;display:flex}.chart-dates{color:var(--muted);font-size:11px}.stream-diagnostics dl{display:block}.diagnostic-row{justify-content:space-between;gap:15px;padding:4px 0;display:flex}.diagnostic-row dd{text-align:right}.application-review{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.application-review small{grid-column:1/3}.application-review input{min-width:0}.security-settings .modal-form{align-items:stretch}.notice{flex-shrink:0}.roles-panel .modal-form label.permission-toggle{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.roles-panel label.permission-toggle>span{text-align:left;flex:1}.roles-panel label.permission-toggle>input{flex:none;width:18px;height:18px;margin:0}.settings-layout label.check,.settings-layout label.permission-toggle,.modal-form>label.check{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-layout label.check>input,.modal-form>label.check>input{flex:none;order:2;width:18px;height:18px;margin:0}.avatar img{border-radius:inherit}.roles-panel .modal-form>label:not(.permission-toggle){text-align:left;flex-direction:column;align-items:stretch;display:flex}.reconnect-screen{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#080c10f5;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.reconnect-screen strong{letter-spacing:.18em;color:var(--accent);font-size:36px}.reconnect-screen h1{margin:12px 0 0;font-size:28px}.reconnect-screen p{color:var(--muted);margin:0}.reconnect-pulse{background:var(--accent);width:80px;height:3px;animation:1.6s ease-in-out infinite connection-pulse}@keyframes connection-pulse{50%{opacity:.25;transform:scaleX(.5)}}.home-screen{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr) minmax(220px,.8fr);align-items:start;gap:32px;max-width:1900px;margin:auto;padding:40px clamp(20px,4vw,60px);display:grid}.home-intro h1{font-size:clamp(32px,3.3vw,54px)}.social-feed{min-width:0}.social-feed h2{margin:8px 0 20px}.feed-composer,.feed-post{border:1px solid var(--line,var(--line));background:var(--surface-sidebar);border-radius:10px;margin-bottom:20px;overflow:hidden}.feed-composer{gap:12px;padding:16px;display:grid}.feed-composer textarea{resize:vertical;width:100%;min-height:70px}.feed-composer small{color:var(--muted);font-size:12px}.feed-upload{cursor:pointer;align-items:center;gap:8px;max-width:70%;font-size:14px;display:flex;overflow:hidden}.feed-upload input{opacity:0;width:1px;height:1px;position:absolute}.feed-preview{object-fit:contain;width:100%;max-height:200px}.feed-post header{align-items:center;gap:10px;padding:14px;display:flex}.feed-post header>div{flex:1}.feed-post time{color:var(--muted);margin-top:4px;font-size:12px;display:block}.feed-image{object-fit:contain;background:var(--surface-chrome);width:100%;max-height:540px;display:block}.feed-post>p{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 16px}.feed-heart{background:0 0;border:0;margin:10px 14px}.feed-heart.liked{color:#fa748c}.feed-heart:active{transform:scale(.93)}.feed-confirm{border-top:1px solid var(--line);padding:14px}.feed-refresh{width:100%;margin-bottom:16px}.shortcut-friends-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:min(60vh,540px);overflow-y:auto}.shortcut-friends-scroll summary{color:var(--muted);cursor:pointer;padding:12px 8px}.shortcut-friend{width:100%;min-height:48px}.profile-game{text-align:left;background:#ffffff08;border-radius:8px;align-items:center;gap:12px;margin:18px 0;padding:12px;display:flex}.profile-game img{object-fit:cover;border-radius:5px;width:74px;height:54px}.profile-game small,.profile-game strong{display:block}.profile-game small{color:var(--muted);margin:3px 0;font-size:11px}.server{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:128px;display:flex;position:relative;overflow:hidden}.server .server-banner{object-fit:cover;z-index:-2;border:0!important;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;inset:0!important}.server:has(.server-banner):after{content:"";z-index:-1;background:linear-gradient(#0000,#080e13ed);position:absolute;inset:0}.server h1,.server>small{text-shadow:0 1px 5px #000;position:relative}.server h1{margin:12px 0 8px}.role-delete{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.crash-record dl>div{grid-template-columns:160px 1fr;gap:12px;display:grid}.crash-record dd{overflow-wrap:anywhere;margin:0}.settings-layout label.check{gap:16px;min-width:0;padding-right:8px}.settings-layout label.check input[type=checkbox]{box-sizing:border-box!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:22px!important;min-height:22px!important;margin:0!important;padding:0!important;overflow:hidden!important}.settings-layout label.check input[type=checkbox]:after{content:"";background:#b8c9ce;border-radius:50%;width:16px;height:16px;transition:transform .14s;position:absolute;inset:3px auto auto 3px;transform:none}.settings-layout label.check input[type=checkbox]:checked:after{background:var(--accent-ink,var(--surface-chrome));transform:translate(16px)}.settings-layout input[type=range]{box-sizing:border-box;min-width:0;max-width:100%}.settings-content,.settings-layout>section{scrollbar-gutter:stable;min-width:0;padding-right:16px}@media (width>=900px){.feed-post,.profile-game{animation:.18s ease-out clox-enter}.popover,.notice{animation:.14s ease-out clox-enter}}@media (width<=1150px){.home-screen{grid-template-columns:minmax(220px,.7fr) minmax(340px,1.3fr)}.home-servers{grid-column:1}.social-feed{grid-area:1/2/span 2}}@media (width<=760px){.home-screen{grid-template-columns:1fr}.social-feed,.home-servers{grid-area:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}input::file-selector-button{cursor:pointer;border-radius:4px;margin-right:12px;padding:8px 12px;background:color-mix(in srgb,var(--accent) 15%,var(--surface-sidebar))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line))!important}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 80%,white)!important}button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 15%,var(--surface-sidebar));border-color:var(--accent);color:var(--accent)}.avatar img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block;opacity:1!important;filter:none!important}.server-members .friend.offline{opacity:1}.server-members .friend.offline>div{color:var(--muted)}.server-members .friend .avatar{flex:0 0 36px;width:36px;height:36px}.profile-actions{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.player-menu .profile-card{margin:0;padding:0}.player-menu .profile-game{margin:12px 0}.composer,.dm-input-row{align-items:flex-end;gap:8px;display:flex}.composer>div:first-child,.dm-input-row>textarea{flex:1;min-width:0}.composer .compose-tools,.dm-input-row .compose-tools{border:0;flex:none;align-items:center;gap:6px;margin:0;padding:0;display:flex}.compose-tools>button,.compose-tools>.file-button{border:1px solid var(--line);background:var(--surface-sidebar);cursor:pointer;width:38px;min-width:38px;max-width:38px;height:38px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:inline-flex;padding:0!important}.compose-tools>button:hover,.compose-tools>.file-button:hover{color:var(--accent);border-color:var(--accent)}.composer>.primary,.dm-input-row>.primary{min-width:38px;height:38px}.compose-tools input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.rich-emoji-picker,.gif-picker{scrollbar-gutter:stable;max-height:min(65vh,540px);overflow-y:auto;background:0 0!important;border:0!important;border-radius:0!important;width:100%!important;max-width:none!important;padding:0!important}.rich-emoji-picker nav{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex;overflow:visible!important}.rich-emoji-picker nav button{padding:7px 9px;font-size:11px}.rich-emoji-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))!important;display:grid!important}.rich-emoji-grid button{background:0 0;border:0;height:40px;padding:3px;font-size:27px}.rich-emoji-grid button:hover{background:#ffffff0d}.gif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gif-grid button{padding:0;overflow:hidden}.gif-grid img{object-fit:cover;width:100%;height:110px}:is(.clox-popover:has(.rich-emoji-picker),.clox-popover:has(.gif-picker)){width:min(500px,100vw - 20px);padding:16px}.dm-composer>.rich-emoji-picker,.dm-composer>.gif-picker{max-height:340px;padding-bottom:12px!important}.composer:has(.attachment-drafts){flex-wrap:wrap}@media (width<=650px){.composer,.dm-input-row{flex-wrap:wrap}.composer>div:first-child,.dm-input-row>textarea{flex-basis:100%}}.clox-popover .rich-emoji-picker nav{flex-direction:row!important;align-items:flex-start!important}.clox-popover .rich-emoji-picker nav button{justify-content:center;min-height:30px;flex:none!important;width:auto!important;padding:6px 9px!important;display:inline-flex!important}.clox-popover .rich-emoji-grid button{place-items:center;min-width:0;width:100%!important;display:grid!important}.clox-popover .gif-grid button{width:100%;display:block;padding:0!important}.composer>.attachment-drafts{flex-wrap:wrap;flex:0 0 100%;gap:6px;display:flex}.attachment-drafts button{overflow-wrap:anywhere;white-space:normal;max-width:100%}.clox-popover{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-x:hidden;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important}.home-shortcuts>button{position:relative}.home-shortcuts .unread-badge{position:absolute;top:-5px;right:-3px}.revision4 .conversation-stage.watching-streams{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.conversation-stage.stream-only>.chat{display:none}.conversation-stage.with-chat>.chat{flex:0 0 35%;min-height:0;overflow:hidden}.revision4 .watching-streams .chat-log{min-height:0;max-height:none}.fitted-streams.stream-deck{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.fitted-streams .deck-toolbar{flex:none;margin:0}.fitted-streams .stream-grid,.all-streams-popout .stream-grid{flex:1;gap:10px;min-height:0;overflow:hidden;display:grid!important}.stream-tile{flex-direction:column;display:flex;position:relative;overflow:hidden;min-height:0!important}.stream-tile .stream-picture{flex:1;justify-content:center;align-items:center;display:flex;aspect-ratio:auto!important;min-height:0!important;max-height:none!important}.stream-tile .stream-picture>.video{width:100%;height:100%;min-height:0}.stream-tile .stream-picture video{object-fit:contain;width:100%;height:100%;max-height:100%!important}.stream-toolbar{flex:none}.stream-audio{background:var(--panel,var(--surface-sidebar));flex:0 0 34px;align-items:center;gap:8px;min-width:0;padding:4px 10px;display:flex}.stream-audio button{border:0;padding:3px}.stream-volume{align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.stream-volume input{width:100px;min-width:40px;max-width:100%;padding:0}.stream-volume output{min-width:32px}.stream-context{z-index:15;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:8px;max-width:calc(100% - 16px);max-height:calc(100% - 44px);padding:8px;display:flex;position:absolute;top:36px;right:8px;overflow:auto;box-shadow:0 10px 30px #0008}.stream-popout{background:var(--surface-chrome);height:100dvh;color:var(--text);margin:0;overflow:hidden}.all-streams-popout,.individual-stream{flex-direction:column;gap:8px;height:100dvh;min-height:0;padding:10px;display:flex}.all-streams-popout>header,.individual-stream>header{flex:0 0 36px;justify-content:space-between;align-items:center;display:flex}.individual-stream>.video{flex:1;min-height:0}.individual-stream video{object-fit:contain;width:100%;height:100%}.all-streams-popout .stream-grid{height:100%}.stream-tile:fullscreen .stream-picture{flex:1;height:100%}.app-header .server-switcher{min-width:0}.app-header .server-tabs{flex:1;min-width:0}.app-header .server-switcher>.icon{flex:0 0 34px}.stream-deck .popped-hint{flex:1;place-items:center;display:grid}@media (width<=1200px){.clox-shell .app-header{gap:10px}.app-header .global-online{display:none}.revision4 .layout{grid-template-columns:190px minmax(0,1fr)}.revision4 .columns{grid-template-columns:minmax(0,1fr) 160px}.revision4 .server-members{min-width:0;overflow:auto}.revision4 .server-members .friend{min-width:0}.server-tabs{max-width:100%}}.modal[open]{box-sizing:border-box;flex-direction:column;height:min(740px,100dvh - 40px);max-height:calc(100dvh - 40px);display:flex;overflow:hidden}.modal>.modal-heading{flex:none}.modal>.modal-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.modal:has(.dm-panel)>.modal-body{display:flex;overflow:hidden}.modal .dm-panel{flex:1;height:100%;max-height:100%;min-height:0!important}.dm-panel>.dm-heading,.dm-panel>.dm-composer{flex:none}.dm-panel>.dm-log{overscroll-behavior:contain;flex:1 1 0;overflow-y:auto;height:auto!important;min-height:0!important}.dm-composer textarea{max-height:100px}.dm-composer{position:relative}.dm-composer>.rich-emoji-picker,.dm-composer>.gif-picker{z-index:5;background:var(--panel,var(--surface-raised));position:absolute;bottom:100%;left:0;right:0;overflow:auto;max-height:min(340px,40dvh)!important}.clox-popover:has(.dm-panel){height:min(660px,100dvh - 32px);overflow:hidden!important}.clox-popover.wide .dm-panel{height:100%;min-height:0!important}.message-previews{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;width:min(350px,100vw - 40px);display:flex;position:fixed;top:100px;right:20px}.message-previews article{pointer-events:auto;background:var(--surface-raised);border:1px solid var(--accent);border-radius:10px;padding:14px;animation:.18s ease-out clox-notice-in;box-shadow:0 8px 30px #0007}.message-previews button{float:right;background:0 0;border:0;padding:0 7px}.message-previews p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.channel-drop-before{border-top:3px solid var(--accent)!important}.channel-drop-after{border-bottom:3px solid var(--accent)!important}.channel-reorder-bar{gap:6px;padding:8px 0;display:flex}.channel-reorder-bar button{font-size:11px}.channel-order-actions{gap:4px;padding:2px 8px;display:flex}.channel-order-actions button{padding:2px 7px}.channel.dragging{opacity:.45}.individual-stream{position:relative}@media (prefers-reduced-motion:reduce){.message-previews article{animation:none}}.revision4 .directory{overflow:hidden}.revision4 .directory>.server,.revision4 .directory>.collapse-directory,.revision4 .directory>.directory-bottom{flex-shrink:0}.revision4 .directory .channel-tree{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow-y:auto}.revision4 .directory .directory-bottom{z-index:1;background:var(--surface-sidebar);position:relative}.channel-reorder-bar{z-index:2;background:var(--surface-sidebar);position:sticky;top:0}.server-tabs>div.voice-connected{box-shadow:inset 0 -2px #49cf9e;border:1px solid var(--border,var(--line))!important;background:var(--accent-soft)!important}.server-tabs .tab-call-status{color:#49cf9e;align-items:center;padding:0 6px;display:flex}.server-tabs .tab-hangup{padding:0 7px;color:var(--muted)!important;background:0 0!important;border:0!important}.server-tabs .tab-hangup:hover{color:#ff8593!important}.shell-page:has(.friends-home.has-conversation){overflow:hidden}.friends-home.has-conversation{height:100%;min-height:0;overflow:hidden}.friends-home.has-conversation .friends-content{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:20px 28px;display:flex;overflow:hidden}.friends-home.has-conversation .friends-content>header{flex:none;margin-bottom:14px}.friends-home.has-conversation .friend-conversation{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.friend-conversation .dm-panel{flex-direction:column;flex:1;max-height:100%;display:flex;height:auto!important;min-height:0!important}.friend-conversation>.row{flex-shrink:0}.dm-log{flex-direction:column;gap:12px;display:flex;padding:18px!important}.dm-log>article{background:var(--surface-raised);overflow-wrap:anywhere;border-radius:14px 14px 14px 3px;flex-shrink:0;align-self:flex-start;width:fit-content;max-width:82%;border:1px solid var(--line)!important;margin:0!important;padding:12px 16px!important}.dm-log>article.mine{background:var(--accent-soft);border-radius:14px 14px 3px;align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important}.dm-log .message-meta{gap:10px}.dm-log .message-meta time{font-size:11px}.dm-log .message-meta .message-more{margin-left:auto}.dm-log article p{white-space:pre-wrap;margin:8px 0 0}.dm-log>.read-marker{flex:0 0 1px}.dm-notice{text-align:left;flex-direction:column;align-items:flex-start;gap:7px;width:100%;margin-bottom:10px;padding:14px;display:flex}.dm-notice span{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.stream-popout,.stream-popout *{box-sizing:border-box}.stream-popout button{font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--line);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.stream-popout button:hover{border-color:var(--accent,#27d6ce);background:var(--accent-soft,var(--surface-raised))}.stream-popout input[type=range]{accent-color:var(--accent,#27d6ce)}.stream-popout .individual-stream{width:100%;height:100dvh;overflow:hidden}.individual-stream>header>div{gap:8px;display:flex}.individual-stream>.video{flex:1 1 0;width:100%;min-height:0;display:flex;overflow:hidden}.individual-stream .video video{object-fit:contain;width:100%;height:100%;max-height:100%!important}.stream-popout .stream-audio{flex-basis:44px;min-height:44px}.stream-popout{font-family:Barlow,Arial,sans-serif}.stream-popout:fullscreen{height:100vh}.dm-log>.read-marker{border:0!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important}.directory-tools{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.directory-tools .collapse-directory{width:auto!important;margin:0!important}.directory-tools>button{padding:5px 8px}.directory-tools>button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.voice-state-icons{color:var(--muted);align-items:center;gap:5px;margin-left:auto;display:flex}.voice-state-icons>span{display:flex}.server-tabs .tab-hangup{color:#ff7887!important}.staff-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.staff-role-center>div.row{flex-wrap:wrap;margin-bottom:18px}.staff-role-center select{max-width:55%}@media (width<=1400px){.app-header .global-online{display:none}}.voice-state-icons{color:#ff7887}.voice-state-icons:empty{display:none}.client-update-banner{background:var(--accent);color:#061113;-webkit-app-region:drag;flex:none;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:6px 140px 6px 18px;display:flex}.client-update-banner button{background:var(--surface-chrome);color:#fff;-webkit-app-region:no-drag;border-color:#0000;align-items:center;gap:7px;padding:5px 12px;display:flex}.client-update-banner span{font-weight:600}.chat-log:has(>.channel-bubble){flex-direction:column;gap:12px;display:flex}.chat-log>.channel-bubble{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px 14px 14px 3px;flex-shrink:0;align-self:flex-start;gap:10px;width:fit-content;max-width:85%;margin:0;padding:12px 14px;display:flex}.chat-log>.channel-bubble.mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px 14px 3px;align-self:flex-end}.channel-bubble>div{min-width:0}.channel-bubble .message-meta{flex-wrap:wrap;gap:8px}.channel-bubble p{overflow-wrap:anywhere;white-space:pre-wrap}.channel-bubble .avatar-button{flex-shrink:0;align-self:flex-start}.channel-bubble .attachments{max-width:min(540px,100%)}.channel-bubble .attachments img,.channel-bubble .attachments video{max-width:100%}.directory-server-logo{display:none}.revision4.compact-directory .layout{grid-template-columns:84px minmax(0,1fr)}.revision4.compact-directory .directory{padding:0 10px}.compact-directory .directory-tools{flex-direction:column;align-items:center;gap:8px;padding:12px 0}.compact-directory .directory-tools>button{height:36px;width:38px!important}.compact-directory .server h1,.compact-directory .server .server-banner{display:none!important}.compact-directory .directory-server-logo{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;margin:0 auto;font-weight:700;display:grid;overflow:hidden}.directory-server-logo img{object-fit:cover;width:100%;height:100%}.revision4.compact-members .columns{grid-template-columns:minmax(0,1fr) 88px!important}.revision4.compact-members .server-members{padding:16px 12px}.revision4.compact-members .server-members .friend{justify-content:center;width:100%;padding:10px 8px}.clox-shell .server-switcher{grid-template-columns:36px minmax(0,1fr) 36px}.clox-shell .server-switcher>.server-tabs{grid-column:2;justify-content:safe center}.clox-shell .server-switcher>.icon{grid-column:3}.stream-tile[hidden]{display:none!important}.stream-picture[role=button]{cursor:zoom-in;outline-offset:-3px}.stream-picture[aria-pressed=true]{cursor:zoom-out}.compact-directory .directory-tools>button{justify-content:center;align-self:center;place-items:center;padding:0;display:grid;margin:0!important}.voice-avatar{flex:none;display:inline-flex;position:relative;overflow:visible}.avatar-mute-icons{gap:1px;display:flex;position:absolute;bottom:-5px;right:-4px}.avatar-mute-icons>span{background:var(--surface-sidebar);color:#ff667a;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;box-shadow:0 0 0 1px #10191f}.voice-player>span:not(.voice-avatar){min-width:0}.voice-player{min-height:44px}.profile-card{overflow:hidden;box-shadow:0 14px 36px #0003;border-width:1px!important;border-radius:18px!important}.profile-cover{background:linear-gradient(125deg,color-mix(in srgb,var(--profile-accent) 45%,transparent),transparent);height:64px}.profile-card .profile-banner{object-fit:cover;width:100%;height:100px}.profile-card .profile-content{padding:0 20px 20px}.profile-card .profile-content>.avatar{border:4px solid var(--profile-accent);width:64px;height:64px;margin-top:-24px;box-shadow:0 4px 16px #0004}.profile-card h2{overflow-wrap:anywhere;margin:12px 0 8px}.profile-card .readme{border-top:1px solid #ffffff15;padding-top:16px;line-height:1.5}.profile-live-preview{align-self:start;position:sticky;top:0}.profile-live-preview>.eyebrow{margin-bottom:10px;display:block}.player-menu{min-width:280px;max-width:360px}.player-menu .profile-actions{flex-direction:column;gap:4px;padding:12px 4px 4px;display:flex}.player-menu .profile-actions button{border:0;border-radius:9px;min-height:38px;padding:9px 12px;transition:background .15s,transform .15s}.menu-section-title{text-transform:uppercase;letter-spacing:1.4px;opacity:.65;margin:12px 10px 4px;font-size:10px}.staff-user-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;display:grid}.admin-user-row{padding:20px!important}.staff-user-controls form,.staff-user-controls section{min-width:0}.staff-user-controls h4{margin:0 0 10px}.overlay-preview-scene{border:1px solid var(--border);background:radial-gradient(ellipse at bottom,var(--surface-hover),var(--surface-chrome));border-radius:12px;min-height:240px;padding:18px;display:flex;position:relative;overflow:auto}.overlay-preview-card{flex-direction:column;flex:none;width:max-content;max-width:100%;height:max-content;display:flex}.overlay-preview-card p,.overlay-preview-card small{margin:0;font-size:.85em}.overlay-preview-card header{letter-spacing:2px;justify-content:space-between;gap:20px;font-weight:800;display:flex}.overlay-preview-card .sample-speaker{background:#ffffff0b;border-left:3px solid;padding:4px 6px}.overlay-preview-label{opacity:.65;margin:8px 0 16px;font-size:12px}.overlay-live-preview{z-index:2;background:var(--panel,var(--surface-sidebar));border:1px solid var(--border,var(--line));border-radius:12px;padding:12px;position:sticky;top:32px}.overlay-live-preview h4{margin:0 0 8px}.overlay-live-preview .overlay-preview-scene{min-height:130px}.overlay-live-preview .overlay-preview-label{margin-bottom:0}.platform-online{color:var(--muted);cursor:help;align-items:center;gap:6px;margin-left:auto;padding:0 12px;display:flex}.connection-bar .service-status-button{margin-left:0}.stream-kind-menu{flex-direction:column;gap:6px;display:flex}.stream-kind-menu button{align-items:center;gap:12px;display:flex}.stream-stop{color:#ffccd4!important;background:#591c2a!important;border-color:#a63a50!important}.camera-preview{object-fit:contain;background:var(--surface-chrome);border-radius:10px;width:100%;max-height:230px}.camera-settings{max-width:620px}.direct-call-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.direct-call-controls button{align-items:center;gap:6px;display:flex}.direct-call-controls button[aria-pressed=true]{color:#ff667a}.dm-heading{gap:12px}.image-lightbox.modal{width:96vw;max-width:96vw;height:94dvh;max-height:94dvh;box-shadow:none;background:0 0;border:0;overflow:hidden}.image-lightbox::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03090ccc}.image-lightbox>.modal-heading{background:0 0;border:0}.image-lightbox>.modal-heading h2{visibility:hidden}.image-lightbox .modal-body{flex-direction:column;height:calc(100% - 70px);min-height:0;padding:0;display:flex;overflow:hidden}.image-lightbox .image-toolbar{flex:none;justify-content:center}.image-lightbox .image-stage{cursor:zoom-in;background:0 0;flex:1;justify-content:center;align-items:center;height:auto;min-height:0;max-height:none;display:flex;overflow:hidden}.image-lightbox .image-stage img{object-fit:contain;touch-action:none;cursor:grab;max-width:90%;max-height:90%}.image-lightbox .image-actions{flex:none}.policy-hint{border-left:3px solid var(--accent);background:#20c6cc0f;padding:12px;font-size:13px;line-height:1.5}.settings-tabs{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.settings-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.category-row.dragging{opacity:.5}.category-row .channel-order-actions{margin:0;display:flex}.server-folder-switcher .server-folder-actions{gap:2px;display:flex}.server-folder-switcher{grid-template-columns:minmax(0,1fr) auto}.folder-logo{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.folder-logo>span{width:13px;height:13px;display:flex;position:absolute;top:14px;left:12px}.folder-logo>span svg{width:13px;height:13px}.folder-preview{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.folder-submenu{gap:12px;min-width:240px;display:grid}.folder-submenu .server-tabs{flex-direction:column;align-items:stretch;max-width:100%;display:flex;overflow:visible}.folder-submenu .server-tabs>div{display:flex}.folder-submenu .server-tabs>div>button:first-child{flex:1;justify-content:flex-start}.clox-shell .server-folder-switcher{grid-template-columns:74px minmax(0,1fr) 74px}.server-folder-actions{grid-area:2/3;align-self:center}.folder-logo>span img{object-fit:contain;width:13px;height:13px}.folder-tab button{min-height:40px}.channel-menu fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin:0;padding:12px}.channel-menu fieldset:disabled{opacity:.6}.revision4 .voice-player>.voice-avatar{flex:0 0 28px;width:28px;min-width:28px;height:28px;position:relative;overflow:visible;display:inline-flex!important}.revision4 .voice-player .voice-player-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.revision4 .voice-player>.voice-avatar .avatar{text-align:center;flex:none;place-items:center;width:28px;height:28px;line-height:1;display:grid}.revision4 .voice-player .avatar.is-speaking{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.revision4 .voice-player .avatar-mute-icons{z-index:2;pointer-events:none;gap:1px;display:flex;position:absolute;bottom:-5px;right:-5px}.revision4 .voice-player .avatar-mute-icons>span{background:var(--surface-sidebar);color:#ff667a;border-radius:50%;flex:0 0 13px;place-items:center;width:13px;height:13px;display:grid}.revision4 .voice-player .avatar-mute-icons svg{width:9px;height:9px;display:block}.revision4 .voice-player{min-height:44px;box-shadow:none;gap:12px}.revision4 .voice-player[draggable=true]{cursor:grab}.revision4 .channel.user-drop-target{outline:2px dashed var(--accent);outline-offset:-3px;background:var(--accent-soft)}.server-drag-active{outline:1px dashed var(--accent);outline-offset:4px;border-radius:8px}.server-drag-active .server-switcher-label{color:var(--accent)}.clox-popover [role=listbox]{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:8px;padding:5px}.clox-popover [role=option]{color:var(--text);background:var(--surface-sidebar)!important}.clox-popover [role=option]:hover,.clox-popover [role=option][aria-selected=true]{background:var(--surface-hover)!important}.camera-settings .device-select,.camera-settings select,.camera-settings option{color:var(--text);border:1px solid var(--line);background:var(--surface-sidebar)!important}.camera-settings .device-select{justify-content:space-between}.client-update-progress{width:100%;height:4px;accent-color:var(--accent);border:0;flex:none}.update-install-overlay{z-index:3000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04090dbb;place-items:center;display:grid;position:fixed;inset:0}.update-install-overlay>div{border:1px solid var(--accent);background:var(--surface-sidebar);border-radius:16px;width:min(480px,90vw);padding:36px;box-shadow:0 20px 80px #0008}.update-install-overlay strong{letter-spacing:5px;color:var(--accent);font-size:30px}.update-install-overlay h2{margin:20px 0 10px}.update-install-overlay progress{width:100%;accent-color:var(--accent);margin:20px 0}.update-install-overlay small{color:var(--muted);display:block}body.desktop .server-folder-switcher,body.desktop .replay-shortcut{-webkit-app-region:no-drag}.replay-shortcut{position:relative}.replay-shortcut.recording{color:#ff6977}.replay-shortcut i{background:#ff6977;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px;box-shadow:0 0 8px #ff697788}.replay-modal{width:min(1320px,100vw - 40px);height:min(900px,100dvh - 40px)}.replay-modal>.modal-body{min-height:0;display:flex;overflow:hidden}.replay-library{flex-direction:column;gap:12px;width:100%;min-height:0;display:flex}.replay-heading{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.replay-heading h3{margin:5px 0;font-size:27px}.replay-heading .row{flex-wrap:wrap}.replay-workbench{flex:1;grid-template-columns:300px minmax(0,1fr);gap:20px;min-height:0;display:grid}.replay-workbench>aside,.replay-editor{min-height:0;padding-right:8px;overflow:auto}.replay-card{text-align:left;border:1px solid var(--line);background:var(--surface-sidebar);border-radius:10px;align-items:center;gap:12px;width:100%;margin:8px 0;padding:16px 12px;display:flex}.replay-card.selected{border-color:var(--accent);background:var(--accent-soft)}.replay-card span{min-width:0}.replay-card strong{overflow-wrap:anywhere;display:block}.replay-card small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.replay-editor{flex-direction:column;gap:12px;display:flex}.replay-editor video{aspect-ratio:16/9;background:var(--surface-chrome);border-radius:12px;flex:none;width:100%;max-height:43vh}.replay-editor h4{align-items:center;gap:8px;margin:12px 0 0;display:flex}.replay-editor label{flex-direction:column;gap:7px;display:flex}.replay-editor .check{flex-direction:row}.replay-editor input:not([type=checkbox]){width:100%}.replay-bookmarks{flex-wrap:wrap;gap:8px;display:flex}.replay-empty{text-align:center;color:var(--muted);flex:1;place-content:center;gap:12px;display:grid}.replay-empty svg{color:var(--accent);margin:auto}.replay-settings fieldset{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:16px;padding:18px;display:flex}.replay-settings select,.replay-settings input:not([type=checkbox]){width:100%}.replay-confirm{background:#391d27;border:1px solid #85414c;border-radius:10px;padding:16px}.replay-library progress,.replay-settings progress{width:100%;accent-color:var(--accent)}@media (width<=1000px){.replay-workbench{grid-template-columns:230px minmax(0,1fr)}}.replay-editor,.replay-workbench>aside{min-width:0;overflow-x:hidden}.replay-editor .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-editor label{min-width:0}.replay-editor .row{flex-wrap:wrap}.replay-editor input{box-sizing:border-box}.replay-card{justify-content:flex-start}.replay-page{height:100%;min-height:0;padding:24px 32px;display:flex;overflow:hidden}.replay-page>.replay-library{height:100%;min-height:0}.replay-page .replay-heading h3{font-family:Barlow Condensed;font-size:32px}.record-indicator{color:#fff;pointer-events:none;background:#a31d32;border:1px solid #ff6579;border-radius:8px;align-items:center;gap:3px;padding:2px 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-8px;right:-19px}.replay-shortcut .record-indicator i{width:6px;height:6px;box-shadow:none;background:#ff435d;border-radius:50%;display:block;position:static}.replay-shortcut{margin-right:0;overflow:visible!important}.replay-player{background:var(--surface-chrome);border-radius:12px;flex:none;min-height:180px;position:relative;overflow:hidden}.replay-preparing{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;display:flex}.replay-preparing progress{width:220px}.replay-timeline-area{flex:none;padding:10px 14px 0}.replay-timeline{background:repeating-linear-gradient(90deg,var(--surface-raised) 0px,var(--surface-raised) 18px,var(--surface-hover) 19px,var(--surface-hover) 20px);border:1px solid var(--line);touch-action:none;border-radius:8px;height:58px;position:relative}.timeline-selection{border:2px solid var(--accent);background:var(--accent-soft);cursor:grab;touch-action:none;justify-content:space-between;align-items:center;min-width:6px;display:flex;position:absolute;top:0;bottom:0}.timeline-selection>span{white-space:nowrap;pointer-events:none;font-size:11px;overflow:hidden}.timeline-handle{color:#041315;cursor:ew-resize;touch-action:none;z-index:2;width:16px;min-width:16px;position:absolute;top:-3px;bottom:-3px;background:var(--accent)!important;padding:0!important}.timeline-handle.start{left:-8px}.timeline-handle.end{right:-8px}.timeline-playhead{pointer-events:none;z-index:3;background:#fff;width:2px;position:absolute;top:-7px;bottom:-7px}.timeline-ticks{justify-content:space-between;margin:10px 0;display:flex}.replay-hotkeys{gap:12px;display:grid}.replay-hotkeys label{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (width<=1150px){.replay-page{padding:16px}.replay-page .replay-workbench{grid-template-columns:220px minmax(0,1fr)}}.replay-transport,.replay-clip-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.replay-transport label{flex-direction:row;align-items:center}.replay-transport input{max-width:120px}.replay-filename{overflow-wrap:anywhere;color:var(--muted);font-size:11px;display:block}.replay-card .replay-filename{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.replay-library>.replay-confirm{flex:none}#global-controls{flex:none;width:100%}#global-controls .controlbar{width:100%;position:relative;inset:auto}.recording-now{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;align-items:center;gap:12px;padding:12px 18px;display:flex}.recording-now img{object-fit:contain;width:36px;height:36px}.recording-now i{background:#ff435d;border-radius:50%;width:9px;height:9px}.replay-audio-mixer{border:1px solid var(--line);border-radius:12px;gap:12px;padding:16px;display:grid}.replay-track{align-items:center;gap:12px;display:flex}.replay-track input{flex:1}.home-account{flex-wrap:wrap}.replay-programs{border:1px solid var(--line);border-radius:8px;max-height:220px;padding:10px;overflow:auto}.recording-now strong,.recording-now small{display:block}.replay-track>input{min-width:60px;width:auto!important}.replay-audio-mixer output{min-width:45px}.clox-shell{font-size:14px}.clox-shell h1,.clox-shell h2,.clox-shell h3{letter-spacing:0;text-transform:none;line-height:1.2}.clox-shell button{border-radius:7px;min-height:36px;transition:background-color .12s,border-color .12s}.clox-shell button:focus-visible,.clox-shell input:focus-visible,.clox-shell select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header{gap:12px;min-height:68px;padding-top:10px;padding-bottom:10px}.app-header .quiet{padding:8px 10px}.home-screen{gap:24px;padding:28px}.home-intro h1{margin:0 0 8px;font-family:inherit;font-size:27px}.home-intro p{margin:0 0 20px}.home-account{grid-template-columns:1fr;gap:8px;max-width:320px;display:grid}.home-account button{justify-content:flex-start;padding:12px 16px}.home-server{min-height:66px;padding:12px 8px}.home-servers h2{font-size:20px}.social-feed>.eyebrow{display:none}.social-feed h2{font-size:22px}.friends-nav{width:220px;padding:24px 16px}.friends-nav h1{margin:0 0 20px;font-family:inherit;font-size:22px}.friends-content{padding:24px}.friends-content>header{margin-bottom:16px}.friend-row{border-radius:8px;min-height:66px;padding:12px 14px}.friend-row .row{gap:8px}.room-heading{padding:16px 20px}.room-heading h2{font-family:inherit;font-size:21px}.directory .server{padding:18px 16px}.directory .server h1{font-family:inherit;font-size:20px}.channel-bubble{max-width:min(82%,760px)}.composer{padding:12px 16px}.controlbar{min-height:60px;padding:10px 18px}.clox-popover{border-radius:10px;min-width:230px;padding:8px}.clox-popover button{min-height:38px;padding:10px 12px}.modal-heading{padding:18px 22px}.modal-heading h2{font-family:inherit;font-size:22px}.settings-layout>nav{gap:4px;padding-right:14px}.settings-layout>nav button{text-align:left;padding:10px 12px}.settings-scroll{min-width:0;padding:0 10px 12px 0}.settings-scroll h3{margin:0 0 16px;font-family:inherit}.settings-grid{gap:14px}.settings-subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding-bottom:10px;display:flex}.settings-subnav button{background:0 0;border-color:#0000}.settings-subnav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.clean-settings fieldset{border:0;gap:16px;padding:0}.clean-settings label:not(.setting-switch):not(.check){flex-direction:column;gap:7px;display:flex}.setting-switch{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.setting-switch strong,.setting-switch small{display:block}.setting-switch small{color:var(--muted);margin-top:5px;font-size:12px}.setting-switch input{width:18px;height:18px;accent-color:var(--accent);flex:none}.settings-save{align-self:flex-start;margin-top:8px}.technical-details{margin-top:24px}.clean-settings details{border-top:1px solid var(--line);padding-top:12px}.clean-settings summary,.replay-editor summary{cursor:pointer;padding:8px 0;font-weight:600}.clean-settings details p{color:var(--muted);font-size:12px}.replay-page{padding:20px 24px}.replay-heading h3,.replay-page .replay-heading h3{margin:0 0 6px;font-family:inherit;font-size:24px}.replay-heading .row{gap:8px}.replay-workbench{gap:16px}.replay-page .replay-workbench{grid-template-columns:240px minmax(0,1fr)}.replay-card{gap:10px;padding:12px}.replay-card strong{font-size:14px}.replay-editor{gap:10px}.replay-editor>div:first-child h3{margin:0 0 4px}.replay-player{min-height:0}.replay-editor video{border-radius:8px;max-height:36vh;display:block}.replay-timeline{height:44px}.replay-timeline-area{padding-top:4px}.timeline-ticks{margin:6px 0}.replay-timeline-area>small{color:var(--muted);font-size:11px}.replay-transport{gap:8px}.replay-audio-mixer{gap:10px;padding:12px}.replay-audio-mixer h4{margin:0}.replay-audio-mixer>button{place-self:start}.replay-file-options,.replay-finecut{border-top:1px solid var(--line);padding-top:4px}.replay-file-options>.row{margin-top:10px}.replay-file-options input{margin-top:4px}.replay-finecut .check{margin-top:14px}.recording-now{padding:10px 14px}.recording-now small{color:var(--muted);font-size:11px}.recording-now strong{font-size:16px}.replay-track{flex-wrap:nowrap}.replay-track label{min-width:120px}.replay-track .check{flex-direction:row;align-items:center}.replay-track input[type=checkbox]{flex:none;width:16px}.replay-settings .replay-programs{border-radius:8px;max-height:240px;padding:8px 12px}.replay-programs .check{align-items:center;gap:10px;padding:8px 0;display:flex}@media (width<=1150px){.app-header{gap:8px}.home-screen{padding:20px}.replay-page{padding:16px}.replay-heading .row button{padding:8px;font-size:12px}.replay-page .replay-workbench{grid-template-columns:210px minmax(0,1fr)}.settings-layout{grid-template-columns:185px minmax(0,1fr);gap:16px}.friends-nav{width:190px}.friends-content{padding:18px}}@media (prefers-reduced-motion:reduce){.clox-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.shortcut-label{margin-left:6px;font-size:13px}.app-header .icon:has(.shortcut-label){width:auto}.settings-search{box-sizing:border-box;width:100%;min-width:0;margin-bottom:10px;padding:10px}@media (width<=1250px){.shortcut-label{display:none}}@media (width>=1000px){.replay-editor{grid-template-columns:minmax(0,1fr) 220px;align-content:start;gap:10px 16px;display:grid}.replay-editor>*{grid-column:1;min-width:0}.replay-editor>.replay-audio-mixer{grid-area:1/2/span 5;align-self:start;max-height:calc(100dvh - 260px);position:sticky;top:0;overflow:auto}.replay-editor>.replay-file-options{grid-area:6/2}.replay-editor>.replay-finecut{grid-area:7/2}.replay-editor .replay-track{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.replay-editor .replay-track label{overflow-wrap:anywhere;grid-column:1/-1;min-width:0}.replay-editor .replay-track>input{width:100%!important}.replay-editor .replay-audio-mixer button{width:100%;font-size:12px}.replay-editor .replay-transport label{font-size:12px}.replay-editor .replay-transport input{max-width:80px}.replay-editor .replay-file-options .row{gap:6px}.replay-editor .replay-finecut .settings-grid{grid-template-columns:1fr}.replay-editor .replay-player video{max-height:33vh}.replay-editor .replay-audio-mixer h4{font-size:16px}.replay-editor .replay-bookmarks:empty{display:none}}.app-header .server-tabs>div,.app-header .server-tabs>div>button:first-child{min-width:0;max-width:100%}.app-header .server-tabs>div>button:first-child>span:not(.server-tab-initial):not(.unread-badge){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:root{--surface-base:#202124;--surface-sidebar:#191a1d;--surface-chrome:#151619;--surface-raised:#2a2c30;--surface-hover:#33353a;--surface-input:#202124;--line:#383a40;--muted:#acafb8;--text:#eceef1;--accent:#68c5b5;--accent-ink:#142421;--accent-soft:#293d3a;--panel:var(--surface-sidebar);color:var(--text);background:var(--surface-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}body,.clox-shell,.auth-page,.account-page,.loading{background:var(--surface-base);color:var(--text)}body :is(h1,h2,h3,h4){letter-spacing:0;text-transform:none;font-family:inherit;line-height:1.3}h1{font-size:26px}h2{font-size:22px}h3{font-size:17px}.clox-shell h1{font-size:26px}.clox-shell h2{font-size:22px}.clox-shell h3{font-size:17px}button,input,select,textarea{font-family:inherit}button{background:var(--surface-raised);color:var(--text);min-height:36px;box-shadow:none;border:1px solid #0000;border-radius:6px;font-weight:400}button:hover:not(:disabled){background:var(--surface-hover);border-color:#0000}button.primary,button.primary:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.quiet,button.icon{background:0 0}button[aria-pressed=true],button[aria-current=page]{background:var(--accent-soft);color:var(--text);border-color:#0000}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--surface-input);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=range]{accent-color:var(--accent);height:18px;padding:0}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}select option,select optgroup{background:var(--surface-raised);color:var(--text)}input::file-selector-button{background:var(--surface-raised);color:var(--text);border:0;border-radius:4px;padding:8px 10px}hr{border-color:var(--line)}*{scrollbar-color:#53565e transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#53565e padding-box padding-box;border:2px solid #0000;border-radius:5px}.top,.app-header{background:var(--surface-chrome);border-color:var(--line)}.app-header{padding-top:12px;padding-bottom:12px}.brand,.clox-shell .brand{letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:27px;font-weight:700}.brand .mark{border-width:4px;width:22px;height:25px}.brand .mark:after{width:4px;bottom:-4px}.app-header .admin-entry{color:var(--text);background:0 0;border-color:#0000}.server-tabs>div,.server-tabs>div.active,.server-tabs>div.voice-connected{border-radius:6px;background:var(--surface-raised)!important;border:0!important}.server-tabs>div.active{box-shadow:inset 0 -2px var(--accent)}.server-tabs>div.active>button:first-child{color:var(--text)}.server-tabs .tab-hangup{background:0 0;border:0;color:#f18b8e!important}.server-tabs .tab-hangup:hover{background:#452b30}.server-folder-menu{background:var(--surface-sidebar);border-color:var(--line)}.revision4.app,.revision4 .workspace,.workspace,.conversation-stage,.home-screen,.friends-content,.replay-page{background:var(--surface-base)}.revision4 .directory,.revision4 .directory .directory-bottom,.channel-reorder-bar,.revision4 .server-members,.friends-nav,.admin-center-nav{background:var(--surface-sidebar);border-color:var(--line)}.revision4 .server h1{margin:4px 0 7px;font-family:inherit;font-size:18px}.revision4 .server{padding-top:20px;padding-bottom:16px}.revision4 .room-heading{min-height:68px;padding:14px 22px}.revision4 .room-heading h2{font-family:inherit;font-size:20px}.revision4 .room-heading p{color:var(--muted);font-size:12px}.revision4 .category-label{letter-spacing:.2px;text-transform:none;color:var(--muted);font-size:11px}.revision4 .category-label svg{color:var(--muted)}.revision4 .channel{color:#c1c4cc;border:0;border-radius:6px;height:39px;font-weight:400}.revision4 .channel:hover{background:var(--surface-raised);border:0}.revision4 .channel.selected{box-shadow:inset 3px 0 var(--accent);background:var(--surface-raised)!important;color:var(--text)!important}.revision4 .channel.voice-selected{background:var(--accent-soft);color:var(--accent);border:0}.revision4 .channel .number{color:var(--muted)}.revision4 .voice-player{color:var(--text);background:0 0;padding:6px 8px}.revision4 .voice-player:hover{background:var(--surface-raised)}.voice-player:before{border-color:var(--line)}.revision4 .friend .avatar,.revision4 .voice-player .avatar,.revision4 .message .avatar,.avatar{color:#dee9e6;box-shadow:none;background:#374345;border:0;border-radius:8px}.revision4 .friend:not(.offline) .avatar{border:0}.revision4 .server-members h3{color:var(--muted);letter-spacing:0;font-family:inherit;font-size:13px}.revision4 .friend>div{font-weight:400}.revision4 .friend small,.revision4 .server-members .eyebrow{color:var(--muted);letter-spacing:.2px}.revision4 .server-members .friend:hover{background:var(--surface-raised)}.live-badge{color:var(--accent);background:var(--accent-soft);letter-spacing:.2px;border:0;font-family:inherit;font-size:10px!important}.message-bubble,.dm-message-bubble{background:var(--surface-raised);border:0;border-radius:2px 8px 8px;padding:10px 13px}.message.own .message-bubble,.dm-message.own .dm-message-bubble{background:var(--accent-soft);border-radius:8px 2px 8px 8px}.message-meta{font-size:12px}.message-meta strong{font-size:13px}.message-meta time{font-size:11px}.revision4 .message p{font-size:14px;line-height:1.65}.composer input,.dm-composer textarea{background:var(--surface-raised);border-color:#0000;border-radius:6px}.composer button:not(.primary),.dm-composer button:not(.primary){color:var(--muted);background:0 0;border-color:#0000}.dm-panel,.dm-heading,.dm-composer{background:var(--surface-base);border-color:var(--line)}.controlbar,.revision4 .controlbar,#global-controls>.controlbar{background:var(--surface-chrome);border-color:var(--line);min-height:60px}.audio-controls button:not(.primary):not(.leave){background:var(--surface-raised);border-color:#0000}.audio-controls button[aria-pressed=true]{color:#f18b8e;background:#39282c}.audio-controls .leave{color:#f18b8e;background:0 0;border-color:#0000}.connection-bar{background:var(--surface-chrome);border-color:var(--line)}.me small,.session-line{color:var(--muted)}.modal{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 70px #0006}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.modal-heading{background:var(--surface-sidebar);border-color:var(--line);padding:18px 22px}.modal-heading h2{text-transform:none;font-family:inherit;font-size:20px}.modal-body{padding:22px}.modal-form{gap:18px}.modal-form p,.modal-form small{color:var(--muted)}.clox-popover,.stream-context,.message-context,.replay-context-menu,.inline-submenu,.gif-picker,.rich-emoji-picker{background:var(--surface-sidebar);color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #0005}.clox-popover{padding:8px}.clox-popover button,.channel-menu button,.profile-actions button,.message-context button{text-align:left;background:0 0;border-color:#0000;border-radius:5px;justify-content:flex-start;min-height:36px}.clox-popover button:hover:not(:disabled),.channel-menu button:hover:not(:disabled),.profile-actions button:hover:not(:disabled){background:var(--surface-raised)}.clox-popover hr{margin:8px 0}.menu-section-title{color:var(--muted);letter-spacing:.2px;margin:12px 8px 5px;font-size:11px;display:block}.profile-actions{gap:2px}.profile-actions>button:first-of-type{border:0;border-radius:5px}.person-volume{margin:4px 0;padding:10px 8px!important}.profile-card{border-radius:7px;border:0!important}.profile-cover{background:var(--surface-raised);height:64px;box-shadow:none}.profile-content{padding:18px}.profile-content h2{letter-spacing:0;text-transform:none;font-family:inherit;font-size:20px}.profile-content .readme{border-color:var(--line);font-size:13px;line-height:1.6}.profile-badges>span{background:var(--surface-raised);border:0;border-radius:4px;font-size:11px}.profile-editor{gap:24px}.settings-layout{grid-template-columns:205px minmax(0,1fr);gap:24px}.settings-layout>nav{border-right:1px solid var(--line);background:0 0;gap:3px;padding-right:16px}.settings-layout>nav button{text-align:left;color:var(--muted);background:0 0;border:0;justify-content:flex-start;width:100%;padding:10px}.settings-layout>nav button[aria-current=page]{background:var(--surface-raised);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.settings-nav-group{color:var(--muted);letter-spacing:.4px;margin:16px 9px 6px;font-size:11px}.settings-search{background:var(--surface-base);font-size:12px}.settings-tabs,.settings-subnav{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;padding-bottom:10px}.settings-tabs button,.settings-subnav button{color:var(--muted);background:0 0;border:0}.settings-tabs button[aria-pressed=true],.settings-subnav button[aria-current=page]{background:var(--surface-raised);color:var(--text);border-color:#0000}.settings-scroll h3,.clean-settings h3{font-family:inherit;font-size:18px}.settings-scroll label{font-size:13px}.settings-scroll .check{line-height:1.6}.setting-switch,.clean-settings details,.technical-details{border-color:var(--line)}.clean-settings .settings-save{z-index:1;box-shadow:0 0 0 6px var(--surface-sidebar);position:sticky;bottom:0}.home-intro h1,.friends-nav h1,.replay-heading h3{font-family:inherit}.home-account button,.home-server,.friend-row,.replay-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.home-account button:hover,.home-server:hover,.friend-row:hover,.replay-card:hover{background:var(--surface-raised)}.home-account button{background:var(--surface-raised);border:0;border-radius:6px}.friends-nav button.active,.friends-nav button[aria-current=page]{background:var(--surface-raised);color:var(--text);border:0}.replay-card.selected,.replay-card[aria-pressed=true]{background:var(--surface-raised);box-shadow:inset 3px 0 var(--accent);border-color:var(--line);color:var(--text)}.replay-audio-mixer,.recording-now{background:var(--surface-sidebar);border:0;border-radius:7px}.replay-file-options,.replay-finecut,.replay-track{border-color:var(--line)}.replay-timeline{background:var(--surface-raised);border-color:var(--line)}.stream-toolbar,.stream-audio,.deck-toolbar,.individual-stream>header,.all-streams-popout>header{background:var(--surface-sidebar);border-color:var(--line)}.stream-tile{border-color:var(--line);border-radius:7px}.stream-popout,.admin-center{background:var(--surface-base)}.admin-center-nav h1{font-family:inherit;font-size:23px}.admin-center-nav nav button{text-align:left;color:var(--muted);background:0 0;border:0;justify-content:flex-start;min-height:38px}.admin-center-nav nav button[aria-current=page]{background:var(--surface-raised);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.admin-center-content{padding:24px}.admin-center-heading h2{font-family:inherit;font-size:24px}.stat-card,.admin-card{background:var(--surface-sidebar);border-color:var(--line);border-radius:7px}.auth-form{background:var(--surface-sidebar);border:1px solid var(--line);border-radius:8px}.auth-title h1{text-transform:none;letter-spacing:-1px;font-family:inherit;font-size:42px}.message-previews article{background:var(--surface-sidebar);border-color:var(--line);border-left:3px solid var(--accent);border-radius:7px}.client-update-banner{background:var(--surface-raised);color:var(--text);border-bottom:1px solid var(--line)}.danger,.danger-text,button.danger,.clox-popover .danger-text{color:#f18b8e}.danger,button.danger{background:#39282c;border-color:#0000}.notice-success{color:#b8e2cd;background:#213c30;border-color:#355a47}.notice-error,.error{color:#f3b6bd;background:#40282e;border-color:#694049}.notice-warning{color:#e5d2a5;background:#3b3425;border-color:#655839}@media (width<=1100px){.settings-layout{grid-template-columns:175px minmax(0,1fr);gap:18px}.settings-layout>nav{padding-right:10px}.settings-layout>nav button{font-size:12px}.revision4 .room-heading{padding:13px 18px}}@media (width<=650px){.settings-layout{grid-template-columns:1fr}.settings-layout>nav{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;padding:0 0 12px;display:flex}.settings-layout>nav button{width:auto}.settings-nav-group,.settings-search{width:100%}.modal-body{padding:16px}.auth-title h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.chat-log>.channel-bubble,.dm-log>article{background:var(--surface-raised);border-radius:2px 8px 8px;border:0!important;padding:10px 13px!important}.chat-log>.channel-bubble.mine,.dm-log>article.mine{background:var(--accent-soft);border-radius:8px 2px 8px 8px;border:0!important}.settings-layout>nav .settings-nav-group{color:var(--muted);margin:15px 9px 6px;font-size:11px;font-weight:400}.settings-nav-section{gap:3px;display:grid}.settings-layout>nav{min-height:0;overflow:auto}.settings-layout>nav .settings-nav-section:first-of-type h3{margin-top:5px}@media (width<=650px){.settings-nav-section{display:contents}.settings-layout>nav .settings-nav-group{width:100%}}.player-menu .profile-card .profile-cover{background:var(--surface-raised);height:42px}.player-menu .profile-card .profile-content{padding:12px}.player-menu .profile-content>.avatar{width:46px;height:46px;box-shadow:none;border:0;font-size:17px}.player-menu .profile-content h2{margin:10px 0;font-size:18px}.player-menu .profile-content .readme{margin-top:12px;padding-top:12px}.player-menu .profile-actions{gap:2px;padding:4px 0}.player-menu .profile-actions button{border-radius:5px;min-height:35px;padding:8px 10px}.player-menu .profile-actions button:hover{background:var(--surface-raised);transform:none}.player-menu .menu-section-title{text-transform:none;letter-spacing:.2px;opacity:1;margin:9px 10px 3px;font-size:11px}.overlay-live-preview{z-index:auto;border-color:var(--line);background:var(--surface-base);border-radius:7px;position:relative;top:auto}.overlay-preview-scene{background:var(--surface-raised);border:0;border-radius:6px}.update-install-overlay>div{border-color:var(--line);border-radius:9px}.avatar.is-speaking{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.server-admin-center>nav button[aria-current=page]{background:var(--surface-raised);color:var(--text);box-shadow:inset 3px 0 var(--accent);border-color:#0000}.settings-layout>nav{gap:0}.settings-layout>nav .settings-nav-section{gap:1px}.settings-layout>nav .settings-nav-section button{min-height:32px;padding:7px 9px;font-size:12px}.settings-layout>nav .settings-nav-group{margin:12px 9px 5px}.settings-layout>nav .settings-search{margin-bottom:8px}.player-menu .profile-actions hr{margin:7px 0}.home-library{flex-direction:column;gap:26px;min-width:0;display:flex}.home-friends h2,.home-recordings h2,.home-servers h2{font-size:18px}.home-friends h2 small{color:var(--muted);font-weight:400}.home-library .row{gap:8px}.home-library .row button{min-height:30px;padding:5px;font-size:12px}.home-library .home-server{gap:10px;width:100%;min-height:58px;padding:10px 4px}.home-library .home-server>div{flex:1;min-width:0}.home-library .home-server strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.home-library .home-server small{margin-top:3px;display:block}.home-library section>p{margin-top:12px;font-size:13px;line-height:1.6}.feed-preview,.feed-image{object-fit:contain;max-width:100%;max-height:420px}.feed-post video{background:#111;width:100%;display:block}.home-overview .home-intro p{margin-bottom:0}@media (width<=1200px) and (width>=701px){.home-overview{grid-template-columns:minmax(270px,.8fr) minmax(340px,1.3fr)}.home-overview .home-library{grid-area:1/1}.home-overview>.social-feed{grid-area:1/2/span 2}.home-overview>.home-servers{grid-area:2/1}}@media (width<=700px){.home-overview{flex-direction:column;display:flex}.home-overview>*{width:100%}}.hosting-settings{gap:18px;max-width:720px;display:grid}.hosting-settings .modal-form{background:var(--panel,#191a1d);border:1px solid #383a40;border-radius:12px;padding:20px}.hosting-node{border:1px solid #383a40;border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.hosting-node>div{flex:1;min-width:0}.hosting-node small{color:#a5a8b0;overflow-wrap:anywhere;display:block}.hosting-key{border:1px solid #68c5b5;border-radius:10px;gap:12px;padding:18px;display:grid}.hosting-guide{color:#eceef2;background:#202124;height:100vh;min-height:100vh;overflow:auto}.hosting-guide header{background:#151619;justify-content:space-between;padding:24px 5vw;display:flex}.hosting-guide main{max-width:960px;margin:auto;padding:48px 24px 80px}.hosting-guide h1{font-size:44px}.hosting-guide section{border-bottom:1px solid #383a40;padding:28px 0}.hosting-guide p{color:#bdc0c7;margin:14px 0;line-height:1.65}.hosting-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#151619;border:1px solid #383a40;border-radius:8px;padding:18px;overflow:auto}.hosting-guide nav{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.hosting-guide a{color:#85d1c2}.hosting-guide .primary{color:#151619;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}.hosting-guide button[aria-pressed=true]{color:#151619;background:#68c5b5}.hosting-guide a.primary{color:#151619;background:#68c5b5;border:1px solid #68c5b5}.hosting-guide nav button[aria-pressed=true]{color:#151619;background:#68c5b5}.server-browser{gap:16px;min-width:0;display:grid}.server-browser .hosting-node{text-align:left;flex-wrap:wrap;justify-content:space-between;width:100%}.server-browser .row>input{flex:1;min-width:140px}.server-browser .row{flex-wrap:wrap}.host-policy{border:1px solid #383a40;border-radius:10px;margin-top:20px;padding:18px}.host-policy .modal-form{border:0;padding:0}.replay-editor{align-content:start;flex-direction:column!important;gap:14px!important;display:flex!important}.replay-editor>*{flex-shrink:0}.replay-editor>.replay-player{aspect-ratio:auto;height:32vh;min-height:180px;max-height:360px}.replay-editor>.replay-player video{object-fit:contain;width:100%;height:100%;max-height:none}.replay-editor>.replay-audio-mixer{flex-wrap:wrap;gap:12px;width:auto;padding:14px;display:flex;align-self:stretch!important;max-height:none!important;position:static!important;overflow:visible!important}.replay-audio-mixer>h4,.replay-audio-mixer>small{width:100%}.replay-editor .replay-track{flex:1;grid-template-columns:1fr 45px;min-width:180px;display:grid}.replay-editor .replay-track label{grid-column:1/-1}.replay-file-options,.replay-finecut{position:static!important}.replay-bookmarks{min-height:0!important}.replay-editor>button{align-self:start;min-height:36px!important}.replay-timeline-area{margin-top:12px}.timeline-bookmark{font-size:16px}.replay-workbench>aside .settings-tabs{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.server-update-note{color:#efc67e;background:#3b3224;border:1px solid #6a5530;border-radius:6px;padding:6px 8px;font-size:11px}.website-editor{gap:16px;max-width:860px;display:grid}.website-editor label{gap:6px;display:grid}.website-editor textarea{min-height:110px}.website-editor fieldset{border:1px solid var(--line);border-radius:8px;gap:12px;padding:16px;display:grid}.autosave-submit{display:none!important}@keyframes clox-orbit{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes clox-menu{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:background-color .16s,color .16s,border-color .16s,transform .16s,opacity .16s}button:active{transform:scale(.98)}dialog[open],.popover{animation:.18s ease-out clox-menu}.editorial-hero>div,.home-welcome>div{animation:.6s ease-out both clox-enter}.editorial-hero figure{animation:12s ease-in-out infinite clox-orbit}.editorial-features article,.editorial-host,.home-recordings{animation:.55s ease-out both clox-enter}.editorial-features article:nth-child(2){animation-delay:.1s}.editorial-features article:nth-child(3){animation-delay:.2s}.editorial-features article:hover,.home-replay-card:hover,.home-server:hover{transform:translateY(-3px)}.editorial-features article,.home-replay-card,.home-server{transition:transform .2s,border-color .2s}.settings-scroll>*,.server-admin-content>*{animation:.18s ease-out clox-enter}}body.clox-background *{animation-play-state:paused!important}.home-overview{align-items:start;grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important;display:grid!important}.home-library{display:contents!important}.home-welcome{grid-area:1/1;min-height:280px!important}.home-servers{grid-area:1/2;margin:0!important}.home-friends{grid-area:2/2;min-width:0}.home-recordings{grid-area:2/1/span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.home-recordings>.row,.home-recordings>p,.home-overview>.social-feed{grid-column:1/-1}.home-replay-card{text-align:left;background:#191c21;border:1px solid #34383e;border-radius:12px;flex-direction:column;align-items:stretch;display:flex;overflow:hidden;padding:0!important}.home-replay-card img,.home-replay-placeholder{aspect-ratio:16/9;object-fit:cover;background:#111418;place-items:center;width:100%;display:grid}.home-replay-card>div:last-child{gap:6px;padding:16px;display:grid}.home-replay-placeholder svg{color:#8bbfb4;width:38px;height:38px}.settings-children{border-left:1px solid #41464c;margin:3px 0 12px 18px;padding-left:10px}.settings-children button{font-size:.9rem!important}.server-disconnected{filter:grayscale();opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.server-offline-overlay{z-index:45;pointer-events:auto;background:#10121588;place-items:center;display:grid;position:absolute;inset:0}.server-offline-overlay>div{text-align:center;background:#21242a;border:1px solid #42484f;border-radius:14px;max-width:470px;padding:32px}.workspace,.workspace-root{position:relative}.host-policy textarea{min-height:80px}.hosting-node p{color:#a7afb6;font-size:.88rem}.port-table{border-collapse:collapse;width:100%;margin:24px 0}.port-table th,.port-table td{text-align:left;border-bottom:1px solid #393e45;padding:14px}.port-table th{color:#a1cec3}.install-steps{counter-reset:steps}.install-steps>section{border-left:2px solid #49685f;margin-left:12px;padding:0 0 26px 25px}.hosting-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media (width<=850px){.home-overview{grid-template-columns:1fr!important}.home-welcome,.home-recordings,.home-servers,.home-friends,.home-overview>.social-feed{grid-area:auto/1!important}.home-recordings{grid-template-columns:1fr}}.app.revision4{position:relative}.home-overview>section:not(.home-servers):not(.home-friends):not(.home-recordings):not(.home-library){min-width:0}@media (prefers-reduced-motion:no-preference){.motion-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px);animation:none!important}.motion-reveal.motion-visible{opacity:1;transform:none}.landing-primary:hover,.landing-open:hover{transform:translateY(-2px)}.landing a svg{transition:transform .2s}.landing a:hover svg{transform:translate(3px)}}.clox-brand-mark{width:28px;height:28px;color:var(--accent,#8bbfb4);flex-shrink:0;display:inline-block;overflow:visible}.clox-brand-mark path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:butt;stroke-linejoin:miter}.clox-brand-mark .brand-light{opacity:0;stroke:#dcfff3}.loading-emblem .clox-brand-mark{width:70px;height:70px}.record-indicator .clox-brand-mark{width:14px;height:14px;color:inherit}.ping-control>.clox-brand-mark{width:13px;height:13px}.ping-bad>.clox-brand-mark{color:var(--danger,#e79595)}.brand .mark{transform:none!important}.editorial-hero figure{animation:none!important}.home-welcome>img{object-position:70% center}@keyframes clox-contour{0%{stroke-dashoffset:100px;opacity:0}15%{opacity:1}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-25px;opacity:0}}@keyframes clox-connected{0%{stroke-dashoffset:100px;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:no-preference){.brand-tracing .brand-base{opacity:.35}.brand-tracing .brand-light{stroke-dasharray:100;animation:1.8s ease-in-out infinite clox-contour}.brand-connected .brand-light{stroke-dasharray:100;animation:.65s ease-out clox-connected}}@media (prefers-reduced-motion:reduce){.brand-tracing .brand-base{opacity:1}.brand-light{opacity:0!important;animation:none!important}}.modal.invitation-modal{width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;height:auto!important;min-height:0!important}.invitation-modal .modal-body{min-height:0;padding:0}.invitation-modal>header{padding:16px 22px}.invitation-modal .error{margin:16px 24px}.invitation-art{background:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--invite-accent) 24%,transparent),transparent 65%),#202529;border-bottom:1px solid #343a3e;align-items:flex-end;height:120px;padding:22px 26px;display:flex}.invitation-monogram{border:1px solid var(--invite-accent);width:64px;height:64px;color:var(--invite-accent);background:#171c1f;border-radius:16px;place-items:center;font-size:23px;font-weight:750;display:grid;box-shadow:0 8px 24px #0003}.invitation-copy{padding:24px 26px 26px}.invitation-copy>small:first-child{letter-spacing:.14em;color:var(--invite-accent);font-size:10px}.invitation-copy h1{overflow-wrap:anywhere;margin:10px 0;font-size:26px;line-height:1.2}.invitation-copy p{color:#b9c0c5;margin:0 0 18px;line-height:1.6}.invitation-facts{color:#aab5bb;flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.invitation-facts span{align-items:center;gap:6px;display:flex}.invitation-copy form{gap:10px;display:grid}.invitation-copy form button{justify-content:center;align-items:center;gap:9px;min-height:44px;display:flex}.invitation-copy form .primary{background:var(--invite-accent);color:#102321}.invitation-copy form label{gap:8px;display:grid}.invitation-copy>small:last-child{color:#929ca3;margin-top:18px;font-size:11px;line-height:1.5;display:block}.client-launch{z-index:100;color:#e5efed;background:#202c2a;border-bottom:1px solid #3c5a54;justify-content:center;align-items:center;gap:14px;padding:12px 20px;display:flex;position:relative}.client-launch span{font-size:13px;font-weight:600}.client-launch small{color:#b0c2bd;margin-top:3px;font-size:11px;font-weight:400;display:block}.client-launch button{white-space:nowrap;align-items:center;gap:6px;display:flex}.client-launch .quiet{font-size:12px}@media (width<=620px){.client-launch{flex-wrap:wrap;gap:10px}.client-launch>span{flex:1}.invitation-copy{padding:20px}}.modal.invitation-modal{min-width:0;height:fit-content!important}.invitation-modal .modal-body{flex:none}.install-system{margin:32px 0 42px}.install-system h2{margin-bottom:14px;font-size:16px}.install-system nav{flex-wrap:wrap;gap:10px;display:flex;margin:0!important}.install-system>p{color:var(--muted);margin-top:14px;font-size:13px}.install-steps{gap:22px;display:grid}.install-steps>section{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:12px;margin:0;padding:26px 28px}.install-steps h2{align-items:center;gap:14px;margin:0 0 20px;display:flex}.step-number{color:#a4d4c5;background:#293e38;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-size:17px;display:grid}.install-steps p,.install-steps li{line-height:1.7}.hosting-guide #updates{margin-top:44px}.home-overview .home-recordings{justify-content:start;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,240px))!important;display:grid!important}.home-recordings>.row{grid-column:1/-1}.home-recordings .home-replay-card{border-radius:8px;width:100%;max-width:240px;position:relative}.home-replay-card img,.home-replay-card .home-replay-placeholder{aspect-ratio:auto;height:124px}.home-replay-card>div:last-child{padding:12px}.replay-kind{color:#edf3f1;background:#14181eef;border:1px solid #ffffff24;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}dialog:has(.server-admin-center)::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000a}dialog:has(.settings-layout)::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000a}.server-admin-content>*,.settings-scroll>*{animation:none!important}.server-admin-center input,.server-admin-center select,.server-admin-center textarea{transition:border-color .12s}.home-replay-card img{contain:paint}@media (width<=520px){.install-steps>section{padding:20px 16px}.home-overview .home-recordings{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-replay-card img,.home-replay-card .home-replay-placeholder{height:96px}}.quality-presets,.host-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.quality-presets button,.host-options a{text-align:left;border:1px solid var(--line);background:var(--surface-sidebar);color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.quality-presets button[aria-pressed=true]{background:#263a35;border-color:#8bbfb4}.quality-presets small,.host-options small{color:var(--muted);line-height:1.5}.quality-presets span{font-size:12px}.host-setup section+section{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.host-setup form{gap:12px;display:grid}.host-setup form label{gap:8px;display:grid}.recording-modes{border:1px solid var(--line);border-radius:10px;padding:8px 20px}.recording-audio-levels{background:var(--surface-sidebar);border-radius:10px;padding:18px}.recording-audio-levels label{gap:10px;margin:12px 0;display:grid}.clean-settings h3{margin-top:30px}.clean-settings fieldset{border:0;padding:0}@media (width<=650px){.quality-presets,.host-options{grid-template-columns:1fr}}.modal.hosting-modal{width:min(760px,100vw - 32px);max-height:calc(100dvh - 40px);height:fit-content!important;min-height:0!important}dialog.modal[open]{box-sizing:border-box;flex-direction:column;margin:auto;display:flex;overflow:hidden;min-width:0!important;max-width:calc(100vw - 24px)!important;min-height:0!important;max-height:calc(100dvh - 64px)!important}dialog.modal>.modal-heading{z-index:2;flex:none;gap:12px;min-width:0;position:relative}dialog.modal>.modal-heading h2{overflow-wrap:anywhere;min-width:0;margin:0}dialog.modal>.modal-heading>button{-webkit-app-region:no-drag;flex:0 0 40px;align-self:center;width:40px;height:40px}dialog.modal>.modal-body{overscroll-behavior:contain;flex:auto;min-width:0;min-height:0;overflow:auto}dialog.settings-modal>.modal-body{overflow:hidden}.settings-modal .settings-layout,.settings-modal .settings-scroll{min-width:0;min-height:0}.settings-modal .settings-scroll{scrollbar-gutter:stable;overflow:auto}.clean-settings .recording-modes>.setting-switch{box-sizing:border-box;cursor:pointer;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:20px;width:100%;display:grid}.clean-settings .recording-modes>.setting-switch>span{width:auto;min-width:0;max-width:none;display:block}.clean-settings .recording-modes>.setting-switch>input[type=radio]{justify-self:end;width:18px;min-width:18px;max-width:18px;height:18px;margin:0}.recording-modes>.setting-switch:last-child{border-bottom:0}@media (width<=650px){dialog.modal>.modal-heading{padding:12px 16px}.settings-modal .settings-layout>nav{flex-wrap:nowrap;align-items:stretch;max-height:110px;overflow:auto}.settings-modal .settings-layout>nav .settings-nav-section{flex-direction:column;flex:none;display:flex}.settings-modal .settings-layout>nav .settings-search{align-self:flex-start;width:130px;min-width:130px}.settings-modal .settings-layout .settings-grid{grid-template-columns:minmax(0,1fr)}.clean-settings .recording-modes{padding:4px 12px}}.spotify-bar{flex-wrap:wrap;max-width:min(560px,100vw - 24px)}.spotify-bar>div{min-width:0}.spotify-bar .spotify-controls{flex-direction:row;gap:2px;display:flex}.spotify-controls button{flex:none;width:32px;height:32px;min-height:32px}.spotify-bar>small[role=alert]{white-space:normal;color:var(--text);flex-basis:100%}.about-settings dl{gap:8px;margin:12px 0;display:grid}.about-settings dt{color:var(--muted)}.about-settings dd{margin:0 0 12px;font-weight:600}.about-update-success{color:#8fc9a1!important}.controlbar .audio-controls{flex:1;align-items:center;min-width:0}.controlbar .spotify-slot{flex:180px;justify-content:center;align-items:center;min-width:0;display:flex}.controlbar .spotify-bar{pointer-events:auto;-webkit-app-region:no-drag;z-index:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;max-width:100%;padding:4px 12px;position:static}.controlbar .spotify-bar>div:first-of-type{min-width:0;max-width:220px}.controlbar .spotify-bar strong,.controlbar .spotify-bar>div:first-of-type>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.controlbar .spotify-controls{pointer-events:auto;-webkit-app-region:no-drag}.controlbar .audio-controls>.leave{flex:none;margin-left:0}@media (width<=850px){.controlbar .audio-controls{flex-wrap:wrap}.controlbar .spotify-slot{min-width:180px}.controlbar .spotify-bar{gap:4px;padding:4px}}#spotify-controls{background:#171a1d;border-top:1px solid #30363b;flex-shrink:0}#spotify-controls:empty{display:none}#spotify-controls .spotify-bar{box-sizing:border-box;pointer-events:auto;border:0;border-radius:0;flex-wrap:wrap;justify-content:flex-start;gap:16px;width:100%;max-width:none;padding:10px 18px;display:flex;position:static}#spotify-controls .spotify-controls{align-items:center;gap:6px;display:flex}#spotify-controls .spotify-volume{align-items:center;gap:8px;width:auto;margin:0;display:flex}#spotify-controls input[type=range]{cursor:pointer;width:120px;min-width:80px;padding:0}#spotify-controls output{min-width:40px;font-size:12px}#spotify-controls .spotify-bar>div:first-of-type{min-width:120px;max-width:260px}#spotify-controls button,#spotify-controls input{-webkit-app-region:no-drag;pointer-events:auto}#spotify-controls .spotify-controls{order:-1}#spotify-controls .spotify-bar>span:first-child{display:none}@media (width<=560px){#spotify-controls .spotify-bar{gap:8px;padding:8px 10px}#spotify-controls input[type=range]{width:90px}#spotify-controls .spotify-bar>div:first-of-type{flex-basis:100%;max-width:100%}}.linked-accounts{gap:16px;display:grid}.linked-accounts header p,.profile-extra-links p{color:var(--muted);max-width:65ch;line-height:1.6}.connection-card{border:1px solid var(--line);background:var(--surface-sidebar);border-radius:14px;padding:22px}.connection-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.connection-heading h4{margin:0 0 5px}.connection-heading p{color:var(--muted);overflow-wrap:anywhere;margin:0}.connection-symbol{background:#ffffff0a;border-radius:12px;flex:0 0 48px;place-items:center;height:48px;display:grid}.connection-spotify .connection-symbol,.connection-spotify>svg{color:#75d999}.connection-steam .connection-symbol,.connection-steam>svg{color:#8dc4ee}.connection-confirmed{white-space:nowrap;color:var(--accent);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:inline-flex}.connection-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.connection-actions a{align-items:center;gap:6px;display:flex}.connection-card>small{color:var(--muted);margin-top:14px;line-height:1.5;display:block}.connection-pending{border:1px solid var(--accent);border-radius:10px;padding:16px}.profile-extra-links{margin-top:30px}.profile-extra-links label{gap:8px;margin:16px 0;display:grid}.profile-v47.profile-card{border:1px solid var(--line);box-sizing:border-box;border-radius:18px;width:100%;min-width:0;max-width:640px;overflow:hidden}.profile-v47 .profile-cover{background:radial-gradient(ellipse at 80% 5%,color-mix(in srgb,var(--profile-accent),transparent 55%),transparent 65%),repeating-linear-gradient(130deg,transparent 0 35px,#ffffff04 36px 37px),#171d23;height:140px;position:relative;overflow:hidden}.profile-v47 .profile-cover .profile-banner{object-fit:cover;width:100%;height:100%;display:block}.profile-v47 .profile-content{padding:0 24px 24px}.profile-v47 .profile-identity{align-items:center;gap:16px;margin-top:-28px;margin-bottom:18px;display:flex;position:relative}.profile-v47 .profile-identity>.avatar{border:5px solid var(--surface-sidebar);box-sizing:border-box;flex:0 0 86px;width:86px;height:86px;margin:0;font-size:26px}.profile-v47 .profile-identity h2{overflow-wrap:anywhere;margin:32px 0 6px;font-size:25px}.profile-v47 .profile-identity>div{min-width:0}.profile-v47 .profile-bio{font-size:15px;line-height:1.6}.profile-v47 section{margin-top:22px}.profile-v47 section h3{text-transform:uppercase;letter-spacing:1px;opacity:.65;margin:0 0 12px;font-size:12px}.profile-v47 .readme{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.profile-connection{border:1px solid var(--line);color:inherit;background:#ffffff04;border-radius:10px;align-items:center;gap:12px;margin-top:8px;padding:14px;text-decoration:none;display:flex}.profile-connection>span:nth-child(2){flex:1;min-width:0}.profile-connection strong,.profile-connection small{overflow-wrap:anywhere;display:block}.profile-connection small{opacity:.65;margin-top:4px}.profile-connection:hover{border-color:var(--profile-accent);background:#ffffff08}.profile-v47 .profile-links{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.profile-v47 .profile-links a{background:#ffffff08;border-radius:7px;padding:7px 10px}.profile-v47.profile-center .profile-identity{justify-content:center}.profile-v47.profile-center .profile-connected{text-align:left}@media (width<=500px){.connection-card{padding:15px}.connection-heading{flex-wrap:wrap}.profile-v47 .profile-content{padding:0 15px 18px}.profile-connection{flex-wrap:wrap}.profile-connection .connection-confirmed{margin-left:0}.profile-v47 .profile-cover{height:115px}}.profile-v47 .profile-music{margin-top:10px}.profile-v47 .profile-music>svg{color:#75d999;flex-shrink:0}.profile-v47 .profile-game>div{min-width:0}.profile-v47 .profile-game strong,.profile-v47 .profile-game span{overflow-wrap:anywhere}.profile-v47 .profile-identity>.avatar{border-radius:var(--avatar-radius,12px)}.profile-v47 .profile-identity>.avatar img{border-radius:max(0px,calc(var(--avatar-radius,12px) - 5px));object-fit:cover;width:100%;height:100%}.replay-player{position:relative}.replay-player .replay-transport{z-index:2;box-sizing:border-box;background:linear-gradient(#0000,#101216ed);flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.replay-player:fullscreen{background:#000;align-items:center;display:flex}.replay-player:fullscreen video{object-fit:contain;width:100%;height:100%}:root{--surface-base:#171e2a;--surface-sidebar:#111823;--surface-chrome:#0c121c;--surface-raised:#222e40;--surface-hover:#2b3950;--surface-input:#151e2c;--line:#304057;--muted:#abbad0;--text:#eff4fc;--accent:#68c5b5;--accent-ink:#09251f;--accent-soft:#203d3d;--clox-violet:#b6a3f5;--clox-gold:#f3c786}.top,.controlbar,.directory,.server-members{border-color:var(--line)}button,input,select,textarea{border-radius:9px}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.channel.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.channel.voice-selected{color:var(--clox-violet);background:color-mix(in srgb,var(--clox-violet) 12%,transparent)}.home-server{background:var(--surface-sidebar);border:1px solid var(--line)}.home-server:hover{background:var(--surface-raised);border-color:var(--accent)}.home-welcome{border:1px solid #3a5067;background:linear-gradient(115deg,#122c38,#202c48 64%,#342b48)!important}.home-welcome:after{background:linear-gradient(90deg,#122434b3,#0000)}.home-welcome h1{color:#f4f8ff}.home-welcome small{color:#a9dfd7}.home-recordings h2,.home-servers h2,.home-friends h2{letter-spacing:-.3px;font-size:19px}.home-servers h2{color:var(--accent)}.home-friends h2{color:var(--clox-violet)}.home-replay-card{border:1px solid var(--line);background:var(--surface-sidebar)}.replay-kind{color:#e1d7ff;background:#342d49;border:1px solid #635582}.modal-heading{background:var(--surface-sidebar)}.modal{box-shadow:0 24px 80px #03081099}.profile-v47 .profile-cover{background:linear-gradient(135deg,#17404a,#2d3357 60%,#523b55)}.clox-brand-mark .brand-base{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.clox-brand-mark .brand-play{fill:currentColor;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.brand .mark,.auth-title .mark,.mark{background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M24.5%207.7a11.4%2011.4%200%201%200%200%2016.6'%20fill='none'%20stroke='%2357dbc6'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cpath%20d='m15%2010%209%206-9%206z'%20fill='%2357dbc6'%20stroke='%2357dbc6'%20stroke-width='1'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M24.5%207.7a11.4%2011.4%200%201%200%200%2016.6'%20fill='none'%20stroke='%2357dbc6'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cpath%20d='m15%2010%209%206-9%206z'%20fill='%2357dbc6'%20stroke='%2357dbc6'%20stroke-width='1'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;border:0!important;border-radius:0!important;transform:none!important}.mark:after,.mark:before{display:none!important}.admin-center .admin-nav-group{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:22px 12px 8px;font-size:10px}.admin-center-heading{border:1px solid var(--line);background:linear-gradient(115deg,var(--accent-soft),transparent 75%);border-radius:16px;padding:24px}.admin-center .admin-record{border:1px solid var(--line);background:var(--panel,#111923);border-radius:12px;margin-bottom:12px;padding:20px}.admin-center .admin-records{gap:4px;display:grid}.admin-center .admin-user-row{border:1px solid var(--line);border-radius:12px;padding:20px}.admin-center .admin-summary{border-radius:12px;margin:24px 0;overflow:hidden}.admin-center .report-row{border:1px solid var(--line);background:var(--panel,#111923);border-radius:12px;margin:0;padding:22px}.admin-report-grid{gap:16px;margin:20px 0;display:grid}.report-row header{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-reason{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.admin-empty{text-align:center;border:1px dashed var(--line);border-radius:12px;margin:20px 0;padding:48px}.admin-center .admin-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-center .admin-quick-actions button{text-align:left;border:1px solid var(--line);border-radius:12px;min-height:90px}.admin-center .admin-quick-actions strong{color:var(--accent)}@media (width<=900px){.admin-center .admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-center .admin-nav-group{display:none}.admin-center-nav nav>div{flex-shrink:0}.admin-center-heading{padding:16px}.admin-center .admin-quick-actions{grid-template-columns:1fr}}.moderation-panel .admin-search label:first-child{flex:0 0 180px}.moderation-panel .admin-search label:nth-child(2){flex:1}@media (width<=850px){.moderation-panel .admin-search label:first-child{flex:auto}}.creator-hub{min-width:0;max-width:1440px;margin:auto;padding:clamp(16px,3vw,40px)}.creator-hero{background:linear-gradient(125deg,#172d44,#1b2438 65%,#283346);border:1px solid #33485f;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:clamp(20px,3vw,40px);display:flex}.creator-hero h1{max-width:600px;margin:12px 0;font:700 clamp(24px,3vw,42px)/1.1 Barlow Condensed,sans-serif}.creator-hero small,.tool-card>small{color:#77cddd;letter-spacing:.12em;font-size:11px}.creator-hero p{color:#b3c5d8}.creator-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-actions button{min-height:38px}.creator-tabs{border-bottom:1px solid #334154;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.creator-tabs button[aria-pressed=true]{color:#fff;background:#247fbc;border-color:#50b4e3}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.studio-grid .tool-card{background:#172333;border:1px solid #31465b;border-radius:14px;min-width:0;padding:24px}.studio-grid .creator-actions{margin:20px 0}.studio-grid ol{padding-left:24px;line-height:1.8}.studio-grid p{color:#b5c4d5;line-height:1.6}.studio-grid input,.studio-grid select{min-width:0;max-width:100%}.snip-surface{touch-action:none;cursor:crosshair;border-radius:8px;width:fit-content;max-width:100%;margin:16px auto;line-height:0;position:relative;overflow:hidden}.snip-surface img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;max-height:55vh;display:block}.snip-surface i{box-sizing:border-box;pointer-events:none;background:#62e0cb20;border:2px solid #62e0cb;position:absolute;box-shadow:0 0 0 9999px #0007}.game-directory{background:#172232;border:1px solid #314257;border-radius:10px;margin:12px 8px;padding:10px}.game-directory summary{cursor:pointer;font-weight:600;line-height:1.6}.game-directory details{padding:10px 0 4px 10px}.game-directory button{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;margin:5px 0;display:block}.game-directory small{color:#a4b8cb;padding:10px 0;display:block}.live-embed{color:#edf4ff;background:#1b2639;border:1px solid #3b4b68;border-left:4px solid #a98aef;border-radius:10px;max-width:520px;text-decoration:none;display:block;overflow:hidden}.live-embed>div{padding:16px}.live-embed h3{overflow-wrap:anywhere;margin:12px 0 8px;font-size:18px}.live-embed img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.live-embed strong{color:#7dded3;font-size:13px}.live-label{color:#c4a9fc;letter-spacing:.06em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.connection-actions{flex-wrap:wrap}.connection-actions .check{flex-basis:100%}.email-confirm{background:#172333;border:1px solid #34475c;border-radius:16px;max-width:600px;margin:8vh auto;padding:32px}.email-verification{border:1px solid #34475c;border-radius:12px;margin-bottom:20px;padding:20px}.creator-hub .replay-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.creator-hub .replay-card{max-width:340px}@media (width<=900px){.creator-hero{display:block}.creator-hero .creator-actions{margin-top:20px}.studio-grid{grid-template-columns:1fr}.creator-hub{padding:16px}}@media (prefers-reduced-motion:no-preference){.creator-tabs button,.creator-actions button{transition:background-color .15s,border-color .15s}.creator-hero{animation:.25s ease-out creator-enter}@keyframes creator-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}.modal.screenshot-modal{height:auto;min-height:0;max-height:calc(100dvh - 32px)}.replay-page{padding:20px 24px!important;display:block!important;overflow:auto!important}.creator-hub{width:100%;max-width:none;margin:0;padding:0}.creator-hero{background:0 0;border:0;border-radius:0;align-items:flex-start;margin:0;padding:0 0 20px;animation:none}.creator-hero h1{margin:0 0 8px;font-size:30px}.creator-tabs{margin-bottom:16px}.replay-page .replay-library{width:100%;max-width:none;height:auto;min-height:0}.replay-heading.compact>div:first-child{display:none}.replay-heading.compact{justify-content:flex-end;margin-bottom:12px}.creator-hub .replay-nav{display:none}.settings-scroll .studio-grid{grid-template-columns:1fr}.settings-scroll .studio-grid .tool-card{padding:20px}.creator-hub .replay-layout{min-height:300px}@media (width<=700px){.replay-page{padding:16px!important}.creator-hero .creator-actions{margin-top:16px}}.compact-library .replay-workbench>aside>.settings-tabs{display:none}.compact-library .replay-workbench{align-items:start}.compact-library .replay-workbench>aside{min-width:240px}.compact-library .replay-heading.compact{justify-content:flex-start}.creator-hero .creator-actions{margin-top:0}.clip-studio{gap:16px;min-width:0;display:grid}.replay-editor:has(.clip-studio){display:block!important}.clip-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.clip-title h2{font:600 20px var(--font,system-ui);margin:4px 0}.clip-title small,.clip-studio small{color:var(--muted)}.clip-stage{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px;display:grid}.clip-preview{border:1px solid var(--line);background:#090f19;border-radius:12px;min-width:0;overflow:hidden}.clip-screen{aspect-ratio:auto;justify-content:center;align-items:center;width:100%;height:48vh;max-height:48vh;display:flex}.clip-screen video{object-fit:contain;object-position:center;width:100%;height:100%;margin:auto;display:block;max-height:48vh!important}.clip-transport{background:#131e2c;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.clip-transport>span{white-space:nowrap;margin-right:auto}.clip-transport button{flex:none;padding:8px}.clip-transport select{width:65px;padding:6px}.clip-volume{align-items:center;flex-direction:row!important;gap:6px!important;display:flex!important}.clip-volume input{width:75px!important}.clip-export{border:1px solid var(--line);background:#152334;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.clip-export h3{margin:0}.clip-duration{color:var(--accent);font-size:28px}.clip-export label{gap:7px;display:grid}.clip-export input,.clip-export select{box-sizing:border-box;width:100%;min-width:0}.clip-export>button{justify-content:center;min-height:42px}.clip-cut{border:1px solid var(--line);background:#111b29;border-radius:12px;padding:16px}.clip-cut-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.clip-cut-heading h3{margin:0}.clip-cut-heading>div{gap:6px;display:flex}.clip-cut .replay-timeline-area{margin:16px 0}.clip-range{flex-wrap:wrap;align-items:end;gap:8px;margin:12px 0;display:flex}.clip-range label{gap:5px;font-size:12px;display:grid}.clip-range input{width:85px}.clip-range button{min-height:38px}.clip-range kbd{opacity:.6;margin-left:6px}.clip-studio details{border:1px solid var(--line);background:#111b29;border-radius:10px;padding:14px}.clip-studio summary{cursor:pointer;font-weight:600}.clip-studio summary span{color:var(--muted);margin-left:12px;font-size:12px}.clip-audio-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:16px 0;display:grid}.clip-audio-grid label{gap:8px;display:grid}.clip-audio-grid label>span{align-items:center;gap:8px;display:flex}.clip-audio-grid input[type=checkbox]{flex:none;width:16px}.clip-audio-grid output{margin-left:auto}.clip-marks>div{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.clip-manage p{overflow-wrap:anywhere;color:var(--muted)}.recording-search{box-sizing:border-box;width:100%;margin-bottom:12px}.recording-kind{font-size:11px;color:var(--accent)!important}.clip-preview:fullscreen .clip-screen{aspect-ratio:auto;height:calc(100vh - 60px);max-height:none}.clip-preview:fullscreen video{max-height:none!important}.clip-preview:fullscreen{border:0;border-radius:0}.app-header .brand .mark{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:26px;height:26px}.app-header .brand{align-items:center;gap:9px}@media (width<=1100px){.clip-stage{grid-template-columns:minmax(0,1fr)}.clip-export{grid-template-columns:1fr 1fr;display:grid}.clip-export>small:last-child{grid-column:1/-1}.clip-screen,.clip-screen video{max-height:42vh!important}.replay-page .replay-workbench{grid-template-columns:190px minmax(0,1fr)}}@media (width<=700px){.replay-page .replay-workbench{flex-direction:column;display:flex}.replay-workbench>aside{max-height:180px;overflow:auto}.clip-export{grid-template-columns:1fr}.clip-transport{gap:5px}.clip-volume input{width:55px!important}.clip-range input{width:72px}.clip-cut{padding:12px}}.app-header,.app-header button,.app-header a,.app-header span,.controlbar button,.settings-tabs button{-webkit-user-select:none;user-select:none}.app-header input,.app-header textarea{-webkit-user-select:text;user-select:text}.conversation-history{min-width:0;margin-top:24px}.conversation-history h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#9cabbe);font-size:12px}.conversation-history>input{width:100%;margin-bottom:10px}.friends-nav .conversation-history-item{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 8px;display:flex}.conversation-history-item>.conversation-copy{flex:1;min-width:0}.conversation-history-item>.avatar{flex:0 0 34px;width:34px;height:34px}.friends-nav .conversation-history-item{background:0 0;margin-bottom:3px}.friends-nav .conversation-history-item.active,.friends-nav .conversation-history-item:hover{background:#253347}.conversation-history-item strong,.conversation-history-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conversation-history-item small{opacity:.7;font-size:12px}.friends-nav{min-height:0;overflow-y:auto}.event-directory summary{align-items:center;gap:8px;display:flex}.event-directory .event-row{border-top:1px solid #293749;padding:8px}.event-directory .event-row>button{text-align:left;width:100%}.event-row small{color:#9cabbe;display:block}.event-row .event-read{color:#65d2c5;font-size:11px}.event-attention{color:#fff;background:#ed657b;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 4px;font-size:11px;display:inline-flex}.game-directory>summary{cursor:pointer;align-items:center;gap:8px;display:flex}.game-directory>summary:before{content:"›";transition:transform .15s}.game-directory[open]>summary:before{transform:rotate(90deg)}.game-directory>summary>svg{color:#65d2c5;flex-shrink:0}.screenshot-toast{z-index:15000;color:#edf6fa;background:#172738;border:1px solid #65caba;border-radius:10px;align-items:center;gap:16px;max-width:min(440px,100vw - 32px);padding:14px 18px;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 6px 24px #0005}.screenshot-toast button{flex-shrink:0}.hotkey-group{border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px}.hotkey-action{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.hotkey-action>div,.hotkey-binding{flex-wrap:wrap;gap:5px;display:flex}.hotkey-action>span{flex:1}.hotkey-action button{min-height:32px}@media (width<=600px){.hotkey-action{flex-direction:column;align-items:flex-start}}.windows-only{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;max-width:540px;margin:24px;padding:28px}.windows-only .download-button{align-items:center;gap:8px;margin-top:12px;display:inline-flex}.invite-dropdown{gap:12px;width:320px;max-width:calc(100vw - 48px);padding:8px;display:grid}.invite-dropdown header{justify-content:space-between;align-items:center;display:flex}.invite-dropdown input{box-sizing:border-box;width:100%;min-width:0}.invite-dropdown p{margin:0}.invite-dropdown small{overflow-wrap:anywhere}.admin-center-nav nav button{align-items:center;gap:12px;display:flex}.admin-center-nav{border-right:1px solid var(--line);background:#0e1826!important}.admin-center-content{box-sizing:border-box;width:100%;max-width:1400px}.admin-context{color:var(--muted);margin:8px 0 16px}.admin-quick-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.admin-quick-actions button{text-align:left;border:1px solid var(--line);background:#152435;gap:7px;padding:20px;display:grid}.admin-quick-actions small{color:var(--muted)}.account-state{color:#65d9c5;background:#183c39;border-radius:20px;margin-left:10px;padding:4px 9px;font-size:11px}.account-state.blocked{color:#ffb5c1;background:#4a2632}.suspension-controls{border:1px solid var(--line);box-sizing:border-box;border-radius:12px;gap:12px;width:100%;padding:18px;display:grid}.suspension-controls label{gap:6px;display:grid}.suspension-controls textarea{min-height:70px}.admin-user-row{align-items:start}.admin-advanced{border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:20px}.admin-advanced summary{cursor:pointer}.spotify-windows-volume{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.spotify-windows-volume small{max-width:90px;font-size:10px}.game-verification-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.website-draft-preview{background:linear-gradient(120deg,#132c35,#24243b);border:1px solid;border-radius:14px;padding:24px}.website-draft-preview small{letter-spacing:2px;color:var(--muted)}.replay-page{height:100%;min-height:0;overflow:hidden}.creator-hub{flex-direction:column;height:100%;min-height:0;display:flex}.creator-hero{flex:none;padding-block:8px}.creator-hero h1{margin:0}.creator-hero p{margin:4px 0}.creator-tabs{flex:none}.creator-hub>.replay-library{flex-direction:column;flex:1;min-height:0;display:flex}.replay-workbench{flex:1;min-height:0;overflow:hidden}.replay-workbench>aside{min-height:0;overflow:auto}.replay-editor{min-height:0;overflow:hidden}.clip-studio{grid-template-rows:auto minmax(100px,1fr) auto;gap:10px;height:100%;min-height:0;display:grid}.clip-title h2{margin:0}.clip-stage{grid-template-columns:minmax(0,1fr) 220px;gap:12px;min-height:0;display:grid}.clip-preview{flex-direction:column;min-height:0;display:flex}.clip-screen{aspect-ratio:auto;flex:1;justify-content:center;align-items:center;height:auto;min-height:0;display:flex}.clip-screen video{object-fit:contain;width:100%;height:100%;max-height:100%}.clip-transport{flex:none}.clip-audio{margin:0;padding:14px;overflow:auto}.clip-audio-grid{flex-direction:column;gap:20px;display:flex}.clip-cut{min-width:0;padding:10px}.clip-export{background:0 0;border:0;flex-wrap:wrap;align-items:end;gap:12px;padding:0 0 8px;display:flex}.clip-export>small,.clip-export>h3,.clip-export>.clip-duration,.clip-export>span{display:none}.clip-export label{flex:1;min-width:120px}.clip-export button{margin:0}.clip-cut-heading h3{margin:0;font-size:13px}.clip-cut-heading button{padding:5px 8px}.clip-manage{margin-left:auto;position:relative}.clip-manage[open]{z-index:20;background:var(--panel,#152435);border:1px solid var(--line);border-radius:10px;padding:18px;position:absolute;top:120px;right:30px}.clip-cut>small{font-size:10px}.clip-studio .clip-audio h3{margin-top:0}@media (width<=850px){.clip-stage{grid-template-columns:minmax(0,1fr) 160px}.clip-audio{padding:8px}.clip-export{gap:6px}.clip-cut-heading{display:none}}.server-section-channel{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;margin:4px 0;display:flex}.server-section-channel[aria-pressed=true]{color:#65d9c5;background:#203e45}.server-info-page{flex:1;min-height:0;padding:24px;overflow:auto}.columns[hidden]{display:none!important}.server-page-games details>button{border:1px solid var(--line);flex-direction:column;align-items:start;width:100%;margin:10px 0;padding:20px;display:flex}.server-page-games details>button p{color:var(--muted);margin:8px 0}.server-admin-center{grid-template-columns:220px minmax(0,1fr);min-height:480px;display:grid}.server-admin-center>nav{flex-direction:column;gap:6px;display:flex;overflow:auto}.server-admin-center>nav button{text-align:left;width:100%}.server-admin-center>nav h4{color:var(--muted);text-transform:uppercase;margin:14px 6px 6px;font-size:11px}.server-admin-content{min-width:0;padding:20px;overflow:auto}.member-admin-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.clip-stage{align-items:stretch}.clip-preview{box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto auto;height:100%;min-height:0;display:grid}.clip-screen{height:100%;min-height:0;position:relative;max-height:none!important}.clip-screen video{object-fit:contain;position:absolute;inset:0;max-height:none!important}.clip-export{flex-direction:row}.replay-playback-status{white-space:nowrap;text-overflow:ellipsis;padding:3px 10px;font-size:11px;overflow:hidden}.clip-studio,.clip-cut{box-sizing:border-box}.replay-library{gap:8px}.clip-title{min-height:36px}.clip-title .clip-manage summary{min-height:32px;padding:6px 10px}.clip-title button{padding:6px 10px}.clip-cut .clip-export{align-items:end;gap:8px}.clip-export label{gap:3px;margin:0}.clip-export input,.clip-export select{min-height:34px;margin:0;padding:7px 10px}.clip-cut .replay-timeline-area{margin:6px 0 2px;padding:4px 10px 0}.clip-cut .replay-timeline{height:30px}.clip-cut .timeline-handle{height:100%;min-height:0}.clip-cut-heading{gap:8px;margin:0}.clip-cut-heading button{min-height:26px;padding:3px 8px}.clip-cut>small{margin:3px 0 0;line-height:1.2;display:block}.clip-cut h3{margin:0}@media (height<=900px){.replay-page .creator-hero{padding:0}.replay-page .creator-hero h1{margin:0;font-size:25px}.replay-page .creator-hero p{margin:3px 0 8px}.replay-page .creator-tabs{margin-bottom:8px;padding-bottom:6px}.replay-page .clip-title h2{font-size:19px}.replay-page .clip-transport{gap:6px;padding:6px}.replay-page .clip-transport button{min-height:28px;padding:4px 7px}.replay-page .clip-cut{padding:7px}.replay-page .clip-studio{gap:6px}}.clip-title .clip-manage:not([open]){padding:0}.clip-cut .replay-timeline-area>small{display:none}.clip-cut .timeline-ticks{margin:3px 0}.clip-title .clip-manage summary{box-sizing:border-box}@media (height<=800px){.replay-page .clip-cut-heading{display:none}.replay-page{padding:8px 16px}.replay-page .creator-hero{align-items:center;min-height:38px}.replay-page .creator-hero h1{font-size:21px}.replay-page .creator-hero p{display:none}.replay-page .creator-tabs{margin-bottom:4px;padding-bottom:4px}.replay-page .creator-tabs button{min-height:28px;padding:4px 10px}.replay-page .clip-transport label{margin:0}.replay-page .clip-transport select{height:28px;padding:3px}.replay-page .clip-export{padding-bottom:4px}.replay-page .clip-export label{font-size:11px}.replay-page .clip-export input,.replay-page .clip-export select{min-height:30px;padding:5px 8px}.replay-page .clip-export>button{min-height:30px;padding:5px 10px}.replay-page .clip-cut>small{display:none}}.clox-shell .shell-page:has(>.replay-page){flex-direction:column;display:flex;overflow:hidden}.clox-shell .replay-page{box-sizing:border-box;flex:1;min-height:0;overflow:hidden!important}.replay-page>.creator-hub{height:100%;min-height:0}.replay-page>.creator-hub>.replay-library{flex:1 1 0;height:0;min-height:0}.replay-page .compact-library .replay-workbench{flex:1 1 0;grid-template-rows:minmax(0,1fr);align-items:stretch;height:0}.replay-page .replay-workbench>.replay-editor{align-self:stretch;height:100%;min-height:0}.clip-preview:fullscreen{box-sizing:border-box;background:#000;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;margin:0;padding:0;display:grid;inset:0;width:100vw!important;max-width:none!important;height:100vh!important;min-height:0!important;max-height:none!important}.clip-preview:fullscreen .clip-screen{aspect-ratio:auto;width:100%;min-height:0;height:100%!important;max-height:none!important}.clip-preview:fullscreen .clip-screen video{object-fit:contain;width:100%;height:100%;max-height:none!important}.clip-preview:fullscreen .replay-playback-status{display:none}.clip-preview:fullscreen .clip-transport{flex-wrap:nowrap;margin:0;padding:8px}.clip-preview:fullscreen .clip-volume{margin:0}.recovery-item{border-top:1px solid var(--line);padding:12px 8px;font-size:12px}.recovery-item p{color:var(--muted);line-height:1.5}.recovery-item button{width:100%}.replay-buffer-overlay{z-index:2;color:#ecf2f5;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090f19c9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.replay-buffer-overlay small{color:#b2c4d2}.replay-buffer-indicator{border:3px solid #ffffff24;border-top-color:var(--accent,#68c5b5);border-radius:50%;width:30px;height:30px;animation:1s linear infinite replay-buffer-spin}@keyframes replay-buffer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.replay-buffer-indicator{animation:none}}.server-folder-switcher{max-width:100%;overflow:hidden;min-width:0!important}.server-folder-switcher>.server-tabs{flex-wrap:nowrap;min-width:0;max-width:100%;overflow:auto hidden}.server-tabs>div{flex-shrink:0}.compact-server-tabs>.server-tabs>div>button:not(.tab-hangup){justify-content:center;width:42px;min-width:42px;padding:5px}.compact-server-tabs>.server-tabs .server-tab-name,.compact-server-tabs>.server-tabs .temporary-tab-label,.compact-server-tabs>.server-tabs .event-badge,.compact-server-tabs>.server-tabs .folder-logo+span,.compact-server-tabs>.server-tabs button>svg:last-child{display:none}.compact-server-tabs>.server-tabs .server-tab-logo,.compact-server-tabs>.server-tabs .server-tab-initial{flex:none;width:30px;height:30px}.compact-server-tabs>.server-tabs>div{position:relative}.compact-server-tabs>.server-tabs .tab-hangup{padding:2px;position:absolute;bottom:0;right:0}.obs-split,.obs-split>.shell-page,.obs-dock,.obs-dock-body,.obs-controls,.obs-chat{min-width:0;max-width:100%;overflow-x:hidden!important}.obs-split>.shell-page{container-type:inline-size}.obs-dock *{box-sizing:border-box}.obs-dock section,.obs-dock form{min-width:0}.obs-divider{background:#2a3038}.obs-divider:before{background:#59616b;inset:0 4px}.obs-divider>span{color:#aeb7c2;background:#333a44;border-color:#626c78;border-radius:5px;width:18px;height:34px;font-size:13px}.obs-divider:hover:before,.obs-divider:focus:before,.obs-divider.dragging:before{background:var(--accent)}.obs-divider:hover>span,.obs-divider:focus>span,.obs-divider.dragging>span{border-color:var(--accent);color:var(--accent)}.obs-divider.dragging{background:#42776f}.media-type-tag{color:#fff;background:#435364;border:1px solid #ffffff28;border-radius:5px;align-items:center;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.media-type-tag.type-clip{background:#58417f}.media-type-tag.type-manual{background:#32638c}.media-type-tag.type-session{background:#28675d}.media-type-tag.type-replay{background:#852}.recording-tile-open>.media-type-tag{z-index:1;position:absolute;top:8px;left:8px}.recording-tile-open{position:relative}.admin-center{min-width:0;max-width:100%}.admin-center-content{min-width:0;overflow-x:hidden}@container (width<=800px){.admin-center{grid-template-columns:170px minmax(0,1fr)!important}.admin-center-nav{min-width:0;width:auto!important;padding:10px!important}.admin-center-content{padding:12px!important}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.temporary-countdown{white-space:normal;box-sizing:border-box;align-items:center;max-width:100%;gap:5px!important;padding:5px!important;display:flex!important}.temporary-countdown strong{min-width:0;font-size:11px;line-height:1.4}.temporary-countdown svg{flex:0 0 14px}.provider-config{border:1px solid var(--line);border-radius:8px;max-width:640px;margin-bottom:18px;padding:18px}.provider-config input{box-sizing:border-box;min-width:0;max-width:100%}.obs-split.enabled .obs-members-open .columns{position:relative;grid-template-columns:minmax(0,1fr)!important}.obs-split.enabled .obs-members-open .server-members{z-index:5;background:var(--surface-sidebar);width:220px;max-width:80%;height:auto;max-height:none;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #0005;display:block!important}.obs-split.enabled .obs-members-open .server-members section{display:block}.obs-split.enabled .obs-members-closed .server-members{display:none!important}.obs-controls{grid-template-columns:minmax(0,1fr);gap:10px;grid-template-rows:auto minmax(130px,1fr) minmax(120px,1fr)!important;display:grid!important}.obs-controls:has(.obs-preview){grid-template-rows:minmax(80px,.7fr) auto minmax(130px,1fr) minmax(120px,1fr)!important}.obs-scene-source{gap:10px}.obs-scene-source>section,.obs-mixer{border:1px solid var(--line);background:var(--surface-base);border-radius:5px;padding:8px;overflow:hidden auto}.obs-scene-source label{overflow-wrap:anywhere;min-width:0;padding:4px 0;font-size:12px}.obs-scene-source button{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;width:100%;min-width:0;overflow:hidden;text-align:left!important;display:block!important}.obs-scene-source h3,.obs-mixer>h3{border-bottom:1px solid var(--line);padding-bottom:6px;font-size:13px}.obs-mixer-strip{min-width:0;padding:5px 0 9px}.obs-mixer-strip header{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.obs-mixer-strip header strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.obs-mixer-strip header>span{color:var(--muted);flex:none;font-size:11px}.obs-level-meter{gap:2px;height:14px;display:grid}.obs-level-meter>div{background:#161a1d;min-width:0;position:relative}.obs-level-meter i{background:linear-gradient(90deg,#36b958 0% 67%,#d1c835 67% 88%,#e54b47 88%);transition:clip-path 80ms linear;position:absolute;inset:0}.obs-meter-scale{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:9px;display:flex}.obs-fader{align-items:center;gap:6px;min-width:0;display:flex}.obs-fader>input{flex:1;width:0;min-width:0;margin:0}.obs-fader>button{border:0;flex:0 0 28px;width:28px;background:0 0!important;min-height:26px!important;padding:4px!important}.obs-mixer-strip.muted .obs-fader button{color:#ef6767}.obs-mixer-strip.muted .obs-level-meter{opacity:.45}.obs-output-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.obs-output-actions button{white-space:normal;width:100%;min-width:0}.obs-dock .obs-controls[hidden],.obs-dock .obs-chat[hidden]{display:none!important}.obs-split .admin-center-nav{overflow-x:hidden}.obs-split .admin-center-nav button{overflow-wrap:anywhere;min-width:0}.clox-shell .app-header{flex-wrap:nowrap;gap:8px;min-width:0;display:flex}.clox-shell .app-header>button,.clox-shell .app-header>.home-shortcuts{flex-shrink:0}.clox-shell .app-header>.spacer{display:none}.clox-shell .app-header .server-folder-switcher{flex:1 1 0;order:0;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;min-width:0;max-width:none;margin:0}.clox-shell .app-header .server-folder-switcher>.server-tabs{grid-area:2/1;justify-content:safe center;width:100%;min-width:0}.clox-shell .app-header .server-folder-actions{flex-wrap:nowrap;grid-area:2/2;display:flex}@media (width<=1400px){.app-header .header-action-label,.app-header .replay-shortcut>span{display:none}.clox-shell .app-header .header-compact-action,.clox-shell .app-header .replay-shortcut{gap:0;width:36px;min-width:36px;padding:8px;position:relative}.clox-shell .app-header{gap:6px;padding-inline:10px}.app-header .header-compact-action>svg{flex-shrink:0}}.clox-shell .shell-page{container-type:inline-size}.clox-shell .home-screen.home-overview{box-sizing:border-box;align-items:start;width:100%;max-width:1600px;margin:0 auto;padding:24px;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr)!important;gap:24px!important;display:grid!important}.clox-shell .home-overview>.home-library{flex-direction:column;grid-area:1/1/span 3;gap:24px;min-width:0;display:flex!important}.clox-shell .home-overview>.social-feed{min-width:0;grid-area:1/2!important}.clox-shell .home-overview>.home-servers{min-width:0;grid-area:2/2!important}.clox-shell .home-overview>.home-friends{min-width:0;grid-area:3/2!important}.clox-shell .home-overview .home-welcome,.clox-shell .home-overview .home-recordings{box-sizing:border-box;width:100%;min-width:0;grid-area:auto!important}.clox-shell .home-overview .home-recordings{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important}.clox-shell .home-overview .home-replay-card{min-width:0;max-width:none}.clox-shell .home-overview .home-server{box-sizing:border-box;width:100%;min-width:0}.clox-shell .home-overview .home-server>div{overflow-wrap:anywhere;min-width:0}@container (width<=850px){.clox-shell .home-screen.home-overview{padding:16px;grid-template-columns:minmax(0,1fr)!important}.clox-shell .home-overview>.home-library,.clox-shell .home-overview>.social-feed,.clox-shell .home-overview>.home-servers,.clox-shell .home-overview>.home-friends{width:100%;min-width:0;grid-area:auto/1!important}}.workspace .columns>.conversation-stage[hidden]{display:none!important}.workspace .columns>.server-info-page{box-sizing:border-box;min-width:0;max-width:100%;min-height:0;overflow:auto}.clox-shell .server-tabs>div.active,.clox-shell .server-tabs>div.voice-connected{position:relative}.clox-shell .server-tabs>div.active:after,.clox-shell .server-tabs>div.voice-connected:after{content:"";background:var(--accent);pointer-events:none;z-index:1;border-radius:0 0 6px 6px;height:2px;position:absolute;bottom:0;left:0;right:0}.dm-panel{min-width:0;container-type:inline-size}.dm-panel .dm-input-row{min-width:0}@container (width<=540px){.dm-panel .dm-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.dm-panel .dm-input-row>textarea{box-sizing:border-box;resize:vertical;grid-column:1/-1;width:100%;min-width:0;height:44px;min-height:44px;max-height:140px}.dm-panel .dm-input-row>.compose-tools{grid-column:1;min-width:0}.dm-panel .dm-input-row>.primary{grid-column:2}}.workspace-connection-root{isolation:isolate;min-width:0;position:relative}.workspace-connection-root>.server-offline-overlay{box-sizing:border-box;pointer-events:none;padding:16px}.workspace-connection-root>.server-offline-overlay>div{box-sizing:border-box;pointer-events:auto;max-width:min(470px,100%);padding:24px}.workspace-connection-root>.server-offline-overlay p{overflow-wrap:anywhere}.clox-shell .home-overview>.home-library{grid-row:1;gap:28px}.clox-shell .home-library>.home-servers,.clox-shell .home-library>.home-friends{flex-direction:column;gap:10px;min-width:0;display:flex}.clox-shell .home-library>section h2{margin:0 0 8px;font-size:20px}.clox-shell .home-library>.home-servers .home-server,.clox-shell .home-library>.home-friends .home-server{box-sizing:border-box;width:100%}.compact-directory .directory .server-section-channel{justify-content:center;align-items:center;gap:0;min-height:40px;padding:8px;font-size:0;display:flex;position:relative}.compact-directory .server-section-label{display:none}.compact-directory .server-section-channel>svg{flex:none;width:19px;height:19px;display:block!important}.compact-directory .server-member-stats{flex-direction:column;align-items:center;gap:8px}.compact-directory .directory .server>.hover-hint{justify-content:center;width:100%;display:flex}.spotify-bar .spotify-volume small{letter-spacing:0;text-align:center;grid-column:2/-1;font-size:9px}.spotify-bar .spotify-controls{align-items:center;gap:6px;display:flex}.spotify-bar{min-height:0;padding-block:6px}.text-attachment{border:1px solid var(--line);background:var(--surface-raised);overflow-wrap:anywhere;border-radius:8px;gap:8px;padding:12px;display:inline-flex}body.desktop .clox-shell .app-header .server-folder-switcher>.server-switcher-label{-webkit-user-select:none;user-select:none;cursor:default;box-sizing:border-box;align-self:stretch;min-height:22px;-webkit-app-region:drag!important;app-region:drag!important}.clox-shell .app-header .server-folder-switcher>.server-switcher-label{box-sizing:border-box;grid-area:1/1/auto/-1;justify-self:stretch;width:100%}.clox-shell .app-header .server-folder-actions{grid-row:2;place-self:center end}.clox-shell .home-screen.home-overview{max-width:1800px;grid-template-columns:260px minmax(420px,1fr) minmax(280px,340px)!important;gap:22px!important}.clox-shell .home-overview>.home-friends{grid-area:1/1!important}.clox-shell .home-overview>.home-library{gap:20px;grid-area:1/2!important}.clox-shell .home-overview>.social-feed{grid-area:1/3!important}.clox-shell .home-overview .home-library>section,.clox-shell .home-overview .home-welcome{margin-bottom:0}.clox-shell .home-overview>.home-friends,.clox-shell .home-overview>.social-feed{box-sizing:border-box;width:100%}@container (width<=1200px){.clox-shell .home-screen.home-overview{grid-template-columns:230px minmax(0,1fr)!important}.clox-shell .home-overview>.social-feed{grid-area:2/2!important}}@container (width<=760px){.clox-shell .home-screen.home-overview{grid-template-columns:minmax(0,1fr)!important}.clox-shell .home-overview>.home-library,.clox-shell .home-overview>.home-friends,.clox-shell .home-overview>.social-feed{grid-area:auto/1!important}}.clox-shell .home-overview{grid-template-columns:260px minmax(420px,1fr) minmax(280px,340px);align-items:start;gap:22px;max-width:1800px;margin:auto;padding:24px;display:grid}.home-overview .home-library{min-width:0}.home-overview .home-welcome{height:auto;min-height:0;margin-bottom:20px;padding:24px}.home-welcome>div{z-index:1;width:100%;position:relative}.home-welcome>img{opacity:.3}.home-status{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.home-status label{gap:6px;font-size:12px;display:grid}.home-status input{max-width:260px}.home-status small:empty{display:none}.home-panel,.home-overview .home-servers,.home-overview .home-recordings,.home-overview .home-twitch,.home-overview>.social-feed{background:var(--panel,#101923);border:1px solid var(--border,#304050);border-radius:14px;margin-bottom:20px;padding:20px}.home-overview h2{margin:0 0 15px;font-size:19px}.home-friends .row{flex-wrap:wrap}.home-friend{text-align:left;align-items:center;gap:10px;width:100%;margin:5px 0;padding:10px;display:flex}.home-friend>span:not(.avatar){flex:1;min-width:0}.home-friend strong,.home-friend small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.home-friend small{color:var(--muted);max-width:150px}.home-friend .avatar{flex:none;width:32px;height:32px}.friend-group{color:var(--muted);align-items:center;gap:8px;margin:20px 0 8px;font-size:12px;display:flex}.status-dot{background:#929ba9;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.good{background:#51c49b}.status-dot.fair{background:#e2bb57}.status-dot.bad{background:#ed7187}.home-overview button.quiet,.home-overview .row>button{background:#243244;border-radius:7px;min-height:32px;padding:8px 12px}.home-server small{align-items:center;gap:4px;display:flex}.home-server small svg{transform:translateY(1px)}.clox-shell .compact-directory .server-section-channel{justify-content:center;align-items:center;gap:0;width:100%;padding:10px;display:flex}.clox-shell .compact-directory .server-section-channel>svg{flex:none;margin:0}.clox-shell .compact-directory .directory .server{flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex}.clox-shell .compact-directory .directory-server-logo{float:none;margin:0 auto}.clox-shell .compact-directory .server-member-stats{justify-content:center;align-items:center}.clox-shell .directory-tools{border-bottom:1px solid var(--border,#304050);order:0;justify-content:space-between;margin:0 8px 8px;padding:8px 0;display:flex}.clox-shell .app-header .server-folder-switcher{margin:0 26px}.clox-shell .server-switcher-label{align-self:center;width:calc(100% - 32px)}.clox-shell .server-folder-actions>button:last-child{width:42px;height:42px}.clox-shell .server-folder-actions>button:last-child svg{width:25px;height:25px}.clox-shell .controlbar{align-items:center;gap:0}.clox-shell .controlbar>.me{border-right:1px solid var(--border,#304050);align-items:center;gap:8px;margin-right:12px;padding-right:12px;display:flex}.clox-shell .controlbar>.me>.my-profile{flex:1;min-width:0}.clox-shell .controlbar>.me>.icon{margin-left:auto}.clox-shell .controlbar>.audio-controls{align-items:center;margin-left:0;padding-left:0}.person-state{display:inline-flex;position:relative}.person-state>.dot{border:2px solid #111923;width:6px;height:6px;position:absolute;bottom:-1px;right:-2px}.person-state.offline>.dot{background:#929ba9}.clox-shell .friends-nav{width:255px;min-width:255px}.clox-shell .friends-home{grid-template-columns:255px minmax(0,1fr)}.clox-popover .profile-card,.player-menu .profile-card{min-height:0!important;margin-bottom:0!important}.clox-popover .profile-content,.player-menu .profile-content{padding-bottom:12px;min-height:0!important}.profile-badges:empty,.profile-links:empty{display:none}.compact-connections{flex-wrap:wrap;gap:8px;margin:12px 0 0!important;padding:0!important;display:flex!important}.compact-connections .account-link{border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0!important;display:flex!important}.player-menu .profile-actions{margin-top:8px}.profile-connected.compact-connections a>svg{flex:none}.clox-shell .ping-history{box-sizing:border-box;width:320px;max-width:calc(100vw - 24px);display:block}.clox-shell .ping-history svg{width:100%;max-width:100%;height:72px;display:block}.clox-shell .ping-history strong,.clox-shell .ping-history small{display:block}.clox-shell .ping-control:not(.is-open) .ping-history{display:none!important}.clox-shell .ping-control.is-open .ping-history{visibility:visible;opacity:1;display:block}.clox-shell .ping-control{cursor:pointer}.service-status-button .status-dot{margin-right:4px}@media (width<=1200px){.clox-shell .home-overview{grid-template-columns:230px minmax(0,1fr)}.home-overview>.social-feed{grid-column:2}}@media (width<=760px){.clox-shell .home-overview{grid-template-columns:minmax(0,1fr);padding:12px}.home-overview>.social-feed{grid-column:auto}.home-overview .home-friends{order:1}.home-overview .home-library{order:0}}.clox-shell .admin-center{grid-template-columns:230px minmax(0,1fr);width:100%;height:100%;margin:0;display:grid;max-width:none!important}.clox-shell .admin-center-content{box-sizing:border-box;width:100%;min-width:0;padding:24px 32px;max-width:none!important}.clox-shell .admin-center-heading{border-radius:12px;min-height:0;margin:0 0 22px;padding:18px 22px}.admin-center-heading h2{margin:4px 0}.admin-center-heading .eyebrow{display:none}.admin-center-heading p{margin:0 0 6px}.admin-center-nav{overflow:auto}.admin-center-content .admin-records{gap:8px}.admin-center-content .admin-user-row{border-radius:9px;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:8px 18px;min-height:0;padding:12px 16px!important;display:grid!important}.admin-user-row h3{align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.admin-user-row .admin-user-meta{display:none}.admin-user-row .action-row{flex-wrap:wrap;gap:6px;margin:0;display:flex}.admin-center button{background:#243244;border-radius:7px;min-height:34px;padding:8px 12px}.admin-center button:hover{background:#304459}.admin-center button.primary{color:#092327;background:#68c5b5}.admin-center .danger,.admin-center .danger-text{color:#ff889b}.admin-center .admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-center .statistics{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-center .statistics>h3,.admin-center .stat-totals{grid-column:1/-1}.admin-center .statistics figure{border:1px solid var(--border);border-radius:10px;min-width:0;margin:0;padding:16px}.admin-center .statistics .sparkline{width:100%;height:110px}.admin-center .admin-quick-actions{gap:12px;margin-bottom:20px}.admin-editor-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-item-list{background:var(--panel,#101923);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.admin-item-list button{text-align:left;align-items:center;gap:10px;display:flex}.admin-item-list button[aria-pressed=true],.admin-tabs button[aria-pressed=true]{color:#8de0d0;background:#27504e}.admin-editor-detail{border:1px solid var(--border);background:var(--panel,#101923);border-radius:12px;min-height:250px;padding:24px}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.admin-tabs button{border:1px solid var(--border);border-radius:7px;padding:10px 14px}.admin-pagination{justify-content:flex-end;align-items:center;gap:12px;margin:18px 0;display:flex}.admin-pagination label{align-items:center;gap:8px;display:flex}.account-details{grid-template-columns:120px 1fr;gap:14px;display:grid}.account-details dd{overflow-wrap:anywhere;margin:0}.audit-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;display:grid}.audit-row details{grid-column:1/-1}.audit-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.admin-center-content>.modal-form,.admin-center-content>.mail-settings{max-width:none}.admin-center .staff-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.clox-shell .admin-center{grid-template-columns:190px minmax(0,1fr)}.admin-center-content .admin-user-row{grid-template-columns:1fr}.admin-editor-layout{grid-template-columns:180px minmax(0,1fr)}}.clox-shell .client-update-banner.update-fullscreen{z-index:100000;background:#101923;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:20px;display:flex;position:fixed;inset:0}.update-fullscreen>svg{color:#68c5b5;width:54px;height:54px}.clox-shell .member-role-heading{letter-spacing:.04em;opacity:1;align-items:center;gap:8px;margin:20px 0 10px;font-size:12px;font-weight:700;display:flex}.member-role-heading:before,.member-role-heading:after{content:"";opacity:.45;background:currentColor;flex:1;height:1px}.member-role-heading .full-role-label{white-space:nowrap}.clox-shell .compact-members .member-role-heading{gap:3px;font-size:10px}.watermark-preview{border:1px solid var(--border);background:linear-gradient(135deg,#24394b,#151e2a);border-radius:12px;height:160px;position:relative}.watermark-preview span{color:#b6eee2;background:#101923b0;border-radius:5px;padding:5px 8px;position:absolute}.watermark-preview.bottom-right span{bottom:12px;right:12px}.watermark-preview.bottom-left span{bottom:12px;left:12px}.watermark-preview.top-right span{top:12px;right:12px}.watermark-preview.top-left span{top:12px;left:12px}.clox-shell .home-overview .home-welcome{min-height:0!important;padding:20px 24px!important}.clox-shell .home-welcome h1{margin:5px 0 16px}.clox-shell .home-welcome .home-status{margin:0}.clox-shell .home-server small{align-items:center;gap:4px;display:flex}.clox-shell .server-members section>.member-role-heading{gap:8px;width:100%;margin:20px 0 10px;font-size:12px;display:flex}.compact-connections a{color:var(--provider-color,var(--text))}.clox-shell .friends-nav>button>.person-state{width:18px;font-size:inherit;flex:0 0 18px;margin-left:0}.clox-popover.server-join-dropdown{box-sizing:border-box;-webkit-app-region:no-drag;width:760px;max-height:calc(100dvh - 112px);padding:16px;overflow:hidden}.server-join-dropdown .server-browser{flex-direction:column;height:550px;min-height:0;max-height:calc(100dvh - 146px);display:flex}.server-browser>.join-tabs{border-bottom:0;border-radius:8px 8px 0 0;flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px 0 0;padding:0}.server-browser>.join-tabs>button{white-space:normal;border-radius:7px 7px 0 0;min-height:46px}.server-browser>.join-content{border:1px solid var(--line);border-radius:0 0 8px 8px;flex:1;min-height:0;padding:16px;overflow:auto}.server-join-dropdown .browser-heading h3{margin:0 0 6px}.server-join-dropdown .browser-heading p{color:var(--muted);margin:0;font-size:13px}.server-join-dropdown .host-setup>section{border:0;margin:0;padding:0}.server-join-dropdown .host-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recording-browser .media-image-page{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;padding:12px 24px;display:flex}.recording-browser .media-image-page>h2{text-align:center;overflow-wrap:anywhere;margin:0;font-size:18px}.recording-browser .media-image-page>img{object-fit:contain;border:1px solid var(--line);border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 310px);margin:0 auto;display:block;position:static}.recording-browser .screenshot-library-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.screenshot-library-actions>.replay-confirm{flex-basis:100%}.message-rich-content{white-space:pre-wrap;overflow-wrap:anywhere}.message-rich-content a{color:var(--accent,#68c5b5);text-decoration:underline}.message-rich-content .media-image,.message-rich-content video{object-fit:contain;border-radius:8px;max-width:100%;max-height:360px;margin:8px 0;display:block}.message-reference{border:1px solid var(--line);border-left:3px solid var(--accent,#68c5b5);background:var(--surface-sidebar);white-space:normal;border-radius:8px;flex-direction:column;gap:8px;margin:10px 0;padding:14px;display:flex}.message-reference p{white-space:pre-wrap;max-height:160px;margin:0;overflow:auto}.message-reference small{color:var(--muted);letter-spacing:.06em;font-size:10px}.message-reference .message-link-button{background:var(--surface-raised);border-radius:6px;align-self:flex-start;padding:8px 12px;text-decoration:none}.linked-message-highlight{outline:2px solid var(--accent,#68c5b5);outline-offset:3px}.external-link-url{overflow-wrap:anywhere}.external-link-warning .check{align-items:center;gap:8px;margin:16px 0;display:flex}.external-link-warning input[type=checkbox]{width:auto}.spotify-bar .spotify-volume{grid-template-columns:16px minmax(80px,120px) 32px;align-items:center;gap:2px 8px;display:grid}.spotify-bar .spotify-volume>small{text-align:center;grid-area:2/2;margin:0;font-size:9px;line-height:1.2}.spotify-bar .spotify-volume>input{width:100%;min-width:0}.spotify-bar>small[role=alert]{letter-spacing:normal;font-family:inherit}.compact-activity{min-width:0;height:18px;display:block;overflow:hidden}.compact-activity>span{min-width:0;display:block}.activity-slide{animation:.35s ease-out activity-slide-up}@keyframes activity-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.activity-slide{animation:none}}.server-join-dropdown .server-browser{gap:0}.client-launch-page .clox-brand-mark{width:64px;height:64px;color:var(--accent,#68c5b5);margin:0 auto}.dm-panel .dm-input-row textarea{resize:none;box-sizing:border-box;min-height:44px;max-height:140px;padding:12px;line-height:20px}.dm-panel .dm-log{min-height:0;overflow-y:auto}.revision4 .directory>.server{border-top:0}.directory .directory-tools{justify-content:flex-end}.directory-bottom-tools{background:var(--surface-sidebar);z-index:2;justify-content:flex-start;margin-top:auto;padding:8px 4px;display:flex;position:sticky;bottom:0}.directory-bottom-tools>button{place-items:center;width:34px;height:34px;padding:8px;display:grid}.directory-bottom-tools>button[aria-pressed=true]{background:var(--surface-raised);color:var(--accent)}.image-lightbox .modal-heading{z-index:5;pointer-events:none;background:0 0;border:0;padding:0;position:absolute;top:10px;right:10px}.image-lightbox .modal-heading h2{display:none}.image-lightbox .modal-heading>button{pointer-events:auto;color:#fff;background:#16202eed;border:1px solid #71818f;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px 12px #0008}.image-lightbox .modal-heading>button:hover{background:#34475d}.image-lightbox .modal-body{padding:0}.image-lightbox .image-stage{height:calc(100dvh - 100px);max-height:calc(100dvh - 100px)}dialog.modal.image-lightbox>.modal-heading{z-index:5;justify-content:flex-end;width:auto;min-width:0;position:absolute;inset:10px 10px auto auto}dialog.modal.image-lightbox>.modal-heading>button.icon{flex:0 0 44px;width:44px;min-width:44px;height:44px}.clox-shell .revision4.compact-directory .directory>.server-section-channel{box-sizing:border-box;padding:10px 0;justify-content:center!important}.clox-shell .revision4.compact-directory .directory>.server-section-channel>svg{margin:0!important}.channel .voice-capacity{background:var(--surface-raised);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;margin-left:auto;padding:2px 6px;font-size:11px;line-height:16px;display:inline-flex!important}.compact-directory .channel:has(.voice-capacity){flex-direction:column;gap:2px;min-height:54px;padding:6px 0}.compact-directory .channel .voice-capacity.compact-capacity{max-width:100%;margin:0;padding:1px 3px;font-size:9px;line-height:12px}.status-obs-toggle .obs-attention-dot{background:#ff626b;border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-in-out infinite obs-attention-pulse;display:inline-block;box-shadow:0 0 0 3px #ff626b22}@keyframes obs-attention-pulse{50%{opacity:.4;box-shadow:0 0 0 5px #ff626b11}}@media (prefers-reduced-motion:reduce){.status-obs-toggle .obs-attention-dot{animation:none}}.home-welcome>div{width:100%;min-width:0}.home-status{flex-wrap:wrap;width:100%}.home-status>label{flex:380px;min-width:0;max-width:640px}.home-status>label>input{box-sizing:border-box;width:100%}.compact-activity{max-width:100%}.home-status>label>input{max-width:none}.profile-game .verified-game-inline{vertical-align:-2px;color:inherit;flex-shrink:0;margin-left:5px;display:inline-block}.revision4 .directory>.server:not(:has(.temporary-countdown,.server-banner)){justify-content:flex-start;min-height:0;padding-top:6px}.channel-settings-footer{z-index:2;border-top:1px solid var(--line);background:var(--surface-sidebar,#101923);justify-content:flex-end;margin-top:12px;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.channel-settings-footer>.primary{justify-content:center;min-width:110px;width:auto!important}.channel-settings-preview{color:var(--muted);align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.permission-overrides>button[hidden]{display:none!important}.status-obs-toggle.obs-mode-hint{color:#ff969d!important;background:#ff626b12!important}.status-obs-toggle.obs-mode-hint .obs-attention-dot{width:8px;height:8px;animation:1.4s ease-in-out infinite obs-attention-pulse}@media (prefers-reduced-motion:reduce){.status-obs-toggle.obs-mode-hint .obs-attention-dot{animation:none}}