:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#15121b;--bg-soft:#1b1722;--panel:#231e2ce0;--panel-solid:#241f2d;--panel-soft:#2b2535;--panel-hover:#332c3e;--text:#fffafd;--text-soft:#ded6e4;--muted:#aaa0b3;--muted-2:#7f7588;--line:#ffffff14;--line-strong:#ffffff24;--accent:#b99cff;--accent-strong:#9f7aea;--accent-soft:#b99cff24;--peach:#ffb6a3;--peach-soft:#ffb6a31f;--mint:#91d9bf;--danger:#ff8097;--warning:#f7c56d;--shadow:0 26px 70px #07040c61;--shadow-soft:0 12px 34px #07040c3d;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--font-display:"Aptos Display", "Candara", "Trebuchet MS", sans-serif;--font-code:"Cascadia Code", "Consolas", monospace;font-family:Aptos,Candara,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 15% 10%,#b99cff29,#0000 34%),radial-gradient(circle at 88% 14%,#ffb6a31a,#0000 28%),radial-gradient(circle at 70% 88%,#91d9bf14,#0000 30%),linear-gradient(150deg,#17131d 0%,#110f16 54%,#17131d 100%);overflow:hidden}body:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff06,#0000 35%);position:fixed;inset:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b99cff80}::selection{background:var(--accent);color:#1a1421}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff21 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box;border:3px solid #0000}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand__mark{color:#241b31;background:linear-gradient(145deg,#c8b5ff,#9677df);border:1px solid #ffffff29;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #6f4faf47,inset 0 1px #ffffff6b}.brand__mark:before{content:"";border:1px solid #ffffff40;border-radius:22px;width:62px;height:62px;position:absolute;transform:rotate(35deg)}.brand__mark:after{content:"";background:var(--peach);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px;box-shadow:0 0 14px #ffb6a38c}.brand__mark b{z-index:2;font:800 17px/1 var(--font-display);position:relative}.brand__mark i{display:none}.brand__wordmark{gap:2px;min-width:0;display:grid}.brand__wordmark strong{font:750 22px/.95 var(--font-display);letter-spacing:-.03em}.brand__wordmark small{color:var(--muted);font-size:11px;line-height:1.1}.brand--compact .brand__wordmark small{display:none}.avatar{color:#f4ecff;background:linear-gradient(145deg,#4a3d5b,#2b2535);border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:13px;font-weight:750;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--small{width:34px;height:34px;font-size:11px}.avatar__status{border:2px solid var(--panel-solid);background:var(--mint);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:0;box-shadow:0 0 10px #91d9bf6b}.button{border:1px solid var(--line-strong);min-height:46px;color:var(--text-soft);background:#ffffff0b;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.button:hover{background:var(--accent-soft);color:var(--text);border-color:#b99cff73;transform:translateY(-1px);box-shadow:0 9px 24px #0d081438}.button:active{transform:translateY(0)}.button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.button--primary{color:#21182c;background:linear-gradient(135deg,#cbbaff,#a786ed);border-color:#0000;box-shadow:0 12px 28px #8765d247}.button--primary:hover{color:#21182c;background:linear-gradient(135deg,#dacdff,#b697f4);border-color:#0000;box-shadow:0 14px 34px #8765d25c}.button--large{justify-content:space-between;width:100%;min-height:58px;padding:0 20px;font-size:16px}.button--large b{font-size:24px;font-weight:500}.button--soft{background:#ffffff09}.icon-button,.mobile-room-button{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#ffffff09;border-radius:14px;place-items:center;padding:0;transition:all .18s;display:grid}.icon-button:hover,.mobile-room-button:hover,.icon-button.is-active{background:var(--accent-soft);color:#dfd2ff;border-color:#b99cff61;transform:translateY(-1px)}.form-error{color:#ffc1cd;background:#ff80971a;border:1px solid #ff809752;border-radius:14px;margin:12px 0;padding:12px 14px;font-size:13px;line-height:1.5}.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}input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#ffffff0b;border-radius:15px;outline:none;padding:13px 14px;transition:border-color .18s,background .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#80758a}input:focus,textarea:focus,select:focus{background:#ffffff0f;border-color:#b99cff94;box-shadow:0 0 0 4px #b99cff17}label{color:var(--text-soft);gap:8px;font-size:13px;font-weight:650;display:grid}.landing{min-height:100vh;padding:22px clamp(14px,3vw,42px) 38px;overflow:auto}.landing__nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:1420px;min-height:74px;box-shadow:var(--shadow-soft);z-index:30;background:#1d1825c2;border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 auto 16px;padding:0 16px 0 18px;display:grid;position:sticky;top:10px}.landing__nav-center{color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.landing__nav-center i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #91d9bf73}.landing__account{justify-content:flex-end;align-items:center;gap:10px;display:flex}.security-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffff09;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.account-chip{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;align-items:center;gap:10px;min-width:0;min-height:50px;padding:5px 11px 5px 5px;display:inline-flex}.account-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:700;overflow:hidden}.landing__masthead{border:1px solid var(--line);max-width:1420px;min-height:590px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1722ad;border-radius:32px;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin:0 auto;padding:16px;display:grid}.hero{background:radial-gradient(circle at 78% 24%,#ffb6a342,#0000 25%),radial-gradient(circle at 78% 24%,#b99cff38,#0000 43%),linear-gradient(145deg,#30263c,#211b2a 68%);border:1px solid #ffffff14;border-radius:25px;min-width:0;min-height:550px;padding:clamp(36px,5vw,76px);position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:360px;height:360px;position:absolute;top:12%;right:5%;box-shadow:0 0 0 38px #ffffff06,0 0 0 82px #ffffff03}.hero:after{content:"✦";color:#efe6ff;text-shadow:0 0 40px #b99cff73;font-size:110px;line-height:1;position:absolute;top:26%;right:13%;transform:rotate(10deg)}.hero__eyebrow{z-index:2;color:#cec1da;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.hero__eyebrow span,.hero__eyebrow b{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:8px 11px;font-weight:650}.hero h1{z-index:2;max-width:820px;font:750 clamp(58px,8vw,114px)/.86 var(--font-display);letter-spacing:-.065em;margin:clamp(100px,15vh,150px) 0 26px;display:grid;position:relative}.hero h1 span:last-child{color:#cbb8ff}.hero__copy{z-index:2;grid-template-columns:minmax(220px,1fr) minmax(320px,1.2fr);align-items:end;gap:28px;max-width:760px;display:grid;position:relative}.hero__copy p{color:#cfc6d5;margin:0;font-size:17px;line-height:1.55}.hero__trust{flex-wrap:wrap;gap:8px;display:flex}.hero__trust span{color:#e9e1ee;background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:12px;display:inline-flex}.landing__control{background:linear-gradient(160deg,#2b2535,#211d2a);border:1px solid #ffffff14;border-radius:25px;flex-direction:column;gap:16px;padding:24px;display:flex}.landing__control-index{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.landing__control-index b{background:var(--accent-soft);color:#d8c9ff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.join-code-form{border:1px solid var(--line);background:#ffffff09;border-radius:20px;gap:10px;padding:18px;display:grid}.join-code-form label{align-items:center;gap:8px;display:flex}.join-code-form>div{grid-template-columns:1fr 46px;gap:8px;display:grid}.join-code-form>div button{color:#251a32;background:#c5afff;border:0;border-radius:14px;font-size:20px;font-weight:800}.join-code-form small{color:var(--muted);font-size:12px;line-height:1.4}.join-code-form__error{color:#ffc1cc!important}.landing__control-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.landing__control-meta span{min-height:70px;color:var(--muted);background:#ffffff09;border-radius:18px;align-content:space-between;padding:14px;font-size:12px;display:grid}.landing__control-meta b{color:var(--text);font-size:15px}.landing__ticker{border:1px solid var(--line);background:#1d1825b3;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1420px;margin:16px auto 0;padding:12px 16px;display:flex}.landing__ticker span{color:var(--muted);background:#ffffff09;border-radius:999px;padding:8px 13px;font-size:12px}.saved-rooms-dashboard{border:1px solid var(--line);max-width:1420px;box-shadow:var(--shadow-soft);background:#1d1825b8;border-radius:28px;margin:16px auto 0;padding:24px}.saved-rooms-dashboard__heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.saved-rooms-dashboard__heading p{color:var(--muted);margin:0 0 5px;font-size:13px}.saved-rooms-dashboard__heading h2{font:730 clamp(30px,4vw,54px)/1 var(--font-display);letter-spacing:-.04em;margin:0}.saved-rooms-dashboard__heading>span{background:var(--accent-soft);color:#d9ccff;border-radius:999px;padding:8px 12px;font-weight:700}.saved-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.saved-room-card{border:1px solid var(--line);background:#ffffff09;border-radius:21px;min-width:0;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.saved-room-card:hover{background:#ffffff0d;border-color:#b99cff4d;transform:translateY(-2px)}.saved-room-card__open{text-align:left;background:0 0;border:0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;min-height:126px;padding:18px 50px 18px 16px;display:grid}.saved-room-card__icon{background:var(--accent-soft);color:#dacfff;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.saved-room-card__body{gap:5px;min-width:0;display:grid}.saved-room-card__body small,.saved-room-card__body em{color:var(--muted);font-size:11px;font-style:normal}.saved-room-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.saved-room-card__arrow{color:#cdbfff;font-size:22px}.saved-room-card__leave{width:32px;height:32px;color:var(--muted);background:#ffffff0a;border:0;border-radius:11px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.saved-room-card__leave:hover{color:#ffb1bf;background:#ff80971f}.saved-rooms-dashboard__note{color:var(--muted);align-items:center;gap:7px;margin:16px 0 0;font-size:12px;display:flex}.landing__onboarding{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1420px;margin:16px auto 0;display:grid}.landing__onboarding article{border:1px solid var(--line);background:#1d1825b8;border-radius:22px;grid-template-columns:42px 1fr;gap:14px;min-height:150px;padding:20px;display:grid}.landing__onboarding article>span{background:var(--accent-soft);color:#d8cbff;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.landing__onboarding strong{font-size:17px}.landing__onboarding p{color:var(--muted);margin:8px 0 0;line-height:1.5}.landing__footer{max-width:1420px;color:var(--muted-2);justify-content:space-between;gap:12px;margin:16px auto 0;padding:12px 16px;font-size:11px;display:flex}.auth-screen{min-height:100vh;padding:22px clamp(14px,3vw,42px);overflow:auto}.auth-screen__header{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1d1825c2;border-radius:24px;justify-content:space-between;align-items:center;max-width:1180px;min-height:72px;margin:0 auto 16px;padding:0 18px;display:flex}.auth-screen__header>span{color:var(--muted);font-size:12px}.auth-screen__layout{border:1px solid var(--line);max-width:1180px;min-height:650px;box-shadow:var(--shadow);background:#1d1825ad;border-radius:32px;grid-template-columns:1.05fr .95fr;gap:16px;margin:0 auto;padding:16px;display:grid}.auth-poster{background:linear-gradient(145deg,#342942,#211b2a);border:1px solid #ffffff14;border-radius:25px;min-height:610px;padding:clamp(34px,5vw,62px);position:relative;overflow:hidden}.auth-poster:after{content:"";filter:blur(2px);background:radial-gradient(circle,#b99cff61,#ffb6a321 40%,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-120px;right:-90px}.auth-poster__index{color:#d8cce1;font-size:13px}.auth-poster h2{z-index:2;font:740 clamp(45px,6vw,78px)/.92 var(--font-display);letter-spacing:-.055em;margin:84px 0 20px;display:grid;position:relative}.auth-poster h2 em{color:#cbb8ff;font-style:normal}.auth-poster p{z-index:2;color:#c8becf;max-width:440px;margin:0;font-size:17px;line-height:1.55;position:relative}.auth-poster__diagram{z-index:2;background:#ffffff09;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:absolute;bottom:10%;right:9%;box-shadow:0 0 0 24px #ffffff05,0 0 0 50px #ffffff03}.auth-poster__diagram b{color:#2a2034;background:linear-gradient(145deg,#cebfff,#a481eb);border-radius:30px;place-items:center;width:92px;height:92px;font-size:44px;display:grid}.auth-poster__diagram i{background:var(--peach);border-radius:50%;width:11px;height:11px;position:absolute}.auth-poster__diagram i:first-child{top:10%;left:30%}.auth-poster__diagram i:nth-child(2){background:var(--mint);top:48%;right:9%}.auth-poster__diagram i:nth-child(3){background:var(--accent);bottom:15%;left:14%}.auth-card{background:linear-gradient(160deg,#292333,#211d2a);border:1px solid #ffffff14;border-radius:25px;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,62px);display:flex}.auth-card__number{color:var(--muted);font-size:12px}.auth-card__heading{margin:24px 0 28px}.auth-card__heading>span,.profile-card__icon{background:var(--accent-soft);color:#dbcfff;border-radius:17px;place-items:center;width:50px;height:50px;display:grid}.auth-card__heading h1{font:730 clamp(34px,5vw,58px)/1 var(--font-display);letter-spacing:-.045em;margin:22px 0 10px}.auth-card__heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.auth-card form,.auth-create{gap:14px;display:grid}.auth-card textarea{resize:vertical;min-height:104px}.auth-switch{color:#c8b7ee;background:0 0;border:0;min-height:40px;font-weight:700}.auth-switch:hover{color:#e0d7f5}.auth-feature{border:1px solid var(--line);background:#ffffff09;border-radius:17px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:68px;padding:13px;display:grid}.auth-feature>span{background:var(--accent-soft);color:#d8caff;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.auth-feature div{gap:4px;display:grid}.auth-feature strong{font-size:15px}.auth-feature small{color:var(--muted);font-size:12px}.auth-screen__footer{max-width:1180px;color:var(--muted-2);justify-content:space-between;margin:14px auto 0;padding:0 10px;font-size:11px;display:flex}.app-shell{grid-template-columns:304px minmax(0,1fr) 0;gap:12px;height:100vh;min-height:100vh;padding:12px;display:grid;overflow:hidden}.app-shell--details{grid-template-columns:304px minmax(0,1fr) 350px}.sidebar,.chat,.room-details{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1f1a27d1;border-radius:26px}.sidebar{flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.sidebar__brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;padding:0 4px 10px;display:flex}.sidebar__close{display:none}.sidebar-account{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:18px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.sidebar-account:hover{background:#ffffff0e;border-color:#b99cff40}.sidebar-account>span{gap:3px;min-width:0;display:grid}.sidebar-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.sidebar-account small{color:var(--muted);font-size:12px}.workspace-nav{gap:5px;display:grid}.workspace-nav button{min-height:43px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:0 12px;display:grid}.workspace-nav button:hover,.workspace-nav button.is-active{background:var(--accent-soft);color:#e5dbff}.workspace-nav b{background:#ffffff0f;border-radius:999px;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:11px;display:grid}.workspace-nav i{background:var(--mint);border-radius:50%;width:8px;height:8px}.room-card{background:linear-gradient(145deg,#b99cff33,#ffb6a314);border:1px solid #cdbaff2e;border-radius:21px;padding:17px}.room-card__top{color:#d6c8e0;align-items:center;gap:9px;font-size:12px;display:flex}.room-card__icon{color:#e9e0ff;background:#ffffff14;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.room-card__label{flex:1}.room-card__name-row{align-items:center;gap:8px;margin:14px 0 8px;display:flex}.room-card__name-row h2{text-overflow:ellipsis;min-width:0;font:720 22px/1.1 var(--font-display);flex:1;margin:0;overflow:hidden}.room-card__name-row button{color:#e2d5ff;background:#ffffff12;border:0;border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.room-card>p{color:#d1c6d8;align-items:center;gap:7px;margin:0 0 13px;font-size:12px;display:flex}.button--invite,.button--join-code{background:#ffffff0e;width:100%;min-height:41px;margin-top:7px}.legacy-room-note{color:#d4c6a5;margin-top:10px;font-size:11px;line-height:1.4;display:block}.sidebar-rooms,.people-section,.moderation-section{padding:4px}.section-heading{min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.section-heading button,.section-heading b{min-width:28px;height:28px;color:var(--text-soft);background:#ffffff0b;border:0;border-radius:10px;place-items:center;padding:0 7px;font-size:13px;display:grid}.sidebar-room-list,.people-list,.restriction-list{gap:5px;display:grid}.sidebar-room{border-radius:14px;grid-template-columns:1fr 32px;gap:5px;display:grid}.sidebar-room--active{background:var(--accent-soft)}.sidebar-room__open{text-align:left;min-width:0;min-height:44px;color:var(--text-soft);background:0 0;border:0;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid}.sidebar-room__open>span{color:#cbbaff;background:#ffffff0b;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.sidebar-room__open strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-room__open small{color:#bca8ef;font-size:10px}.sidebar-room__leave{color:var(--muted-2);background:0 0;border:0;border-radius:10px}.sidebar-room__leave:hover{color:#ffadbc;background:#ff80971a}.sidebar-rooms__all{border:1px dashed var(--line-strong);width:100%;min-height:40px;color:var(--muted);background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:7px;margin-top:7px;display:flex}.fingerprint{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:5px;padding:13px;display:grid}.fingerprint span,.fingerprint small{color:var(--muted);font-size:11px}.fingerprint strong{font:700 12px/1.35 var(--font-code);color:#d9cdf5;word-break:break-all}.person{border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:47px;padding:6px 8px;display:grid}.person:hover{background:#ffffff09}.person>span:nth-child(2){gap:3px;min-width:0;display:grid}.person strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.person small{color:var(--muted);font-size:11px}.person__moderate{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.person__moderate:hover{background:var(--accent-soft);color:#dbcfff}.person--muted{opacity:.6}.admin-crown{color:var(--warning);font-style:normal}.moderation-empty{color:var(--muted);margin:0;font-size:12px}.restriction-item{background:#ffffff08;border-radius:14px;gap:8px;padding:10px;display:grid}.restriction-item span{gap:3px;display:grid}.restriction-item small{color:var(--muted);font-size:11px}.restriction-item>div{flex-wrap:wrap;gap:6px;display:flex}.restriction-item button{border:1px solid var(--line);min-height:30px;color:var(--text-soft);background:#ffffff09;border-radius:9px;padding:0 9px;font-size:11px}.sidebar__privacy{color:#cfe8df;background:#91d9bf14;border-radius:16px;grid-template-columns:26px 1fr;gap:9px;margin-top:auto;padding:13px;display:grid}.sidebar__privacy span{gap:3px;display:grid}.sidebar__privacy strong{font-size:12px}.sidebar__privacy small{color:#91aa9f;font-size:11px}.chat{background:#191520c7;grid-template-rows:78px minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 18px;display:flex}.mobile-room-button{display:none}.chat-header>div:nth-child(2){flex:1;min-width:0}.chat-header h1{text-overflow:ellipsis;white-space:nowrap;font:720 23px/1.05 var(--font-display);letter-spacing:-.02em;margin:0;overflow:hidden}.chat-header p{color:var(--muted);align-items:center;gap:6px;margin:5px 0 0;font-size:12px;display:flex}.chat-header__actions{align-items:center;gap:7px;display:flex}.admin-badge,.member-badge{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff09;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.admin-badge{color:#e6c77e;background:#f7c56d14}.profile-menu-wrap{position:relative}.profile-menu{z-index:80;border:1px solid var(--line-strong);width:250px;box-shadow:var(--shadow);background:#26202ffa;border-radius:18px;gap:3px;padding:8px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.profile-menu>div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;display:grid}.profile-menu>div span{gap:3px;display:grid}.profile-menu small{color:var(--muted);font-size:11px}.profile-menu>button{min-height:39px;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:0 10px;display:flex}.profile-menu>button:hover{background:#ffffff0d}.profile-menu__logout{color:#ffacbb!important}.message-list{scroll-behavior:smooth;min-height:0;padding:24px clamp(16px,4vw,46px) 18px;overflow-y:auto}.empty-chat{text-align:center;align-content:center;place-items:center;max-width:480px;min-height:100%;margin:0 auto;display:grid}.empty-chat>span{background:var(--accent-soft);color:#dacfff;border-radius:24px;place-items:center;width:70px;height:70px;display:grid}.empty-chat h2{font:720 28px/1.05 var(--font-display);margin:18px 0 8px}.empty-chat p{color:var(--muted);margin:0 0 18px;line-height:1.55}.day-divider{color:var(--muted-2);align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.day-divider span{background:#ffffff08;border-radius:999px;padding:6px 10px}.message-row{grid-template-columns:34px minmax(0,1fr);gap:9px;margin:12px 0;display:grid}.message-row--mine{grid-template-columns:1fr}.avatar-spacer{width:34px}.message-content{min-width:0;max-width:min(72%,720px)}.message-row--mine .message-content{justify-self:end}.message-row--compact{margin-top:-6px}.message-meta{align-items:center;gap:8px;margin:0 5px 5px;display:flex}.message-meta strong{font-size:12px}.message-meta time{color:var(--muted-2);font-size:10px}.message-bubble{border:1px solid var(--line);min-width:58px;color:var(--text-soft);background:#ffffff0e;border-radius:8px 20px 20px;padding:11px 40px 11px 13px;position:relative;box-shadow:0 8px 20px #08050c1f}.message-row--mine .message-bubble{color:#fffaff;background:linear-gradient(145deg,#b99cff38,#9170de26);border-color:#b99cff33;border-radius:20px 8px 20px 20px}.message-bubble:hover{border-color:#ffffff29}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.48}.message-bubble--media{padding:7px 38px 9px 7px}.message-image-button{background:0 0;border:0;border-radius:14px;max-width:100%;padding:0;display:block;overflow:hidden}.message-image{object-fit:cover;border-radius:14px;max-width:min(100%,520px);max-height:460px;display:block}.message-audio{grid-template-columns:34px minmax(150px,1fr) auto;align-items:center;gap:8px;min-width:min(360px,68vw);display:grid}.message-audio>span{background:#ffffff14;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.message-audio audio{width:100%;height:34px}.message-audio small{color:var(--muted);font-size:11px}.message-reply{opacity:.28;width:28px;height:28px;color:var(--text-soft);background:#ffffff0a;border:0;border-radius:9px;place-items:center;transition:opacity .18s,background .18s;display:grid;position:absolute;top:7px;right:7px}.message-bubble:hover .message-reply{opacity:1}.message-reply:hover{background:#ffffff1a}.reply-preview{border-left:3px solid var(--accent);background:#0000001f;border-radius:10px;gap:2px;margin:0 0 8px;padding:8px 10px;display:grid}.reply-preview strong{color:#d8caff;font-size:11px}.reply-preview span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.typing-row{color:var(--muted);align-items:center;gap:9px;margin:16px 0 4px 43px;font-size:12px;display:flex}.typing-dots{background:#ffffff0b;border-radius:14px;gap:3px;padding:8px 10px;display:flex}.typing-dots i{background:#cbb9ef;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer-wrap{border-top:1px solid var(--line);background:#1c1723db;padding:10px 14px 12px}.muted-banner,.composer-reply,.composer-image-preview,.composer-voice-preview{border:1px solid var(--line);background:#ffffff0a;border-radius:15px;align-items:center;gap:10px;max-width:980px;min-height:46px;margin:0 auto 8px;padding:8px 10px;display:flex}.muted-banner span,.composer-image-preview span,.composer-voice-preview span{gap:3px;min-width:0;display:grid}.muted-banner small,.composer-image-preview small,.composer-voice-preview small{color:var(--muted);font-size:11px}.composer-reply>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.composer-reply>button,.composer-image-preview>button,.composer-voice-preview>button{width:30px;height:30px;color:var(--muted);background:#ffffff0d;border:0;border-radius:10px;margin-left:auto}.composer-image-preview img{object-fit:cover;border-radius:12px;width:42px;height:42px}.composer-voice-preview audio{min-width:180px;max-width:260px;height:34px}.composer-voice-preview__icon{background:var(--accent-soft);color:#d8caff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.composer{border:1px solid var(--line-strong);background:#ffffff0b;border-radius:20px;grid-template-columns:auto minmax(0,1fr) 46px;align-items:end;gap:7px;max-width:980px;min-height:58px;margin:0 auto;padding:6px;display:grid;box-shadow:0 10px 28px #07040b29}.composer:focus-within{border-color:#b99cff61;box-shadow:0 0 0 4px #b99cff12,0 10px 28px #07040b29}.composer-tools{align-items:center;gap:3px;display:flex}.composer-tool{width:38px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:13px;place-items:center;padding:0;display:grid}.composer-tool:hover{color:#ddd0ff;background:#ffffff0f}.composer>textarea{resize:none;min-height:44px;max-height:160px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:11px 6px;line-height:1.45}.composer>textarea:focus{box-shadow:none}.send-button{color:#251b30;background:linear-gradient(145deg,#c9b7ff,#9e7fe4);border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #7e5cc345}.send-button:hover{transform:translateY(-1px)}.send-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.composer-hint{max-width:980px;color:var(--muted-2);justify-content:space-between;margin:7px auto 0;font-size:10px;display:flex}.composer-hint span:first-child{align-items:center;gap:5px;display:flex}.emoji-wrap{position:relative}.emoji-panel{z-index:70;border:1px solid var(--line-strong);width:252px;box-shadow:var(--shadow);background:#272130fa;border-radius:18px;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0}.emoji-panel button{background:0 0;border:0;border-radius:10px;width:34px;height:34px;font-size:20px}.emoji-panel button:hover{background:#ffffff12}.voice-recording-panel{align-items:center;gap:8px;display:flex}.voice-recording-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;box-shadow:0 0 12px #ff80978c}.voice-stop{color:#ff9cad;background:#ff80971f;border:0;border-radius:13px;width:38px;height:44px}@keyframes pulse{50%{opacity:.42}}.mini-loader,.loader{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.mini-loader{width:16px;height:16px}.loader{width:34px;height:34px}@keyframes spin{to{transform:rotate(360deg)}}.room-details{opacity:0;pointer-events:none;width:0;padding:14px;transition:opacity .18s;overflow:auto}.app-shell--details .room-details{opacity:1;pointer-events:auto;width:auto}.room-details__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 4px 12px;display:flex}.room-details__header span{color:var(--muted);font-size:11px}.room-details__header h2{font:720 20px/1 var(--font-display);margin:3px 0 0}.room-details__hero{background:var(--accent-soft);border:1px solid #b99cff29;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin:12px 0;padding:14px;display:grid}.room-details__mark{color:#e2d6ff;background:#ffffff12;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.room-details__hero div{gap:4px;min-width:0;display:grid}.room-details__hero strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-details__hero small{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.room-details__hero button{color:#d9ccff;background:#ffffff0f;border:0;border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.details-section{border-top:1px solid var(--line);padding:14px 4px}.details-section__heading{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.details-section__heading button{color:#c9b8f1;background:0 0;border:0;font-weight:700}.details-section__heading small{font-weight:500}.details-members{gap:4px;margin-top:7px;display:grid}.details-member{border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:48px;padding:6px;display:grid}.details-member:hover{background:#ffffff09}.details-member>span{gap:3px;min-width:0;display:grid}.details-member strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.details-member small{color:var(--muted);font-size:11px}.details-member>b{background:var(--accent-soft);color:#d8caff;border-radius:999px;padding:5px 8px;font-size:10px}.details-member>button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.join-code-card{border:1px solid var(--line);background:#ffffff09;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-top:8px;padding:7px 8px 7px 12px;display:flex}.join-code-card code{text-overflow:ellipsis;color:#ddd1fa;font:700 12px/1 var(--font-code);overflow:hidden}.join-code-card button{width:34px;height:34px;color:var(--muted);background:#ffffff0d;border:0;border-radius:11px;place-items:center;display:grid}.shared-media-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.shared-media-grid button{aspect-ratio:1;border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:0;overflow:hidden}.shared-media-grid img{object-fit:cover;width:100%;height:100%}.shared-media-empty{border:1px dashed var(--line-strong);min-height:88px;color:var(--muted);border-radius:15px;grid-column:1/-1;align-content:center;place-items:center;gap:7px;font-size:11px;display:grid}.details-section--settings{gap:5px;display:grid}.details-section--settings>button,.details-static-row{min-height:50px;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.details-section--settings>button:hover{background:#ffffff0a}.details-section--settings span{gap:3px;min-width:0;display:grid}.details-section--settings strong{font-size:12px}.details-section--settings small{text-overflow:ellipsis;color:var(--muted);font-size:11px;overflow:hidden}.details-section--settings i{color:var(--muted);font-style:normal}.connection-dot{background:var(--muted-2);border-radius:50%;width:8px;height:8px;display:inline-block}.connection-dot--online{background:var(--mint);box-shadow:0 0 9px #91d9bf73}.connection-dot--connecting{background:var(--warning);animation:1.2s infinite pulse}.details-scrim,.sidebar-scrim{display:none}.modal-backdrop,.moderation-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a070ead;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-card,.account-settings,.moderation-modal,.join-code-modal,.room-rename-modal{border:1px solid var(--line-strong);width:min(100%,520px);max-height:min(90vh,820px);box-shadow:var(--shadow);background:linear-gradient(155deg,#2b2535,#211d2a);border-radius:26px;padding:26px;position:relative;overflow:auto}.account-settings{width:min(100%,700px)}.account-settings h2,.profile-card h2,.moderation-modal h2,.join-code-modal h2,.room-rename-modal h2{font:720 30px/1.05 var(--font-display);letter-spacing:-.035em;margin:8px 0 18px}.profile-card>p,.recovery-card>p{color:var(--muted);line-height:1.55}.profile-card__overline{font-size:12px;font-weight:700;color:#c6b4ef!important;margin:16px 0 0!important}.moderation-modal__close{width:36px;height:36px;color:var(--muted);background:#ffffff0d;border:0;border-radius:12px;place-items:center;font-size:21px;display:grid;position:absolute;top:14px;right:14px}.recovery-code{background:var(--accent-soft);color:#e6dcff;border:1px solid #b99cff38;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:12px 0;padding:14px;display:flex}.recovery-code code{overflow-wrap:anywhere;font:700 12px/1.45 var(--font-code)}.recovery-warning{background:var(--peach-soft);color:#f0cfc6;border-radius:15px;grid-template-columns:20px 1fr;gap:9px;margin:12px 0 18px;padding:12px;font-size:12px;line-height:1.45;display:grid}.account-settings__tabs{background:#ffffff09;border-radius:16px;gap:6px;margin:14px 0 20px;padding:5px;display:flex}.account-settings__tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.account-settings__tabs button.is-active{background:var(--accent-soft);color:#dfd4ff}.account-profile-form{gap:16px;display:grid}.avatar-editor{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-editor .avatar{width:72px;height:72px}.avatar-editor button{border:1px solid var(--line);min-height:38px;color:var(--text-soft);background:#ffffff0a;border-radius:12px;padding:0 12px}.avatar-editor__remove{color:#ffabb9!important}.account-id{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:14px;padding:12px;font-size:12px}.account-id code{color:#d5c9ed;font-family:var(--font-code)}.account-security-panel{gap:18px;display:grid}.security-section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.security-section-heading h3{margin:0;font-size:18px}.security-section-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.security-section-heading button{border:1px solid var(--line);min-height:36px;color:var(--text-soft);background:#ffffff0a;border-radius:11px;padding:0 11px}.device-list,.login-history-list{gap:7px;display:grid}.device-card,.login-history-item{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.device-card--current{background:#91d9bf0f;border-color:#91d9bf3d}.device-card__icon{color:#d6c8f7;background:#ffffff0d;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.device-card__body,.login-history-item>span{gap:3px;min-width:0;display:grid}.device-card small,.login-history-item small{color:var(--muted);font-size:11px}.device-card__logout{color:#ffabba;background:#ff809712;border:1px solid #ff809740;border-radius:11px;min-height:34px;padding:0 10px}.security-loading,.security-empty{color:var(--muted);text-align:center;padding:22px}.moderation-modal__header{grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.moderation-modal__header span{gap:3px;display:grid}.moderation-modal__header small{color:var(--muted)}.moderation-action{border:1px solid var(--line);text-align:left;background:#ffffff08;border-radius:17px;grid-template-columns:40px 1fr;align-items:center;gap:10px;width:100%;min-height:72px;margin-top:9px;padding:12px;display:grid}.moderation-action:hover{background:#ffffff0d;border-color:#b99cff40}.moderation-action span{gap:4px;display:grid}.moderation-action small{color:var(--muted);line-height:1.4}.moderation-action--danger,.moderation-action--kick{border-color:#ff809733}.moderation-duration-row{margin:14px 0}.moderation-modal__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.moderation-current,.active-join-code,.join-code-warning{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:15px;margin:12px 0;padding:12px;font-size:12px;line-height:1.5}.join-code-generators{grid-template-columns:1fr 1fr;gap:8px;display:grid}.join-code-generators button,.join-code-modal__actions button,.join-code-modal__revoke{border:1px solid var(--line);min-height:42px;color:var(--text-soft);background:#ffffff09;border-radius:13px}.join-code-modal__actions{gap:8px;margin-top:14px;display:flex}.join-code-modal__actions>*{flex:1}.join-code-modal__revoke{color:#ffacba;border-color:#ff809740}.join-code-modal__error{color:#ffb1bf}.room-rename-modal__icon{background:var(--accent-soft);color:#d8caff;border-radius:17px;place-items:center;width:50px;height:50px;display:grid}.room-rename-modal__count{text-align:right;color:var(--muted);margin-top:6px;font-size:11px;display:block}.lightbox{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08050ce0;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox img{max-width:min(96vw,1400px);max-height:90vh;box-shadow:var(--shadow);border-radius:24px}.lightbox__close{border:1px solid var(--line-strong);background:var(--panel-solid);width:44px;height:44px;color:var(--text);border-radius:14px;font-size:24px;position:fixed;top:24px;right:24px}.toast{z-index:130;border:1px solid var(--line-strong);max-width:calc(100vw - 30px);color:var(--text);box-shadow:var(--shadow);background:#2a2334f5;border-radius:15px;padding:12px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.error-screen,.loading-screen{text-align:center;align-content:center;place-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.error-screen>span{color:#ff9bad;background:#ff80971a;border-radius:20px;place-items:center;width:62px;height:62px;display:grid}.error-screen h1{font:720 36px/1 var(--font-display);margin:0}.error-screen p{max-width:580px;color:var(--muted);margin:0;line-height:1.55}.moderation-block-note{color:#e2c98f}.loading-screen{color:var(--muted)}.root-loading,.root-login{place-items:center;min-height:100vh;padding:24px;display:grid}.root-login__card{border:1px solid var(--line-strong);width:min(100%,440px);box-shadow:var(--shadow);background:linear-gradient(155deg,#2c2536,#211d2a);border-radius:26px;padding:28px}.root-brand{align-items:center;gap:10px;display:flex}.root-brand>span{color:#251b31;background:linear-gradient(145deg,#c7b4ff,#9979df);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.root-brand strong{font:730 20px/1 var(--font-display)}.root-login__card>p{color:var(--muted);line-height:1.5}.root-login__card button,.root-upload button{color:#241a30;background:linear-gradient(135deg,#cbbaff,#a785ed);border:0;border-radius:14px;width:100%;min-height:46px;margin-top:14px;font-weight:800}.root-login__card a{text-align:center;color:var(--muted);margin-top:14px;display:block}.root-error{color:#ffabb9}.root-shell{min-height:100vh;overflow:auto}.root-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1c1723e0;grid-template-columns:210px minmax(420px,1fr) auto;align-items:center;min-height:76px;padding:0 18px;display:grid;position:sticky;top:0}.root-header nav{justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.root-header nav button{min-width:100px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:13px}.root-header nav button.is-active,.root-header nav button:hover{color:#dfd3ff;background:var(--accent-soft)}.root-header__actions{gap:6px;display:flex}.root-header__actions a,.root-header__actions button{border:1px solid var(--line);min-height:38px;color:var(--text-soft);background:#ffffff09;border-radius:12px;align-items:center;padding:0 11px;text-decoration:none;display:flex}.root-content{padding:30px clamp(14px,3vw,42px) 80px}.root-title-row{justify-content:space-between;align-items:end;gap:20px;min-height:116px;display:flex}.root-title-row span{color:#c4b2ed;font-weight:700}.root-title-row h1{font:730 clamp(38px,5vw,68px)/.9 var(--font-display);letter-spacing:-.05em;margin:8px 0 0}.root-search{width:min(360px,100%)}.root-stats{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.root-stats article{border:1px solid var(--line);background:#ffffff09;border-radius:19px;align-content:space-between;min-height:112px;padding:17px;display:grid}.root-stats span{color:var(--muted);font-size:12px}.root-stats strong{color:#dfd4ff;font:730 38px/.9 var(--font-display)}.root-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.root-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#231e2cc7;border-radius:22px;overflow:hidden}.root-panel>h2,.root-panel__heading h2,.root-upload h2{border-bottom:1px solid var(--line);font:720 18px/1 var(--font-display);margin:0;padding:17px}.root-list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:9px 14px;display:flex}.root-list-row>div{gap:4px;min-width:0;display:grid}.root-list-row strong{text-overflow:ellipsis;overflow:hidden}.root-list-row small,.root-list-row>span{color:var(--muted);font-size:11px}.root-user-cell{align-items:center;gap:9px;min-width:0;display:flex!important}.root-user-cell img,.root-user-cell i{object-fit:cover;background:var(--accent-soft);color:#ddcfff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.root-privacy-note{color:#cbe5db;background:#91d9bf14;border-radius:16px;margin-top:14px;padding:14px;line-height:1.5}.root-panel--table{margin-top:14px;overflow:auto}.root-table{min-width:850px}.root-table__head,.root-table__row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 14px;display:grid}.root-table--users .root-table__head,.root-table--users .root-table__row{grid-template-columns:1.3fr 1.6fr .5fr 1fr 1fr}.root-table--rooms .root-table__head,.root-table--rooms .root-table__row{grid-template-columns:1.5fr .45fr .55fr .55fr 1.2fr 1fr}.root-table__head{color:#d8caff;background:#ffffff09;min-height:46px;font-size:11px;font-weight:700}.root-table__row{min-height:64px;color:var(--text-soft);font-size:12px}.root-table__row code{text-overflow:ellipsis;color:#d3c6ee;overflow:hidden}.root-tags{flex-wrap:wrap;gap:4px;display:flex}.root-tags b{background:var(--accent-soft);color:#d8caff;border-radius:999px;padding:5px 7px;font-size:10px}.root-grid--music{grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr)}.root-panel__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.root-panel__heading>div p{color:var(--muted);margin:-8px 17px 15px;font-size:12px}.root-switch{color:var(--muted);align-items:center;gap:7px;padding-right:15px;display:flex}.root-switch input{opacity:0;position:absolute}.root-switch span{background:#ffffff12;border-radius:999px;width:42px;height:24px;position:relative}.root-switch span:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:4px;left:4px}.root-switch input:checked+span{background:var(--accent-soft)}.root-switch input:checked+span:after{background:var(--accent);transform:translate(18px)}.root-track-list{display:grid}.root-track{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr minmax(190px,260px) 58px;align-items:center;gap:9px;min-height:70px;padding:9px 13px;display:grid}.root-track>span{color:#c8b5f1;font-weight:800}.root-track>div{gap:4px;display:grid}.root-track small{color:var(--muted)}.root-track audio{width:100%;height:32px}.root-track button{color:#ffabb9;background:#ff80970f;border:1px solid #ff80973d;border-radius:10px;min-height:34px}.root-upload{padding:0 17px 20px}.root-upload>h2{margin:0 -17px 16px}.root-upload>p,.root-upload>small{color:var(--muted);line-height:1.5}.root-upload label{margin-top:15px}.root-file input{display:none}.root-file span{border:1px dashed var(--line-strong);background:#ffffff08;border-radius:14px;align-items:center;min-height:48px;padding:0 12px;display:flex}.root-empty{color:var(--muted);text-align:center;padding:32px}.platform-music{z-index:90;border:1px solid var(--line-strong);width:min(430px,100vw - 36px);min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#282231f0;border-radius:21px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:fixed;bottom:18px;right:18px}.platform-music__meta{gap:4px;min-width:0;display:grid}.platform-music__eyebrow{color:#c9b7ef;font-size:11px}.platform-music__meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-music__controls{align-items:center;gap:4px;display:flex}.platform-music__controls button{border:1px solid var(--line);width:35px;height:35px;color:var(--text-soft);background:#ffffff09;border-radius:12px;place-items:center;display:grid}.platform-music__controls button:hover{background:var(--accent-soft);color:#dfd3ff}.platform-music__volume{width:76px;accent-color:var(--accent)}@media (width<=1180px){.landing__nav{grid-template-columns:1fr 1fr}.landing__nav-center{display:none}.app-shell--details{grid-template-columns:280px minmax(0,1fr)}.room-details{z-index:55;opacity:0;pointer-events:none;transition:transform .22s,opacity .22s;position:fixed;inset:12px 12px 12px auto;transform:translate(calc(100% + 20px));width:min(370px,90vw)!important}.room-details--open,.app-shell--details .room-details{opacity:1;pointer-events:auto;transform:translate(0)}.details-scrim{z-index:50;background:#0a070e94;border:0;display:block;position:fixed;inset:0}.root-header{grid-template-columns:180px 1fr auto}}@media (width<=920px){.landing__masthead{grid-template-columns:1fr}.hero{min-height:520px}.landing__control{min-height:330px}.saved-room-grid{grid-template-columns:repeat(2,1fr)}.auth-screen__layout{grid-template-columns:1fr}.auth-poster{min-height:460px}.root-header{grid-template-columns:1fr auto}.root-header nav{order:3;grid-column:1/-1;justify-content:flex-start;height:54px;overflow-x:auto}.root-stats{grid-template-columns:repeat(2,1fr)}.root-grid,.root-grid--music{grid-template-columns:1fr}}@media (width<=760px){body{overflow:hidden}.landing,.auth-screen{padding:8px}.landing__nav,.auth-screen__header{border-radius:18px;top:6px}.landing__nav{grid-template-columns:1fr auto}.security-pill,.account-chip>span{display:none}.landing__masthead{border-radius:22px;padding:8px}.hero{border-radius:18px;min-height:500px;padding:28px 20px}.hero h1{margin-top:100px;font-size:clamp(52px,17vw,84px)}.hero:after{font-size:70px}.hero__copy{grid-template-columns:1fr}.landing__control{border-radius:18px}.saved-room-grid,.landing__onboarding{grid-template-columns:1fr}.landing__footer span:nth-child(2){display:none}.auth-screen__layout{border-radius:22px;padding:8px}.auth-poster,.auth-card{border-radius:18px}.auth-poster{min-height:390px;padding:28px 20px}.auth-poster h2{margin-top:50px;font-size:48px}.auth-poster__diagram{width:120px;height:120px}.auth-poster__diagram b{border-radius:22px;width:64px;height:64px;font-size:32px}.auth-card{padding:28px 20px}.app-shell,.app-shell--details{grid-template-columns:1fr;padding:7px}.sidebar{z-index:20;width:min(88vw,330px);transition:transform .22s;position:fixed;inset:7px auto 7px 7px;transform:translate(calc(-100% - 16px))}.sidebar--open{transform:translate(0)}.sidebar__close{display:grid}.sidebar-scrim{z-index:15;background:#0a070e9e;border:0;display:block;position:fixed;inset:0}.mobile-room-button{display:grid}.chat-header{padding:0 10px}.chat-header h1{font-size:19px}.admin-badge,.member-badge,.chat-header__actions .icon-button:first-of-type{display:none}.message-list{padding:20px 12px}.message-content{max-width:86%}.composer-wrap{padding:8px}.composer{gap:3px}.composer-tool{width:33px}.emoji-panel{left:-65px}.account-settings{padding:22px 15px}.account-settings__tabs{flex-direction:column}.moderation-modal__grid,.join-code-generators{grid-template-columns:1fr}.root-header{padding:0 10px}.root-header__actions a{display:none}.root-title-row{flex-direction:column;align-items:flex-start;padding-top:25px}.root-search{width:100%;margin-bottom:18px}.root-content{padding:20px 10px 60px}.root-track{grid-template-columns:24px 1fr 50px}.root-track audio{grid-column:2/-1}.platform-music{width:calc(100vw - 16px);bottom:8px;right:8px}}@media (width<=450px){.hero h1{font-size:50px}.hero__trust{display:none}.landing__ticker{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.landing__footer{justify-content:center}.landing__footer span:not(:first-child),.auth-screen__header>span{display:none}.message-audio{grid-template-columns:28px minmax(120px,1fr);min-width:210px}.message-audio small,.composer-tools .composer-tool:nth-child(2){display:none}.root-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.saved-rooms-dashboard{overflow:hidden}.saved-room-grid{overscroll-behavior:contain;align-content:start;max-height:min(470px,52vh);padding:2px 7px 4px 2px;scroll-padding-block:8px;overflow-y:auto}.saved-room-grid:after{content:"";height:1px}.sidebar-room-list{overscroll-behavior:contain;max-height:min(250px,28vh);padding-right:4px;scroll-padding-block:6px;overflow-y:auto}.people-list{overscroll-behavior:contain;max-height:min(270px,31vh);padding-right:3px;overflow-y:auto}.restriction-list{overscroll-behavior:contain;max-height:230px;padding-right:3px;overflow-y:auto}.room-actions{z-index:8;place-items:center;display:grid;position:relative}.saved-room-card>.room-actions{position:absolute;top:10px;right:10px}.sidebar-room>.room-actions{align-self:center}.room-actions__trigger{width:32px;height:32px;color:var(--muted);background:#ffffff0b;border:0;border-radius:11px;place-items:center;padding:0;transition:background .16s,color .16s,transform .16s;display:grid}.room-actions__trigger:hover,.room-actions__trigger[aria-expanded=true]{background:var(--accent-soft);color:#e3d9ff;transform:translateY(-1px)}.room-actions__menu{z-index:120;border:1px solid var(--line-strong);width:210px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;background:#272130fa;border-radius:16px;gap:3px;padding:7px;animation:.16s both dropdown-in;display:grid;position:absolute;top:calc(100% + 7px);right:0}.room-actions__menu button{min-height:39px;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;padding:0 10px;display:flex}.room-actions__menu button:hover{background:#ffffff0e}.room-actions__menu button.is-danger{color:#ffacbb}.room-actions__menu button.is-danger:hover{background:#ff80971a}.sidebar-room{grid-template-columns:minmax(0,1fr) 34px}.sidebar-room .room-actions__menu{right:0}.saved-room-card__open{padding-right:52px}.soft-dropdown{width:100%;position:relative}.soft-dropdown__trigger{border:1px solid var(--line-strong);width:100%;min-height:58px;color:var(--text);text-align:left;background:#ffffff0b;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.soft-dropdown__trigger:hover,.soft-dropdown--open .soft-dropdown__trigger{background:#ffffff0f;border-color:#b99cff6b;box-shadow:0 0 0 4px #b99cff12}.soft-dropdown__trigger>span{gap:3px;min-width:0;display:grid}.soft-dropdown__trigger small{color:var(--muted);font-size:10px;font-weight:650}.soft-dropdown__trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.soft-dropdown__trigger svg{color:var(--muted);transition:transform .18s}.soft-dropdown--open .soft-dropdown__trigger svg{transform:rotate(180deg)}.soft-dropdown__menu{z-index:160;border:1px solid var(--line-strong);max-height:280px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:top;background:#272130fc;border-radius:17px;gap:3px;padding:7px;animation:.16s both dropdown-in;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.soft-dropdown__menu>button{min-height:48px;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.soft-dropdown__menu>button:hover,.soft-dropdown__menu>button.is-selected{background:var(--accent-soft);color:var(--text)}.soft-dropdown__menu>button span{gap:3px;min-width:0;display:grid}.soft-dropdown__menu strong{font-size:13px}.soft-dropdown__menu small{color:var(--muted);font-size:10px;line-height:1.35}.soft-dropdown__menu b{color:#dacfff;background:#b99cff29;border-radius:9px;place-items:center;width:25px;height:25px;display:grid}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-menu,.emoji-panel{transform-origin:100% 0;animation:.16s both dropdown-in}.person__actions,.details-member__actions{align-items:center;gap:3px;display:flex}.person__call,.person__moderate,.details-member__actions button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.person__call:hover,.person__moderate:hover,.details-member__actions button:hover{background:var(--accent-soft);color:#ddd0ff}.person__call:disabled,.details-member__actions button:disabled{opacity:.3;cursor:not-allowed;background:0 0}.details-member__actions{justify-content:flex-end}.call-modal-backdrop{z-index:240;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a070eb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.incoming-call{text-align:center;border:1px solid var(--line-strong);background:linear-gradient(155deg,#382e46fa,#1e1926fc);border-radius:30px;justify-items:center;width:min(390px,100vw - 30px);padding:34px 28px 27px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #0503098c}.incoming-call:before{content:"";filter:blur(8px);background:#b99cff30;border-radius:50%;width:270px;height:270px;position:absolute;top:-170px}.incoming-call .avatar{z-index:2;width:78px;height:78px;font-size:20px;box-shadow:0 0 0 10px #b99cff14,0 0 0 20px #b99cff09}.incoming-call__pulse{border:1px solid #b99cff42;border-radius:50%;width:105px;height:105px;animation:1.8s ease-out infinite call-ring;position:absolute;top:25px}.incoming-call p{color:#cdbfea;margin:26px 0 5px;font-size:12px}.incoming-call h2{font:740 28px/1.08 var(--font-display);letter-spacing:-.025em;margin:0}.incoming-call>small{color:var(--muted);margin-top:7px}.incoming-call__actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:28px;display:grid}.call-action{border:0;border-radius:19px;justify-content:center;align-items:center;gap:9px;min-height:62px;font-weight:740;display:flex}.call-action--decline{color:#ffb0bf;background:#ff809721}.call-action--accept{color:#163127;background:linear-gradient(135deg,#bfead9,#8fd6bc);box-shadow:0 12px 28px #62ba992e}.call-action:hover{transform:translateY(-1px)}@keyframes call-ring{0%{opacity:.75;transform:scale(.65)}to{opacity:0;transform:scale(1.3)}}.call-dock{z-index:180;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#251f2ef5;border-radius:22px;grid-template-columns:42px minmax(0,1fr) 42px 42px;align-items:center;gap:9px;width:min(390px,100vw - 28px);min-height:74px;padding:10px;animation:.2s both call-dock-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 65px #0503097a}.call-dock>audio{display:none}.call-dock__copy{gap:2px;min-width:0;display:grid}.call-dock__copy small{color:var(--muted);font-size:10px}.call-dock__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.call-dock__copy em{color:#cdbfea;font-size:11px;font-style:normal}.call-dock__mute,.call-dock__hangup{border:0;border-radius:14px;place-items:center;width:42px;height:42px;padding:0;display:grid}.call-dock__mute{color:var(--text-soft);background:#ffffff0e}.call-dock__mute.is-muted{color:#f5cf82;background:#f7c56d1f}.call-dock__hangup{color:#ff9bad;background:#ff809726}.call-dock--outgoing .avatar,.call-dock--connecting .avatar{animation:1.3s ease-in-out infinite call-avatar-pulse}@keyframes call-dock-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes call-avatar-pulse{50%{box-shadow:0 0 0 7px #b99cff1a}}@media (width<=780px){.saved-room-grid{max-height:56vh}.call-dock{bottom:10px;right:10px}.soft-dropdown__menu{border-radius:22px;max-height:52vh;position:fixed;inset:auto 12px 12px}.room-actions__menu{border-radius:20px;width:auto;position:fixed;inset:auto 12px 12px}}.saved-room-card{overflow:visible}.saved-room-card__open{border-radius:21px}html,body,#root{height:100%}.landing{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100dvh;min-height:0;scroll-padding-top:94px;overflow:hidden auto}.saved-rooms-dashboard{min-height:0;overflow:visible}.saved-room-grid{scrollbar-gutter:stable;min-height:0;max-height:clamp(280px,52dvh,560px)}.room-actions__menu--portal,.soft-dropdown__menu--portal{z-index:420;overscroll-behavior:contain;display:grid;position:fixed;bottom:auto;right:auto;overflow-y:auto}.call-dock__resume{color:#21182c;background:linear-gradient(135deg,#cbbaff,#a786ed);border:0;border-radius:14px;place-items:center;width:42px;height:42px;padding:0;animation:1.35s ease-in-out infinite call-resume-pulse;display:grid;box-shadow:0 10px 24px #8765d247}.call-dock--playback-blocked .call-dock__copy em{color:#f4d18b}@keyframes call-resume-pulse{50%{transform:scale(1.06);box-shadow:0 12px 30px #8765d26b}}@media (height<=860px) and (width>=781px){.landing{padding-top:12px;padding-bottom:24px}.landing__nav{min-height:64px;margin-bottom:10px}.landing__masthead{min-height:480px}.hero{min-height:448px;padding-block:34px}.hero h1{margin-top:68px;font-size:clamp(58px,7.2vw,92px)}.landing__control{padding:19px}.saved-room-grid{max-height:clamp(250px,45dvh,460px)}}@media (width<=780px){.landing{scroll-padding-top:78px}.saved-room-grid{max-height:min(58dvh,560px)}.room-actions__menu--portal,.soft-dropdown__menu--portal{max-height:min(56dvh,420px);bottom:auto;right:auto}}.root-upload__usage{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex}.root-upload__usage strong{color:var(--text-soft);font-size:13px}