:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090b13;--panel:#10131e;--panel-2:#151927;--line:#ffffff14;--text:#f6f7fb;--muted:#9299ab;--soft:#c8cbd5;--accent:#7c5cff;--accent-2:#b579ff;--green:#5de2ac;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #9c89ff}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:24px;font-weight:750;display:inline-flex}.brand__mark{color:#fff;background:linear-gradient(145deg,#7c5cfff2,#b579ffb3);border:1px solid #ffffff29;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 10px 30px #7c5cff3d,inset 0 1px #ffffff40}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 17px;font-weight:700;transition:transform .18s,filter .18s,background .18s;display:inline-flex}.button:hover{filter:brightness(1.07);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button--primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 12px 30px #7c5cff40}.button--large{border-radius:16px;min-height:56px;padding:0 23px;font-size:16px}.button--large span{margin-left:6px;font-size:22px}.button--soft{color:#dcd6ff;background:#7c5cff1a;border:1px solid #9177ff3d}.icon-button{border:1px solid var(--line);cursor:pointer;color:#afb5c4;background:#ffffff06;border-radius:12px;place-items:center;width:39px;height:39px;padding:0;transition:all .18s;display:grid}.icon-button:hover{color:#fff;background:#ffffff12}.landing{background:radial-gradient(circle at 50% -20%, #191531 0, var(--bg) 42%);min-height:100vh;padding:26px clamp(24px,6vw,92px) 34px;position:relative;overflow:auto}.landing__glow{filter:blur(100px);pointer-events:none;opacity:.19;border-radius:999px;position:fixed}.landing__glow--one{background:#6e50ff;width:380px;height:380px;top:38%;left:-180px}.landing__glow--two{background:#bc60ff;width:320px;height:320px;top:8%;right:-160px}.landing__nav{z-index:2;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;display:flex;position:relative}.security-pill{color:#b8becc;border:1px solid var(--line);background:#ffffff06;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:650;display:inline-flex}.hero{text-align:center;z-index:2;max-width:850px;margin:92px auto 70px;position:relative}.hero__eyebrow{color:#bfb4fa;text-transform:uppercase;letter-spacing:1.7px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.hero__eyebrow span{background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:50%}.hero h1{letter-spacing:clamp(-4px,-.06em,-2px);margin:23px 0 22px;font-size:clamp(47px,6.8vw,84px);font-weight:760;line-height:.99}.hero h1 em{color:#0000;background:linear-gradient(90deg,#a591ff,#d2a5ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__trust{color:#8e95a5;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:25px;font-size:12px;display:flex}.hero__trust span{align-items:center;gap:7px;display:inline-flex}.preview{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0e111bbd;border:1px solid #ffffff17;border-radius:23px;grid-template-rows:36px 1fr;grid-template-columns:235px 1fr;max-width:980px;height:480px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 44px 100px #00000073,0 0 90px #7c5cff14}.preview__top{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:7px;padding-left:14px;display:flex}.preview__top span{background:#ffffff24;border-radius:50%;width:8px;height:8px}.preview__sidebar{border-right:1px solid var(--line);background:#ffffff03;padding:32px 25px}.preview__logo{background:linear-gradient(135deg,#7c5cffd1,#b478ff7a);border-radius:15px;width:48px;height:48px;margin-bottom:40px}.preview__line{background:#ffffff14;border-radius:10px;width:55%;height:8px;margin:15px 0}.preview__line--long{width:90%}.preview__people{margin-top:42px;display:flex}.preview__people i{background:linear-gradient(140deg,#34394c,#202435);border:2px solid #111520;border-radius:50%;width:31px;height:31px;margin-right:-8px}.preview__chat{padding:76px 80px 85px;position:relative}.preview__header{border-bottom:1px solid var(--line);height:62px;position:absolute;top:0;left:0;right:0}.preview__bubble{background:#ffffff0e;border-radius:18px 18px 18px 5px;width:55%;height:68px;margin:24px 0}.preview__bubble--right{background:linear-gradient(135deg,#7c5cff59,#b579ff33);border-radius:18px 18px 5px;margin-left:auto}.preview__bubble--short{width:37%}.preview__composer{border:1px solid var(--line);background:#ffffff08;border-radius:16px;height:52px;position:absolute;bottom:29px;left:55px;right:55px}.landing__footer{z-index:2;text-align:center;color:#666d7d;margin-top:36px;font-size:12px;position:relative}.modal-backdrop,.loading-screen,.error-screen{background:radial-gradient(circle at 50% 15%, #1b1733, var(--bg) 48%);place-items:center;min-height:100vh;padding:24px;display:grid}.profile-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;background:#10131ee0;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,440px);padding:36px;box-shadow:0 35px 90px #0000006b}.profile-card__icon,.error-screen>span{color:#b9a8ff;background:linear-gradient(135deg,#7c5cff47,#b579ff1f);border:1px solid #9c89ff33;border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 22px;display:grid}.profile-card__overline{text-transform:uppercase;letter-spacing:1.5px;font-weight:850;color:#a996ff!important;font-size:10px!important}.profile-card h2{letter-spacing:-1px;margin:9px 0 12px;font-size:29px}.profile-card>p{color:var(--muted);font-size:14px;line-height:1.6}.profile-card label{text-align:left;color:#bec3cf;gap:9px;margin:26px 0 16px;font-size:12px;font-weight:750;display:grid}.profile-card input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:52px;padding:0 15px}.profile-card .button{width:100%;height:50px}.profile-card small{color:#747c8e;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;display:flex}.loading-screen{color:var(--muted);align-content:center;gap:20px}.loader{border:2px solid #ffffff1a;border-top-color:#9d87ff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{text-align:center;align-content:center}.error-screen .brand{margin-bottom:55px}.error-screen h1{margin:5px 0}.error-screen p{color:var(--muted);margin-bottom:25px}.app-shell{background:var(--bg);grid-template-columns:292px minmax(0,1fr);height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:linear-gradient(#10131e,#0c0f18);flex-direction:column;min-height:0;padding:22px 18px 17px;display:flex;overflow:hidden}.sidebar__brand{justify-content:space-between;align-items:center;padding:1px 7px 25px;display:flex}.sidebar__brand .brand{font-size:21px}.sidebar__brand .brand__mark{border-radius:12px;width:35px;height:35px}.sidebar__close{display:none}.room-card{background:linear-gradient(150deg,#7c5cff17,#ffffff06);border:1px solid #ffffff14;border-radius:18px;padding:17px}.room-card__top{align-items:center;gap:8px;display:flex}.room-card__icon{color:#b19dff;background:#7c5cff21;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.room-card__label{color:#989fb0;text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700}.room-card h2{letter-spacing:-.4px;margin:17px 0 8px;font-size:18px}.room-card p{color:#8f96a7;align-items:center;gap:7px;margin:0 0 15px;font-size:11px;display:flex}.connection-dot{background:#7b8291;border-radius:50%;width:7px;height:7px}.connection-dot--online{background:var(--green);box-shadow:0 0 8px #5de2ac8c}.connection-dot--connecting{background:#e1b85d}.connection-dot--offline{background:#e27782}.button--invite{color:#ded8ff;background:#7c5cff1f;border:1px solid #8f74ff38;width:100%;min-height:40px;font-size:12px}.fingerprint{border-bottom:1px solid var(--line);gap:7px;padding:19px 8px 17px;display:grid}.fingerprint span{color:#737b8c;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.fingerprint strong{color:#aeb4c0;letter-spacing:.5px;font:600 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.fingerprint small{color:#656d7d;font-size:10px;line-height:1.4}.people-section{flex-direction:column;flex:1;min-height:0;padding-top:18px;display:flex}.section-heading{color:#7c8494;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 8px 12px;font-size:10px;font-weight:850;display:flex}.section-heading b{color:#b6bdca;background:#ffffff0f;border-radius:7px;padding:3px 6px}.people-list{overflow:auto}.person{border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.person:hover{background:#ffffff06}.person>span:nth-child(2){flex:1;min-width:0;display:grid}.person strong{color:#d6d9e1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.person small{color:#687182;margin-top:2px;font-size:9px}.person--muted{opacity:.6}.avatar{color:#d9dce4;background:linear-gradient(145deg,#34394b,#222635);border:1px solid #ffffff12;border-radius:13px;flex:none;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:inline-grid;position:relative}.avatar--small{border-radius:11px;width:32px;height:32px;font-size:9px}.avatar__status{background:var(--green);border:2px solid #10131e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.sidebar__privacy{color:#7867bf;align-items:center;gap:10px;padding:14px 10px 3px;display:flex}.sidebar__privacy>span{gap:2px;display:grid}.sidebar__privacy small{color:#596171;font-size:9px}.chat{background:radial-gradient(circle at 70% -30%,#7c5cff12,#0000 38%),#0b0d15;grid-template-rows:72px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#0b0d15c7;align-items:center;padding:0 25px;display:flex}.chat-header>div:nth-child(2){min-width:0}.chat-header h1{letter-spacing:-.2px;margin:0;font-size:15px}.chat-header p{color:#697183;align-items:center;gap:5px;margin:5px 0 0;font-size:9px;display:flex}.chat-header__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.member-badge{border:1px solid var(--line);color:#8790a1;background:#ffffff06;border-radius:11px;align-items:center;gap:6px;height:39px;padding:0 12px;font-size:11px;display:inline-flex}.mobile-room-button{display:none}.message-list{scrollbar-color:#2b3040 transparent;min-height:0;padding:28px max(28px,50% - 425px) 18px;overflow-y:auto}.empty-chat{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding-bottom:7vh;display:flex}.empty-chat>span{color:#9f8cff;background:#7c5cff1c;border:1px solid #9c89ff21;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.empty-chat h2{letter-spacing:-.6px;margin:20px 0 8px;font-size:20px}.empty-chat p{color:#757d8e;max-width:390px;margin:0 0 18px;font-size:12px;line-height:1.6}.day-divider{color:#636b7b;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:13px;margin:12px 0 27px;font-size:9px;font-weight:750;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.message-row{align-items:flex-start;gap:10px;margin:0 0 19px;display:flex}.message-row--compact{margin-top:-13px}.message-row--mine{justify-content:flex-end}.avatar-spacer{flex:none;width:32px}.message-content{min-width:90px;max-width:min(70%,610px)}.message-row--mine .message-content{flex-direction:column;align-items:flex-end;display:flex}.message-meta{align-items:center;gap:8px;margin:0 2px 6px;display:flex}.message-meta strong{color:#9ca3b3;font-size:10px}.message-bubble{color:#dfe2e9;background:#171b28;border:1px solid #ffffff0e;border-radius:5px 16px 16px;padding:10px 13px;position:relative;box-shadow:0 8px 22px #0000001a}.message-row--mine .message-bubble{color:#fff;background:linear-gradient(135deg,#7657ec,#8a5fe9);border-color:#ffffff14;border-radius:16px 5px 16px 16px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.message-reply{opacity:0;pointer-events:none;color:#8e96a7;cursor:pointer;background:#ffffff0e;border:0;border-radius:9px;place-items:center;width:30px;height:30px;transition:opacity .15s;display:grid;position:absolute;top:50%;right:-38px;transform:translateY(-50%)}.message-row--mine .message-reply{left:-38px;right:auto}.message-bubble:hover .message-reply,.message-reply:focus{opacity:1;pointer-events:auto}.reply-preview{background:#00000021;border-left:2px solid #b7a3ffcc;border-radius:6px;gap:2px;max-width:360px;margin-bottom:8px;padding:7px 9px;display:grid}.reply-preview strong{font-size:9px}.reply-preview span{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.typing-row{color:#70798b;align-items:center;gap:9px;margin:4px 0 10px 42px;font-size:10px;display:flex}.typing-dots{border:1px solid var(--line);background:#171b28;border-radius:11px;gap:3px;padding:7px 9px;display:flex}.typing-dots i{background:#7d8596;border-radius:50%;width:4px;height:4px;animation:1.2s infinite bounce}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer-wrap{background:linear-gradient(#0b0d1500,#0b0d15 30%);padding:12px max(28px,50% - 425px) 15px}.composer{background:#121622;border:1px solid #ffffff18;border-radius:17px;align-items:flex-end;gap:10px;padding:8px 8px 8px 15px;display:flex;box-shadow:0 14px 35px #00000030}.composer textarea{resize:none;color:#e7e9ef;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:150px;padding:6px 0;font-size:13px;line-height:1.5}.send-button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 7px 18px #7c5cff38}.send-button:disabled{opacity:.3;cursor:default;box-shadow:none}.composer-hint{color:#515969;justify-content:space-between;align-items:center;padding:7px 4px 0;font-size:9px;display:flex}.composer-hint span:first-child{align-items:center;gap:5px;display:flex}.composer-reply{color:#9585dc;background:#7c5cff17;border-radius:11px;align-items:center;gap:8px;margin-bottom:7px;padding:7px 11px;font-size:10px;display:flex}.composer-reply span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.composer-reply button{color:#7c8495;cursor:pointer;background:0 0;border:0;font-size:18px}.toast{z-index:100;color:#e1e4eb;background:#202537;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #0000005c}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.sidebar-scrim{display:none}@media (width<=760px){body{overflow:hidden}.landing{padding:20px 18px 30px}.security-pill{display:none}.hero{margin:72px auto 50px}.hero h1{font-size:47px}.hero>p{font-size:15px}.hero__trust{gap:12px}.preview{grid-template-columns:92px 1fr;height:330px}.preview__sidebar{padding:25px 17px}.preview__chat{padding:55px 22px 70px}.preview__composer{left:20px;right:20px}.app-shell{grid-template-columns:1fr}.sidebar{width:min(88vw,315px);transition:transform .24s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:24px 0 70px #0006}.sidebar--open{transform:translate(0)}.sidebar__close{font-size:21px;display:grid}.sidebar-scrim{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000091;border:0;display:block;position:fixed;inset:0}.chat-header{padding:0 13px}.mobile-room-button{border:1px solid var(--line);color:#a2a9b8;background:#ffffff06;border-radius:12px;place-items:center;width:38px;height:38px;margin-right:10px;display:grid}.member-badge,.chat-header__actions .icon-button:last-child{display:none}.message-list{padding:22px 14px 13px}.message-content{max-width:82%}.composer-wrap{padding:9px 10px 10px}.message-reply{opacity:.65;pointer-events:auto}.message-row:not(.message-row--mine) .message-reply{right:-34px}.message-row--mine .message-reply{left:-34px}}@media (width<=430px){.hero h1{font-size:42px}.hero__trust span:nth-child(2){display:none}.preview{height:280px}.preview__bubble{height:50px}.profile-card{padding:29px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.profile-menu-wrap,.emoji-wrap{position:relative}.profile-menu{z-index:45;background:#171b28;border:1px solid #ffffff1a;border-radius:15px;width:235px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 24px 60px #0000006b}.profile-menu>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px;display:flex}.profile-menu>div>span:last-child{gap:2px;min-width:0;display:grid}.profile-menu strong{color:#e1e4eb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-menu small{color:#727b8d;font-size:9px}.profile-menu>button{color:#d6a5aa;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:12px 13px;font-size:11px}.profile-menu>button:hover{color:#ffc1c8;background:#ffffff0b}.message-bubble--media{padding:6px;overflow:visible}.message-bubble--media>p{padding:7px 7px 5px}.message-bubble--media .reply-preview{margin:3px 3px 6px}.message-image-button{cursor:zoom-in;background:#0000002e;border:0;border-radius:11px;max-width:100%;padding:0;display:block;overflow:hidden}.message-image{object-fit:cover;background:#0000002e;width:min(100%,480px);height:auto;max-height:520px;display:block}.composer{padding-left:8px}.composer-tools{align-items:center;gap:3px;padding-bottom:1px;display:flex}.composer-tool{color:#7d8697;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.composer-tool:hover{color:#d8dbe5;background:#ffffff0e}.composer-tool:disabled{opacity:.35;cursor:default}.emoji-panel{z-index:40;background:#181c29;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:3px;width:260px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 12px);left:-42px;box-shadow:0 22px 60px #0000006b}.emoji-panel button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:20px}.emoji-panel button:hover{background:#ffffff12;transform:scale(1.08)}.mini-loader{border:2px solid #ffffff1f;border-top-color:#a896ff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}.composer-image-preview{background:#7c5cff14;border:1px solid #7c5cff29;border-radius:13px;align-items:center;gap:10px;margin-bottom:7px;padding:8px 10px;display:flex}.composer-image-preview img{object-fit:cover;border-radius:9px;flex:none;width:48px;height:48px}.composer-image-preview>span{flex:1;gap:3px;min-width:0;display:grid}.composer-image-preview strong{color:#d8d3f7;font-size:10px}.composer-image-preview small{color:#776e9e;font-size:9px}.composer-image-preview>button{color:#8d94a4;cursor:pointer;background:#ffffff0a;border:0;border-radius:9px;width:30px;height:30px;font-size:18px}.lightbox{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030408e6;place-items:center;padding:42px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:14px;max-width:min(94vw,1500px);max-height:90vh;box-shadow:0 32px 100px #0009}.lightbox__close{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;width:42px;height:42px;font-size:25px;position:fixed;top:18px;right:20px}@media (width<=760px){.chat-header__actions .icon-button:last-child{display:grid}.profile-menu{right:-2px}.message-image{max-height:390px}.composer{gap:5px}.composer-tools{gap:0}.composer-tool{width:31px;height:34px}.emoji-panel{grid-template-columns:repeat(6,1fr);width:auto;position:fixed;bottom:88px;left:10px;right:10px}.lightbox{padding:18px}}@media (width<=430px){.composer textarea{font-size:12px}.emoji-panel{grid-template-columns:repeat(6,1fr)}.message-content{max-width:88%}}.admin-badge{color:#eacb79;text-transform:uppercase;letter-spacing:.5px;background:#facd6812;border:1px solid #facd6833;border-radius:9px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.admin-crown{vertical-align:-2px;color:#e7c568;display:inline-flex}.person__moderate{color:#687182;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:opacity .15s,background .15s,color .15s;display:grid}.person:hover .person__moderate,.person__moderate:focus-visible{opacity:1}.person__moderate:hover{color:#d6dae4;background:#ffffff0f}.moderation-section{border-top:1px solid var(--line);flex:none;max-height:210px;padding-top:14px;overflow:hidden}.moderation-section .section-heading{padding-bottom:8px}.moderation-empty{color:#606879;margin:0 8px 8px;font-size:9px}.restriction-list{gap:5px;max-height:165px;padding:0 4px 5px;display:grid;overflow:auto}.restriction-item{background:#ffffff06;border:1px solid #ffffff0e;border-radius:11px;gap:7px;padding:9px;display:grid}.restriction-item>span{gap:2px;min-width:0;display:grid}.restriction-item strong{color:#cfd3dc;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.restriction-item small{color:#8a6f80;font-size:8px}.restriction-item>div{flex-wrap:wrap;gap:5px;display:flex}.restriction-item button,.moderation-current button{color:#aeb5c2;cursor:pointer;background:#ffffff09;border:1px solid #ffffff12;border-radius:7px;padding:5px 7px;font-size:8px}.restriction-item button:hover,.moderation-current button:hover{color:#fff;background:#ffffff13}.muted-banner{color:#d29b67;background:#e59a4f12;border:1px solid #e59a4f2e;border-radius:13px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.muted-banner>span{gap:2px;display:grid}.muted-banner strong{color:#e0b184;font-size:10px}.muted-banner small{color:#896d58;font-size:9px}.composer-wrap--muted .composer{opacity:.76;border-color:#e59a4f21}.composer textarea:disabled{cursor:not-allowed}.moderation-modal-backdrop{z-index:115;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030408c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.moderation-modal{background:#141823;border:1px solid #ffffff1a;border-radius:22px;width:min(100%,540px);max-height:min(90vh,720px);padding:24px;position:relative;overflow:auto;box-shadow:0 32px 90px #0000008c}.moderation-modal__close{color:#8d95a4;cursor:pointer;background:#ffffff0b;border:0;border-radius:10px;width:34px;height:34px;font-size:21px;position:absolute;top:14px;right:14px}.moderation-modal__header{align-items:center;gap:13px;margin-bottom:19px;padding-right:42px;display:flex}.moderation-modal__header>span{gap:2px;display:grid}.moderation-modal__header small{color:#737c8e;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:750}.moderation-modal__header h2{letter-spacing:-.4px;margin:0;font-size:20px}.moderation-action{color:#aeb5c3;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff13;border-radius:13px;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.moderation-action:hover{color:#fff;background:#ffffff0e}.moderation-action>svg{flex:none}.moderation-action>span{gap:3px;display:grid}.moderation-action strong{color:#dce0e7;font-size:11px}.moderation-action small{color:#737c8c;font-size:9px;line-height:1.35}.moderation-action--kick{color:#d1a06d;background:#d1a06d0b;border-color:#d1a06d21}.moderation-action--danger{color:#d76e79;background:#d76e790b;border-color:#d76e7924}.moderation-duration-row{margin:17px 0 10px}.moderation-duration-row label{color:#7f8796;text-transform:uppercase;letter-spacing:.7px;gap:7px;font-size:9px;font-weight:700;display:grid}.moderation-duration-row select{color:#d7dae2;text-transform:none;letter-spacing:0;background:#0f131d;border:1px solid #ffffff17;border-radius:11px;width:100%;padding:10px 11px;font-size:11px}.moderation-modal__grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.moderation-current{color:#9785e4;background:#7c5cff0e;border:1px solid #7c5cff24;border-radius:13px;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:14px;padding:12px;display:grid}.moderation-current>span{gap:3px;display:grid}.moderation-current strong{color:#c9c0ee;font-size:10px}.moderation-current small{color:#766c9b;font-size:9px;line-height:1.4}.moderation-current>div{flex-wrap:wrap;grid-column:2;gap:6px;display:flex}.moderation-block-screen .brand{margin-bottom:38px}.moderation-block-note{color:#aa8190;margin:-12px 0 22px;font-size:11px;display:block}@media (width<=760px){.admin-badge{display:none}.person__moderate{opacity:1}.moderation-modal{border-radius:18px;padding:21px 16px}.moderation-modal__grid{grid-template-columns:1fr}}.legacy-room-note{color:#9b7964;margin-top:10px;font-size:8px;line-height:1.45;display:block}.avatar{overflow:visible}.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar__status{z-index:2}.landing__account{align-items:center;gap:10px;display:flex}.account-chip{color:#cdd1dc;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:9px;height:42px;padding:0 11px 0 7px;display:flex}.account-chip:hover{background:#fff1}.account-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;font-weight:750;overflow:hidden}.auth-screen{background:radial-gradient(circle at 50% -20%, #191531 0, var(--bg) 48%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-card{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0e111be6;border:1px solid #ffffff1a;border-radius:26px;width:min(100%,470px);padding:34px;position:relative;box-shadow:0 38px 110px #00000080}.auth-card>.brand{justify-content:center;margin-bottom:28px}.auth-card__heading{text-align:center}.auth-card__heading>span{color:#b7a8ff;background:#7c5cff1f;border:1px solid #9e89ff33;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 17px;display:grid}.auth-card h1{letter-spacing:-.8px;margin:0;font-size:28px}.auth-card__heading p{color:var(--muted);margin:12px 0 25px;font-size:13px;line-height:1.6}.auth-card form,.auth-create{gap:13px;display:grid}.auth-card label,.account-settings label{color:#bfc4d0;gap:8px;font-size:11px;font-weight:800;display:grid}.auth-card textarea,.account-settings input{color:#eef0f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%}.auth-card textarea{resize:vertical;text-transform:uppercase;min-height:96px;padding:14px;font:700 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-card textarea:focus,.account-settings input:focus{border-color:#8d73ff8c;box-shadow:0 0 0 3px #7c5cff1a}.auth-card .button{width:100%}.auth-switch{color:#9383e2;cursor:pointer;background:0 0;border:0;padding:7px;font-size:11px}.auth-switch:hover{color:#c8beff}.auth-feature{color:#9e90e2;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.auth-feature>span{gap:3px;display:grid}.auth-feature strong{color:#d8dbe5;font-size:11px}.auth-feature small{color:#757d8e;font-size:9px;line-height:1.45}.form-error{background:#ef57571a;border:1px solid #ef575724;border-radius:11px;padding:10px 12px;color:#ffb5b5!important;margin:0!important;font-size:10px!important}.recovery-card{width:min(100%,560px)}.recovery-code{color:#dcd7ff;cursor:pointer;text-align:left;background:#7c5cff17;border:1px solid #7c5cff47;border-radius:15px;align-items:center;gap:12px;width:100%;margin:24px 0 12px;padding:15px;display:flex}.recovery-code code{overflow-wrap:anywhere;letter-spacing:.7px;flex:1;min-width:0;font:800 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.recovery-warning{color:#d2a76f;text-align:left;background:#e59a4f17;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:19px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.recovery-warning svg{flex:none;margin-top:1px}.account-settings{background:#121621;border:1px solid #ffffff1a;border-radius:22px;width:min(100% - 28px,450px);padding:30px;position:relative;box-shadow:0 30px 90px #0000007a}.account-settings h2{margin:5px 0 22px;font-size:25px}.account-settings input{height:48px;padding:0 13px}.account-settings .button{width:100%;margin-top:17px}.avatar-editor{align-items:center;gap:10px;margin-bottom:20px;display:flex}.avatar-editor .avatar{border-radius:19px;width:66px;height:66px;font-size:17px}.avatar-editor>button{color:#c6cad4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:11px;padding:9px 11px;font-size:10px}.avatar-editor>button:hover{background:#ffffff12}.avatar-editor .avatar-editor__remove{color:#d68b8b}.account-id{color:#5f6879;word-break:break-all;margin-top:10px;font:9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.profile-menu>button{align-items:center;gap:8px;display:flex}.profile-menu__logout{color:#d58e8e!important}.composer{position:relative}.voice-recording-panel{z-index:8;background:#18141d;border:1px solid #ef5b5b38;border-radius:15px;align-items:center;gap:10px;min-height:54px;padding:9px 10px 9px 14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:8px;right:8px;box-shadow:0 18px 50px #0006}.voice-recording-dot{background:#f05e67;border-radius:50%;flex:none;width:9px;height:9px;animation:1.2s infinite voicePulse;box-shadow:0 0 0 5px #f05e671f}.voice-recording-panel strong{color:#f3d9dc;font:800 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.voice-recording-panel small{color:#77707e;flex:1;font-size:9px}.voice-recording-panel>button{color:#a99fae;cursor:pointer;background:0 0;border:0;font-size:10px}.voice-recording-panel .voice-stop{color:#fff;background:#ec5963;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}@keyframes voicePulse{50%{opacity:.45;transform:scale(.85)}}.message-audio{align-items:center;gap:9px;min-width:min(420px,68vw);padding:5px 3px;display:flex}.message-audio>span{color:#b8a9ff;background:#7c5cff21;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;display:grid}.message-audio audio{width:100%;min-width:0;height:34px}.message-audio small{color:#777f8e;flex:none;font-size:9px}.composer-voice-preview{background:#7c5cff14;border:1px solid #7c5cff29;border-radius:13px;align-items:center;gap:9px;margin-bottom:7px;padding:8px 10px;display:flex}.composer-voice-preview__icon{color:#b9aaff;background:#7c5cff21;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.composer-voice-preview audio{width:min(260px,35vw);height:32px}.composer-voice-preview>span:not(.composer-voice-preview__icon){flex:1;gap:3px;min-width:0;display:grid}.composer-voice-preview strong{color:#d8d3f7;font-size:10px}.composer-voice-preview small{color:#776e9e;font-size:9px}.composer-voice-preview>button{color:#8d94a4;cursor:pointer;background:#ffffff0a;border:0;border-radius:9px;width:30px;height:30px;font-size:18px}@media (width<=720px){.landing__account .security-pill,.account-chip>span{display:none}.auth-card{padding:28px 20px}.recovery-code code{font-size:10px}.account-settings{padding:27px 20px}.message-audio{min-width:min(310px,72vw)}.composer-voice-preview{flex-wrap:wrap}.composer-voice-preview audio{width:calc(100% - 47px)}.composer-voice-preview>span:not(.composer-voice-preview__icon){order:3;width:100%}}.account-settings--security{width:min(100% - 28px,780px);max-height:min(90vh,820px);overflow:auto}.account-settings__tabs{background:#ffffff06;border:1px solid #ffffff13;border-radius:13px;gap:6px;margin:-7px 0 22px;padding:4px;display:flex}.account-settings__tabs>button{color:#747d8e;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;font-weight:800;display:flex}.account-settings__tabs>button:hover{color:#bdc2ce;background:#ffffff09}.account-settings__tabs>button.is-active{color:#e2ddff;background:#7c5cff24;box-shadow:inset 0 0 0 1px #9781ff2b}.account-profile-form{display:grid}.account-security-panel{gap:13px;display:grid}.security-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-top:2px;display:flex}.security-section-heading>span{gap:4px;min-width:0;display:grid}.security-section-heading strong{color:#dfe2e9;font-size:12px}.security-section-heading small{color:#6f7889;font-size:9px;line-height:1.45}.security-section-heading>button{color:#bbc1cd;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:flex}.security-section-heading>button:hover{background:#fff1}.security-section-heading>button:disabled{opacity:.45;cursor:default}.security-section-heading--history{border-top:1px solid #ffffff13;margin-top:10px;padding-top:18px}.security-loading,.security-empty{color:#6f7889;border:1px dashed #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:74px;margin:0;font-size:10px;display:flex}.device-list,.login-history-list{gap:8px;display:grid}.device-card{background:#ffffff06;border:1px solid #ffffff13;border-radius:14px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.device-card--current{background:#7c5cff13;border-color:#7c5cff40}.device-card__icon{color:#9b8ce5;background:#7c5cff1c;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.device-card__body{gap:4px;min-width:0;display:grid}.device-card__body>div{align-items:center;gap:8px;min-width:0;display:flex}.device-card__body strong{color:#dfe2e9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.device-card__body b{color:#bcaeff;text-transform:uppercase;letter-spacing:.45px;background:#7c5cff24;border-radius:999px;flex:none;padding:3px 6px;font-size:7px}.device-card__body p{color:#8d95a5;align-items:center;gap:4px;margin:0;font-size:9px;display:flex}.device-card__body p svg{flex:none}.device-card__body small{color:#5f6878;font-size:8px;line-height:1.45}.device-card__logout{color:#d5969c;cursor:pointer;background:#e769720e;border:1px solid #e7697221;border-radius:9px;min-height:33px;padding:0 10px;font-size:9px}.device-card__logout:hover{color:#ffc0c6;background:#e769721a}.device-card__logout:disabled{opacity:.45;cursor:default}.login-history-item{background:#ffffff05;border:1px solid #fff1;border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;display:grid}.login-history-item>span{color:#778194;background:#ffffff0a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.login-history-item>div{gap:3px;min-width:0;display:grid}.login-history-item strong{color:#cfd3dc;font-size:10px}.login-history-item p{color:#8a92a2;margin:0;font-size:9px}.login-history-item small{color:#5d6575;font-size:8px;line-height:1.4}.room-card__name-row{align-items:center;gap:7px;margin:10px 0 7px;display:flex}.room-card__name-row h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.room-card__name-row>button{color:#818a9b;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;display:grid}.room-card__name-row>button:hover{color:#c5baff;background:#7c5cff1a}.room-rename-modal{background:#121621;border:1px solid #ffffff1a;border-radius:22px;width:min(100% - 28px,430px);padding:29px;position:relative;box-shadow:0 30px 90px #0000007a}.room-rename-modal__icon{color:#b7a9ff;background:#7c5cff1f;border:1px solid #9781ff26;border-radius:14px;place-items:center;width:47px;height:47px;margin-bottom:15px;display:grid}.room-rename-modal h2{margin:5px 0 8px;font-size:24px}.room-rename-modal>p:not(.profile-card__overline){color:#788193;margin:0 0 20px;font-size:10px;line-height:1.55}.room-rename-modal label{color:#bfc4d0;gap:8px;font-size:11px;font-weight:800;display:grid}.room-rename-modal input{color:#eef0f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;height:48px;padding:0 13px}.room-rename-modal input:focus{border-color:#8d73ff8c;box-shadow:0 0 0 3px #7c5cff1a}.room-rename-modal__count{color:#5e6676;text-align:right;margin:7px 2px 0;font-size:8px}.room-rename-modal .button{width:100%;margin-top:14px}@media (width<=720px){.account-settings--security{max-height:94vh}.account-settings__tabs{flex-direction:column}.device-card{grid-template-columns:36px minmax(0,1fr)}.device-card__logout{grid-column:1/-1;width:100%}.security-section-heading{flex-direction:column;align-items:flex-start}.security-section-heading>button{justify-content:center;width:100%}.room-rename-modal{padding:25px 20px}}.hero--compact{margin-bottom:46px}.saved-rooms-dashboard{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(155deg,#7c5cff13,#10131ed6 38%,#10131eb8);border:1px solid #ffffff16;border-radius:24px;width:min(100%,1080px);margin:0 auto;padding:24px;position:relative;box-shadow:0 30px 80px #00000047}.saved-rooms-dashboard__heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.saved-rooms-dashboard__heading p{color:#9d8bed;letter-spacing:1.25px;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:850}.saved-rooms-dashboard__heading h2{letter-spacing:-.65px;margin:0;font-size:24px}.saved-rooms-dashboard__heading>span{color:#656e7f;font-size:9px}.saved-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.saved-room-card{background:#ffffff06;border:1px solid #ffffff13;border-radius:16px;grid-template-columns:minmax(0,1fr) 42px;min-width:0;transition:border-color .18s,transform .18s,background .18s;display:grid;overflow:hidden}.saved-room-card:hover{background:#7c5cff0e;border-color:#9177ff3d;transform:translateY(-1px)}.saved-room-card__open{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:13px 12px;display:flex}.saved-room-card__icon{color:#aa99f8;background:#7c5cff1f;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.saved-room-card__body{flex:1;gap:4px;min-width:0;display:grid}.saved-room-card__body strong{color:#dde0e8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.saved-room-card__body small{color:#687183;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.saved-room-card__arrow{color:#7565bf;font-size:19px}.saved-room-card__leave{color:#626b7c;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff0f;place-items:center;display:grid}.saved-room-card__leave:hover{color:#ef9aa2;background:#e2556212}.saved-rooms-dashboard__note{color:#596273;align-items:center;gap:6px;margin:14px 3px 0;font-size:8px;display:flex}.sidebar-rooms{border-bottom:1px solid var(--line);padding:16px 0 13px}.sidebar-rooms .section-heading{padding-bottom:8px}.sidebar-rooms .section-heading>button{color:#9b91c8;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:24px;height:24px;font-size:17px;line-height:1;display:grid}.sidebar-rooms .section-heading>button:hover{color:#e2ddff;background:#7c5cff1f}.sidebar-room-list{scrollbar-width:thin;scrollbar-color:#292e3d transparent;gap:4px;max-height:136px;padding-right:2px;display:grid;overflow-y:auto}.sidebar-room{border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) 27px;align-items:stretch;min-width:0;display:grid;overflow:hidden}.sidebar-room:hover{background:#ffffff06}.sidebar-room__open{color:#a9afbd;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:37px;padding:4px 5px 4px 7px;display:grid}.sidebar-room__open:disabled{cursor:default}.sidebar-room__open>span{color:#8277b9;background:#7c5cff14;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.sidebar-room__open strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:720;overflow:hidden}.sidebar-room__open small{color:#9684e8;text-transform:uppercase;letter-spacing:.4px;font-size:7px}.sidebar-room__leave{color:#525b6b;cursor:pointer;background:0 0;border:0;font-size:16px}.sidebar-room__leave:hover{color:#e78c95;background:#e2556212}.sidebar-rooms__all{color:#71798a;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:30px;margin-top:7px;font-size:8px;display:flex}.sidebar-rooms__all:hover{color:#c8c2e8;background:#7c5cff12}@media (width<=760px){.hero--compact{margin-top:64px;margin-bottom:36px}.saved-rooms-dashboard{border-radius:19px;padding:18px 14px}.saved-rooms-dashboard__heading{flex-direction:column;align-items:flex-start;gap:6px}.saved-room-grid{grid-template-columns:1fr}}.hero__actions{justify-items:center;gap:18px;display:grid}.join-code-form{text-align:left;background:#ffffff06;border:1px solid #ffffff16;border-radius:17px;gap:7px;width:min(100%,510px);padding:13px;display:grid;box-shadow:0 18px 45px #0000002e}.join-code-form>label{color:#aaa0db;text-transform:uppercase;letter-spacing:.75px;align-items:center;gap:7px;padding:0 3px;font-size:10px;font-weight:800;display:flex}.join-code-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.join-code-form input{color:#f1f2f7;background:#07091099;border:1px solid #ffffff1a;border-radius:12px;outline:none;min-width:0;height:46px;padding:0 14px;font:720 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.join-code-form input:focus{border-color:#8d73ff8c;box-shadow:0 0 0 3px #7c5cff1a}.join-code-form input[aria-invalid=true]{border-color:#ed697473}.join-code-form>div>button{color:#d8d0ff;cursor:pointer;background:#7c5cff26;border:0;border-radius:12px;min-width:102px;padding:0 16px;font-size:11px;font-weight:800}.join-code-form>div>button:hover{color:#fff;background:#7c5cff3b}.join-code-form>div>button:disabled{opacity:.45;cursor:default}.join-code-form>small{color:#626b7c;min-height:13px;padding:0 3px;font-size:8px;line-height:1.45}.join-code-form__error{color:#e79aa1!important}.button--join-code{color:#aaa0e1;background:#7c5cff13;border:1px solid #7c5cff30;width:100%;min-height:39px;margin-top:8px;font-size:10px}.button--join-code:hover{color:#ded8ff;background:#7c5cff21}.join-code-modal{background:#121621;border:1px solid #ffffff1a;border-radius:22px;width:min(100% - 28px,470px);max-height:calc(100vh - 36px);padding:29px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0000007a}.join-code-modal h2{margin:5px 0 8px;font-size:24px}.join-code-modal>p:not(.profile-card__overline):not(.join-code-modal__error){color:#788193;margin:0 0 19px;font-size:10px;line-height:1.6}.join-code-modal label{color:#bfc4d0;gap:8px;margin-top:13px;font-size:11px;font-weight:800;display:grid}.join-code-modal input,.join-code-modal select{color:#eef0f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;height:47px;padding:0 13px}.join-code-modal input{font:720 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.join-code-modal input:focus,.join-code-modal select:focus{border-color:#8d73ff8c;box-shadow:0 0 0 3px #7c5cff1a}.join-code-generators{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.join-code-generators>button{color:#b6abe9;cursor:pointer;background:#7c5cff17;border:1px solid #7c5cff33;border-radius:11px;min-height:38px;font-size:9px;font-weight:800}.join-code-generators>button:hover{color:#fff;background:#7c5cff29}.active-join-code{background:#5de2ac0b;border:1px solid #5de2ac21;border-radius:15px;gap:7px;margin:15px 0 18px;padding:14px;display:grid}.active-join-code>span{color:#72d8ad;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:850}.active-join-code>button{color:#e8ebef;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.active-join-code code{overflow-wrap:anywhere;min-width:0;font:800 15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.active-join-code>small{color:#6f7a7a;font-size:8px}.join-code-warning{color:#a49373;background:#f1b8550b;border:1px solid #f1b8551f;border-radius:12px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;font-size:8px;line-height:1.5;display:flex}.join-code-warning svg{color:#d0a75f;flex:none;margin-top:1px}.join-code-modal__error{color:#e59098;font-size:9px;margin:11px 1px 0!important}.join-code-modal__actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.join-code-modal__actions .button{min-height:42px}.join-code-modal__revoke{color:#d6969c;background:#e8606b0e;border:1px solid #e8606b26}.join-code-modal__revoke:hover{color:#ffc4ca;background:#e8606b1a}@media (width<=620px){.join-code-form>div{grid-template-columns:1fr}.join-code-form>div>button{min-height:43px}.join-code-modal{padding:25px 19px}.join-code-generators{grid-template-columns:1fr}.join-code-modal__actions{flex-direction:column-reverse}.join-code-modal__actions .button{width:100%}}.platform-music{z-index:70;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0d18e0;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;width:min(390px,100vw - 36px);min-height:64px;padding:12px 14px;display:grid;position:fixed;bottom:18px;left:18px;box-shadow:0 18px 55px #00000059}.platform-music__meta{flex-direction:column;min-width:0;display:flex}.platform-music__eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.platform-music__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.platform-music__meta small{color:#cbbfff;font-size:10px}.platform-music__controls{gap:5px;display:flex}.platform-music__controls button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;width:32px;height:32px}.platform-music__controls button:hover{background:#7c5cff3d}.platform-music__volume{accent-color:#8b6cff;grid-column:1/-1;width:100%;height:3px}.root-loading,.root-login{color:#f8f7ff;background:radial-gradient(circle at 20% 10%,#7c5cff38,#0000 34%),radial-gradient(circle at 85% 75%,#45cdff1f,#0000 30%),#0a0910;place-items:center;min-height:100vh;display:grid}.root-login__card{background:#13111deb;border:1px solid #ffffff1a;border-radius:26px;gap:18px;width:min(430px,100vw - 32px);padding:34px;display:grid;box-shadow:0 30px 90px #00000075}.root-brand{align-items:center;gap:11px;display:flex}.root-brand>span{background:linear-gradient(135deg,#8c6cff,#5536d9);border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 10px 28px #7c5cff47}.root-brand strong{letter-spacing:-.02em;font-size:17px}.root-login__card>p{color:#9892a9;margin:-8px 0 0}.root-login__card label,.root-upload label{color:#bbb5ca;gap:8px;font-size:13px;display:grid}.root-login__card input,.root-upload input,.root-search{color:#fff;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:13px;outline:none;width:100%;padding:12px 14px}.root-login__card input:focus,.root-upload input:focus,.root-search:focus{border-color:#8c6cffb8;box-shadow:0 0 0 3px #8c6cff1f}.root-login__card button,.root-upload>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8c6cff,#6747e6);border:0;border-radius:13px;min-height:44px;font-weight:750}.root-login__card button:disabled,.root-upload>button:disabled{opacity:.5;cursor:not-allowed}.root-login__card a{color:#aaa3ba;text-align:center;font-size:13px;text-decoration:none}.root-alert,.root-error{border-radius:12px;padding:11px 13px;font-size:12px}.root-alert{color:#d9d2ff;background:#7c5cff1f;border:1px solid #7c5cff33}.root-error{color:#ffb6c2;background:#ff4a681a;border:1px solid #ff4a682e}.root-shell{color:#f4f2fa;background:#0b0a10;min-height:100vh}.root-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0a10e0;border-bottom:1px solid #ffffff13;grid-template-columns:210px 1fr auto;align-items:center;gap:24px;min-height:72px;padding:0 26px;display:grid;position:sticky;top:0}.root-header nav,.root-header__actions{align-items:center;gap:7px;display:flex}.root-header nav button,.root-header__actions button,.root-header__actions a{color:#a9a4b6;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 12px;font-size:13px;text-decoration:none}.root-header nav button:hover,.root-header nav button.is-active,.root-header__actions button:hover,.root-header__actions a:hover{color:#fff;background:#ffffff12}.root-header nav button.is-active{background:#7c5cff1f;box-shadow:inset 0 0 0 1px #8c6cff47}.root-content{width:min(1480px,100vw - 42px);margin:0 auto;padding:42px 0 70px}.root-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.root-title-row>div>span{color:#8c6cff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.root-title-row h1{letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(27px,4vw,45px)}.root-search{width:min(360px,40vw)}.root-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.root-stats article,.root-panel{background:linear-gradient(155deg,#ffffff0b,#ffffff05);border:1px solid #ffffff13;border-radius:20px;box-shadow:0 17px 50px #00000029}.root-stats article{padding:20px}.root-stats span{color:#8e8999;font-size:12px}.root-stats strong{letter-spacing:-.04em;margin-top:9px;font-size:29px;display:block}.root-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.root-panel{min-width:0;padding:22px}.root-panel h2{margin:0 0 16px;font-size:17px}.root-panel p{color:#918b9e;font-size:13px}.root-list-row{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:14px;min-height:61px;display:flex}.root-list-row:first-of-type{border-top:0}.root-list-row>div{flex-direction:column;min-width:0;display:flex}.root-list-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.root-list-row small,.root-list-row>span{color:#817c8d;font-size:11px}.root-user-cell{align-items:center;gap:10px;min-width:0;flex-direction:row!important;display:flex!important}.root-user-cell img,.root-user-cell i{object-fit:cover;color:#d7d0ff;background:#7c5cff2e;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;display:grid}.root-privacy-note{color:#a8d8c9;background:#3ab18d12;border:1px solid #5bd5ae24;border-radius:15px;margin-top:18px;padding:15px 17px;font-size:12px}.root-panel--table{padding:0;overflow:hidden}.root-table{min-width:980px}.root-table__head,.root-table__row{border-bottom:1px solid #ffffff0e;align-items:center;gap:14px;min-height:62px;padding:0 20px;display:grid}.root-table__head{color:#746f80;text-transform:uppercase;letter-spacing:.08em;background:#ffffff05;min-height:48px;font-size:10px}.root-table--users .root-table__head,.root-table--users .root-table__row{grid-template-columns:1.2fr 1.5fr .5fr .8fr .8fr}.root-table--rooms .root-table__head,.root-table--rooms .root-table__row{grid-template-columns:1.3fr .45fr .55fr .55fr 1fr .8fr}.root-table__row{font-size:12px}.root-table__row code{text-overflow:ellipsis;color:#9e96b5;font-size:10px;overflow:hidden}.root-table__row>span{min-width:0}.root-table__row>span:first-child{gap:4px;display:grid}.root-table__row small{color:#777180;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.root-tags{flex-wrap:wrap;gap:4px;display:flex}.root-tags b{color:#bdb4e4;background:#7c5cff1a;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.root-grid--music{grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);align-items:start}.root-panel__heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.root-panel__heading h2{margin-bottom:5px}.root-panel__heading p{margin:0}.root-switch{color:#aaa4b7;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.root-switch input{display:none}.root-switch span{background:#ffffff1c;border-radius:999px;width:42px;height:24px;padding:3px;transition:all .2s}.root-switch span:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.root-switch input:checked+span{background:#7558ed}.root-switch input:checked+span:before{transform:translate(18px)}.root-track-list{margin-top:20px}.root-track{border-top:1px solid #ffffff0e;grid-template-columns:30px minmax(120px,1fr) minmax(220px,1fr) auto;align-items:center;gap:12px;min-height:68px;display:grid}.root-track>span{color:#625d6d;font-size:11px}.root-track>div{gap:3px;min-width:0;display:grid}.root-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.root-track small{color:#7f798a;font-size:10px}.root-track audio{width:100%;height:34px}.root-track button{color:#ff9bae;cursor:pointer;background:#ff466612;border:1px solid #ff5b772e;border-radius:9px;padding:7px 9px}.root-upload{gap:16px;display:grid;position:sticky;top:94px}.root-upload h2,.root-upload p{margin:0}.root-file input{display:none}.root-file span{color:#b9b0dc;cursor:pointer;text-align:center;background:#7c5cff0e;border:1px dashed #8c6cff59;border-radius:14px;place-items:center;min-height:86px;padding:14px;display:grid}.root-upload>small{color:#777180;line-height:1.55}.root-empty{color:#777180;text-align:center;padding:50px 10px}@media (width<=980px){.root-header{grid-template-columns:1fr auto;padding:12px 16px}.root-header nav{order:3;grid-column:1/-1;overflow-x:auto}.root-header__actions button:first-of-type{display:none}.root-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.root-grid,.root-grid--music{grid-template-columns:1fr}.root-upload{position:static}.root-panel--table{overflow-x:auto}}@media (width<=640px){.platform-music{width:calc(100vw - 20px);bottom:10px;left:10px}.root-content{width:calc(100vw - 24px);padding-top:26px}.root-header__actions a{display:none}.root-title-row{flex-direction:column;align-items:stretch}.root-search{width:100%}.root-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.root-stats article:last-child{grid-column:1/-1}.root-track{grid-template-columns:24px 1fr auto;padding:10px 0}.root-track audio{grid-column:2/-1}}:root{--bg:#07080d;--panel:#0d0f16;--panel-2:#121520;--panel-3:#171a27;--line:#dfe4ff16;--line-strong:#dfe4ff24;--text:#f4f2f8;--muted:#85899a;--soft:#c7c8d4;--accent:#7668d8;--accent-2:#a786db;--accent-dim:#7765d824;--green:#62d594;--amber:#d9b36c;font-family:Bahnschrift,Avenir Next,DIN Alternate,Segoe UI Variable,sans-serif}html{background:#06070b}body{font-feature-settings:"ss01" 1, "ss02" 1, "cv02" 1;letter-spacing:-.012em;background:radial-gradient(900px 600px at 5% -10%,#685bc229,#0000 62%),radial-gradient(700px 540px at 100% 100%,#5c4c911a,#0000 62%),#07080d}body:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:soft-light;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea,select{letter-spacing:inherit}button{-webkit-tap-highlight-color:transparent}.brand{letter-spacing:-.75px;gap:11px;font-size:22px;font-weight:640}.brand__mark{color:#ddd7ff;background:linear-gradient(145deg,#9282da4d,#403a682e),#151724;border:1px solid #cac3ff29;border-radius:11px;width:35px;height:35px;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #271f5340}.button{box-shadow:none;border-radius:11px;font-weight:620}.button--primary{background:linear-gradient(145deg,#8171d9,#695bbd);border:1px solid #cdc3ff2e;box-shadow:0 14px 34px #5341aa3d,inset 0 1px #ffffff2b}.icon-button{color:#8d91a2;background:#ffffff06;border-color:#ffffff13;border-radius:10px;width:38px;height:38px}.icon-button:hover,.icon-button.is-active{color:#e8e5f5;background:#7360cb1f;border-color:#9d8beb3d}.app-shell{background:0 0;grid-template-columns:286px minmax(420px,1fr);gap:0;height:100vh;min-height:640px;padding:8px;display:grid;position:relative;overflow:hidden}.app-shell--details{grid-template-columns:286px minmax(420px,1fr) 336px}.sidebar,.chat,.room-details{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#0a0c12e0;min-height:0;box-shadow:inset 0 1px #ffffff05}.sidebar{background:radial-gradient(440px 320px at 25% 2%,#6b5cba24,#0000 60%),#0c0e16eb;border-right:0;border-radius:15px 0 0 15px;padding:17px 14px 13px;position:relative}.sidebar__brand{padding:2px 7px 18px}.sidebar__brand:after{content:"";background:linear-gradient(135deg,#ffffff0d,#0000);border:1px solid #ffffff12;border-radius:8px;width:28px;height:28px}.sidebar-account{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #ffffff13;border-radius:12px;grid-template-columns:43px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-bottom:13px;padding:10px;display:grid}.sidebar-account:hover{background:#6d5cbb12;border-color:#9484de33}.sidebar-account .avatar{border-radius:12px;width:42px;height:42px}.sidebar-account>span{gap:3px;min-width:0;display:grid}.sidebar-account strong{color:#efedf4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.sidebar-account small{color:#696e80;letter-spacing:.01em;font-size:8px}.sidebar-account>svg{color:#686d7d}.workspace-nav{border-bottom:1px solid #fff1;gap:3px;margin:0 1px 15px;padding-bottom:13px;display:grid}.workspace-nav button{color:#787d8e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:37px;padding:0 10px;display:grid}.workspace-nav button:hover{color:#c9c8d3;background:#ffffff06}.workspace-nav button.is-active{color:#ded9f3;background:linear-gradient(90deg,#715fc726,#715fc709);border-color:#917ee124}.workspace-nav span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:590;overflow:hidden}.workspace-nav b{color:#b9aff0;text-align:center;background:#6f5ec324;border-radius:999px;min-width:20px;padding:3px 6px;font-size:8px}.workspace-nav i{background:#7c6dd1;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #7c6dd1b3}.room-card{background:linear-gradient(145deg,#715fc317,#ffffff03);border-color:#fff1;border-radius:12px;margin-bottom:8px;padding:12px}.room-card__top{gap:7px}.room-card__icon{color:#b2a4ee;background:#7361ca21;border-radius:8px;width:25px;height:25px}.room-card__label{color:#72778a;letter-spacing:.8px;font-size:8px}.room-card__name-row{margin:10px 0 5px}.room-card__name-row h2{letter-spacing:-.25px;font-size:14px;font-weight:650}.room-card p{margin-bottom:10px;font-size:8px}.room-card .button{border-radius:9px;min-height:34px;font-size:8px}.room-card .button--invite{background:#ffffff0a}.room-card .button--join-code{color:#bdb3ee;background:#6f5dc51a;margin-top:6px}.sidebar-rooms{padding:12px 0 11px}.section-heading span{color:#757a8b;letter-spacing:1.15px;font-size:8px}.sidebar-room-list{gap:3px;max-height:190px}.sidebar-room{border-radius:9px}.sidebar-room--active{background:#6d5cbe1c;border-color:#8e7cdd24}.sidebar-room__open{grid-template-columns:27px minmax(0,1fr) auto;min-height:40px}.sidebar-room__open>span{color:#aaa0dc;background:#6d5cbe1f;border-radius:8px;width:27px;height:27px}.sidebar-room__open strong{color:#aeb0bc;font-size:9px;font-weight:570}.sidebar-room--active .sidebar-room__open strong{color:#ece9f5}.sidebar-room__open small{color:#9385d6}.sidebar-rooms__all{border-radius:9px}.fingerprint,.people-section,.moderation-section{display:none}.sidebar__privacy{background:#ffffff05;border:1px solid #ffffff0f;border-radius:11px;margin-top:auto;padding:11px}.sidebar__privacy strong{color:#aeb1bd;font-size:8px}.sidebar__privacy small{color:#5e6474;font-size:7px;line-height:1.4}.chat{background:radial-gradient(650px 500px at 100% 80%,#5c4e9d14,#0000 68%),#080a0fe6;border-radius:0;grid-template-rows:78px minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.app-shell:not(.app-shell--details) .chat{border-radius:0 15px 15px 0}.chat-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b1194;border-bottom:1px solid #fff1;height:auto;padding:0 26px}.chat-header>div:first-of-type{min-width:0}.chat-header h1{color:#f4f1f8;letter-spacing:-.45px;margin:0 0 5px;font-size:18px;font-weight:640}.chat-header p{color:#696e7e;font-size:8px}.chat-header p svg{color:#58c887}.admin-badge{border-radius:8px;height:26px;font-size:7px}.member-badge{border-radius:9px;height:31px}.message-list{scrollbar-color:#242837 transparent;background:linear-gradient(#ffffff03 1px,#0000 1px) 0 0/100% 76px,linear-gradient(90deg,#ffffff02 1px,#0000 1px) 0 0/76px 100%;padding:22px clamp(20px,4vw,62px) 26px;position:relative}.message-list:before{content:"";pointer-events:none;background:linear-gradient(#07080d8c,#0000 12% 88%,#07080d47);position:absolute;inset:0}.message-row{z-index:1;margin:10px 0;position:relative}.message-row .avatar{border-radius:10px;width:34px;height:34px}.message-content{max-width:min(72%,690px)}.message-meta{margin:0 6px 5px}.message-meta strong{color:#a9a0df;font-size:9px;font-weight:620}.message-meta time{color:#555b6c;font-size:7px}.message-bubble{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #fff1;border-radius:11px 11px 11px 3px;position:relative;box-shadow:0 9px 28px #00000017}.message-row--mine .message-bubble{background:linear-gradient(145deg,#6858b84d,#483e7f38);border-color:#8a77db3d;border-radius:11px 11px 3px;box-shadow:0 11px 30px #2c225826}.message-bubble p{color:#d5d4dc;font-size:11px;line-height:1.55}.message-row--mine .message-bubble p{color:#eeeaf8}.reply-preview{background:#00000024;border-radius:8px}.message-image-button{border-radius:9px}.message-image{max-height:430px}.message-audio{min-width:300px}.day-divider span{color:#656b7b;background:#0b0d13d6;border-color:#ffffff0e;font-size:7px}.typing-row{color:#74798a}.empty-chat span{background:#6f5ec31a;border-radius:16px}.empty-chat h2{font-size:22px;font-weight:620}.empty-chat p{color:#74798a}.composer-wrap{z-index:4;background:linear-gradient(#0000,#080a0fed 28%);border-top:0;padding:9px clamp(14px,3vw,38px) 13px;position:relative}.composer{background:#12141de6;border:1px solid #ffffff16;border-radius:13px;min-height:54px;padding:7px 8px;box-shadow:0 18px 50px #00000038,inset 0 1px #ffffff05}.composer:focus-within{border-color:#8a77db52;box-shadow:0 18px 50px #0000003d,0 0 0 3px #705dc512}.composer-tool{color:#777c8d;border-radius:9px}.composer textarea{color:#dfdde5;font-size:10px;line-height:1.55}.composer textarea::placeholder{color:#5f6474}.send-button{background:linear-gradient(145deg,#8272dc,#6657b3);border-radius:10px;width:40px;height:40px;box-shadow:inset 0 1px #ffffff29}.composer-hint{color:#4d5261;padding:7px 4px 0;font-size:7px}.room-details{scrollbar-width:thin;scrollbar-color:#272b39 transparent;background:radial-gradient(420px 300px at 100% 0,#6556ac1f,#0000 64%),#0c0e15eb;border-radius:0 15px 15px 0;flex-direction:column;min-width:0;padding:0 18px 20px;display:none;overflow:auto}.room-details--open{display:flex}.room-details__header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:78px;display:flex}.room-details__header>div{gap:4px;display:grid}.room-details__header span{color:#626879;letter-spacing:1.1px;text-transform:uppercase;font-size:7px;font-weight:700}.room-details__header h2{margin:0;font-size:14px;font-weight:620}.room-details__header .icon-button{border:0;width:31px;height:31px;font-size:18px}.room-details__hero{background:linear-gradient(145deg,#715fc31a,#ffffff04);border:1px solid #ffffff12;border-radius:12px;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:11px;margin:17px 0 3px;padding:12px;display:grid}.room-details__mark{color:#c1b8f1;background:linear-gradient(145deg,#8e7add42,#4e42822e);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.room-details__hero>div{gap:5px;min-width:0;display:grid}.room-details__hero strong{color:#eeebf5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:630;overflow:hidden}.room-details__hero small{color:#6e7384;align-items:center;gap:6px;font-size:7px;display:flex}.room-details__hero>button{color:#757b8c;cursor:pointer;background:#ffffff09;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.details-section{border-bottom:1px solid #ffffff0f;padding:17px 0}.details-section__heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.details-section__heading>span{color:#777c8e;letter-spacing:1.1px;text-transform:uppercase;font-size:7px;font-weight:720}.details-section__heading>button{color:#9a8cdd;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.details-section__heading>small{color:#535969;font-size:7px}.details-members{gap:4px;display:grid}.details-member{border-radius:9px;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:6px;display:grid}.details-member:hover{background:#ffffff06}.details-member .avatar{border-radius:9px;width:33px;height:33px}.details-member>span{gap:3px;min-width:0;display:grid}.details-member strong{color:#c7c7d1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:570;overflow:hidden}.details-member small{color:#5d6374;font-size:7px}.details-member>b{color:#b3a6ea;background:#6f5ec424;border-radius:999px;padding:4px 7px;font-size:6px;font-weight:650}.details-member>button{color:#686e7e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.details-member>button:hover{color:#d6d2e5;background:#ffffff0b}.join-code-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;gap:9px;height:42px;padding:0 10px 0 12px;display:flex}.join-code-card code{color:#d9d4eb;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Mono,IBM Plex Mono,monospace;font-size:9px;overflow:hidden}.join-code-card button{color:#858a99;cursor:pointer;background:#ffffff09;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.shared-media-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.shared-media-grid>button{aspect-ratio:1;cursor:zoom-in;background:#11131b;border:1px solid #ffffff12;border-radius:9px;padding:0;overflow:hidden}.shared-media-grid img{object-fit:cover;width:100%;height:100%;display:block}.shared-media-empty{color:#555b6b;border:1px dashed #fff1;border-radius:10px;grid-column:1/-1;align-content:center;place-items:center;gap:6px;min-height:72px;font-size:7px;display:grid}.details-section--settings{border-bottom:0}.details-section--settings>button,.details-static-row{color:#777d8d;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:47px;padding:7px 4px;display:grid}.details-section--settings>button{cursor:pointer}.details-section--settings>button:hover{color:#aca9bd;background:#ffffff06}.details-section--settings>button>span,.details-static-row>span{gap:3px;min-width:0;display:grid}.details-section--settings strong,.details-static-row strong{color:#aaaeba;font-size:8px;font-weight:570}.details-section--settings small,.details-static-row small{color:#5c6272;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.details-section--settings i,.details-static-row i{color:#595f6e;font-style:normal}.details-scrim{display:none}.platform-music{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1119e6;border:1px solid #ffffff16;border-radius:12px;width:244px;padding:10px;bottom:96px;left:auto;right:356px;box-shadow:0 22px 58px #00000061}.app-shell:not(.app-shell--details)~.platform-music{right:20px}.platform-music__eyebrow{font-size:7px}.platform-music__meta strong{font-size:9px}.platform-music__meta small{font-size:7px}.platform-music__controls button{border-radius:8px;width:27px;height:27px;font-size:10px}.landing{background:radial-gradient(800px 500px at 8% 0,#6959bc2e,#0000 63%),radial-gradient(700px 520px at 98% 100%,#5c4b921a,#0000 65%),#07080d;min-height:100vh;padding:18px clamp(20px,4vw,62px) 40px}.landing__nav{border-bottom:1px solid #ffffff0f;max-width:1380px;min-height:64px;padding:0 4px 14px}.security-pill{background:#ffffff05;border-radius:9px;font-size:8px}.account-chip{border-radius:10px!important}.hero{text-align:left;max-width:1120px;margin:70px auto 48px}.hero__eyebrow{color:#8f83cf;font-size:8px}.hero h1{letter-spacing:-.065em;max-width:900px;margin:18px 0 20px;font-size:clamp(52px,7vw,96px);font-weight:600;line-height:.94}.hero h1 em{background:linear-gradient(90deg,#a79adf,#7465b8);-webkit-background-clip:text;background-clip:text}.hero>p{color:#7d8292;max-width:640px;margin:0 0 30px;font-size:14px;line-height:1.7}.hero__actions{justify-content:flex-start}.hero__trust{color:#626777;justify-content:flex-start}.saved-rooms-dashboard,.preview{background:#0d0f16c7;border-radius:16px;max-width:1120px;box-shadow:0 34px 90px #0000004d}.saved-room-card{border-radius:11px}.modal-backdrop,.loading-screen,.error-screen,.root-login,.root-loading{background:radial-gradient(720px 480px at 50% 0,#6959bc2b,#0000 68%),#07080d}.profile-card,.account-settings,.moderation-modal,.room-rename-modal,.join-code-modal,.root-login__card{background:#0f1118f0!important;border-color:#ffffff16!important;border-radius:17px!important;box-shadow:0 34px 90px #00000075!important}.profile-card h2,.account-settings h2,.moderation-modal h2,.room-rename-modal h2{letter-spacing:-.04em;font-weight:620}.profile-card input,.account-settings input,.room-rename-modal input,.join-code-modal input,.join-code-modal select{background:#ffffff06;border-radius:10px}.root-shell{background:#07080d;font-family:Bahnschrift,Avenir Next,DIN Alternate,sans-serif}.root-header{background:#0c0e15eb;border:1px solid #ffffff12;border-radius:14px 14px 0 0;height:72px;margin:8px 8px 0;padding:0 20px}.root-header nav{gap:4px}.root-header nav button{border-radius:8px;font-size:9px}.root-content{background:#090b10e6;border:1px solid #ffffff12;border-top:0;border-radius:0 0 14px 14px;margin:0 8px 8px;padding:30px}.root-title-row h1{letter-spacing:-.05em;font-size:32px;font-weight:610}.root-stats article,.root-panel{background:#ffffff05;border-color:#ffffff12;border-radius:12px}.root-stats article strong{font-weight:600}.root-table__head{color:#6d7282}@media (width<=1280px){.app-shell--details{grid-template-columns:268px minmax(0,1fr)}.room-details{z-index:75;border-radius:15px;width:min(356px,100vw - 24px);position:fixed;top:8px;bottom:8px;right:8px;box-shadow:-30px 0 90px #0000006b}.details-scrim{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03040885;border:0;display:block;position:fixed;inset:0}.platform-music{right:20px}}@media (width<=900px){.app-shell,.app-shell--details{grid-template-columns:1fr;padding:0}.chat,.app-shell:not(.app-shell--details) .chat{border:0;border-radius:0}.sidebar{border-radius:0 15px 15px 0}.message-list{padding-inline:18px}.message-content{max-width:82%}.chat-header{padding-inline:14px}.admin-badge{display:none}.platform-music{width:auto;bottom:86px;left:10px;right:10px}}@media (width<=620px){.landing{padding-inline:15px}.landing__account .security-pill{display:none}.hero{margin-top:54px}.hero h1{font-size:48px}.hero__actions{align-items:stretch}.join-code-form{width:100%}.saved-room-grid{grid-template-columns:1fr}.message-list{padding:14px 10px 18px}.message-content{max-width:88%}.chat-header h1{font-size:15px}.member-badge{display:none}.composer-wrap{padding-inline:8px}.room-details{border-radius:0;width:100vw;top:0;bottom:0;right:0}}