:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f4ff;background:#09090e;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #09090e;--surface: #101016;--surface-raised: #17171f;--surface-soft: #1d1c26;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .14);--muted: #8e8b9c;--muted-soft: #6f6c7b;--accent: #7b61ff;--accent-soft: #a69aff;--green: #48d889;--orange: #ffae52;--red: #ff5d6c;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed!important;transform:none!important}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.access-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:auto;padding:34px 20px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(188,30,62,.3),transparent 34%),linear-gradient(145deg,#170308,#3a0711 46%,#130207)}.access-screen:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.access-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 28%),radial-gradient(circle,transparent 35%,rgba(8,0,3,.58) 100%)}.access-aurora{position:absolute;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(72px);opacity:.72;will-change:transform}.access-aurora-one{width:min(660px,60vw);height:min(660px,60vw);left:-12vw;top:-26vh;background:#ff244661}.access-aurora-two{width:min(580px,54vw);height:min(580px,54vw);right:-11vw;bottom:-26vh;background:#990b2a85}.access-glass{position:relative;width:min(474px,100%);padding:36px 42px 28px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:36px;background:linear-gradient(145deg,#ffffff26,#fff1);box-shadow:0 42px 110px #1800078c,inset 0 1px #fff3,inset 0 -1px #ffffff0a;-webkit-backdrop-filter:blur(32px) saturate(135%);backdrop-filter:blur(32px) saturate(135%)}.access-glass:before{content:"";position:absolute;width:280px;height:140px;left:-90px;top:-92px;border-radius:50%;background:#ffffff29;filter:blur(34px);pointer-events:none}.access-logo-wrap{position:relative;width:104px;height:104px;margin:0 auto 23px;padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:30px;background:#ffffff1a;box-shadow:0 17px 44px #1c000766,inset 0 1px #ffffff3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.access-logo-wrap img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;border-radius:24px}.access-logo-wrap span{position:absolute;inset:17px;z-index:-1;border-radius:50%;background:#ff2043b3;filter:blur(24px)}.access-copy{text-align:center}.access-kicker{margin:0 0 8px;color:#ffdce1b3;font-size:10px;font-weight:760;letter-spacing:.17em;text-transform:uppercase}.access-copy h1{margin:0;font-size:clamp(38px,7vw,52px);line-height:.98;letter-spacing:-.055em}.access-copy>p:last-child{margin:14px auto 0;max-width:330px;color:#ffeff2a8;font-size:14px;line-height:1.55}.access-form{margin-top:30px}.access-form-label{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.access-form-label span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:720}.access-form-label small{color:#ffe8ec7a;font-size:10px}.access-code-field{position:relative;height:62px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#0a00033d;box-shadow:inset 0 1px #ffffff0e;transition:border-color .17s ease,background .17s ease,box-shadow .17s ease}.access-code-field:focus-within{border-color:#ffdae07a;background:#0a000352;box-shadow:0 0 0 4px #ffffff12,inset 0 1px #ffffff0f}.access-code-field.has-error{border-color:#ff78889e}.access-code-field input{width:100%;height:100%;padding:0 58px 0 24px;border:0;outline:0;background:transparent;color:#fff;caret-color:#ff8b9b;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:25px;font-weight:690;letter-spacing:.34em}.access-code-field input::placeholder{color:#ffebee4d;letter-spacing:.3em}.access-reveal{position:absolute;top:50%;right:12px;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#ffeff285;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer;transition:color .15s ease,background .15s ease}.access-reveal:hover{color:#fff;background:#ffffff14}.access-form-status{min-height:30px;padding:8px 4px 4px}.access-form-status span,.access-form-status p{margin:0;color:#ffe8ec73;font-size:10px;line-height:1.45}.access-form-status p{color:#ffb4c0}.access-submit{width:100%;height:56px;border:1px solid rgba(255,255,255,.34);border-radius:17px;background:linear-gradient(180deg,#fffffff2,#ffebefe6);color:#4c0915;box-shadow:0 14px 36px #19000659,inset 0 1px #fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:780;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,opacity .17s ease}.access-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px #1900066e,inset 0 1px #fff}.access-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.access-submit.is-accepted{background:#f5fff8;color:#176036}.access-footnote{margin:23px 0 0;color:#ffe9ed73;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.account-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;padding:28px 18px;background:radial-gradient(circle at 72% 16%,rgba(123,97,255,.2),transparent 28%),radial-gradient(circle at 18% 84%,rgba(99,45,177,.13),transparent 32%),#09090e;display:grid;place-items:center}.account-halo{position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;background:#7b61ff14;filter:blur(80px)}.account-panel{width:min(520px,100%);min-height:560px;padding:28px 34px 30px;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:#121119d1;box-shadow:0 38px 100px #0000006b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.account-brand{padding-bottom:24px;margin-bottom:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.account-brand img{width:43px;height:43px;border-radius:13px;object-fit:cover}.account-brand>span{display:flex;flex-direction:column;gap:2px}.account-brand strong{font-size:14px}.account-brand small{color:var(--muted);font-size:10px}.account-content h1{margin:0;font-size:clamp(36px,7vw,48px);line-height:1;letter-spacing:-.055em}.account-lede{max-width:405px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.remembered-account{width:100%;min-height:76px;margin-top:25px;padding:12px 14px;border:1px solid rgba(166,154,255,.25);border-radius:19px;background:#7b61ff17;color:#f6f3fb;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.remembered-account:hover:not(:disabled){transform:translateY(-1px);border-color:#a69aff6e;background:#7b61ff24}.remembered-account-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.remembered-account small{color:var(--accent-soft);font-size:8px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.remembered-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.remembered-account em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-style:normal}.remembered-account>svg{flex:0 0 auto;color:var(--accent-soft)}.account-divider{height:38px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:var(--line)}.account-divider span{white-space:nowrap}.account-actions{margin-top:34px;display:grid;gap:10px}.account-divider+.account-actions{margin-top:0}.account-google,.account-email,.account-submit{width:100%;min-height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.account-google{border:0;background:#fff;color:#19171e;box-shadow:0 12px 28px #00000038}.account-google svg{width:20px;height:20px}.account-google:hover:not(:disabled){transform:translateY(-1px);background:#f8f7fc}.account-email{border:1px solid var(--line-strong);background:#ffffff0b;color:#f5f2fb}.account-email svg:last-child{margin-left:auto}.account-email:hover:not(:disabled){transform:translateY(-1px);background:#ffffff13}.account-trust{margin:25px 0 0;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.account-trust svg{color:var(--accent-soft)}.forget-account-button{width:100%;margin-top:16px;padding:0;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.forget-account-button:hover{color:#d7d3df}.account-back{margin:-4px 0 23px;padding:0;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.account-email-form{margin-top:27px;display:grid;gap:15px}.account-email-form label{display:grid;gap:7px}.account-email-form label>span{color:#c9c5d2;font-size:10px;font-weight:700}.account-email-form label>div{height:53px;padding:0 13px;border:1px solid var(--line-strong);border-radius:15px;background:#ffffff09;display:flex;align-items:center;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.account-email-form label>div:focus-within{border-color:#a69aff8c;box-shadow:0 0 0 3px #7b61ff1c}.account-email-form label>div>svg{flex:0 0 auto;color:var(--muted)}.account-email-form input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.account-email-form label button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.account-submit{margin-top:4px;border:0;background:var(--accent);color:#fff;box-shadow:0 12px 30px #7b61ff3d}.account-submit:hover:not(:disabled){transform:translateY(-1px);background:#8972ff}.account-error,.account-message{margin:-2px 2px 0;color:#ff9baa;font-size:11px;line-height:1.4}.account-message{color:var(--green)}.account-switch{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-switch button{padding:0;border:0;background:transparent;color:var(--accent-soft);font-size:10px;cursor:pointer}@media(max-width:540px){.account-screen{padding:0;place-items:stretch}.account-panel{width:100%;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#0c0c12c2;display:flex;flex-direction:column;justify-content:center}.account-brand{margin-bottom:38px}.account-content h1{font-size:40px}.account-switch{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.access-screen{padding:18px 14px;align-items:center}.access-glass{padding:30px 24px 23px;border-radius:30px}.access-logo-wrap{width:92px;height:92px;margin-bottom:20px;border-radius:27px}.access-logo-wrap img{border-radius:21px}.access-copy h1{font-size:40px}.access-copy>p:last-child{font-size:13px}.access-form{margin-top:26px}.access-form-label small{display:none}}@media(max-height:680px)and (min-width:541px){.access-screen{padding-block:18px}.access-glass{padding-top:27px;padding-bottom:22px}.access-logo-wrap{width:82px;height:82px;margin-bottom:15px;border-radius:24px}.access-logo-wrap img{border-radius:18px}.access-copy h1{font-size:40px}.access-form{margin-top:22px}.access-footnote{margin-top:16px}}@media(prefers-reduced-motion:reduce){.access-aurora{animation:none!important}}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.accent-copy{color:var(--accent-soft)}.primary-button,.secondary-button{min-height:42px;border:0;border-radius:13px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:720;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:var(--accent);box-shadow:0 10px 30px #7b61ff42}.primary-button:hover:not(:disabled){background:#8b74ff;transform:translateY(-1px)}.secondary-button{background:#ffffff0e;border:1px solid var(--line)}.secondary-button:hover:not(:disabled){background:#ffffff17;border-color:var(--line-strong)}.full-button{width:100%}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;gap:7px;align-items:center}.icon-button,.round-button,.call-icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:#ffffff0b;display:inline-grid;place-items:center;cursor:pointer;transition:background .16s ease,transform .16s ease}.icon-button:hover,.round-button:hover,.call-icon-button:hover{background:#ffffff17;transform:translateY(-1px)}.app-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:236px minmax(0,1fr);background:var(--canvas)}.sidebar{position:sticky;top:0;height:100vh;height:100svh;padding:24px 16px 16px;border-right:1px solid var(--line);background:#0c0c12f0;display:flex;flex-direction:column;z-index:10}.sidebar-brand{min-height:52px;padding:0 8px;display:flex;gap:11px;align-items:center}.sidebar-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.sidebar-brand div{display:flex;flex-direction:column;line-height:1.03}.sidebar-brand strong{font-size:16px;letter-spacing:-.02em}.sidebar-brand span{color:var(--muted);font-size:12px}.sidebar-nav{display:grid;gap:5px;margin-top:38px}.sidebar-nav button{position:relative;width:100%;height:46px;border:0;border-radius:13px;padding:0 13px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;font-weight:650;cursor:pointer;transition:.16s ease}.sidebar-nav button:hover{background:#ffffff0a;color:#fff}.sidebar-nav button.is-active{background:#7b61ff21;color:#fff}.sidebar-nav button.is-active:before{content:"";position:absolute;left:-16px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-live-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #48d88914}.sidebar-spacer{flex:1}.sidebar-profile{width:100%;border:0;border-top:1px solid var(--line);padding:18px 6px 2px;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.sidebar-profile-copy{min-width:0;flex:1;display:flex;flex-direction:column}.sidebar-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sidebar-profile small{color:var(--muted);font-size:11px}.workspace{min-width:0;position:relative;min-height:100vh;min-height:100svh}.workspace-view{min-height:100%}.mobile-header,.mobile-nav{display:none}.page{width:min(1060px,100%);min-height:100vh;margin:0 auto;padding:54px 46px 90px}.page-header{min-height:74px;margin-bottom:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-header h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1}.header-actions{display:flex;gap:10px}.admin-mode-pill{min-height:42px;padding:0 12px;border:1px solid rgba(72,216,137,.17);border-radius:13px;background:#48d8890e;color:var(--green);display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.changelog-button>span{min-height:22px;padding:0 7px;border:1px solid rgba(166,154,255,.2);border-radius:99px;background:#7b61ff1f;color:var(--accent-soft);display:inline-flex;align-items:center;font-size:9px;letter-spacing:.03em}.avatar{--avatar-size: 52px;position:relative;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);min-height:var(--avatar-size);aspect-ratio:1 / 1;border-radius:50%;background:#373249;display:inline-grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff21}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;-webkit-user-select:none;user-select:none}.avatar-initials{font-size:calc(var(--avatar-size) * .3);font-weight:800}.presence-dot{width:10px;height:10px;border-radius:50%;background:var(--muted-soft);display:inline-block;flex:0 0 auto}.avatar>.presence-dot{position:absolute;right:1px;bottom:3px;width:calc(var(--avatar-size) * .25);height:calc(var(--avatar-size) * .25);border:max(2px,calc(var(--avatar-size) * .045)) solid var(--canvas)}.presence-available{background:var(--green)}.presence-playing{background:var(--accent)}.presence-away{background:var(--orange)}.presence-offline{background:#5f5b69}.avatar-stack{display:flex;align-items:center;padding-left:10px}.avatar-stack .avatar{margin-left:-10px;box-shadow:0 0 0 3px var(--surface)}.avatar-overflow{margin-left:-8px;width:38px;height:38px;border-radius:50%;background:var(--surface-soft);display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 0 0 3px var(--surface)}.waveform{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:3px}.waveform>span{width:3px;height:calc(24px * var(--bar-height));border-radius:3px;background:currentColor;transform:scaleY(.42);opacity:.7}.waveform.is-active>span{animation:voice-bar 1s ease-in-out infinite alternate;animation-delay:calc(var(--bar-index) * -.12s)}.waveform.is-compact{height:20px}.waveform.is-compact>span{width:2px;height:calc(18px * var(--bar-height))}@keyframes voice-bar{0%,20%{transform:scaleY(.32)}to{transform:scaleY(1)}}.circle-hero{position:relative;min-height:310px;padding:42px;margin-bottom:48px;border:1px solid rgba(123,97,255,.22);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#171326,#111018 58%,#17131d);display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center}.circle-hero-glow{position:absolute;width:440px;height:440px;right:-140px;top:-180px;border-radius:50%;background:#7b61ff29;filter:blur(50px)}.circle-hero-copy{position:relative;z-index:1}.circle-hero h2{margin:0;max-width:580px;font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:-.055em}.circle-hero-copy>p:not(.eyebrow){margin:16px 0 0;color:var(--muted);font-size:16px}.hero-action{margin-top:31px;min-width:168px}.circle-visual{position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.circle-visual:before,.circle-visual:after{content:"";position:absolute;border:1px solid rgba(166,154,255,.14);border-radius:50%}.circle-visual:before{width:250px;height:250px;animation:slow-pulse 3s ease-in-out infinite}.circle-visual:after{width:186px;height:186px}.circle-visual .avatar-stack{position:relative;z-index:1}.circle-visual .avatar-stack .avatar{box-shadow:0 0 0 4px #171420,0 14px 30px #0000004d}.circle-visual>span{z-index:1;color:var(--muted);font-size:12px;font-weight:650}@keyframes slow-pulse{50%{transform:scale(1.05);opacity:.5}}.friend-section{margin-top:38px}.friend-section>header{display:flex;align-items:center;gap:10px;padding:0 4px 13px;border-bottom:1px solid var(--line)}.friend-section>header h3{margin:0;font-size:14px;letter-spacing:-.01em}.friend-section>header span,.recent-rooms>header>span{min-width:25px;height:22px;padding:0 7px;border-radius:99px;background:#ffffff0f;color:var(--muted);display:grid;place-items:center;font-size:11px}.friend-list{display:grid}.friend-row{min-height:78px;padding:12px 3px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06)}.friend-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.friend-copy strong{font-size:15px}.friend-copy span{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:5px}.friend-copy .status-playing{color:var(--green)}.friend-actions{display:flex;gap:8px}.round-button{width:38px;height:38px;border-radius:50%}.rename-friend-button{color:var(--muted)}.rename-friend-button:hover{color:#fff}.admin-delete-button{color:#ff5d6cc2;border-color:#ff5d6c21}.admin-delete-button:hover{color:#ff8792;border-color:#ff5d6c47;background:#ff5d6c17}.round-button-accent{color:var(--accent-soft);background:#7b61ff21;border-color:#7b61ff33}.empty-state{width:100%;min-height:174px;border:1px dashed var(--line-strong);border-radius:22px;background:#ffffff05;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.empty-state strong{color:#eeeaf7;margin-top:5px}.empty-state span{font-size:13px}.live-room-banner{width:100%;min-height:142px;padding:27px 30px;border:1px solid rgba(123,97,255,.25);border-radius:26px;background:linear-gradient(105deg,#7b61ff29,#ffffff06);display:flex;align-items:center;gap:20px;cursor:pointer;text-align:left;box-shadow:0 16px 44px #0000001f}.live-room-banner:hover{border-color:#a69aff6b}.live-room-icon{width:66px;height:66px;flex:0 0 auto;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 0 0 12px #7b61ff17}.live-room-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.live-room-copy small{color:var(--green);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.11em}.live-room-copy strong{font-size:20px}.live-room-copy em{color:var(--muted);font-size:12px;font-style:normal;display:flex;align-items:center;gap:5px}.live-room-open{color:var(--accent-soft);font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.recent-rooms{margin-top:50px}.recent-rooms>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.recent-rooms h2{margin:0;font-size:18px}.recent-rooms p{margin:6px 0 0;color:var(--muted);font-size:13px}.room-list{border-top:1px solid var(--line)}.room-row{width:100%;min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center}.room-row:hover{background:#ffffff05}.room-row-main{min-width:0;min-height:87px;padding:14px 4px;border:0;background:transparent;display:flex;flex:1;align-items:center;gap:18px;cursor:pointer;text-align:left}.room-delete{width:38px;height:38px;margin:0 4px 0 8px;flex:0 0 auto;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.room-delete:hover:not(:disabled){color:var(--red);background:#ff5d6c17;border-color:#ff5d6c24}.room-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.room-copy strong{font-size:15px}.room-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.room-live-label{color:var(--green);display:flex;gap:5px;align-items:center;font-size:12px;font-weight:700}.room-time{min-width:100px;color:var(--muted);display:flex;gap:6px;align-items:center;justify-content:flex-end;font-size:12px}.room-empty{min-height:250px}.room-state-pill{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#ffffff09;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:680}.room-state-pill.is-live{color:var(--green);border-color:#48d88938;background:#48d8890f}.one-room-stage{position:relative;isolation:isolate;min-height:590px;padding:64px 44px 38px;overflow:hidden;border:1px solid rgba(166,154,255,.2);border-radius:34px;background:radial-gradient(circle at 50% 20%,rgba(123,97,255,.16),transparent 32%),linear-gradient(145deg,#171421,#0f0f16 58%,#15111b);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 28px 80px #0003}.one-room-aura{position:absolute;z-index:-1;width:520px;height:520px;left:calc(50% - 260px);top:-330px;border-radius:50%;background:#7b61ff4d;filter:blur(65px)}.one-room-orb{width:118px;height:118px;margin-bottom:35px;border:1px solid rgba(166,154,255,.28);border-radius:50%;color:var(--accent-soft);background:#7b61ff1f;display:grid;place-items:center;box-shadow:0 0 0 17px #7b61ff0b,0 0 70px #7b61ff33,inset 0 1px #ffffff1a}.one-room-orb.is-live{color:var(--green);border-color:#48d88940;background:#48d88914;box-shadow:0 0 0 17px #48d88909,0 0 70px #48d8891f,inset 0 1px #ffffff1a}.one-room-stage h2{margin:0;font-size:clamp(39px,6vw,66px);line-height:.98;letter-spacing:-.06em}.one-room-lede{max-width:580px;margin:18px auto 0;color:var(--muted);font-size:15px;line-height:1.55}.one-room-people{min-height:72px;margin-top:38px;padding:10px 17px;border:1px solid var(--line);border-radius:22px;background:#ffffff09;display:flex;align-items:center;gap:14px;text-align:left}.one-room-people>svg{margin:0 8px;color:var(--muted)}.one-room-people>span{display:flex;flex-direction:column;gap:4px}.one-room-people strong{font-size:13px}.one-room-people small{color:var(--muted);font-size:10px}.one-room-action{min-width:215px;min-height:52px;margin-top:25px}.one-room-trust{margin-top:auto;padding-top:38px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;font-size:10px}.one-room-trust span{display:inline-flex;align-items:center;gap:6px}.one-room-trust svg{color:var(--accent-soft)}.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:58px;align-items:start}.profile-identity{position:sticky;top:46px;display:flex;flex-direction:column;align-items:center}.profile-portrait{position:relative;width:190px;height:190px;display:grid;place-items:center}.profile-avatar-button{padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.profile-avatar-button>span{position:absolute;z-index:2;right:8px;bottom:8px;min-height:33px;padding:0 11px;border:1px solid var(--line-strong);border-radius:99px;background:#191822e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:5px;font-size:10px;font-weight:730;box-shadow:0 8px 20px #00000040}.profile-avatar-button:hover>span{background:#7b61ff52}.profile-glow{position:absolute;inset:6px;border-radius:50%;background:#7b61ff40;filter:blur(35px)}.profile-identity h2{margin:17px 0 4px;font-size:27px;letter-spacing:-.04em}.profile-identity>p{margin:0;color:var(--muted);font-size:14px}.presence-select{height:42px;margin-top:22px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:#ffffff09;display:flex;align-items:center;gap:8px}.presence-select select{appearance:none;border:0;outline:0;background:transparent;color:#fff;font-size:13px;font-weight:650;cursor:pointer}.privacy-note{width:100%;margin-top:35px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}.privacy-note>span{display:flex;flex-direction:column;gap:2px}.privacy-note strong{color:#e5e2ed;font-size:12px}.privacy-note small{font-size:11px}.profile-sections{display:grid;gap:14px}.settings-section{padding:27px;border:1px solid var(--line);border-radius:22px;background:#ffffff06}.settings-section>header{display:flex;justify-content:space-between;align-items:flex-start;color:var(--accent-soft)}.settings-section h2{margin:0;color:#f6f4ff;font-size:18px}.settings-section>p,.steam-connected>p,.setting-empty-copy>p{color:var(--muted);font-size:13px;line-height:1.55}.invite-display{width:100%;height:66px;margin:16px 0 10px;padding:0 18px;border:1px dashed rgba(166,154,255,.34);border-radius:15px;background:#7b61ff14;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.invite-display span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;letter-spacing:.14em;font-weight:760}.steam-profile{display:flex;align-items:center;gap:12px;margin:17px 0}.steam-profile img{width:46px;height:46px;border-radius:10px;object-fit:cover}.steam-profile>span{min-width:0;flex:1;display:flex;flex-direction:column}.steam-profile small{color:var(--muted);font-size:11px}.steam-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-profile a{color:var(--muted)}.danger-text-button{padding:0;border:0;background:transparent;color:var(--red);display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:650}.danger-button{min-height:42px;padding:0 17px;border:1px solid rgba(255,93,108,.32);border-radius:13px;background:#ff5d6c24;color:#ff9aa3;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:740;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.danger-button:hover:not(:disabled){transform:translateY(-1px);border-color:#ff5d6c80;background:#ff5d6c38}.setting-empty-copy .secondary-button{margin-top:6px}.signed-in-account{min-width:0;margin:18px 0 12px;display:flex;align-items:center;gap:11px}.signed-in-mark{width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:#7b61ff21;color:var(--accent-soft);display:grid;place-items:center;font-size:18px;font-weight:760}.signed-in-account>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.signed-in-account small{color:var(--muted);font-size:10px}.signed-in-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.signed-in-account i{padding:5px 8px;border-radius:99px;background:#48d8891a;color:var(--green);font-size:9px;font-style:normal;font-weight:750}.permission-status{width:fit-content;min-height:32px;margin-top:16px;padding:0 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.permission-status>span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.permission-granted{color:var(--green);border-color:#48d8892e;background:#48d8890d}.permission-granted>span{background:var(--green)}.permission-denied{color:var(--red);border-color:#ff5d6c2e;background:#ff5d6c0d}.permission-denied>span{background:var(--red)}.connection-strip{min-height:82px;padding:15px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connection-strip>div{display:flex;align-items:center;gap:10px;color:var(--green)}.connection-strip span{display:flex;flex-direction:column}.connection-strip small{color:var(--muted);font-size:10px}.connection-strip strong{color:#eae7f0;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:20px;background:#030307c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;place-items:center}.modal-panel{width:min(470px,100%);max-height:min(720px,calc(100svh - 40px));overflow:auto;border:1px solid var(--line-strong);border-radius:26px;background:#14141c;box-shadow:var(--shadow)}.modal-wide{width:min(660px,100%)}.modal-header{position:sticky;top:0;z-index:2;padding:24px 24px 17px;background:#14141cf0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:flex-start;justify-content:space-between}.modal-header h2{margin:0;font-size:22px;letter-spacing:-.035em}.modal-body{padding:8px 24px 25px}.changelog-modal{padding-top:3px}.changelog-current{margin:3px 0 31px;padding:18px;border:1px solid rgba(166,154,255,.2);border-radius:19px;background:linear-gradient(135deg,#7b61ff24,#ffffff06);display:flex;align-items:flex-start;gap:14px}.changelog-current-icon{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(166,154,255,.22);border-radius:14px;background:#7b61ff26;color:var(--accent-soft);display:grid;place-items:center}.changelog-current>div{min-width:0;display:flex;flex-direction:column;gap:3px}.changelog-current small{color:var(--muted);font-size:9px;font-weight:740;letter-spacing:.1em;text-transform:uppercase}.changelog-current strong{font-size:16px;letter-spacing:-.02em}.changelog-current p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.changelog-list{display:grid}.changelog-release{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px}.changelog-rail{position:relative;display:flex;justify-content:center}.changelog-rail:after{content:"";position:absolute;top:12px;bottom:0;width:1px;background:var(--line)}.changelog-release:last-child .changelog-rail:after{display:none}.changelog-rail>span{position:relative;z-index:1;width:9px;height:9px;margin-top:6px;border:2px solid #14141c;border-radius:50%;background:#6c6679;box-shadow:0 0 0 1px var(--line-strong)}.changelog-release:first-child .changelog-rail>span{background:var(--accent-soft);box-shadow:0 0 0 1px #a69aff73,0 0 18px #7b61ff6b}.changelog-release-copy{padding:0 0 30px}.changelog-release:last-child .changelog-release-copy{padding-bottom:4px}.changelog-release-copy>header{min-height:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.changelog-release-copy>header>span{color:var(--accent-soft);font-size:11px;font-weight:760;letter-spacing:.03em}.changelog-release-copy time{color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.changelog-release-copy h3{margin:7px 0 5px;color:#f6f4ff;font-size:18px;letter-spacing:-.025em}.changelog-release-copy>p{margin:0;color:#a6a2ae;font-size:12px;line-height:1.55}.changelog-release-copy ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}.changelog-release-copy li{position:relative;padding-left:15px;color:var(--muted);font-size:11px;line-height:1.5}.changelog-release-copy li:before{content:"";position:absolute;left:1px;top:.58em;width:4px;height:4px;border-radius:50%;background:#a69aff9e}.personal-name-editor,.account-delete-confirmation{padding-top:3px}.delete-account-warning{width:48px;height:48px;margin:3px 0 18px;border:1px solid rgba(255,93,108,.24);border-radius:15px;background:#ff5d6c1a;color:var(--red);display:grid;place-items:center}.account-delete-confirmation h3{margin:0 0 9px;font-size:18px;letter-spacing:-.025em}.account-delete-confirmation>p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.account-delete-confirmation>p strong{color:#f4f1f7}.account-delete-confirmation .delete-account-note{margin-top:10px;color:#8f8a99;font-size:11px}.delete-account-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:9px}.personal-name-person{margin:3px 0 26px;display:flex;align-items:center;gap:13px}.personal-name-person>span{min-width:0;display:flex;flex-direction:column;gap:3px}.personal-name-person small{color:var(--muted);font-size:10px}.personal-name-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.personal-name-actions{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:14px}.personal-name-actions .text-button{margin-right:auto;font-size:11px}.avatar-editor-grid{max-height:min(54vh,480px);margin-top:0;padding-bottom:18px}.avatar-save-button{position:sticky;bottom:0;min-height:50px;margin-top:9px;box-shadow:0 -18px 32px #14141c,0 10px 30px #7b61ff42}.field-label{display:block;margin-bottom:9px;color:#d7d3df;font-size:12px;font-weight:650}.input-shell{min-height:56px;padding:0 16px;border:1px solid var(--line);border-radius:17px;background:#ffffff0b;color:var(--muted);display:flex;align-items:center;gap:11px;transition:border-color .16s ease,background .16s ease}.input-shell:focus-within{border-color:#a69aff8c;background:#7b61ff0f}.input-shell input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff}.input-shell input::placeholder{color:#706d7a}.input-prefix{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.large-input input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.field-help{margin:9px 3px 22px;color:var(--muted);font-size:12px;line-height:1.5}.invite-divider{height:50px;display:flex;align-items:center;gap:12px;color:var(--muted-soft);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.invite-divider:before,.invite-divider:after{content:"";height:1px;flex:1;background:var(--line)}.invite-code-button{width:100%;min-height:66px;padding:0 17px;border:1px solid var(--line);border-radius:16px;background:#ffffff08;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.invite-code-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.invite-code-button small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.invite-code-button strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.friend-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.friend-picker-item{min-height:72px;padding:9px 11px;border:1px solid var(--line);border-radius:17px;background:#ffffff05;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.friend-picker-item:hover{background:#ffffff0b}.friend-picker-item.is-selected{border-color:#a69aff7a;background:#7b61ff1c}.friend-picker-item>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.friend-picker-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.friend-picker-item small{color:var(--muted);font-size:10px}.friend-picker-item>i{width:24px;height:24px;border-radius:50%;background:#ffffff0f;display:grid;place-items:center;font-style:normal}.friend-picker-item.is-selected>i{background:var(--accent)}.picker-footer{position:sticky;bottom:-25px;min-height:72px;margin:20px -24px -25px;padding:13px 24px;border-top:1px solid var(--line);background:#14141cf0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between}.picker-footer>span{color:var(--muted);display:flex;align-items:center;gap:7px;font-size:12px}.onboarding-shell{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#07070b;display:grid;place-items:center;padding:32px 20px}.onboarding-aurora{position:fixed;width:700px;height:700px;left:calc(50% - 350px);top:-420px;border-radius:50%;background:#7b61ff26;filter:blur(80px)}.onboarding-panel{position:relative;z-index:1;width:min(480px,100%)}.brand-orb{width:100px;height:100px;margin:0 auto 38px;border:1px solid rgba(166,154,255,.25);border-radius:50%;background:#7b61ff21;color:var(--accent-soft);display:grid;place-items:center;box-shadow:0 0 70px #7b61ff29}.onboarding-panel h1{margin:0;font-size:clamp(38px,8vw,54px);line-height:1;letter-spacing:-.055em}.onboarding-lede{margin:13px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.onboarding-fields{display:grid;gap:12px;margin-top:32px}.field-message{min-height:18px;margin:-1px 4px 0;color:var(--muted);font-size:11px}.availability-available{color:var(--green)}.input-shell.availability-available{border-color:#48d88959}.availability-unavailable,.availability-error{color:var(--red)}.input-shell.availability-unavailable,.input-shell.availability-error{border-color:#ff5d6c59}.onboarding-panel>.full-button{min-height:52px;margin-top:25px}.avatar-setup-panel{width:min(650px,100%);text-align:center}.setup-back{position:absolute;left:0;top:0}.selected-avatar-wrap{padding-top:28px;margin-bottom:17px}.selected-avatar-wrap .avatar{box-shadow:0 0 0 1px var(--line-strong),0 20px 60px #7b61ff33}.avatar-grid{max-height:min(48vh,450px);overflow:auto;margin:27px -4px 0;padding:5px 4px 110px;display:grid;grid-template-columns:repeat(6,1fr);gap:13px;scrollbar-width:thin}.avatar-choice{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:3px;background:transparent;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.avatar-choice:hover{transform:translateY(-2px)}.avatar-choice.is-selected{border-color:var(--accent);transform:scale(1.06)}.avatar-choice .avatar{width:100%!important;height:100%!important}.avatar-check{position:absolute;right:-1px;bottom:2px;width:22px;height:22px;border:3px solid #07070b;border-radius:50%;background:var(--accent);display:grid;place-items:center}.avatar-submit-bar{position:absolute;left:0;right:0;bottom:0;padding-top:30px;background:linear-gradient(transparent,#07070b 32%)}.avatar-submit-bar .primary-button{min-height:52px}.call-overlay{position:fixed;inset:0;z-index:80;overflow:auto;background:#09090f;display:flex;flex-direction:column;pointer-events:auto}.call-overlay.is-minimized{visibility:hidden;pointer-events:none}.call-noise{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 24%,rgba(123,97,255,.14),transparent 32%),radial-gradient(circle at 10% 90%,rgba(71,53,120,.1),transparent 28%)}.call-header{position:relative;z-index:1;min-height:88px;padding:20px 28px;display:flex;align-items:center;gap:13px}.call-icon-button{border-radius:50%;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.call-header>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.call-header>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.call-header>div span{color:var(--muted);display:flex;align-items:center;gap:5px;font-size:11px}.call-connection{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:#ffffff0b;color:var(--orange);display:flex;align-items:center;gap:7px;font-size:11px;text-transform:capitalize}.call-connected{color:var(--green)}.call-unavailable{color:var(--red)}.call-stage{position:relative;z-index:1;flex:1;min-height:490px;padding:20px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.voice-orb{position:relative;width:178px;height:178px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff24,#7b61ff47 52%,#7b61ff14);color:var(--accent-soft);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff1f,0 25px 80px #00000061}.voice-orb i{position:absolute;inset:-1px;border:1px solid rgba(166,154,255,.22);border-radius:50%}.voice-orb i:nth-child(2){inset:-23px;opacity:.6}.voice-orb i:nth-child(3){inset:-48px;opacity:.32}.voice-orb.is-live i{animation:orb-pulse 2.2s ease-out infinite}.voice-orb.is-live i:nth-child(2){animation-delay:.35s}.voice-orb.is-live i:nth-child(3){animation-delay:.7s}.voice-orb.has-speaker{background:radial-gradient(circle at 35% 30%,#ffffff2e,#48d88933 52%,#7b61ff1f);color:var(--green)}@keyframes orb-pulse{0%{transform:scale(.92);opacity:.8}70%,to{transform:scale(1.12);opacity:0}}.voice-copy{margin-top:55px;text-align:center}.voice-copy h1{margin:0;font-size:clamp(27px,4vw,38px);letter-spacing:-.045em}.voice-copy p{max-width:560px;margin:9px auto 0;color:var(--muted);font-size:13px}.call-participants{width:min(760px,100%);margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.call-person{min-width:168px;padding:9px 13px 9px 9px;border:1px solid var(--line);border-radius:18px;background:#ffffff06;opacity:.56;display:flex;align-items:center;gap:10px}.call-person.is-connected{opacity:1}.call-person.is-speaking{border-color:#48d8896e;background:#48d8890f}.call-person>span{min-width:0;display:flex;flex-direction:column;gap:2px}.call-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.call-person small{color:var(--muted);font-size:10px}.call-person.is-speaking small{color:var(--green)}.call-footer{position:relative;z-index:1;padding:15px 28px max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:22px}.noise-control{min-height:61px;min-width:282px;padding:0 15px;border:1px solid var(--line);border-radius:18px;background:#ffffff0b;color:var(--muted);display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left}.noise-control.is-on>svg{color:var(--accent-soft)}.noise-control>span{flex:1;display:flex;flex-direction:column;gap:2px}.noise-control strong{color:#eeeaf6;font-size:12px}.noise-control small{font-size:9px}.noise-control>i{padding:4px 8px;border-radius:99px;background:#ffffff0f;font-size:10px;font-style:normal}.noise-control.is-on>i{background:#7b61ff33;color:var(--accent-soft)}.call-controls{display:flex;gap:9px}.call-control{width:76px;min-height:64px;border:1px solid var(--line);border-radius:18px;background:#ffffff0f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.call-control span{font-size:9px;font-weight:700}.call-control.is-active{background:#7b61ff40;border-color:#a69aff4d}.call-control.is-danger{background:#ff5d6cb8;border-color:transparent}.remote-audio{display:none}.mini-call-bar{position:fixed;left:calc(236px + 50%);transform:translate(calc(-50% - 118px));bottom:20px;z-index:30;width:min(650px,calc(100vw - 286px));min-height:66px;padding:8px 14px 8px 10px;border:1px solid rgba(166,154,255,.28);border-radius:20px;background:#191722e8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 54px #0006;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:left}.mini-call-wave{width:46px;height:46px;flex:0 0 auto;border-radius:15px;background:var(--accent);display:grid;place-items:center}.mini-call-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.mini-call-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mini-call-copy small{color:var(--muted);font-size:10px}.loading-screen{min-height:100vh;min-height:100svh;background:var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-mark{width:76px;height:76px;border-radius:50%;background:#7b61ff21;color:var(--accent-soft);display:grid;place-items:center;box-shadow:0 0 60px #7b61ff24}.loading-screen p{margin:20px 0 5px;font-weight:750}.loading-screen>span{color:var(--muted);font-size:11px}.toast{position:fixed;z-index:150;left:50%;bottom:24px;transform:translate(-50%);width:min(450px,calc(100vw - 34px));max-width:calc(100vw - 34px);min-height:52px;padding:11px 11px 11px 15px;border:1px solid var(--line-strong);border-radius:16px;background:#1c1b25f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;overflow:hidden}.toast.is-actionable{cursor:pointer}.toast.is-actionable:hover{border-color:#a69aff4d;background:#211f2cf7}.toast>svg{color:var(--accent-soft)}.toast-error>svg{color:var(--red)}.toast-success>svg{color:var(--green)}.toast span{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.toast .toast-target{flex:0 0 auto;color:var(--muted)}.toast button{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.toast-timer{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent-soft);opacity:.45;transform-origin:left;animation:toast-countdown 6s linear forwards}.toast-error .toast-timer{background:var(--red)}.toast-success .toast-timer{background:var(--green)}@keyframes toast-countdown{to{transform:scaleX(0)}}@media(max-width:900px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand div{display:none}.sidebar-nav button{justify-content:center;padding:0}.sidebar-nav button span{display:none}.sidebar-nav button.is-active:before{left:-12px}.sidebar-profile{justify-content:center;padding-left:0;padding-right:0}.sidebar-profile-copy,.sidebar-profile>svg{display:none}.page{padding-left:32px;padding-right:32px}.circle-hero{grid-template-columns:1fr}.circle-visual{display:none}.profile-layout{grid-template-columns:230px minmax(0,1fr);gap:32px}.mini-call-bar{left:calc(86px + 50%);transform:translate(calc(-50% - 43px));width:min(650px,calc(100vw - 126px))}.call-footer{flex-direction:column}}@media(max-width:680px){.app-shell{display:block;padding-bottom:76px}.sidebar{display:none}.workspace{min-height:calc(100svh - 76px)}.mobile-header{position:sticky;top:0;z-index:20;min-height:64px;padding:9px 17px;border-bottom:1px solid var(--line);background:#09090ee0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.mobile-header .sidebar-brand{padding:0}.mobile-header .sidebar-brand img{width:34px;height:34px}.mobile-header .sidebar-brand strong{font-size:14px}.mobile-nav{position:fixed;z-index:35;left:0;right:0;bottom:0;min-height:calc(68px + env(safe-area-inset-bottom));padding:7px 18px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e0e14f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(3,1fr)}.mobile-nav button{border:0;border-radius:13px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:650}.mobile-nav button.is-active{color:var(--accent-soft)}.page{min-height:calc(100svh - 140px);padding:28px 18px 70px}.page-header{min-height:58px;margin-bottom:24px;align-items:center}.page-header .eyebrow{display:none}.page-header h1{font-size:31px}.changelog-button{min-height:39px;font-size:12px}.changelog-button>span{display:none}.header-actions .desktop-only,.desktop-only{display:none}.admin-mode-pill{min-height:39px;padding:0 10px;font-size:0}.primary-button,.secondary-button{padding-left:13px;padding-right:13px}.circle-hero{min-height:270px;padding:29px 24px;margin-left:-18px;margin-right:-18px;border-left:0;border-right:0;border-radius:0}.circle-hero h2{font-size:40px}.circle-hero-copy>p:not(.eyebrow){font-size:14px}.friend-section{margin-top:31px}.friend-row{min-height:74px}.friend-row .avatar{--avatar-size: 46px !important}.friend-actions{gap:6px}.round-button{width:36px;height:36px}.personal-name-actions{align-items:stretch;flex-direction:column-reverse}.personal-name-actions .text-button{min-height:38px;margin:0;justify-content:center}.delete-account-actions{align-items:stretch;flex-direction:column-reverse}.delete-account-actions>button{width:100%}.live-room-banner{padding:22px 18px;gap:14px}.live-room-icon{width:52px;height:52px}.live-room-banner>.avatar-stack,.live-room-open{display:none}.one-room-stage{min-height:540px;padding:45px 20px 30px;margin-left:-18px;margin-right:-18px;border-left:0;border-right:0;border-radius:0}.one-room-orb{width:102px;height:102px}.one-room-stage h2{font-size:43px}.one-room-lede{font-size:13px}.room-state-pill{font-size:0;width:38px;padding:0;justify-content:center}.recent-rooms{margin-top:36px}.room-row-main{gap:12px;padding-left:0}.room-row .avatar-stack{min-width:58px}.room-live-label{display:none}.room-time{min-width:auto;font-size:0}.profile-layout{display:block}.profile-identity{position:static;margin-bottom:38px}.profile-portrait{width:160px;height:160px}.profile-portrait .avatar{--avatar-size: 122px !important}.settings-section{padding:22px 19px;border-left:0;border-right:0;border-radius:0;margin-left:-18px;margin-right:-18px}.connection-strip{margin-left:-8px;margin-right:-8px;padding-left:0;padding-right:0}.connection-strip>div{flex-direction:column;text-align:center;gap:5px}.mini-call-bar{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;transform:none}.mini-call-bar .avatar-stack{display:none}.modal-backdrop{padding:0;align-items:end}.modal-panel,.modal-wide{width:100%;max-height:88svh;border-radius:25px 25px 0 0}.changelog-current{margin-bottom:25px;padding:15px}.changelog-release{grid-template-columns:17px minmax(0,1fr);gap:9px}.changelog-release-copy>header{align-items:flex-start;flex-direction:column;gap:4px}.changelog-release-copy h3{margin-top:9px}.friend-picker-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:11px}.onboarding-shell{place-items:start center;padding-top:max(42px,env(safe-area-inset-top))}.brand-orb{width:86px;height:86px;margin-bottom:31px}.avatar-setup-panel{padding-top:28px}.setup-back{top:2px}.selected-avatar-wrap{padding-top:30px}.avatar-submit-bar{position:fixed;left:20px;right:20px;bottom:max(15px,env(safe-area-inset-bottom))}.call-header{min-height:76px;padding:16px}.call-connection{font-size:0;width:48px;justify-content:center;padding:0}.call-stage{min-height:500px;padding:30px 16px 10px;justify-content:flex-start}.voice-orb{width:142px;height:142px;margin-top:35px}.voice-copy{margin-top:50px}.voice-copy h1{font-size:28px}.call-participants{margin-top:29px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.call-person{min-width:0;padding:8px}.call-person .avatar{--avatar-size: 44px !important}.call-footer{position:sticky;bottom:0;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#09090ff5 26%);gap:10px}.noise-control{width:100%;min-width:0;min-height:52px}.call-controls{width:100%;justify-content:center}.call-control{width:calc((100vw - 60px)/4);max-width:86px;min-height:61px}.toast{left:12px;right:12px;bottom:calc(83px + env(safe-area-inset-bottom));width:auto;max-width:none;transform:none;align-items:flex-start;padding:13px 10px 13px 14px}.toast>svg{flex:0 0 auto;margin-top:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}