:root{--bg:#080b11;--bg2:#0b1018;--panel:#0f151f;--panel2:#131b27;--line:#ffffff13;--line2:#ffffff21;--text:#f5f7fb;--muted:#8c98aa;--soft:#b9c2cf;--mint:#78ffd0;--violet:#7868ff;--cyan:#6ed7ff;--danger:#ff6577;--warning:#ffc766;--radius:22px;--radius-sm:14px;--shadow:0 24px 70px #0006;--ease:cubic-bezier(.2,.8,.2,1);color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.5;cursor:default}input,textarea,select{color:var(--text);border:1px solid var(--line2);background:#0b111a;border-radius:13px;outline:none;padding:13px 14px;transition:border .15s,box-shadow .15s,background .15s}input:focus,textarea:focus,select:focus{background:#0d1420;border-color:#78ffd08c;box-shadow:0 0 0 3px #78ffd014}textarea{resize:none}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7f8a9a 50%),linear-gradient(135deg,#7f8a9a 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:34px}[dir=rtl] select{background-position:18px,13px;padding-inline:34px 14px}::selection{color:#fff;background:#78ffd047}.app-root{min-height:100dvh}.icon{pointer-events:none;display:block}.mobile-only{display:none!important}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:11px;display:flex}.brand strong{letter-spacing:-.02em;font-size:20px}.brand em{letter-spacing:.12em;color:#8da0b7;border:1px solid var(--line2);border-radius:999px;padding:4px 6px;font-size:8px;font-style:normal}.brand.compact strong{font-size:18px}.brand-mark{background:linear-gradient(135deg,var(--mint),var(--violet));border-radius:10px;grid-template-columns:repeat(3,3px);place-content:center;gap:3px;width:31px;height:31px;display:grid;box-shadow:0 7px 22px #7868ff38}.brand-mark i{background:#071016;border-radius:3px;width:3px;display:block}.brand-mark i:first-child{height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:7px}.eyebrow{color:#91a1b5;letter-spacing:.17em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow>i,.live-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #78ffd014,0 0 16px #78ffd073}.primary-btn,.secondary-btn{min-height:46px;transition:transform .12s var(--ease),background .15s,border-color .15s,box-shadow .15s;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}.primary-btn{color:#07120e;background:linear-gradient(135deg,var(--mint),#9fffdc);box-shadow:0 8px 24px #78ffd01f}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 11px 28px #78ffd02b}.primary-btn:active,.secondary-btn:active{transform:scale(.98)}.secondary-btn{border:1px solid var(--line2);color:var(--text);background:#111925}.secondary-btn:hover{background:#16202e;border-color:#ffffff2e}.wide{width:100%}.icon-btn{color:#aab5c4;border-radius:12px;place-items:center;width:42px;height:42px;transition:background .15s,color .15s,transform .1s;display:grid}.icon-btn:hover{color:#fff;background:#ffffff0f}.icon-btn:active{transform:scale(.94)}.icon-btn.active{color:var(--mint);background:#78ffd014}.text-btn{color:var(--mint);padding:7px 0;font-size:12px;font-weight:700}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.spinner.large{width:26px;height:26px}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{background:radial-gradient(circle at 50% 40%,#7868ff24,transparent 34%),var(--bg);align-content:center;place-items:center;gap:24px;height:100dvh;display:grid}.toast{z-index:9999;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));border:1px solid var(--line2);box-shadow:var(--shadow);animation:toastin .2s var(--ease);white-space:nowrap;background:#17202d;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:650;position:fixed;transform:translate(-50%)}.toast.error{color:#ffc3ca;background:#24141a;border-color:#ff657759}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.auth-page{background:radial-gradient(circle at 12% 10%,#7868ff1f,#0000 27%),radial-gradient(circle at 85% 80%,#78ffd014,#0000 28%),linear-gradient(145deg,#080b11,#0a0f17 50%,#080b11);min-height:100dvh;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 80%);mask-image:linear-gradient(#00000080,#0000 80%)}.auth-orb{filter:blur(1px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.orb-a{border:1px solid #78ffd01f;width:380px;height:380px;top:-190px;right:-180px;box-shadow:inset 0 0 80px #78ffd00a}.orb-b{border:1px solid #7868ff21;width:500px;height:500px;bottom:-250px;left:-330px}.auth-top{z-index:2;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(22px,5vw,70px);display:flex;position:relative}.language-pill{border:1px solid var(--line2);color:#a8b3c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff06;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.language-pill:hover{color:#fff;background:#ffffff0f}.auth-layout{z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);align-items:center;gap:70px;width:min(1180px,100% - 48px);min-height:calc(100dvh - 88px);margin:auto;padding:40px 0 80px;display:grid;position:relative}.auth-pitch{max-width:650px}.auth-pitch h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(48px,6.5vw,82px);font-weight:800;line-height:.95}.auth-pitch>p{color:#99a5b5;max-width:520px;margin:0;font-size:16px;line-height:1.7}.auth-preview{border:1px solid var(--line2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:0;background:linear-gradient(160deg,#161e2bdb,#0c111ae6);border-radius:22px;width:min(530px,100%);margin-top:42px;padding:18px;transform:perspective(1000px)rotateY(-4deg)rotateX(2deg);box-shadow:0 25px 80px #00000047}.preview-head{color:#8190a3;letter-spacing:.13em;align-items:center;gap:8px;height:30px;font-size:9px;font-weight:800;display:flex}.preview-head b{color:#9ba8b8;margin-inline-start:auto}.live-pulse{background:var(--mint);width:6px;height:6px;box-shadow:0 0 14px var(--mint);border-radius:50%}.preview-stage{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px;display:grid}.preview-stage span{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#ffffff26 0 12%,#0000 13%),linear-gradient(145deg,#1d2938,#111824);border:1px solid #ffffff0e;border-radius:14px}.preview-stage span:nth-child(2){background:radial-gradient(circle at 50% 38%,#78ffd038 0 12%,#0000 13%),linear-gradient(145deg,#1c2a2b,#111824)}.preview-stage span:nth-child(3){background:radial-gradient(circle at 50% 38%,#7868ff38 0 12%,#0000 13%),linear-gradient(145deg,#24213a,#111824)}.preview-copy{justify-content:space-between;align-items:center;display:flex}.preview-copy strong{font-size:13px}.preview-copy small{color:#748296;font-size:10px}.auth-card{border:1px solid var(--line2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e141eeb;border-radius:26px;padding:26px;box-shadow:0 30px 100px #00000059}.auth-card-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.auth-card-head>span{letter-spacing:-.035em;font-size:22px;font-weight:760}.auth-form,.modal-form{gap:15px;display:grid}.auth-form label,.modal-form label,.compact-form label{gap:8px;display:grid}.auth-form label>span,.modal-form label>span,.form-label,.compact-form label>span{color:#8f9bad;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.auth-form input{height:48px}.code-input{letter-spacing:.3em;text-align:center;font-weight:750;font-size:20px!important}.auth-links{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;display:flex}.auth-links button{color:#8491a3;font-size:11px}.auth-links b{color:var(--mint)}.form-note{color:#96a2b2;margin:-5px 0 20px;font-size:12px;line-height:1.7}.form-note b{color:#fff}.email-policy{color:#657284;margin:-4px 0 2px;font-size:10px}.altcha-wrap{border:1px solid var(--line);background:#0b111a;border-radius:13px;min-height:50px;padding:4px 8px;overflow:hidden}.altcha-wrap altcha-widget{--altcha-border-width:0;--altcha-border-radius:10px;--altcha-color-base:#0b111a;--altcha-color-border:transparent;--altcha-color-text:#cbd4df;--altcha-color-primary:#78ffd0;display:block}.dev-code{background:#ffc7660d;border:1px dashed #ffc76659;border-radius:11px;justify-content:space-between;align-items:center;margin:-8px 0 17px;padding:11px 13px;display:flex}.dev-code span{color:#b89f70;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.dev-code strong{letter-spacing:.18em;color:#ffd993;font-size:18px}.app-shell{background:radial-gradient(circle at 80% 0,#7868ff0e,transparent 25%),var(--bg);grid-template-columns:84px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-sidebar{border-inline-end:1px solid var(--line);z-index:5;background:#090d14e0;flex-direction:column;align-items:center;padding:22px 13px 18px;display:flex}.app-sidebar .brand strong{display:none}.app-sidebar .brand-mark{border-radius:12px;width:38px;height:38px}.app-sidebar nav,.sidebar-bottom{gap:8px;width:100%;display:grid}.app-sidebar nav{margin-top:48px}.sidebar-bottom{margin-top:auto}.app-sidebar nav button,.sidebar-bottom button{color:#687589;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:58px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.app-sidebar nav button:hover,.sidebar-bottom button:hover,.app-sidebar nav button.active{color:#d7dfe9;background:#ffffff0b}.app-sidebar nav button.active{color:var(--mint);box-shadow:inset 2px 0 0 var(--mint)}[dir=rtl] .app-sidebar nav button.active{box-shadow:inset -2px 0 0 var(--mint)}.home-main{grid-template-rows:76px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.home-top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#080b11b8;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.mobile-brand{display:none}.search-box{border:1px solid var(--line);color:#627083;background:#0b1018;border-radius:13px;align-items:center;gap:10px;width:min(440px,45vw);height:42px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;width:100%;height:100%;padding:0;font-size:12px;box-shadow:none!important}.search-box kbd{border:1px solid var(--line2);color:#657185;background:#111824;border-radius:6px;padding:3px 5px;font:9px ui-monospace,monospace}.top-actions{align-items:center;gap:8px;display:flex}.notification-button{position:relative}.notification-button>i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 10px var(--mint);border-radius:50%;position:absolute;top:8px;right:9px}.profile-button{border-radius:14px;align-items:center;gap:9px;height:48px;margin-inline-start:4px;padding:0 8px;display:flex}.profile-button:hover{background:#ffffff0a}.profile-button>div{text-align:start;gap:1px;display:grid}.profile-button strong{font-size:11px}.profile-button span{color:#718095;font-size:9px}.profile-button>.icon{color:#657185}.home-content{scrollbar-width:thin;scrollbar-color:#202938 transparent;padding:42px clamp(24px,4vw,62px) 110px;overflow-y:auto}.home-hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.home-hero h1{letter-spacing:-.055em;margin:12px 0 13px;font-size:clamp(38px,4.6vw,64px);line-height:1}.home-hero p{color:#7f8c9f;max-width:560px;margin:0;font-size:13px;line-height:1.7}.create-room-btn{min-height:48px}.filter-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);color:#748195;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.filter-row button:hover,.filter-row button.active{color:#fff;background:#78ffd012;border-color:#78ffd040}.rooms-section{margin-top:30px}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title>div{align-items:center;gap:10px;display:flex}.section-title strong{font-size:13px}.section-title span{color:#677589;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.status-live{align-items:center;gap:6px;display:flex}.status-live i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #78ffd080}.room-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.room-card{border:1px solid var(--line);min-height:290px;transition:transform .16s var(--ease),border-color .16s,background .16s;cursor:pointer;background:linear-gradient(145deg,#121924f2,#0b1018f2);border-radius:19px;padding:16px;position:relative;overflow:hidden}.room-card:hover{background:linear-gradient(145deg,#151e2bfa,#0c121bfa);border-color:#78ffd033;transform:translateY(-3px)}.room-card-top{justify-content:space-between;align-items:center;display:flex}.room-type{border:1px solid var(--line);color:#8090a4;text-transform:uppercase;letter-spacing:.07em;background:#ffffff09;border-radius:999px;align-items:center;gap:5px;height:25px;padding:0 9px;font-size:8px;font-weight:750;display:flex}.room-type.password{color:#d9b96e}.room-type.private{color:#a69bff}.heart-btn{color:#5d6a7b;place-items:center;width:30px;height:30px;display:grid}.heart-btn.active{color:#ff7e96}.room-visual{justify-content:center;align-items:center;height:91px;margin:17px 0;display:flex;position:relative}.visual-glow{filter:blur(8px);background:radial-gradient(circle,#7868ff26,#0000 70%);border-radius:50%;width:130px;height:70px;position:absolute}.mini-avatar,.mini-count{color:#c8d3e0;background:linear-gradient(145deg,#253348,#141d2a);border:3px solid #111823;border-radius:50%;place-items:center;width:45px;height:45px;margin-inline-start:-8px;font-size:10px;font-weight:800;display:grid;position:relative;box-shadow:0 6px 14px #0000002e}.mini-avatar:nth-of-type(2){background:linear-gradient(145deg,#1e3b38,#142521)}.mini-avatar:nth-of-type(3){background:linear-gradient(145deg,#332d52,#1c1930)}.mini-count{color:#8997aa;background:#151e2a}.room-visual>i{border-radius:50%;width:7px;height:7px;position:absolute;bottom:18px;right:18%}.room-visual>i.live{background:var(--mint);box-shadow:0 0 11px var(--mint)}.room-visual>i.idle{background:#4e5968}.room-card h3{letter-spacing:-.025em;margin:0;font-size:16px}.room-card p{color:#778598;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:7px 0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.room-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:13px;padding-top:13px;display:flex}.room-card footer>span{color:#708094;align-items:center;gap:6px;font-size:9px;display:flex}.online-dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.enter-arrow{border:1px solid var(--line);color:#8190a4;border-radius:9px;place-items:center;width:29px;height:29px;transition:all .15s;display:grid}.room-card:hover .enter-arrow{background:var(--mint);border-color:var(--mint);color:#06110d}.empty-state{border:1px dashed var(--line2);color:#667488;border-radius:20px;align-content:center;place-items:center;gap:13px;min-height:240px;display:grid}.empty-state>div{background:#101722;border-radius:18px;place-items:center;width:55px;height:55px;display:grid}.empty-state strong{font-size:12px}.home-bottom-card{border:1px solid var(--line);background:linear-gradient(100deg,#7868ff13,#78ffd009);border-radius:20px;align-items:center;gap:19px;min-height:120px;margin-top:35px;padding:22px 24px;display:flex;overflow:hidden}.premium-orb{width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(135deg,#1f2d40,#111925);border-radius:23px;justify-content:center;align-items:flex-end;gap:4px;padding:17px;display:flex}.premium-orb i{background:linear-gradient(var(--mint),var(--violet));border-radius:3px;width:6px}.premium-orb i:first-child{height:21px}.premium-orb i:nth-child(2){height:34px}.premium-orb i:nth-child(3){height:15px}.home-bottom-card>div:nth-child(2){gap:3px;display:grid}.home-bottom-card span{color:#6e7c90;letter-spacing:.11em;font-size:8px;font-weight:800}.home-bottom-card strong{font-size:15px}.home-bottom-card p{color:#748195;margin:0;font-size:10px}.home-bottom-card>button{margin-inline-start:auto}.avatar{background:linear-gradient(145deg,hsl(var(--avatar-hue) 35% 30%),hsl(var(--avatar-hue) 35% 17%));color:#eef2f7;border:1px solid #ffffff14;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.avatar b{letter-spacing:.03em;font-size:.32em}.avatar-xs{width:24px;height:24px;font-size:24px}.avatar-sm{width:34px;height:34px;font-size:34px}.avatar-md{width:42px;height:42px;font-size:42px}.avatar-xl{width:68px;height:68px;font-size:68px}.presence-dot{background:#56e6a4;border:2px solid #101722;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:-1px}.presence-dot.away{background:#f5c96d}.presence-dot.busy{background:#ff7080}.presence-dot.invisible{background:#697487}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020509b8;place-items:center;padding:22px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line2);width:min(520px,100%);max-height:min(820px,100dvh - 44px);animation:modalin .2s var(--ease);scrollbar-width:thin;scrollbar-color:#293445 transparent;background:linear-gradient(160deg,#111824,#0d131c);border-radius:24px;padding:24px;overflow:auto;box-shadow:0 35px 100px #0000008c}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:6px 0 0;font-size:25px}.modal-head p{color:#8390a2;margin:6px 0 0;font-size:11px}.modal-form input,.modal-form textarea,.modal-form select{width:100%}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.settings-modal{width:min(600px,100%)}.settings-profile{border:1px solid var(--line);background:#ffffff05;border-radius:18px;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.settings-profile>div{gap:4px;display:grid}.settings-profile strong{font-size:16px}.settings-profile span{color:#768599;font-size:10px}.settings-divider{background:var(--line);height:1px;margin:24px 0}.compact-form h3{margin:0 0 3px;font-size:13px}.lock-badge{color:#ffd17f;background:#ffc76614;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:10px;display:grid}.room-info-card{border:1px solid var(--line);background:#0b111a;border-radius:17px;margin-bottom:15px;padding:17px}.room-info-card>span{color:var(--mint);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.room-info-card p{color:#8a97a8;font-size:12px;line-height:1.6}.room-info-card>div{gap:8px;display:flex}.room-info-card b{color:#9ba8b8;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:9px}.side-panel,.dm-panel{z-index:160;border-left:1px solid var(--line2);width:min(400px,100%);height:100dvh;animation:slidein .2s var(--ease);background:#0c121b;padding:20px;position:fixed;top:0;right:0;box-shadow:-30px 0 80px #0006}[dir=rtl] .side-panel,[dir=rtl] .dm-panel{border-left:0;border-right:1px solid var(--line2);left:0;right:auto;box-shadow:30px 0 80px #0006}.panel-head{justify-content:space-between;align-items:center;height:48px;display:flex}.panel-head h3{margin:0;font-size:15px}.notification-list{max-height:calc(100dvh - 120px);margin-top:15px;display:grid;overflow:auto}.notification-item{text-align:start;border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:13px 3px;display:flex}.notification-item.unread{background:linear-gradient(90deg,#78ffd00a,#0000)}.notification-icon{color:#8695a9;background:#131c28;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.notification-item>div{gap:3px;display:grid}.notification-item strong{font-size:11px}.notification-item p{color:#8390a2;margin:0;font-size:10px;line-height:1.5}.notification-item small{color:#586577;font-size:8px}.empty-mini{color:#657286;text-align:center;padding:30px 8px;font-size:11px}.dm-panel{width:min(720px,100%);padding:0}.dm-panel>.panel-head{border-bottom:1px solid var(--line);padding:0 18px}.dm-layout{grid-template-columns:230px 1fr;height:calc(100dvh - 48px);display:grid}.dm-layout>aside{border-inline-end:1px solid var(--line);padding:8px;overflow:auto}.dm-layout>aside>button{text-align:start;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:58px;padding:8px;display:flex}.dm-layout>aside>button:hover,.dm-layout>aside>button.active{background:#111a26}.dm-layout>aside>button>div{flex:1;min-width:0;display:grid}.dm-layout aside strong{font-size:10px}.dm-layout aside span{color:#6e7a8c;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.dm-layout aside button>b{background:var(--mint);color:#07120e;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:8px;display:grid}.dm-layout>main{grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.dm-person{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:58px;padding:0 14px;display:flex}.dm-person strong{font-size:11px}.dm-messages{flex-direction:column;gap:8px;padding:16px;display:flex;overflow:auto}.dm-bubble{background:#151e2b;border-radius:15px;align-self:flex-start;max-width:75%;padding:10px 12px;font-size:11px;line-height:1.5}.dm-bubble.me{background:linear-gradient(135deg,#78ffd02b,#7868ff1f);border:1px solid #78ffd01f;align-self:flex-end}.dm-bubble small{color:#697587;margin-top:4px;font-size:7px;display:block}.dm-compose{border-top:1px solid var(--line);align-items:center;gap:8px;height:62px;padding:9px;display:flex}.dm-compose input{flex:1;height:42px}.dm-compose button{background:var(--mint);color:#07120e;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.dm-placeholder{text-align:center;color:#657286;place-self:center}.dm-placeholder p{font-size:11px}.admin-modal{width:min(760px,100%)}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:18px;padding-bottom:10px;display:flex}.admin-tabs button{color:#788698;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.admin-tabs button.active{color:#fff;background:#182230}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-grid>div{border:1px solid var(--line);background:#0b111a;border-radius:16px;align-content:center;min-height:100px;padding:16px;display:grid}.stat-grid strong{letter-spacing:-.05em;font-size:26px}.stat-grid span{color:#718095;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.admin-list{max-height:500px;display:grid;overflow:auto}.admin-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:8px 3px;display:flex}.admin-list>div>div{flex:1;gap:2px;min-width:0;display:grid}.admin-list strong{font-size:10px}.admin-list span,.admin-list small{color:#718095;font-size:8px}.admin-list em{color:#8c9bad;border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:8px;font-style:normal}.tiny-btn{background:#162131;border-radius:8px;padding:6px 8px;font-size:8px}.reports-list>div{align-items:flex-start;padding:12px 3px}.reports-list small{margin-top:4px}.mobile-nav{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modalin{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:none}}[dir=rtl] .side-panel,[dir=rtl] .dm-panel{animation-name:slideinrtl}@keyframes slideinrtl{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:none}}.room-page{background:radial-gradient(circle at 50% -10%,#7868ff14,transparent 28%),var(--bg);grid-template-rows:72px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.room-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#080b11d1;align-items:center;gap:12px;padding:0 18px;display:flex}.back-btn{margin-inline-end:2px}.room-heading{gap:0;min-width:0;display:grid}.room-heading small{color:#69778a;white-space:nowrap;text-overflow:ellipsis;max-width:55vw;font-size:9px;overflow:hidden}.room-live{color:#739085;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;font-size:8px;font-weight:800;display:flex}.room-live i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 8px var(--mint);border-radius:50%}.room-header-actions{align-items:center;gap:2px;margin-inline-start:auto;display:flex}.room-grid{grid-template-columns:minmax(0,1fr) 286px;min-height:0;display:grid}.room-main{grid-template-rows:minmax(270px,46%) minmax(0,54%);min-width:0;min-height:0;display:grid;overflow:hidden}.live-stage{border-bottom:1px solid var(--line);background:linear-gradient(#111722b8,#090d1480);grid-template-rows:auto 1fr auto;min-height:0;padding:14px 16px 10px;display:grid}.stage-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stage-top>div{align-items:center;gap:10px;display:flex}.stage-top b{color:#627084;font-size:8px;font-weight:600}.stage-join,.stage-leave{border-radius:9px;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:8px;font-weight:800;display:flex}.stage-join{color:#baffea;background:#78ffd01c;border:1px solid #78ffd02e}.stage-leave{color:#ff9baa;background:#ff657714;border:1px solid #ff657724}.video-grid{scrollbar-width:none;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;gap:8px;min-height:0;display:grid;overflow-x:auto}.video-grid::-webkit-scrollbar{display:none}.video-tile{border:1px solid var(--line);isolation:isolate;background:linear-gradient(145deg,#172231,#0f1722);border-radius:15px;min-width:140px;min-height:0;position:relative;overflow:hidden}.video-tile.speaking{border-color:#78ffd0a6;box-shadow:0 0 0 2px #78ffd014,0 0 28px #78ffd017}.video-tile video{object-fit:cover;background:#0d131c;width:100%;height:100%;position:absolute;inset:0}.video-avatar{background:radial-gradient(circle at 50% 40%,#7868ff1c,#0000 32%);place-items:center;display:grid;position:absolute;inset:0}.video-avatar span{color:#cbd5e1;background:linear-gradient(145deg,#243448,#131d2a);border:1px solid #ffffff14;border-radius:50%;place-items:center;width:62px;height:62px;font-size:17px;font-weight:800;display:grid}.tile-meta{z-index:2;background:linear-gradient(#0000,#00000094);align-items:center;gap:6px;padding:28px 10px 8px;display:flex;position:absolute;inset:auto 0 0}.tile-meta i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 8px var(--mint);border-radius:50%}.stage-empty{border:1px dashed var(--line);color:#657285;border-radius:15px;align-content:center;place-items:center;gap:5px;min-height:100px;display:grid}.stage-empty-art{align-items:flex-end;gap:4px;height:34px;margin-bottom:2px;display:flex}.stage-empty-art i{background:linear-gradient(var(--mint),var(--violet));opacity:.6;border-radius:4px;width:5px}.stage-empty-art i:first-child{height:18px}.stage-empty-art i:nth-child(2){height:31px}.stage-empty-art i:nth-child(3){height:12px}.stage-empty strong{color:#9aa7b8;font-size:10px}.media-controls{justify-content:center;align-items:flex-end;gap:8px;height:43px;padding-top:8px;display:flex}.media-controls button{border:1px solid var(--line);color:#8290a3;background:#101722;border-radius:10px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.media-controls button.on{color:#07120e;background:var(--mint);border-color:var(--mint)}.media-controls button.waiting{color:#ffd17a;background:#ffc76614;border-color:#ffc7662e}.media-controls small{color:#667487;align-self:center;font-size:8px}.chat-section{background:#090d14;grid-template-rows:48px 1fr auto auto;min-height:0;display:grid}.chat-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 17px;display:flex}.chat-title>div{align-items:center;gap:7px;display:flex}.chat-title span{color:#627084;font-size:8px}.chat-feed{scrollbar-width:thin;scrollbar-color:#202a38 transparent;min-height:0;padding:11px 16px;overflow-y:auto}.chat-row{gap:9px;margin:7px 0;display:flex}.chat-row.grouped{margin-top:2px;padding-inline-start:43px}.chat-content{min-width:0;max-width:85%}.chat-meta{align-items:center;gap:6px;margin-bottom:2px;display:flex}.chat-meta em{color:#09130f;background:var(--mint);border-radius:4px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:900}.chat-meta time{color:#4f5b6b;font-size:7px}.chat-content p{color:#c5cdd8;white-space:pre-wrap;word-break:break-word;margin:0;font-size:10px;line-height:1.48}.deleted-message{font-style:italic;color:#536071!important}.typing-line{color:#627084;align-items:center;gap:6px;height:24px;padding:0 16px;font-size:8px;display:flex}.typing-line>span{gap:2px;display:flex}.typing-line i{background:#708095;border-radius:50%;width:3px;height:3px;animation:1s infinite typing}.typing-line i:nth-child(2){animation-delay:.15s}.typing-line i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{background:var(--mint);transform:translateY(-3px)}}.chat-compose{border:1px solid var(--line2);background:#0e151f;border-radius:15px;align-items:flex-end;gap:6px;min-height:52px;margin:0 13px 12px;padding:6px;display:flex}.chat-compose:focus-within{border-color:#78ffd03d;box-shadow:0 0 0 3px #78ffd006}.chat-compose textarea{flex:1;min-height:38px;max-height:110px;padding:10px 7px;font-size:10px;line-height:1.45;box-shadow:none!important;background:0 0!important;border:0!important}.compose-plus,.send-btn{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.compose-plus{color:#718095;font-size:18px}.send-btn{background:var(--mint);color:#07120e}.people-panel{border-inline-start:1px solid var(--line);background:#0a0f17;grid-template-rows:54px auto 1fr;min-height:0;display:grid}.people-head{border-bottom:1px solid var(--line);color:#7f8da0;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.people-head>div{align-items:center;gap:6px;display:flex}.people-head strong{color:#c7cfda;font-size:10px}.people-head span{background:#151d29;border-radius:999px;padding:2px 6px;font-size:8px}.hand-queue{display:grid}.hand-queue>div{background:#ffc7660a;border-bottom:1px solid #ffc76614;align-items:center;gap:7px;height:42px;padding:0 10px;display:flex}.hand-queue span{flex:1;font-size:8px}.hand-queue button{color:#ffd786;border:1px solid #ffc76629;border-radius:7px;padding:5px 6px;font-size:7px}.people-list{scrollbar-width:thin;scrollbar-color:#202a38 transparent;min-height:0;padding:5px;overflow-y:auto}.person-row{border-radius:11px;align-items:center;gap:8px;min-height:48px;padding:6px;display:flex}.person-row:hover{background:#0f1722}.person-main{text-align:start;flex:1;gap:2px;min-width:0;display:grid}.person-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.person-main strong small{color:#5c697a;font-size:6px}.person-main span{color:#617084;font-size:7px}.person-chat{color:#5e6b7d;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.person-menu{position:relative}.person-menu summary{color:#667487;cursor:pointer;border-radius:8px;place-items:center;width:28px;height:28px;list-style:none;display:grid}.person-menu summary::-webkit-details-marker{display:none}.person-menu>div{z-index:20;border:1px solid var(--line2);width:120px;box-shadow:var(--shadow);background:#131b27;border-radius:11px;padding:5px;display:grid;position:absolute;top:31px;right:0}.person-menu button{text-align:start;border-radius:7px;padding:8px;font-size:8px}.person-menu button:hover{background:#ffffff0d}.person-menu button.danger{color:#ff91a0}.mobile-people-modal .people-list{max-height:60dvh}@media (max-width:1100px){.room-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr 420px;gap:42px}.room-grid{grid-template-columns:minmax(0,1fr) 250px}}@media (max-width:820px){body{overflow:hidden}.auth-layout{grid-template-columns:1fr;width:min(520px,100% - 28px);padding:15px 0 50px}.auth-pitch{display:none}.auth-top{height:74px;padding:0 18px}.auth-card{border-radius:22px;padding:22px}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.home-main{grid-template-rows:64px 1fr}.home-top{padding:0 13px}.mobile-brand{display:block}.search-box{z-index:2;width:auto;position:absolute;top:73px;left:15px;right:15px;box-shadow:0 10px 30px #00000040}.desktop-language,.profile-button>div,.profile-button>.icon{display:none}.profile-button{margin:0;padding:4px}.home-content{padding:67px 15px calc(95px + env(safe-area-inset-bottom))}.home-hero{align-items:flex-start;margin-top:18px}.home-hero h1{font-size:39px}.home-hero p{font-size:11px}.create-room-btn{width:45px;min-width:45px;padding:0;font-size:0}.create-room-btn .icon{width:18px}.room-grid-cards{grid-template-columns:1fr 1fr;gap:10px}.room-card{border-radius:17px;min-height:255px;padding:13px}.room-visual{height:70px;margin:12px 0}.mini-avatar,.mini-count{width:39px;height:39px}.home-bottom-card{display:none}.mobile-nav{z-index:90;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));border:1px solid var(--line2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131ceb;border-radius:19px;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:5px;display:grid;position:fixed;box-shadow:0 15px 50px #00000061}.mobile-nav button{color:#667487;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:51px;font-size:7px;display:flex}.mobile-nav button.active{color:var(--mint)}.mobile-nav .mobile-create{background:linear-gradient(135deg,var(--mint),#a0ffde);color:#07120e;border-radius:16px;place-self:center;width:49px;height:49px;box-shadow:0 8px 24px #78ffd02e}.mobile-only{display:grid!important}.desktop-people{display:none}.room-grid{grid-template-columns:1fr}.room-header{height:64px;padding:0 8px}.room-page{grid-template-rows:64px 1fr}.room-main{grid-template-rows:minmax(240px,44%) minmax(0,56%)}.live-stage{padding:10px 10px 7px}.chat-compose{margin:0 8px max(8px,env(safe-area-inset-bottom))}.video-grid{grid-auto-columns:minmax(130px,65vw)}.modal-backdrop{align-items:end;padding:10px}.modal{border-radius:23px 23px 14px 14px;max-height:88dvh;padding:19px}.side-panel,.dm-panel{border:1px solid var(--line2);width:100%;height:88dvh;animation:panelup .2s var(--ease);border-bottom:0;border-radius:23px 23px 0 0;top:auto;bottom:0}@keyframes panelup{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.dm-layout{grid-template-columns:95px 1fr;height:calc(88dvh - 48px)}.dm-layout>aside>button{justify-content:center}.dm-layout>aside>button>div,.dm-layout>aside>button>b{display:none}.stat-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.auth-card{background:#0d131df5;border-radius:20px}.auth-card-head>span{font-size:20px}.room-grid-cards{grid-template-columns:1fr}.room-card{min-height:235px}.room-visual{height:60px}.home-hero h1{font-size:36px}.home-hero p{max-width:260px}.filter-row{margin-inline:-15px;padding-inline:15px}.form-grid{grid-template-columns:1fr}.room-heading small{max-width:40vw}.stage-top .eyebrow{font-size:8px}.media-controls button span{display:none}.media-controls button{justify-content:center;width:36px;padding:0}.chat-content{max-width:88%}.dm-layout{grid-template-columns:76px 1fr}.stat-grid strong{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.blocked-section{gap:11px;display:grid}.blocked-section h3,.report-form h3{margin:0;font-size:13px}.blocked-section>p{color:#68778a;margin:0;font-size:10px}.blocked-list{gap:7px;display:grid}.blocked-list>div{border:1px solid var(--line);background:#0b111a;border-radius:13px;align-items:center;gap:9px;min-height:50px;padding:7px 9px;display:flex}.blocked-list strong{flex:1;font-size:10px}.user-actions-modal{width:min(520px,100%)}.user-action-profile{border:1px solid var(--line);background:linear-gradient(135deg,#7868ff0f,#78ffd006);border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:15px;display:flex}.user-action-profile>div{gap:3px;display:grid}.user-action-profile strong{font-size:16px}.user-action-profile span{color:#718095;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.user-action-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.user-action-grid>button{border:1px solid var(--line);color:#8997aa;background:#0d141e;border-radius:14px;align-items:center;gap:10px;min-height:68px;padding:0 14px;transition:all .15s;display:flex}.user-action-grid>button:hover{border-color:var(--line2);color:#fff;background:#121c29}.user-action-grid>button.active{color:var(--mint);background:#78ffd00e;border-color:#78ffd033}.user-action-grid>button.danger{color:#c48c96}.user-action-grid>button.danger.active{color:#ff9baa;background:#ff65770e;border-color:#ff657733}.user-action-grid span{font-size:10px;font-weight:750}.moderation-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.moderation-actions>span{color:#6f7d90;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.moderation-actions>div{flex-wrap:wrap;gap:6px;display:flex}.moderation-actions button{border:1px solid var(--line);color:#8e9bae;background:#111925;border-radius:9px;height:32px;padding:0 10px;font-size:8px;font-weight:700}.moderation-actions button:hover{color:#fff;border-color:var(--line2)}.moderation-actions button.danger{color:#ff91a0;background:#ff65770d}.report-form{margin-top:4px}.report-form textarea{min-height:92px}@media (max-width:520px){.user-action-grid>button{min-height:60px}.user-actions-modal{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.room-info-actions{gap:8px;margin-top:10px;display:grid}.room-manage-modal{width:min(720px,100%)}.member-manage{gap:10px;display:grid}.member-manage h3{margin:0;font-size:13px}.member-search{border:1px solid var(--line2);color:#6e7c8f;background:#0b111a;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 11px;display:flex}.member-search input{flex:1;height:100%;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.member-manage-list{gap:5px;max-height:230px;display:grid;overflow:auto}.member-manage-list>div{border:1px solid var(--line);background:#0b111a;border-radius:12px;align-items:center;gap:8px;min-height:52px;padding:7px 8px;display:flex}.member-manage-list>div>div{flex:1;gap:2px;min-width:0;display:grid}.member-manage-list strong{font-size:10px}.member-manage-list span{color:#68768a;font-size:8px}.compose-area{min-height:0}.replying-bar{background:#78ffd009;border:1px solid #78ffd021;border-radius:11px;align-items:center;gap:10px;margin:0 13px 5px;padding:8px 10px;display:flex}.replying-bar>div{flex:1;gap:2px;min-width:0;display:grid}.replying-bar span{color:#6f7d8f;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.replying-bar strong{color:#b8ffea;font-size:9px}.replying-bar small{color:#7d8a9c;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.replying-bar>button{color:#718095;place-items:center;width:28px;height:28px;display:grid}.emoji-row{border:1px solid var(--line);scrollbar-width:none;background:#0d141e;border-radius:11px;gap:3px;margin:0 13px 5px;padding:7px;display:flex;overflow-x:auto}.emoji-row::-webkit-scrollbar{display:none}.emoji-row button{border-radius:8px;width:32px;min-width:32px;height:32px;font-size:17px}.emoji-row button:hover{background:#17202d}.compose-plus.active{color:var(--mint);background:#78ffd012}.message-body{align-items:flex-end;gap:7px;display:flex;position:relative}.message-body>p{flex:0 auto}.chat-actions{opacity:0;gap:4px;transition:opacity .12s;display:flex}.chat-row:hover .chat-actions,.chat-actions:focus-within{opacity:1}.chat-actions button{color:#6f7d90;background:#101722;border-radius:5px;padding:3px 5px;font-size:7px}.chat-actions button:hover{color:#d9e2ec}.chat-actions button.danger{color:#bc7b86}.reply-quote{text-align:start;background:#78ffd009;border-inline-start:2px solid #78ffd073;border-radius:6px;gap:1px;max-width:100%;margin:0 0 4px;padding:5px 8px;display:grid}.reply-quote strong{color:#9deed1;font-size:7px}.reply-quote span{color:#6e7b8d;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:7px;overflow:hidden}@media (max-width:820px){.chat-actions{opacity:1}.chat-actions button{padding:4px 6px;font-size:7px}.room-manage-modal{padding-bottom:max(20px,env(safe-area-inset-bottom))}.member-manage-list{max-height:25dvh}}@media (min-width:821px){.video-grid{justify-content:center;align-items:center;gap:12px;padding:0 4px;display:flex;overflow:auto hidden}.video-tile{aspect-ratio:16/9;flex:none;width:auto;min-width:0;max-width:min(46vw,680px);height:100%}.video-tile video{object-fit:contain;background:#080d14}}.room-heading strong{font-size:18px}.room-heading small{font-size:12px}.room-live{font-size:10px}.stage-top .eyebrow{font-size:11px}.stage-top b{font-size:10px}.stage-join,.stage-leave{height:36px;padding:0 14px;font-size:11px}.tile-meta strong{font-size:11px}.stage-empty strong{font-size:14px}.stage-empty span{font-size:11px}.media-controls button{height:38px;padding:0 14px;font-size:11px}.media-controls small{font-size:10px}.chat-title strong{font-size:15px}.chat-title span{font-size:11px}.chat-meta strong{font-size:13px}.chat-meta em{font-size:9px}.chat-meta time{font-size:10px}.chat-content p{font-size:14px;line-height:1.55}.typing-line{font-size:11px}.chat-compose textarea{font-size:15px;line-height:1.5}.people-head strong{font-size:14px}.people-head span{font-size:10px}.hand-queue span{font-size:11px}.hand-queue button{font-size:10px}.person-main strong{font-size:13px}.person-main strong small{font-size:9px}.person-main span{font-size:10px}.replying-bar span{font-size:9px}.replying-bar strong{font-size:12px}.replying-bar small,.reply-quote strong,.reply-quote span,.chat-actions button{font-size:10px}@media (max-width:820px){.room-heading strong{font-size:18px}.room-heading small{font-size:12px}.room-live{font-size:10px}.stage-top .eyebrow{font-size:11px}.stage-top b{font-size:10px}.stage-join,.stage-leave{height:40px;font-size:12px}.tile-meta strong,.media-controls button{font-size:12px}.chat-title strong{font-size:16px}.chat-title span{font-size:12px}.chat-meta strong{font-size:14px}.chat-meta time{font-size:11px}.chat-content p{font-size:15px}.typing-line{font-size:12px}.chat-compose textarea{font-size:16px}.people-head strong{font-size:15px}.person-main strong{font-size:14px}.person-main span{font-size:11px}}@media (min-width:821px){.video-grid{justify-content:center;align-items:center;padding:6px 8px}.video-tile{aspect-ratio:16/9;flex:none;width:min(42vw,560px);max-width:560px;height:auto;max-height:100%}.video-tile video{object-fit:contain;background:#080d14}.room-card h3{font-size:19px}.room-card p{font-size:13px}.room-card footer>span,.filter-row button{font-size:12px}.section-title strong{font-size:16px}.section-title span{font-size:11px}.profile-button strong{font-size:13px}.profile-button span{font-size:11px}}@media (max-width:820px){.room-page,.room-grid,.room-main,.chat-section,.compose-area{width:100%;min-width:0;max-width:100%}.chat-section{overflow:hidden}.compose-area{padding-bottom:0;overflow:visible}.media-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;height:auto;min-height:72px;padding:10px 6px 6px}.media-controls button{border-radius:16px;justify-content:center;gap:8px;min-width:68px;width:auto!important;height:58px!important;padding:0 16px!important;font-size:14px!important}.media-controls button .icon{width:25px;height:25px}.media-controls button span{font-size:14px;font-weight:750;display:inline!important}.media-controls small{color:#9aa8ba;margin-inline-start:2px;font-weight:700;line-height:1.2;font-size:14px!important}.stage-join,.stage-leave{border-radius:13px;height:46px!important;padding:0 16px!important;font-size:14px!important}.chat-compose{width:calc(100% - 24px);min-width:0;max-width:calc(100% - 24px);margin:0 12px max(12px,env(safe-area-inset-bottom));align-items:center;gap:8px;padding:7px;overflow:visible}.chat-compose textarea{flex:1 1 0;width:0;min-width:0;max-width:none;min-height:50px;padding:13px 10px;line-height:1.45;font-size:16px!important}.compose-plus,.send-btn{border-radius:15px;flex:0 0 54px;width:54px;min-width:54px;height:54px}.send-btn .icon{width:25px;height:25px}.compose-plus{font-size:24px}.emoji-row{gap:5px;width:calc(100% - 24px);min-width:0;max-width:calc(100% - 24px);margin:0 12px 8px;padding:8px;overflow:auto hidden}.emoji-row button{width:40px;min-width:40px;height:40px;font-size:22px}.replying-bar{width:calc(100% - 24px);min-width:0;max-width:calc(100% - 24px);margin:0 12px 8px}.chat-actions{opacity:1;flex-wrap:wrap;gap:6px}.chat-actions button{border-radius:8px;min-height:32px;padding:5px 9px;font-size:11px!important}.chat-content p{line-height:1.55;font-size:16px!important}.chat-meta strong{font-size:15px!important}.chat-meta time{font-size:12px!important}.chat-title strong{font-size:17px!important}.chat-title span{font-size:12px!important}.room-header{padding:0 10px}.room-header .icon-btn{width:46px;height:46px}.room-heading strong{font-size:19px!important}.room-heading small{font-size:13px!important}.room-live{font-size:11px!important}.stage-top .eyebrow{font-size:12px!important}.stage-top b{font-size:11px!important}.tile-meta strong{font-size:13px!important}.stage-empty strong{font-size:16px!important}.stage-empty span{font-size:13px!important}.people-head strong{font-size:16px!important}.person-main strong{font-size:15px!important}.person-main span{font-size:12px!important}.room-card h3{font-size:18px}.room-card p{font-size:13px}.room-card footer>span{font-size:12px}.filter-row button{height:38px;font-size:12px}.section-title strong{font-size:16px}.section-title span{font-size:11px}.modal-form label>span,.compact-form label>span,.form-label{font-size:12px}.modal-form input,.modal-form textarea,.modal-form select{font-size:16px}}@media (max-width:520px){.media-controls button{min-width:66px!important;height:58px!important;padding:0 14px!important}.media-controls button span{display:inline!important}.chat-compose,.emoji-row,.replying-bar{width:calc(100% - 20px);max-width:calc(100% - 20px);margin-inline:10px}}@media (max-width:820px){.room-main{grid-template-rows:minmax(210px,36%) minmax(0,64%)}.live-stage{padding:9px 10px 5px}.live-stage.no-media{min-height:0}.room-main:has(.live-stage.no-media){grid-template-rows:minmax(175px,29%) minmax(0,71%)}.media-controls{gap:9px;min-height:58px;padding:7px 4px 3px}.media-controls button{border-radius:14px;min-width:58px!important;height:50px!important;padding:0 12px!important;font-size:13px!important}.media-controls button .icon{width:22px;height:22px}.media-controls button span,.media-controls small{font-size:13px!important}.stage-join,.stage-leave{height:42px!important;padding:0 14px!important;font-size:13px!important}.video-grid{grid-auto-columns:minmax(125px,61vw);gap:9px}.stage-top{margin-bottom:7px}.chat-title{height:44px;min-height:44px;padding:0 14px}.chat-feed{padding:10px 14px 8px}.chat-compose{margin-bottom:max(8px,env(safe-area-inset-bottom))}}@media (max-width:520px){.room-main{grid-template-rows:minmax(205px,35%) minmax(0,65%)}.room-main:has(.live-stage.no-media){grid-template-rows:minmax(165px,27%) minmax(0,73%)}.media-controls button{min-width:56px!important;height:48px!important;padding:0 11px!important}.media-controls button span{font-size:12px!important}.video-grid{grid-auto-columns:minmax(120px,60vw)}}.avatar{overflow:visible}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar b{z-index:1;position:relative}.presence-dot{z-index:3}.profile-photo-picker{cursor:pointer;flex:none;display:block;position:relative}.profile-photo-picker>input,.photo-upload-btn>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photo-edit-badge{background:var(--mint);color:#07120e;z-index:5;border:3px solid #111824;border-radius:9px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:-2px;right:-4px}.profile-photo-actions{align-items:center;gap:7px;margin-top:7px;display:flex}.photo-upload-btn{cursor:pointer;align-items:center;display:inline-flex}.tiny-btn.danger{color:#ff9baa;background:#ff65770f}.video-avatar span{overflow:hidden}.video-avatar span img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.person-row.clickable{cursor:pointer;transition:background .12s,border-color .12s}.person-row.clickable:hover,.person-row.clickable:active{background:#111a27}.person-row.clickable .person-main{pointer-events:none}@media (max-width:820px){.person-row.clickable{min-height:62px;padding:8px 9px}.person-row.clickable:active{background:#151f2d}.person-chat{width:42px;height:42px}}.dm-mobile-back{display:none}@media (max-width:820px){.dm-panel{background:#0a1018;width:100%!important;height:100dvh!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;animation:none!important;inset:0!important}.dm-panel>.panel-head{border-bottom:1px solid var(--line);background:#0b1119;height:64px;padding:0 14px}.dm-panel>.panel-head h3{font-size:20px}.dm-layout{min-height:0;height:calc(100dvh - 64px)!important;display:block!important}.dm-layout>aside{border:0;width:100%;height:100%;padding:10px 12px;display:block;overflow-y:auto}.dm-layout>aside>button{border-radius:15px;gap:12px;min-height:68px;padding:10px 12px;justify-content:flex-start!important}.dm-layout>aside>button>div{flex:1;min-width:0;display:grid!important}.dm-layout>aside>button>b{display:grid!important}.dm-layout aside strong{font-size:15px}.dm-layout aside span{font-size:12px}.dm-layout>main{grid-template-rows:64px minmax(0,1fr) auto;height:100%;min-height:0;display:none;overflow:hidden}.dm-layout.has-active>aside{display:none}.dm-layout.has-active>main{display:grid}.dm-person{background:#0b1119;gap:10px;height:64px;padding:0 12px}.dm-person strong{font-size:16px}.dm-mobile-back{color:#aeb9c7;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.dm-mobile-back:active{background:#151e2b}.dm-messages{gap:10px;min-height:0;padding:14px 12px 12px}.dm-bubble{border-radius:16px;max-width:82%;padding:11px 13px;font-size:15px;line-height:1.45}.dm-bubble small{margin-top:5px;font-size:10px}.dm-compose{height:auto;min-height:72px;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:#0b1119;gap:8px}.dm-compose input{border-radius:16px;min-width:0;height:52px;font-size:16px}.dm-compose button{border-radius:15px;width:52px;min-width:52px;height:52px}.dm-compose button .icon{width:23px;height:23px}}.nav-badge-host{position:relative}.nav-unread-badge{color:#fff;text-align:center;background:#ff6577;border-radius:6px;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;line-height:17px;position:absolute;top:7px;right:9px;box-shadow:0 0 0 2px #0a0f17}.modal,.settings-modal,.admin-modal,.notification-list,.dm-messages,.dm-layout>aside,.chat-feed,.people-list,.home-content{scrollbar-width:thin;scrollbar-color:#344154 transparent}.modal::-webkit-scrollbar{width:8px;height:8px}.settings-modal::-webkit-scrollbar{width:8px;height:8px}.admin-modal::-webkit-scrollbar{width:8px;height:8px}.notification-list::-webkit-scrollbar{width:8px;height:8px}.dm-messages::-webkit-scrollbar{width:8px;height:8px}.dm-layout>aside::-webkit-scrollbar{width:8px;height:8px}.chat-feed::-webkit-scrollbar{width:8px;height:8px}.people-list::-webkit-scrollbar{width:8px;height:8px}.home-content::-webkit-scrollbar{width:8px;height:8px}.modal::-webkit-scrollbar-track{background:0 0}.settings-modal::-webkit-scrollbar-track{background:0 0}.admin-modal::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-track{background:0 0}.dm-messages::-webkit-scrollbar-track{background:0 0}.dm-layout>aside::-webkit-scrollbar-track{background:0 0}.chat-feed::-webkit-scrollbar-track{background:0 0}.people-list::-webkit-scrollbar-track{background:0 0}.home-content::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.settings-modal::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.admin-modal::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.notification-list::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.dm-messages::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.dm-layout>aside::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.chat-feed::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.people-list::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.home-content::-webkit-scrollbar-thumb{background:#344154 padding-box padding-box;border:2px solid #0000;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.settings-modal::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.admin-modal::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.notification-list::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.dm-messages::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.dm-layout>aside::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.chat-feed::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.people-list::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}.home-content::-webkit-scrollbar-thumb:hover{background:#46556a padding-box padding-box}@media (max-width:820px){.modal{border-radius:16px 16px 8px 8px}.modal-backdrop{padding:8px}.nav-unread-badge{border-radius:5px;min-width:16px;height:16px;font-size:8px;line-height:16px;top:4px;right:calc(50% - 18px);box-shadow:0 0 0 2px #0d131cf2}}input,textarea,select,.primary-btn,.secondary-btn,.icon-btn,.toast,.brand-mark{border-radius:8px}.auth-preview{border-radius:10px}.altcha-wrap,.dev-code,.search-box{border-radius:8px}.profile-button,.app-sidebar nav button,.sidebar-bottom button{border-radius:8px}.home-bottom-card,.premium-orb,.modal{border-radius:10px}.settings-profile,.room-info-card{border-radius:9px}.lock-badge,.blocked-list>div{border-radius:8px}.side-panel,.dm-panel{border-radius:0}.dm-compose input,.dm-compose button,.video-tile,.stage-empty,.media-controls button{border-radius:8px}.emoji-row button{border-radius:6px}.person-chat,.person-menu summary{border-radius:6px}.tiny-btn,.admin-tabs button{border-radius:6px}.profile-photo-actions .tiny-btn{border-radius:6px}.modal::-webkit-scrollbar-thumb{border-radius:2px}.settings-modal::-webkit-scrollbar-thumb{border-radius:2px}.admin-modal::-webkit-scrollbar-thumb{border-radius:2px}.notification-list::-webkit-scrollbar-thumb{border-radius:2px}.dm-messages::-webkit-scrollbar-thumb{border-radius:2px}.dm-layout>aside::-webkit-scrollbar-thumb{border-radius:2px}.chat-feed::-webkit-scrollbar-thumb{border-radius:2px}.people-list::-webkit-scrollbar-thumb{border-radius:2px}.home-content::-webkit-scrollbar-thumb{border-radius:2px}@media (max-width:820px){.modal{border-radius:10px 10px 4px 4px}.modal-backdrop{padding:8px}.mobile-nav{border-radius:10px}.mobile-nav button{border-radius:8px}.mobile-nav .mobile-create{border-radius:9px}.stage-join,.stage-leave{border-radius:8px}.media-controls button,.chat-compose{border-radius:9px}.compose-plus,.send-btn{border-radius:8px}.dm-panel{border-radius:0!important}.dm-person .dm-mobile-back{border-radius:7px}.dm-compose input,.dm-compose button{border-radius:8px}}input,textarea,select,.primary-btn,.secondary-btn,.icon-btn,.toast,.brand-mark{border-radius:6px}.auth-card,.auth-preview{border-radius:8px}.altcha-wrap,.dev-code,.search-box{border-radius:6px}.search-box kbd{border-radius:3px}.profile-button,.app-sidebar nav button,.sidebar-bottom button{border-radius:6px}.enter-arrow{border-radius:5px}.empty-state>div{border-radius:6px}.home-bottom-card,.premium-orb,.modal,.settings-profile,.room-info-card{border-radius:7px}.lock-badge,.blocked-list>div{border-radius:6px}.user-action-profile{border-radius:7px}.user-action-grid>button{border-radius:6px}.moderation-actions button{border-radius:5px}.member-search,.member-manage-list>div{border-radius:6px}.notification-icon{border-radius:5px}.dm-layout>aside>button{border-radius:6px}.dm-bubble{border-radius:7px}.dm-compose input,.dm-compose button,.video-tile,.stage-empty,.media-controls button{border-radius:6px}.chat-compose{border-radius:7px}.compose-plus,.send-btn{border-radius:6px}.replying-bar,.emoji-row,.emoji-row button{border-radius:5px}.reply-quote{border-radius:3px}.person-row,.person-chat,.person-menu summary{border-radius:5px}.person-menu>div{border-radius:6px}.person-menu button{border-radius:4px}.tiny-btn,.admin-tabs button{border-radius:5px}.stat-grid>div{border-radius:7px}.photo-edit-badge{border-radius:5px}.modal::-webkit-scrollbar-thumb{border-radius:1px}.settings-modal::-webkit-scrollbar-thumb{border-radius:1px}.admin-modal::-webkit-scrollbar-thumb{border-radius:1px}.notification-list::-webkit-scrollbar-thumb{border-radius:1px}.dm-messages::-webkit-scrollbar-thumb{border-radius:1px}.dm-layout>aside::-webkit-scrollbar-thumb{border-radius:1px}.chat-feed::-webkit-scrollbar-thumb{border-radius:1px}.people-list::-webkit-scrollbar-thumb{border-radius:1px}.home-content::-webkit-scrollbar-thumb{border-radius:1px}@media (max-width:820px){.modal{border-radius:7px 7px 3px 3px}.mobile-nav{border-radius:8px}.mobile-nav button{border-radius:6px}.mobile-nav .mobile-create{border-radius:7px}.stage-join,.stage-leave{border-radius:6px}.media-controls button,.chat-compose{border-radius:7px}.compose-plus,.send-btn,.dm-person .dm-mobile-back,.dm-compose input,.dm-compose button{border-radius:6px}}:root{--radius:5px;--radius-sm:4px}input,textarea,select,.primary-btn,.secondary-btn,.icon-btn,.toast{border-radius:4px}.brand-mark,.auth-card,.auth-preview,.altcha-wrap,.dev-code{border-radius:5px}.search-box,.search-box kbd,.profile-button,.app-sidebar nav button,.sidebar-bottom button{border-radius:4px}.room-card{border-radius:5px}.room-type,.enter-arrow{border-radius:4px}.empty-state,.empty-state>div,.home-bottom-card,.premium-orb,.modal,.settings-profile,.room-info-card{border-radius:5px}.room-info-card b{border-radius:3px}.lock-badge,.blocked-list>div,.user-action-profile,.user-action-grid>button,.moderation-actions button,.member-search,.member-manage-list>div,.notification-icon,.dm-layout>aside>button,.dm-bubble,.dm-compose input,.dm-compose button,.video-tile,.stage-empty,.media-controls button,.chat-compose,.compose-plus,.send-btn{border-radius:4px}.replying-bar,.emoji-row,.emoji-row button,.reply-quote{border-radius:3px}.person-row,.person-chat,.person-menu summary,.person-menu>div,.person-menu button,.tiny-btn,.admin-tabs button,.stat-grid>div,.photo-edit-badge{border-radius:4px}.modal::-webkit-scrollbar-thumb{border-radius:0}.settings-modal::-webkit-scrollbar-thumb{border-radius:0}.admin-modal::-webkit-scrollbar-thumb{border-radius:0}.notification-list::-webkit-scrollbar-thumb{border-radius:0}.dm-messages::-webkit-scrollbar-thumb{border-radius:0}.dm-layout>aside::-webkit-scrollbar-thumb{border-radius:0}.chat-feed::-webkit-scrollbar-thumb{border-radius:0}.people-list::-webkit-scrollbar-thumb{border-radius:0}.home-content::-webkit-scrollbar-thumb{border-radius:0}@media (max-width:820px){.modal{border-radius:5px 5px 2px 2px}.mobile-nav{border-radius:5px}.mobile-nav button{border-radius:4px}.mobile-nav .mobile-create{border-radius:5px}.stage-join,.stage-leave,.media-controls button,.chat-compose,.compose-plus,.send-btn,.dm-person .dm-mobile-back,.dm-compose input,.dm-compose button{border-radius:4px}}.search-box{gap:8px;padding:0 9px 0 11px}.search-leading{color:#708095;flex:none;place-items:center;width:22px;height:22px;display:grid}.search-leading .icon{width:17px;height:17px}.search-box input{min-width:0}.search-clear{color:#7d8a9b;border-radius:4px;flex:none;place-items:center;width:28px;min-width:28px;height:28px;display:grid}.search-clear:hover{color:#dce3ec;background:#151e2b}.search-clear:active{background:#1a2534}.search-box kbd{flex:none}@media (max-width:820px){.search-box kbd{display:none}.search-clear{width:34px;min-width:34px;height:34px}.search-leading{width:24px;height:24px}}.admin-tab-count{background:var(--mint);color:#07120e;border-radius:4px;place-items:center;min-width:17px;height:17px;margin-inline-start:6px;padding:0 5px;font-size:9px;display:inline-grid}.room-request-list{gap:8px;max-height:520px;display:grid;overflow:auto}.room-request-item{border:1px solid var(--line);background:#0b111a;border-radius:5px;align-items:center;gap:14px;padding:13px;display:flex}.room-request-copy{flex:1;gap:3px;min-width:0;display:grid}.room-request-copy strong{font-size:13px}.room-request-copy span{color:#9aa7b8;font-size:10px}.room-request-copy small{color:#657286;font-size:9px}.room-request-copy p{color:#8290a3;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:10px;overflow:hidden}.room-request-actions{flex:none;gap:7px;display:flex}.room-request-actions .primary-btn,.room-request-actions .secondary-btn{min-height:34px;padding:0 11px;font-size:10px}.room-registration-state{opacity:.75!important;cursor:default!important}.room-registered-state{color:#aaf5d9;background:#78ffd00e;border:1px solid #78ffd02e;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:11px;font-weight:750;display:flex}.room-registration-button{justify-content:center}@media (max-width:820px){.admin-tabs{scrollbar-width:none;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{white-space:nowrap}.room-request-item{flex-direction:column;align-items:stretch}.room-request-actions{grid-template-columns:1fr 1fr;display:grid}.room-request-actions .primary-btn,.room-request-actions .secondary-btn{width:100%}}.room-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.room-card.room-card-cover{min-height:0;transition:transform .16s var(--ease),background .16s,box-shadow .16s;background:#0c121b;border-radius:4px;padding:0;overflow:hidden;box-shadow:0 16px 34px #0000002e;border:0!important}.room-card.room-card-cover:hover{background:#0e1621;transform:translateY(-2px);box-shadow:0 20px 42px #00000042;border:0!important}.room-cover{background-position:50%;background-size:cover;height:220px;position:relative;overflow:hidden}.room-cover-shade{pointer-events:none;background:linear-gradient(#03070c0a 35%,#03070cc7 100%);position:absolute;inset:0}.room-cover-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dce5ef;text-transform:uppercase;letter-spacing:.08em;background:#070b119e;border-radius:4px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:8px;font-weight:800;display:flex;position:absolute;top:12px;left:12px;border:0!important}.room-cover-category.password{color:#efd898}.room-cover-category.private{color:#c7bfff}.room-cover-heart{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d4ddea;background:#070b1152;border-radius:4px;width:36px;height:36px;position:absolute;top:9px;right:9px;border:0!important}.room-cover-heart:hover{background:#070b1194}.room-cover-owner{filter:drop-shadow(0 7px 12px #0000006b);position:absolute;bottom:13px;left:14px}.room-cover-owner .avatar{box-shadow:none;border:0!important}.room-cover-owner .presence-dot{display:none}.room-cover-online{color:#f4f7fb;text-shadow:0 2px 8px #000000bf;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex;position:absolute;bottom:18px;right:14px}.room-cover-online .online-dot{width:7px;height:7px;border:0!important}.room-card.room-card-cover h3{letter-spacing:-.025em;margin:0;font-size:19px}.room-card.room-card-cover p{color:#8190a3;min-height:0;margin:5px 0 0;font-size:12px;line-height:1.45}.room-card.room-card-cover footer,.room-card.room-card-cover .room-card-top,.room-card.room-card-cover .room-visual{display:none}@media (min-width:1550px){.room-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.room-grid-cards{grid-template-columns:1fr 1fr;gap:10px}.room-cover{height:150px}.room-card-copy{padding:11px 12px 13px}.room-card.room-card-cover h3{font-size:16px}.room-card.room-card-cover p{font-size:10px}.room-cover-owner{bottom:10px;left:10px}.room-cover-owner .avatar{width:34px;height:34px;font-size:34px}.room-cover-online{font-size:9px;bottom:14px;right:10px}}@media (max-width:520px){.room-grid-cards{grid-template-columns:1fr}.room-cover{height:190px}.room-card.room-card-cover h3{font-size:18px}.room-card.room-card-cover p{font-size:12px}}.room-grid-cards{grid-template-columns:repeat(auto-fill,minmax(285px,360px));justify-content:start;align-items:start;gap:16px}.room-card.room-card-cover{width:100%;max-width:360px}.room-cover{aspect-ratio:16/10;background-position:50%;background-size:cover;height:auto}.room-card-copy{padding:13px 14px 15px}.room-card.room-card-cover h3{font-size:18px}.room-card.room-card-cover p{font-size:11px}@media (max-width:1050px){.room-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.room-card.room-card-cover{max-width:none}}@media (max-width:820px){.room-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-cover{aspect-ratio:16/10;height:auto}}@media (max-width:520px){.room-grid-cards{grid-template-columns:1fr}.room-cover{aspect-ratio:16/10;height:auto}}.auth-live-preview{padding:14px 14px 16px;transform:none}.auth-live-rooms{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-live-room{text-align:start;gap:7px;min-width:0;display:grid}.auth-live-cover{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:6px;position:relative;overflow:hidden}.auth-live-cover:after{content:"";background:linear-gradient(#04070b0d 42%,#04070bc7);position:absolute;inset:0}.auth-live-cover>i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 12px var(--mint);z-index:2;border-radius:50%;position:absolute;bottom:10px;left:10px}.auth-live-cover>b{z-index:2;color:#fff;font-size:9px;position:absolute;bottom:8px;right:9px}.auth-live-room>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.auth-live-room>small{color:#768498;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.auth-live-room:hover .auth-live-cover{filter:brightness(1.08)}.auth-live-empty{color:#728095;grid-column:1/-1;place-items:center;min-height:120px;font-size:11px;display:grid}.guest-room-overlay{z-index:300;background:#080b11;display:grid;position:fixed;inset:0}.guest-room-shell{grid-template-rows:72px minmax(0,1fr) auto;min-height:100dvh;display:grid}.guest-room-shell>header{border-bottom:1px solid var(--line);background:#090d14;align-items:center;gap:12px;padding:0 18px;display:flex}.guest-room-shell>header>div{gap:1px;display:grid}.guest-room-shell>header>div>span{color:#718095;align-items:center;gap:6px;font-size:9px;display:flex}.guest-room-shell>header strong{font-size:16px}.guest-room-shell>header small{color:#748195;font-size:9px}.guest-room-shell>header>b{color:var(--mint);margin-inline-start:auto;font-size:10px;font-weight:700}.guest-room-shell>main{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);min-height:0;display:grid}.guest-stage{border-inline-end:1px solid var(--line);background:#090d14;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:14px;display:grid}.guest-stage .video-grid{min-height:0}.guest-actions{justify-content:center;gap:8px;padding-top:10px;display:flex}.guest-actions button{color:#91a0b4;background:#111824;border-radius:7px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:10px;display:flex}.guest-actions button:hover{color:#fff;background:#17202d}.guest-chat{background:#090d14;grid-template-rows:54px minmax(0,1fr) auto;min-height:0;display:grid}.guest-chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.guest-chat-head strong{font-size:13px}.guest-chat-head span{color:#718095;font-size:9px}.guest-messages{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.guest-message{gap:9px;display:flex}.guest-message>div{min-width:0}.guest-message b{font-size:10px}.guest-message p{color:#cad3df;overflow-wrap:anywhere;margin:3px 0 0;font-size:11px;line-height:1.45}.guest-compose{border:1px solid var(--line2);color:#69778a;text-align:start;background:#0e141e;border-radius:7px;justify-content:space-between;align-items:center;min-height:46px;margin:10px 12px 12px;padding:0 13px;font-size:11px;display:flex}.guest-compose span{color:var(--mint);font-size:9px;font-weight:700}.guest-room-shell>footer{border-top:1px solid var(--line);background:#0c1119;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:8px 14px;display:flex}.guest-room-shell>footer>span{color:#8794a6;font-size:10px}.guest-room-shell>footer .primary-btn{min-height:36px;padding:0 16px}@media (max-width:820px){.auth-live-rooms{grid-template-columns:1fr}.auth-live-room:nth-child(n+2){display:none}.guest-room-shell>main{grid-template-rows:minmax(260px,42dvh) minmax(0,1fr);grid-template-columns:1fr}.guest-stage{border-inline-end:0;border-bottom:1px solid var(--line);padding:8px}.guest-room-shell>footer{justify-content:space-between}.guest-room-shell>footer>span{max-width:70%;font-size:9px}.guest-room-shell>header>b{font-size:8px}.guest-chat{min-height:0}}.mobile-search-box{display:none}@media (max-width:820px){.home-top>.search-box{display:none}.mobile-search-box{width:100%;box-shadow:none;z-index:auto;margin:0 0 18px;display:flex;position:static}.home-content{padding:18px 15px calc(95px + env(safe-area-inset-bottom))}.home-hero{margin-top:0}}.home-live-stats{align-items:center;gap:10px;margin-top:14px;display:flex}.home-live-stats>span{border:1px solid var(--line);color:#c8d2df;background:#0c121b;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:10px;display:flex}.home-live-stats>span>i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #78ffd08c}.home-live-stats b{color:#77879a;letter-spacing:.06em;text-transform:uppercase;font-size:8px}.trending-strip{margin:0 0 24px}.trending-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.trending-head strong{font-size:12px}.trending-head span{color:#68778b;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.trending-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.trending-card{border:1px solid var(--line);text-align:start;background:#0b1119;align-items:center;gap:10px;min-width:0;height:66px;padding:7px;transition:all .15s;display:flex}.trending-card:hover{background:#101824;border-color:#78ffd02e;transform:translateY(-1px)}.trending-rank{text-align:center;color:#607084;flex:none;width:20px;font-size:11px;font-weight:800}.trending-cover{background-position:50%;background-size:cover;flex:none;width:76px;height:50px;position:relative}.trending-copy{flex:1;gap:3px;min-width:0;display:grid}.trending-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.trending-copy small{color:#718095;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.trending-online{color:#aeb9c7;flex:none;align-items:center;gap:5px;margin-inline-end:4px;font-size:9px;display:flex}.trending-online i{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #78ffd073}@media (max-width:820px){.home-live-stats{flex-wrap:wrap;gap:7px;margin-top:12px}.home-live-stats>span{min-height:28px}.trending-strip{margin-bottom:18px}.trending-cards{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.trending-cards::-webkit-scrollbar{display:none}.trending-card{min-width:245px;height:62px}.trending-cover{width:68px;height:46px}.trending-card:nth-child(n+4){display:none}}.mobile-settings-logout{display:none}@media (max-width:820px){.mobile-settings-logout{display:block}.mobile-logout-btn{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.create-room-btn{place-items:center!important;line-height:0!important;display:grid!important}.create-room-btn .icon{margin:0!important;display:block!important;transform:none!important}}.mobile-public-rooms{display:none}@media (max-width:820px){.auth-page{overflow-y:auto}.auth-layout{align-items:start}.mobile-public-rooms{margin-top:16px;display:block}.mobile-public-rooms .auth-live-preview{width:100%;box-shadow:none;background:#0e141eeb;margin:0;display:block}.mobile-public-rooms .auth-live-rooms{grid-template-columns:1fr;gap:12px}.mobile-public-rooms .auth-live-room{display:grid!important}.mobile-public-rooms .auth-live-cover{aspect-ratio:16/9}}.feed-content{background:#080d14;min-height:0;padding:22px clamp(18px,3.5vw,54px) 110px;overflow-y:auto}.feed-toolbar{justify-content:space-between;align-items:center;max-width:760px;margin:0 auto 14px;display:flex}.feed-toolbar>div{gap:2px;display:grid}.feed-toolbar>div span{letter-spacing:.14em;color:#647386;font-size:8px}.feed-toolbar>div strong{font-size:22px}.feed-toolbar .primary-btn{align-items:center;gap:7px;min-height:38px;padding:0 12px;display:flex}.feed-stack{gap:18px;width:min(760px,100%);margin:0 auto;display:grid}.feed-post{height:min(720px,100dvh - 138px);min-height:520px}.feed-post-stage{border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,#7868ff2e,#0000 34%),linear-gradient(155deg,#121a27,#080d14 72%);height:100%;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000047}.feed-post-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feed-post-shade{background:linear-gradient(#03060a61,#03060a0d 32%,#03060acc 78%,#03060af2);position:absolute;inset:0}.feed-post-author{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:15px;left:15px;right:15px}[dir=rtl] .feed-post-author{left:15px;right:15px}.feed-post-author>div{flex:1;gap:1px;min-width:0;display:grid}.feed-post-author strong{text-shadow:0 2px 8px #000;font-size:12px}.feed-post-author span{color:#bec8d5;text-shadow:0 2px 8px #000;font-size:8px}.feed-post-author>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b1194;border:1px solid #ffffff40;min-height:30px;padding:0 10px;font-size:9px;font-weight:800}.feed-post-author>button.following{color:var(--mint);border-color:#78ffd047}.feed-post-copy{z-index:2;justify-items:start;gap:10px;display:grid;position:absolute;bottom:20px;left:18px;right:76px}[dir=rtl] .feed-post-copy{justify-items:start;left:76px;right:18px}.feed-post-copy p{color:#f3f6fb;text-shadow:0 3px 14px #000000bf;white-space:pre-wrap;overflow-wrap:anywhere;max-width:610px;margin:0;font-size:clamp(16px,2vw,24px);font-weight:650;line-height:1.35}.feed-post.text-only .feed-post-copy p{max-width:620px;font-size:clamp(24px,4vw,44px);line-height:1.18}.feed-live-pill{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#ff365f;align-items:center;gap:7px;min-height:28px;padding:0 9px;font-size:9px;font-weight:900;display:flex}.feed-live-pill i{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #fff}.feed-join-btn{background:var(--mint);color:#07120e;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10px;font-weight:850;display:flex}.feed-post-actions{z-index:2;gap:9px;display:grid;position:absolute;bottom:22px;right:16px}[dir=rtl] .feed-post-actions{left:16px;right:auto}.feed-post-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#060a0f94;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:48px;min-height:54px;display:flex}.feed-post-actions button.active{color:#ff7894}.feed-post-actions span{font-size:9px;font-weight:800}.feed-empty{border:1px dashed var(--line2);color:#77869a;align-content:center;place-items:center;gap:14px;width:min(760px,100%);min-height:420px;margin:auto;display:grid}.feed-empty strong{font-size:13px}.post-composer textarea{resize:vertical;width:100%;min-height:130px;font-size:15px;line-height:1.55}.post-preview{border:1px solid var(--line);max-height:330px;margin-top:12px;overflow:hidden}.post-preview img{object-fit:contain;background:#070b11;width:100%;max-height:330px;display:block}.post-composer-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.post-photo-button{cursor:pointer;align-items:center;gap:7px;display:flex}.post-photo-button input{display:none}.create-choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.create-choice-grid>button{border:1px solid var(--line2);background:#0b111a;align-content:center;place-items:center;gap:10px;min-height:145px;display:grid}.create-choice-grid>button:hover{background:#101925;border-color:#78ffd047}.create-choice-grid>button>span{width:52px;height:52px;color:var(--mint);background:#141e2b;place-items:center;display:grid}.create-choice-grid strong{font-size:13px}@media (max-width:820px){.feed-content{padding:0 8px calc(82px + env(safe-area-inset-bottom));scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.feed-toolbar{height:48px;margin:0;padding:0 5px}.feed-toolbar>div span{display:none}.feed-toolbar>div strong{font-size:15px}.feed-toolbar .primary-btn{min-height:34px;font-size:9px}.feed-stack{width:100%;max-width:none;display:block}.feed-post{scroll-snap-align:start;scroll-snap-stop:always;height:calc(100dvh - 194px);min-height:480px;padding-bottom:8px}.feed-post-stage{border-radius:5px}.feed-post-author{top:12px;left:12px;right:12px}.feed-post-copy{bottom:16px;left:14px;right:70px}[dir=rtl] .feed-post-copy{left:70px;right:14px}.feed-post-copy p{font-size:17px}.feed-post.text-only .feed-post-copy p{font-size:28px}.feed-post-actions{bottom:17px;right:11px}[dir=rtl] .feed-post-actions{left:11px;right:auto}.feed-post-actions button{width:44px;min-height:51px}.create-choice-grid>button{min-height:120px}.post-composer-modal{max-height:90dvh}}@media (max-width:520px){.feed-post{min-height:430px}.feed-post.text-only .feed-post-copy p{font-size:25px}}@media (max-width:820px){.auth-page{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;overflow:hidden auto}.auth-layout{min-height:0;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.mobile-public-rooms{padding-bottom:20px}html,body{overscroll-behavior:none;width:100%;max-width:100%;overflow-x:hidden}.auth-page{overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:pan-y;width:100%;max-width:100%;overflow:hidden auto}.auth-layout{width:min(520px,100% - 28px);max-width:calc(100% - 28px);overflow-x:hidden}.mobile-public-rooms,.mobile-public-rooms .auth-live-preview,.mobile-public-rooms .auth-live-rooms,.mobile-public-rooms .auth-live-room{min-width:0;max-width:100%}}.feed-content,.feed-content *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:820px){.feed-content{height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);padding:0 0 calc(76px + env(safe-area-inset-bottom));scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:none;overflow:hidden auto}.feed-toolbar{display:none}.feed-stack{width:100%;height:auto;margin:0;display:block}.feed-post{width:100%;height:calc(100dvh - 64px - 76px - env(safe-area-inset-bottom));min-height:calc(100dvh - 64px - 76px - env(safe-area-inset-bottom));max-height:calc(100dvh - 64px - 76px - env(safe-area-inset-bottom));scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:0;overflow:hidden}.feed-post-stage{border-inline:0;border-radius:0;width:100%;height:100%}.feed-post-media{object-fit:cover;width:100%;height:100%}.feed-post-author{top:14px;left:14px;right:14px}.feed-post-copy{bottom:24px;left:16px;right:72px}[dir=rtl] .feed-post-copy{left:72px;right:16px}.feed-post-actions{bottom:24px;right:14px}[dir=rtl] .feed-post-actions{left:14px;right:auto}.feed-content{scroll-snap-type:y mandatory;overscroll-behavior:none;height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);padding:0;overflow:hidden auto}.feed-post{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:0;padding:0}.feed-post-copy,.feed-post-actions{bottom:calc(96px + env(safe-area-inset-bottom))}.mobile-nav{width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#0d131c;border-bottom:0;border-left:0;border-right:0;border-radius:0;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #00000047}.mobile-nav button{border-radius:0;height:56px}.mobile-nav .mobile-create{border-radius:10px;width:52px;height:52px}.home-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.feed-content{height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom));min-height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom));padding:0}.feed-post{height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom));min-height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom));max-height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom))}.feed-post-copy,.feed-post-actions{bottom:24px}}.post-comments-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);max-height:min(72dvh,680px);display:grid}.post-comments-list{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:180px;max-height:48dvh;padding:4px 2px 10px;display:flex;overflow-y:auto}.post-comment-row{align-items:flex-start;gap:9px;display:flex}.post-comment-row>div{text-align:start;flex:1;gap:3px;min-width:0;display:grid}.post-comment-row strong{font-size:10px}.post-comment-row p{color:#cbd4df;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.45}.post-comments-empty{color:#708095;place-items:center;min-height:150px;font-size:11px;display:grid}.post-comment-compose{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding-top:10px;display:grid}.post-comment-compose input{min-width:0;height:44px}.post-comment-compose .primary-btn{place-items:center;width:44px;height:44px;padding:0;display:grid}.post-comments-modal input,.post-comments-modal textarea{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}@media (max-width:820px){.post-comments-modal{border-radius:18px 18px 0 0;height:min(68dvh,620px);max-height:68dvh}.post-comments-list{min-height:0;max-height:none}.feed-post-actions{gap:7px}}