:root{font-family:SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,Segoe UI,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#1d1d1f;background:#e9e9ee;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #7058ef;--accent-2: #8d74ff;--blue: #1479f6;--green: #28a978;--red: #ef5455;--muted: #73737c;--border: rgba(28, 28, 35, .09);--panel: rgba(255, 255, 255, .82);--shadow: 0 24px 70px rgba(35, 31, 55, .14), 0 2px 10px rgba(35, 31, 55, .05)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(112,88,239,.25);outline-offset:2px}.app-loading{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#87868f;background:radial-gradient(circle at 50% 40%,#f7f5ff,#f1f1f5 70%);font-size:10px}.app-loading p{margin:0}.spinner.dark{border-color:#7058ef2e;border-top-color:var(--accent)}.app-canvas{width:100vw;height:100vh;min-height:700px;padding:22px;overflow:hidden;position:relative;background:radial-gradient(circle at 12% 13%,rgba(173,155,255,.23),transparent 28%),radial-gradient(circle at 92% 88%,rgba(102,200,255,.19),transparent 30%),linear-gradient(145deg,#eeedf4,#f3f3f6 48%,#e8ebf1)}.ambient{position:absolute;border-radius:50%;filter:blur(35px);opacity:.44;pointer-events:none}.ambient-one{width:280px;height:280px;background:#a58cff;top:-120px;left:9%}.ambient-two{width:320px;height:320px;background:#75c9ff;bottom:-170px;right:3%}.window-shell{width:min(1480px,100%);height:100%;margin:0 auto;border:1px solid rgba(255,255,255,.86);border-radius:22px;overflow:hidden;position:relative;background:#f6f6f9d4;box-shadow:0 40px 100px #25233430,0 2px 8px #25233414,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(35px) saturate(140%);backdrop-filter:blur(35px) saturate(140%)}.title-bar{height:43px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:#f8f8fabd;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.title-bar-brand{display:flex;align-items:center;gap:8px;color:#6a6972;font-size:12px;font-weight:600;letter-spacing:-.01em}.app-layout{height:calc(100% - 43px);display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:0;padding:18px 14px 14px;background:#efeff4ad;border-right:1px solid var(--border)}.profile-card{display:flex;align-items:center;gap:10px;padding:8px 7px 18px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:650;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff4d}.avatar-me{background:linear-gradient(145deg,#24232c,#62616c)}.profile-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.profile-copy strong{font-size:13.5px}.profile-copy span{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px}.status-dot{width:8px;height:8px;border-radius:50%;background:#31b981;box-shadow:0 0 0 2px #f3f3f6;display:inline-block}.status-dot.sharing{background:var(--accent)}.status-dot.offline{background:#aaaab2}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-caption{display:block;padding:0 10px;margin:2px 0 7px;color:#9b9aa3;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.07em}.nav-item{border:0;background:transparent;width:100%;height:40px;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 10px;color:#66656d;font-size:13px;text-align:left;transition:.18s ease}.nav-item:hover{background:#ffffff8c;color:#25242a}.nav-item.active{color:#fff;background:linear-gradient(135deg,#7660ee,#664bdc);box-shadow:0 8px 22px #644bdc3b,inset 0 1px #fff3}.nav-item span:nth-child(2){flex:1}.nav-badge{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#ff665e;font-size:10px}.nav-item.active .nav-badge{color:#674ddf;background:#fff}.sidebar-middle{margin-top:25px}.quick-join{border:0;width:100%;padding:9px;background:transparent;border-radius:11px;display:flex;align-items:center;gap:9px;text-align:left}.quick-join:hover{background:#ffffff94}.quick-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#7058ef1a;color:var(--accent)}.quick-join>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.quick-join strong{font-size:11.5px;font-weight:600}.quick-join small{color:#9897a0;font-size:9.5px}.quick-join>svg{color:#aaa9b0}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.mini-session,.relay-status{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px}.mini-session{background:linear-gradient(135deg,#7058ef1c,#6a9aff14);border:1px solid rgba(112,88,239,.1)}.mini-session-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:#fff}.mini-session>div:nth-child(2),.relay-status>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mini-session strong,.relay-status strong{font-size:10.5px}.mini-session span,.relay-status small{color:#83828b;font-size:9px}.mini-session>svg{color:#37b883}.relay-status{border-top:1px solid var(--border);border-radius:0;padding-top:13px}.relay-pulse{position:relative;width:7px;height:7px;border-radius:50%;background:#2eb980;box-shadow:0 0 0 4px #2eb9801c}.relay-pulse.idle{background:#aaa9b1;box-shadow:0 0 0 4px #78788014}.relay-status>svg{color:#7c7b84}.logout-link{align-self:flex-start;border:0;background:transparent;padding:5px 9px;display:flex;align-items:center;gap:7px;color:#9b9aa3;font-size:10px}.logout-link:hover{color:var(--red)}.main-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fafafcb3}.top-bar{height:88px;flex:0 0 auto;padding:18px 32px 13px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(28,28,35,.055);background:#fafafca8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2}.top-bar h1{margin:0;font-size:22px;letter-spacing:-.035em;line-height:1.25}.top-bar p{margin:3px 0 0;color:#8b8a93;font-size:11.5px}.top-title-row{display:flex;align-items:center;gap:10px}.viewer-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;color:#4c67bb;background:#466cdc14;font-size:9.5px;font-weight:600}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--border);border-radius:11px;background:#ffffffb8;display:grid;place-items:center;position:relative;box-shadow:0 2px 5px #26252e09;transition:.18s ease}.icon-button:hover{background:#fff;transform:translateY(-1px)}.icon-button.subtle{width:31px;height:31px;border:0;box-shadow:none;background:transparent;color:#83828a}.icon-button.subtle:hover{background:#0000000a;transform:none}.icon-button.compact{width:30px;height:30px;border-radius:9px;box-shadow:none;background:#f6f6f8}.notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff5d59;top:7px;right:7px;box-shadow:0 0 0 2px #fff}.button{min-height:40px;border:0;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:-.01em;transition:.18s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0) scale(.985)}.button:disabled{opacity:.42;cursor:not-allowed}.button.primary{color:#fff;background:linear-gradient(135deg,#7b63f3,#6347d9);box-shadow:0 8px 22px #6449da38,inset 0 1px #ffffff38}.button.secondary{color:#3e3d45;background:#ffffffc7;border:1px solid var(--border);box-shadow:0 2px 5px #1e1d2609}.button.glass{color:#36343f;background:#fff9;border:1px solid rgba(255,255,255,.68);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.button.danger{color:#d94749;background:#fff1f1;border:1px solid rgba(239,84,85,.12);box-shadow:none}.button.small{min-height:34px;padding:0 12px;font-size:11px;border-radius:9px}.button.tiny{min-height:28px;padding:0 10px;gap:5px;font-size:9.5px;border-radius:8px}.button.tinted{color:#674ddf;background:#7058ef17;box-shadow:none}.button.full{width:100%}.page-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(120,120,130,.25) transparent}.page-content{width:min(1120px,100%);min-height:100%;margin:0 auto;padding:23px 32px 110px}.hero-card{min-height:216px;border-radius:19px;position:relative;overflow:hidden;padding:34px 37px;display:flex;align-items:center;background:linear-gradient(125deg,#f0ecff,#e8efff 57%,#eaf8fa);border:1px solid rgba(112,88,239,.08);box-shadow:0 12px 35px #3c327312,inset 0 1px #ffffffb3}.hero-card:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(116,88,239,.22),transparent 65%);right:-30px;top:-150px}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(59,192,230,.18),transparent 68%);left:43%;bottom:-170px}.hero-orb{width:74px;height:74px;border-radius:22px;margin-right:25px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,#826bf5,#5e45cf);box-shadow:0 16px 35px #5e45cf47,inset 0 1px #ffffff47;transform:rotate(-3deg)}.hero-copy{max-width:570px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#7459df;font-size:10.5px;font-weight:650;letter-spacing:.025em}.eyebrow.live{color:#2a9e72}.eyebrow.live.danger{color:#d93645}.hero-copy h2,.active-share-info h2,.room-summary h2{margin:7px 0;font-size:clamp(23px,2.1vw,31px);line-height:1.13;letter-spacing:-.045em}.hero-copy p,.room-summary p{margin:0;color:#6f6d79;font-size:11.5px;line-height:1.7}.hero-actions{display:flex;gap:9px;margin-top:18px}.quality-stack{width:180px;height:160px;margin-left:auto;position:relative;z-index:1}.quality-chip{position:absolute;padding:11px 14px;border-radius:14px;display:flex;flex-direction:column;color:#42404c;background:#ffffffb0;border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 28px #463d711a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.quality-chip strong{font-size:19px;letter-spacing:-.04em}.quality-chip span{color:#888692;font-size:8.5px}.quality-chip.chip-one{top:1px;left:13px;transform:rotate(-4deg)}.quality-chip.chip-two{right:4px;top:45px;transform:rotate(4deg)}.quality-chip.chip-three{left:22px;bottom:8px;flex-direction:row;align-items:center;gap:7px;color:#6c50df;transform:rotate(-1deg)}.quality-chip.chip-three span{font-weight:600;color:#5f5c69}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 2px 10px}.section-heading h3,.panel-header h3{margin:0;font-size:13.5px;letter-spacing:-.02em}.section-heading p,.panel-header p{margin:3px 0 0;color:#9a99a2;font-size:9.5px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-card{min-width:0;min-height:86px;padding:14px;border:1px solid var(--border);border-radius:15px;background:#ffffffbd;display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:1fr auto;gap:3px 11px;align-items:center;text-align:left;box-shadow:0 5px 17px #26243209;transition:.2s ease}.action-card:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 26px #26243213}.action-icon{grid-row:1 / 3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.action-card.share .action-icon{color:#654bdd;background:#f0edff}.action-card.voice .action-icon{color:#157fdb;background:#eaf5ff}.action-card.room .action-icon{color:#db7145;background:#fff0e9}.action-text{align-self:end;min-width:0;display:flex;flex-direction:column;gap:2px}.action-text strong{font-size:11.5px}.action-text small{color:#8d8c94;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-meta{align-self:start;color:#aaa9b1;font-size:8px}.action-card>svg{grid-column:3;grid-row:1 / 3;color:#b2b1b8}.home-columns{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;margin-top:10px}.panel{border:1px solid var(--border);border-radius:16px;background:#ffffffb8;box-shadow:0 6px 19px #26243209}.panel-header{min-height:56px;padding:13px 15px 9px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#7d65e3;font-size:9px;display:inline-flex;align-items:center;gap:1px}.recent-list{padding:0 8px 7px}.recent-row{min-height:50px;display:flex;align-items:center;gap:10px;padding:6px 7px;border-top:1px solid rgba(28,28,35,.055)}.contact-avatar{width:32px;height:32px;font-size:11px}.contact-avatar .status-dot{position:absolute;width:7px;height:7px;right:-1px;bottom:0;box-shadow:0 0 0 2px #fff}.contact-avatar.large{width:41px;height:41px;font-size:13px}.recent-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.recent-copy strong{font-size:10.5px}.recent-copy span{color:#8d8c94;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offline-label{color:#a3a2aa;font-size:8.5px;padding:0 8px}.health-panel{min-width:0;position:relative;overflow:hidden}.health-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:20px;background:#2bb17d1a;color:#28976d;font-size:8.5px;font-weight:600}.latency-display{padding:0 16px;display:flex;align-items:baseline;position:relative;z-index:1}.latency-display strong{font-size:34px;line-height:1;letter-spacing:-.06em}.latency-display>span{margin-left:4px;color:#777680;font-size:10px}.latency-display small{margin-left:auto;color:#9a99a1;font-size:8px}.quality-bars{position:absolute;height:55px;display:flex;align-items:flex-end;gap:4px;right:14px;top:73px;opacity:.6}.quality-bars i{width:4px;border-radius:4px;background:linear-gradient(to top,#6b51e226,#6b51e2ad)}.health-footer{margin-top:15px;border-top:1px solid rgba(28,28,35,.055);min-height:35px;display:flex;align-items:center;justify-content:space-around;color:#9998a0;font-size:8px}.health-footer span{display:flex;align-items:center;gap:4px}.health-footer strong{color:#67666f;font-weight:600}.active-share-card{min-height:217px;border-radius:19px;overflow:hidden;display:grid;grid-template-columns:43% 1fr;color:#fff;background:linear-gradient(130deg,#202029,#2e2a3e);box-shadow:0 15px 35px #1d1b2829}.share-preview{position:relative;min-height:217px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#5c517e,#272632 70%)}.mock-screen{width:78%;height:68%;position:relative;border-radius:10px;overflow:hidden;background:#f1f0f5f2;box-shadow:0 12px 35px #0000004d;color:#585268;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.mock-screen strong{font-size:10px}.mock-screen>span{color:#8e8999;font-size:7.5px}.share-preview>video{width:100%;height:100%;min-height:217px;display:block;object-fit:contain;background:#08080b}.remote-share-card{grid-template-columns:minmax(0,64%) 1fr}audio[data-track-source]{display:none}.mock-menubar{height:12px;display:flex;gap:3px;align-items:center;padding:0 5px;background:#d9d8de}.mock-menubar span{width:3px;height:3px;border-radius:50%;background:#a8a6af}.mock-menubar i{margin-left:auto;width:23px;height:3px;border-radius:2px;background:#bdbbc4}.mock-sidebar{position:absolute;left:0;top:12px;bottom:0;width:25%;background:#e5e4e9}.mock-editor{position:absolute;left:32%;right:8%;top:29%;display:flex;flex-direction:column;gap:6px}.mock-editor i{height:4px;border-radius:2px;background:#c9c6d5}.mock-editor i:nth-child(1){width:55%;background:#8d78e2}.mock-editor i:nth-child(2){width:88%}.mock-editor i:nth-child(3){width:73%}.mock-editor i:nth-child(4){width:93%}.mock-editor i:nth-child(5){width:48%}.live-pill{position:absolute;left:12px;top:12px;border-radius:999px;padding:5px 8px;background:#121216ab;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;gap:5px;font-size:8px;font-weight:650}.live-pill i{width:5px;height:5px;border-radius:50%;background:#ff4f54;box-shadow:0 0 0 3px #ff4f5426}.live-pill.danger{color:#fff;background:#a31727e6}.stats-overlay{position:absolute;right:10px;bottom:10px;width:156px;padding:8px 9px;border-radius:9px;display:grid;gap:4px;background:#0f0f13c2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:7px}.stats-overlay span{display:flex;justify-content:space-between;color:#aaa8b3}.stats-overlay strong{color:#fff}.active-share-info{padding:30px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.active-share-info .eyebrow{color:#54d29e}.active-share-info h2{margin-top:6px}.active-share-info p{margin:0;color:#aaa8b3;font-size:10px}.share-safety-row{margin:17px 0;display:flex;flex-wrap:wrap;gap:7px}.share-safety-row span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;background:#ffffff12;color:#c5c3cd;font-size:8px}.toolbar-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}.search-box{height:36px;width:min(340px,45%);padding:0 11px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:8px;color:#96959d;background:#ffffffad}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#29282e;font-size:11px}.search-box input::placeholder{color:#aaa9b1}.segmented{display:inline-flex;align-items:center;padding:3px;border-radius:10px;background:#ececf0}.segmented button{border:0;min-height:28px;padding:0 11px;border-radius:8px;background:transparent;color:#77767f;font-size:9.5px}.segmented button.active{color:#2c2b31;background:#fff;box-shadow:0 2px 5px #1f1e2614}.compact-segments{margin-left:auto}.compact-segments button span{min-width:15px;height:15px;margin-left:3px;padding:0 4px;display:inline-grid;place-items:center;border-radius:8px;color:#fff;background:#ff625f;font-size:7px}.friend-list-panel{overflow:hidden}.list-heading{min-height:39px;padding:0 17px;display:flex;align-items:center;gap:6px;color:#7d7c85;background:#f6f6f899;border-bottom:1px solid var(--border);font-size:9.5px;font-weight:600}.list-heading small{color:#aaa9b1;font-size:8px;font-weight:500}.friend-row{min-height:65px;display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid rgba(28,28,35,.055);transition:background .15s ease}.friend-row:last-child{border-bottom:0}.friend-row:hover{background:#f8f8fbdb}.friend-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.friend-copy strong{font-size:11.5px}.friend-copy span{color:#95949c;font-size:8.5px}.friend-actions{display:flex;align-items:center;gap:6px}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9c9ba4}.empty-state>span{width:56px;height:56px;margin-bottom:11px;display:grid;place-items:center;border-radius:17px;background:#f0eff4;color:#7d6ccc}.empty-state strong{color:#414047;font-size:12px}.empty-state p{margin:4px 0 12px;font-size:9px}.room-summary{min-height:148px;padding:28px 30px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(130deg,#ece9ff,#edf4ff 55%,#e9faf7);border:1px solid rgba(112,88,239,.07)}.room-summary:after{content:"";position:absolute;width:180px;height:180px;right:13%;top:-110px;border-radius:50%;background:#9982ff1f;box-shadow:0 0 0 24px #9982ff0b,0 0 0 52px #9982ff06}.room-summary-copy{position:relative;z-index:1}.room-summary h2{font-size:23px}.room-summary-actions{position:relative;z-index:1;display:flex;gap:8px}.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.room-card,.new-room-card{min-height:177px;padding:16px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:0 6px 18px #2523300a}.room-tone-1{background:linear-gradient(145deg,#f3efff,#fff 60%)}.room-tone-2{background:linear-gradient(145deg,#eaf7ff,#fff 60%)}.room-tone-3{background:linear-gradient(145deg,#ecfaf4,#fff 60%)}.room-card-top{display:flex;align-items:center;justify-content:space-between;color:#9795a0}.room-symbol{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8068ef,#634ad4);box-shadow:0 7px 15px #644ad42e}.room-tone-2 .room-symbol{background:linear-gradient(145deg,#48a9e9,#2575ca)}.room-tone-3 .room-symbol{background:linear-gradient(145deg,#52c798,#23986c)}.room-card-copy h3{margin:12px 0 2px;font-size:12px}.room-card-copy p{margin:0;color:#96959d;font-size:8.5px}.mini-avatars{display:flex;margin-top:11px}.mini-avatars span{width:24px;height:24px;margin-left:-4px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:#77707d;font-size:7px;font-weight:600}.mini-avatars span:first-child{margin-left:0;background:#647dd5}.mini-avatars span:nth-child(2){background:#8a67cf}.mini-avatars span:nth-child(3){background:#da775e}.mini-avatars span:last-child{color:#777680;background:#eeeef1}.room-card-footer{margin-top:11px;padding-top:9px;border-top:1px solid rgba(28,28,35,.06);display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#a2a1a9;font-size:7.5px}.room-card-footer>span{margin-right:auto}.room-card-footer button{display:inline-flex;align-items:center;gap:3px;border:0;padding:4px 9px;border-radius:7px;color:#644adc;background:#7058ef17;font-size:8px;font-weight:600}.new-room-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:#ffffff5c;color:#9a99a1}.new-room-card:hover{border-color:#7058ef4d;background:#ffffffbf}.new-room-card>span{width:44px;height:44px;margin-bottom:9px;border-radius:14px;display:grid;place-items:center;color:#7058e8;background:#eeebff}.new-room-card strong{color:#525159;font-size:10.5px}.new-room-card small{margin-top:3px;font-size:8px}.settings-page{display:grid;grid-template-columns:154px minmax(0,1fr);gap:24px}.settings-nav{align-self:start;position:sticky;top:20px;display:flex;flex-direction:column;gap:3px;padding:7px;border:1px solid var(--border);border-radius:13px;background:#ffffffa3}.settings-nav button{height:35px;border:0;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:9px;color:#77767f;background:transparent;font-size:10px;text-align:left}.settings-nav button:hover{background:#f5f5f8bf}.settings-nav button.active{color:#654bd9;background:#eeebff;font-weight:600}.settings-content{min-width:0;max-width:760px}.settings-apply-note{margin-bottom:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(112,88,239,.14);border-radius:11px;color:#6e62a9;background:#7058ef0e;font-size:8.5px;line-height:1.45}.settings-section{margin-bottom:20px}.settings-section-heading{margin:0 3px 8px}.settings-section-heading h3{margin:0;font-size:12.5px}.settings-section-heading p{margin:3px 0 0;color:#9a99a2;font-size:8.5px}.settings-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#ffffffc2;box-shadow:0 5px 16px #24232f08}.setting-row{min-height:52px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(28,28,35,.06)}.setting-row:last-child{border-bottom:0}.setting-row>span{min-width:0;display:flex;flex-direction:column;gap:3px}.setting-row strong{font-size:10.5px;font-weight:550}.setting-row small{color:#9897a0;font-size:8px}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap select{min-width:154px;height:30px;padding:0 28px 0 9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(28,28,35,.09);border-radius:8px;background:#f7f7f9;color:#55545d;font-size:9px;text-align:right}.select-wrap svg{position:absolute;right:7px;pointer-events:none;color:#9d9ca4}.setting-segments{display:inline-flex;padding:3px;border-radius:9px;background:#f0f0f3}.setting-segments button{min-width:60px;height:27px;border:0;border-radius:7px;background:transparent;color:#797880;font-size:9px}.setting-segments button small{margin-left:2px;font-size:6px}.setting-segments button.active{color:#5540c1;background:#fff;box-shadow:0 2px 6px #23222c14}.slider-control{display:flex;align-items:center;gap:11px}.slider-control input{width:160px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px}.slider-control input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #0000002e}.slider-control output{min-width:57px;color:#605f68;font-size:9px;text-align:right}.toggle{width:38px;height:22px;padding:2px;border:0;border-radius:12px;background:#d8d8dd;transition:.2s ease;flex:0 0 auto}.toggle i{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .2s ease}.toggle.on{background:var(--accent)}.toggle.on i{transform:translate(16px)}.mic-meter-row{min-height:49px;padding:9px 15px;display:flex;align-items:center;gap:14px;font-size:10px}.mic-meter-row>span{min-width:70px}.mic-meter{flex:1;display:flex;align-items:center;gap:3px}.mic-meter i{flex:1;max-width:22px;height:5px;border-radius:2px;background:#e3e3e7}.mic-meter i.active{background:#5ed5a2}.mic-meter i.active:nth-child(n+7){background:#ffb54a}.mic-meter-row small{min-width:34px;color:#43ad82;font-size:8px;text-align:right}.setting-inline-action{padding:10px 15px;display:flex;align-items:center;gap:10px}.setting-inline-action .form-error{margin:0}.account-security-row{min-height:58px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.account-security-row>div{display:flex;flex-direction:column;gap:3px}.account-security-row strong{font-size:10.5px}.account-security-row small{color:#9897a0;font-size:8px}.account-security-error{display:block;margin:0 15px 12px}.danger-text{color:#d7474d!important}.user-search-results{max-height:160px;overflow:auto;display:flex;flex-direction:column;gap:4px}.user-search-results>button{width:100%;min-height:44px;padding:5px 7px;border:0;border-radius:9px;display:flex;align-items:center;gap:8px;color:#48474f;background:#f5f5f8;text-align:left}.user-search-results>button:disabled{opacity:.62}.user-search-results>button>span{flex:1;display:flex;flex-direction:column;gap:2px}.user-search-results strong{font-size:9px}.user-search-results small,.user-search-results em{color:#96959e;font-size:7px;font-style:normal}.user-search-results .avatar{width:28px;height:28px;font-size:9px}.search-state{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8f8e97;font-size:8px}.desktop-enrollment-row{padding:13px 15px;display:grid;gap:10px}.desktop-enrollment-row>div{display:flex;align-items:center;gap:10px}.desktop-enrollment-row>div>svg{color:#6c55dc}.desktop-enrollment-row>div>span{display:flex;flex-direction:column;gap:3px}.desktop-enrollment-row strong{font-size:10.5px}.desktop-enrollment-row small{color:#9897a0;font-size:8px}.desktop-enrollment-row label{display:flex;gap:8px}.desktop-enrollment-row input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid #dedde4;border-radius:9px;color:#3f3e46;background:#fafafd;font:inherit;font-size:9px;outline:none}.desktop-enrollment-row input:focus{border-color:#8d79e7;box-shadow:0 0 0 3px #6c55dc1a}.desktop-enrollment-row .form-error{margin:0}.capability-note{min-height:55px;padding:10px 15px;display:flex;align-items:center;gap:10px;color:#735adf}.capability-note>span{display:flex;flex-direction:column;gap:3px}.capability-note strong{color:#55545c;font-size:10px}.capability-note small{color:#96959e;font-size:8px;line-height:1.45}.network-diagnostic,.security-row,.about-row{min-height:71px;padding:13px 15px;display:flex;align-items:center;gap:11px}.diagnostic-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#2ea879;background:#e9f8f2}.network-diagnostic>div,.security-row>div,.about-row>div{flex:1}.network-diagnostic strong,.security-row strong,.about-row strong{font-size:10.5px}.network-diagnostic p,.security-row p,.about-row p{margin:3px 0 0;color:#96959d;font-size:8px}.security-row>svg:first-child{color:#51ae88}.security-row>svg:last-child{color:#6c55dc}.about-row .button{margin-left:auto}.about-actions{margin-left:auto;display:flex;gap:7px}.about-actions .button{margin-left:0}.voice-dock-wrap{position:absolute;left:238px;right:0;bottom:17px;display:flex;justify-content:center;z-index:20;pointer-events:none}.voice-dock{width:min(640px,calc(100% - 40px));min-height:58px;padding:8px 9px 8px 12px;display:flex;align-items:center;gap:15px;color:#fff;background:#23222beb;border:1px solid rgba(255,255,255,.12);border-radius:17px;box-shadow:0 18px 45px #14131c47,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto}.voice-room-info{min-width:150px;display:flex;align-items:center;gap:10px}.voice-room-info>div{display:flex;flex-direction:column;gap:3px}.voice-room-info strong{font-size:10.5px}.voice-room-info span{display:flex;align-items:center;gap:5px;color:#aaa8b2;font-size:7.5px}.voice-room-info span i{width:5px;height:5px;border-radius:50%;background:#43c993}.voice-wave{width:35px;height:35px;padding:0 8px;border-radius:11px;background:#775cee4d;display:flex!important;align-items:center;justify-content:center;gap:2px!important}.voice-wave i{width:2px!important;border-radius:2px!important;background:#b7a8ff!important;animation:voice-bounce 1s ease-in-out infinite}.voice-wave i:nth-child(1){height:7px}.voice-wave i:nth-child(2){height:15px;animation-delay:.12s}.voice-wave i:nth-child(3){height:11px;animation-delay:.24s}.voice-wave i:nth-child(4){height:6px;animation-delay:.36s}@keyframes voice-bounce{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.dock-people{display:flex;padding-left:4px}.dock-avatar{width:27px;height:27px;margin-left:-5px;border:2px solid #2c2b34;border-radius:50%;display:grid;place-items:center;background:#6a6480;font-size:7.5px}.dock-avatar.speaking{box-shadow:0 0 0 2px #4ed49c;background:#6b8bdb;z-index:1}.people-count{width:27px;height:27px;margin-left:-5px;border:2px solid #2c2b34;border-radius:50%;display:grid;place-items:center;color:#b6b4be;background:#484650;font-size:7px}.voice-controls{margin-left:auto;display:flex;align-items:center;gap:6px}.dock-control{width:35px;height:35px;border:0;border-radius:10px;display:grid;place-items:center;color:#e9e8ed;background:#ffffff14}.dock-control:hover{background:#ffffff24}.dock-control.control-off{color:#ff8987;background:#ef54552b}.dock-control.share-control.active{color:#c9beff;background:#7058ef40}.control-divider{width:1px;height:24px;background:#ffffff1a;margin:0 2px}.dock-control.leave-control{color:#ff8b88;background:#ef545524}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;padding:28px;display:grid;place-items:center;background:#1d1c245e;-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%);animation:fade-in .16s ease-out}.modal-card{width:min(670px,100%);max-height:calc(100% - 20px);overflow:auto;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:#fafafcf5;box-shadow:0 32px 90px #17152152,inset 0 1px #fff;animation:modal-up .22s cubic-bezier(.2,.8,.2,1)}.license-modal{width:min(880px,100%);height:min(720px,calc(100% - 20px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.license-modal-backdrop{position:fixed}.license-modal-header{padding:17px 19px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);background:#ffffffc7}.license-modal-header>div{flex:1}.license-modal-header strong{font-size:14px}.license-modal-header p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.license-modal-state{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.license-text{margin:0;padding:18px 20px 24px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#45434c;background:#f6f6f8;font:8.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-webkit-user-select:text;user-select:text}@keyframes fade-in{0%{opacity:0}}.modal-up{will-change:transform}@keyframes modal-up{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.modal-heading>div{display:flex;align-items:center;gap:10px}.modal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#7e66ef,#6146d1);box-shadow:0 7px 16px #6146d133}.modal-heading h2{margin:0;font-size:15px;letter-spacing:-.03em}.modal-heading p{margin:3px 0 0;color:#98979f;font-size:8.5px}.share-modal-body{padding:14px 20px 17px}.source-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#ececf0}.source-tabs button{min-height:29px;padding:0 11px;border:0;border-radius:8px;display:flex;align-items:center;gap:6px;color:#77767e;background:transparent;font-size:9px}.source-tabs button.active{color:#4d3bb4;background:#fff;box-shadow:0 2px 5px #1e1d2614}.source-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:11px}.source-card{min-width:0;padding:7px;border:1px solid var(--border);border-radius:13px;background:#fff;text-align:left}.source-card.selected{border-color:#7058efb8;box-shadow:0 0 0 2px #7058ef1f}.source-thumbnail{height:92px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d8d7dd,#ececf0)}.source-thumbnail.game{background:linear-gradient(145deg,#1c2233,#35416d)}.source-thumbnail.window{background:linear-gradient(145deg,#dcecff,#edf5ff)}.source-menubar{height:8px;background:#ffffff8c}.source-art{position:absolute;top:19px;right:27px;bottom:12px;left:32%;border-radius:5px;background:#ffffffa6;box-shadow:-50px 0 0 -34px #5b537821}.source-art i{display:block;height:4px;margin:8px 10px -2px;border-radius:3px;background:#7058ef3d}.source-art i:nth-child(2){width:60%}.source-art i:nth-child(3){width:40%}.source-thumbnail.game .source-art{background:#7190ee6b;box-shadow:inset 0 0 30px #27315373}.source-thumbnail.window .source-art{background:#fff;box-shadow:-50px 0 0 -34px #377dd21c,0 5px 15px #32548214}.source-thumbnail.alternate{display:grid;place-items:center;color:#a2a1a9;background:repeating-linear-gradient(45deg,#f0f0f3,#f0f0f3 8px,#f5f5f7 8px,#f5f5f7 16px)}.source-card>span{min-height:38px;padding:7px 3px 1px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;position:relative}.source-card>span>strong{font-size:9.5px}.source-card>span>small{grid-column:2;color:#9a99a1;font-size:7.5px}.selection-check{grid-row:1 / 3;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.share-options-card{margin-top:10px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:#fff}.share-option-row{min-height:54px;padding:9px 12px;display:flex;align-items:center;gap:10px}.option-leading{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.option-leading.audio{color:#167dd7;background:#eaf5ff}.share-option-row>div{flex:1}.share-option-row strong{display:block;font-size:9.5px}.share-option-row p{margin:3px 0 0;color:#97969f;font-size:7.5px}.exclusion-block{padding:10px 12px 12px 52px;border-top:1px solid rgba(28,28,35,.06);background:#fafafd}.exclusion-heading{display:flex;align-items:center;justify-content:space-between}.exclusion-heading>div{display:flex;align-items:center;gap:7px;color:#6550ce}.exclusion-heading>div>span{display:flex;flex-direction:column;gap:2px}.exclusion-heading strong{color:#525159;font-size:8.5px}.exclusion-heading small{color:#9a99a1;font-size:7px}.recommended-label{padding:3px 6px;border-radius:5px;color:#5e47cd;background:#eeeaff;font-size:6.5px;font-weight:650}.recommended-label.unavailable{color:#b55d48;background:#fff0e9}.audio-app-list{max-height:150px;margin-top:9px;padding:8px;overflow-y:auto;display:grid;gap:5px;border:1px solid rgba(28,28,35,.075);border-radius:9px;background:#fff}.audio-app-list-title{color:#73717c;font-size:7.5px;font-weight:650}.audio-app-list>small{color:#9a99a1;font-size:7px;line-height:1.5}.audio-app-option{min-height:33px;padding:5px 7px;display:flex;align-items:center;gap:8px;border-radius:7px;cursor:pointer}.audio-app-option:hover{background:#f6f4ff}.audio-app-option input{accent-color:var(--accent)}.audio-app-option span{min-width:0;display:flex;flex-direction:column;gap:1px}.audio-app-option strong{color:#55535f;font-size:7.5px}.audio-app-option small{overflow:hidden;color:#a09ea8;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.app-chips{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.app-chips button{min-height:27px;padding:0 8px 0 5px;border:1px solid rgba(28,28,35,.075);border-radius:8px;display:flex;align-items:center;gap:5px;color:#777680;background:#fff;font-size:7.5px}.app-chips button.selected{color:#5840c3;border-color:#7058ef2e;background:#f3f0ff}.app-icon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;background:#45434e;font-size:6px;font-weight:700}.app-discord{background:#6371d8}.app-wechat{background:#37b968}.app-teamspeak{background:#4680ae}.app-chips button:disabled{cursor:not-allowed;opacity:.76}.advanced-toggle{width:100%;min-height:42px;margin-top:10px;padding:0 11px;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;justify-content:space-between;color:#777680;background:#fff;font-size:8.5px}.advanced-toggle span{display:flex;align-items:center;gap:6px}.advanced-toggle span:first-child{color:#55545d;font-weight:550}.advanced-toggle .rotated{transform:rotate(180deg)}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px;margin-top:-4px;border:1px solid var(--border);border-top:0;border-radius:0 0 11px 11px;background:#fff}.advanced-grid label{min-width:0;display:flex;flex-direction:column;gap:4px;color:#98979f;font-size:7px}.advanced-grid select{min-width:0;width:100%;height:28px;border:1px solid var(--border);border-radius:7px;background:#f8f8fa;color:#5e5d65;font-size:7.5px}.modal-footer{min-height:64px;padding:11px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#f6f6f9c2}.share-assurance{display:flex;align-items:center;gap:7px;color:#6b6a73;font-size:7.5px}.share-assurance svg{color:#35a877}.small-modal{width:min(390px,100%);overflow:visible}.simple-modal-content{position:relative;padding:30px 30px 25px;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-close{position:absolute;right:13px;top:13px}.big-modal-icon{width:52px;height:52px;margin-bottom:14px;display:grid;place-items:center;border-radius:16px}.big-modal-icon.purple{color:#684ddd;background:#eeebff}.big-modal-icon.blue{color:#267cd5;background:#eaf5ff}.big-modal-icon.coral{color:#d96c47;background:#fff0e9}.simple-modal-content h2{margin:0;font-size:19px;letter-spacing:-.04em}.simple-modal-content>p{margin:6px 0 18px;color:#8d8c95;font-size:9.5px}.code-input,.standard-input{width:100%;height:47px;margin-bottom:11px;padding:0 12px;border:1px solid rgba(28,28,35,.1);border-radius:11px;display:flex;align-items:center;background:#fff;box-shadow:inset 0 1px 2px #00000006}.code-input:focus-within,.standard-input:focus-within{border-color:#7058ef94;box-shadow:0 0 0 3px #7058ef17}.code-input input,.standard-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#36343c}.code-input input{text-align:center;font-size:20px;font-weight:650;letter-spacing:.14em}.code-input input::placeholder{color:#c1c0c6}.code-input span{color:#b1b0b7;font-size:7px}.standard-input>span{color:#8c8b94;font-size:13px}.standard-input input{padding-left:5px;font-size:11px}.modal-hint{margin-top:12px;display:flex;align-items:center;gap:5px;color:#9a99a1;font-size:7.5px}.modal-hint svg{color:#7b65dc}.form-error{width:100%;margin:-4px 0 9px;color:#d8494d;text-align:left;font-size:8px}.left-aligned{align-items:stretch;text-align:left}.left-aligned .big-modal-icon{align-self:center}.left-aligned h2,.left-aligned>p{text-align:center}.form-label{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.form-label>span,.form-caption{color:#77767e;font-size:8px;font-weight:550}.form-input{height:39px;padding:0 10px;border:1px solid rgba(28,28,35,.1);border-radius:9px;outline:0;background:#fff;color:#333239;font-size:10px}.form-input:focus{border-color:#7058ef94;box-shadow:0 0 0 3px #7058ef17}.room-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:6px 0 15px}.room-type-grid button{min-height:58px;padding:8px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:7px;text-align:left;background:#fff;color:#8b8993}.room-type-grid button:last-child{grid-column:1 / -1}.room-type-grid button.selected{color:#674cda;border-color:#7058ef66;background:#f5f2ff}.room-type-grid button>span{flex:1;display:flex;flex-direction:column;gap:2px}.room-type-grid strong{color:#4c4a54;font-size:8.5px}.room-type-grid small{color:#9998a0;font-size:6.5px}.toast-stack{position:absolute;z-index:200;right:18px;top:57px;width:min(320px,calc(100% - 36px));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{min-width:240px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.8);border-radius:13px;background:#ffffffe8;box-shadow:0 13px 35px #1f1d2a2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toast-in .25s cubic-bezier(.2,.8,.2,1)}.toast-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#6750d7;background:#eeebff}.toast.success .toast-icon{color:#29996f;background:#e8f7f1}.toast.warning .toast-icon{color:#ce7d26;background:#fff3df}.toast>div{display:flex;flex-direction:column;gap:2px}.toast strong{font-size:9.5px}.toast span{color:#888790;font-size:7.5px}@keyframes toast-in{0%{opacity:0;transform:translate(18px)}}.logo-mark{width:36px;height:36px;border-radius:11px;display:inline-block;position:relative;overflow:hidden;background:linear-gradient(145deg,#846ef4,#563bc8);box-shadow:0 7px 18px #563bc83b,inset 0 1px #ffffff40;flex:0 0 auto}.logo-mark.small{width:22px;height:22px;border-radius:7px;box-shadow:0 4px 9px #563bc82e}.logo-mark i{position:absolute;display:block;width:6px;border-radius:4px;background:#fffffff0;transform:rotate(-18deg)}.logo-mark i:nth-child(1){height:13px;left:8px;top:12px}.logo-mark i:nth-child(2){height:20px;left:15px;top:8px}.logo-mark i:nth-child(3){height:10px;left:23px;top:14px}.logo-mark.small i{width:3px;border-radius:2px}.logo-mark.small i:nth-child(1){height:8px;left:5px;top:7px}.logo-mark.small i:nth-child(2){height:12px;left:9px;top:5px}.logo-mark.small i:nth-child(3){height:6px;left:14px;top:9px}.auth-page{width:100vw;min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.2fr) minmax(410px,.8fr);position:relative;overflow:hidden;background:#f4f4f7}.auth-aurora{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none}.auth-aurora-one{width:430px;height:430px;left:-180px;top:-200px;background:#8f71ff42}.auth-aurora-two{width:350px;height:350px;left:42%;bottom:-260px;background:#42bde738}.auth-titlebar{position:absolute;z-index:3;left:34px;top:26px;display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:11px;font-weight:600}.auth-showcase{min-height:100vh;position:relative;overflow:hidden;padding:11vh 8vw 5vh;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#27243a,#413660 48%,#292b47)}.auth-showcase:before{content:"";position:absolute;width:480px;height:480px;right:-160px;top:-190px;border-radius:50%;background:#8566f44d;box-shadow:0 0 0 80px #8566f40f,0 0 0 160px #8566f406}.auth-showcase:after{content:"";position:absolute;width:300px;height:300px;left:-120px;bottom:-170px;border-radius:50%;background:#2bbddb2e}.showcase-copy{position:relative;z-index:1}.showcase-label{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c7bbff;background:#ffffff0f;font-size:8px}.showcase-copy h1{margin:15px 0 11px;font-size:clamp(37px,4.2vw,62px);line-height:1.08;letter-spacing:-.06em}.showcase-copy p{margin:0;color:#ebe9f4ad;font-size:11px;line-height:1.8}.showcase-visual{width:min(530px,44vw);height:330px;margin-top:25px;position:relative;z-index:1}.visual-screen{position:absolute;width:76%;height:73%;left:6%;top:8%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#ececf1;box-shadow:0 28px 65px #07060e59,0 0 0 7px #ffffff09;transform:perspective(900px) rotateY(5deg) rotateX(1deg)}.visual-toolbar{height:18px;display:flex;align-items:center;gap:4px;padding:0 7px;background:#d9d8df}.visual-toolbar i{width:4px;height:4px;border-radius:50%;background:#aaa9b2}.visual-toolbar span{width:38px;height:4px;margin-left:auto;border-radius:4px;background:#bcbac3}.visual-content{position:absolute;top:18px;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1.1fr}.visual-code{padding:30px 18px;display:flex;flex-direction:column;gap:9px;background:#e4e3e9}.visual-code i{height:4px;border-radius:3px;background:#b9b5c6}.visual-code i:first-child,.visual-code i:nth-child(4){width:63%;background:#8f7ade}.visual-code i:nth-child(3),.visual-code i:nth-child(6){width:77%}.visual-art{display:grid;place-items:center;background:linear-gradient(145deg,#6b5d91,#38344e)}.visual-art span{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c7a6ff,#7464c5 50%,#453e74);box-shadow:0 0 40px #be9dff59}.visual-live{position:absolute;left:8px;top:26px;padding:4px 7px;border-radius:7px;display:flex;align-items:center;gap:4px;color:#fff;background:#18161fad;font-size:6px;font-weight:650}.visual-live i{width:4px;height:4px;border-radius:50%;background:#ff5959}.visual-card{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:13px;display:flex;color:#fff;background:#2d2841b8;box-shadow:0 16px 35px #08070e33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.visual-4k{right:0;top:0;width:96px;height:67px;padding:12px;flex-direction:column}.visual-4k strong{font-size:23px;line-height:1}.visual-4k span{margin-top:4px;color:#bcb8c9;font-size:7px}.visual-latency{right:2%;top:93px;padding:10px 12px;align-items:center;gap:8px;color:#bdabff}.visual-latency span{display:flex;flex-direction:column;color:#a9a5b5;font-size:6.5px}.visual-latency strong{color:#fff;font-size:10px}.visual-voices{position:absolute;left:21%;bottom:5px;width:56%;height:58px;padding:9px 11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#2e2a3de0;box-shadow:0 14px 35px #08070e3b;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.sound-ring{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(145deg,#8068ef,#5c47c5)}.sound-ring i{width:2px;height:9px;border-radius:2px;background:#fff}.sound-ring i:nth-child(2){height:15px}.visual-voices div{flex:1;display:flex;flex-direction:column;gap:3px}.visual-voices strong{font-size:8.5px}.visual-voices small{color:#aaa6b6;font-size:6.5px}.visual-voices>svg{color:#52d59e}.showcase-foot{position:absolute;left:8vw;bottom:4vh;z-index:1;display:flex;gap:16px;color:#efedf57a}.showcase-foot span{display:flex;align-items:center;gap:5px;font-size:7.5px}.auth-panel{min-height:100vh;padding:40px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background:#f9f9fbe0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.auth-form{width:min(330px,100%)}.auth-logo-mobile{display:none}.auth-form h2{margin:0;font-size:26px;letter-spacing:-.05em}.auth-form>p{margin:6px 0 27px;color:#8c8b94;font-size:10px}.auth-fields{display:flex;flex-direction:column;gap:13px}.auth-fields label>span{display:block;margin:0 0 5px 2px;color:#5d5c64;font-size:8.5px;font-weight:550}.auth-input{height:43px;padding:0 11px;border:1px solid rgba(28,28,35,.1);border-radius:10px;display:flex;align-items:center;gap:8px;color:#9998a0;background:#fff}.auth-input:focus-within{color:#755ce8;border-color:#7058ef8c;box-shadow:0 0 0 3px #7058ef14}.auth-input input{min-width:0;flex:1;border:0;outline:0;color:#35343a;background:transparent;font-size:10px}.auth-input button{width:26px;height:26px;border:0;display:grid;place-items:center;color:#9998a0;background:transparent}.auth-options{min-height:38px;display:flex;align-items:center;justify-content:space-between;color:#85848d;font-size:8px}.auth-options>span{display:inline-flex;align-items:center;gap:5px}.auth-options label{display:flex;align-items:center;gap:5px}.auth-options input{accent-color:var(--accent)}.auth-options button,.auth-switch button{border:0;padding:0;color:#694edb;background:transparent;font-size:inherit}.auth-submit{width:100%;min-height:43px}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{height:40px;display:flex;align-items:center;color:#aaa9b1;font-size:7.5px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.auth-divider span{padding:0 10px}.passkey-button{width:100%;height:41px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#5e5d65;background:#fff;font-size:9.5px;font-weight:550}.auth-form .auth-switch{margin:21px 0 0;color:#8c8b94;text-align:center;font-size:8.5px}.auth-switch button{font-weight:600}.auth-legal{display:block;margin-top:30px;color:#b1b0b7;text-align:center;font-size:6.5px}.auth-error{margin-top:10px;padding:8px 10px;border-radius:8px;color:#c9474b;background:#fff0f1;font-size:8.5px}.onboarding-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;padding:32px;display:grid;place-items:center;background:#1c1b2370;-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}.onboarding-card{width:min(820px,100%);min-height:500px;max-height:100%;overflow:auto;border:1px solid rgba(255,255,255,.86);border-radius:22px;display:flex;flex-direction:column;background:#fafafcf5;box-shadow:0 35px 100px #14121e57,inset 0 1px #fff;animation:modal-up .28s cubic-bezier(.2,.8,.2,1)}.onboarding-top{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.onboarding-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.onboarding-top>button{border:0;color:#96959d;background:transparent;font-size:9px}.onboarding-body{min-height:380px;flex:1;display:grid;grid-template-columns:1.12fr .88fr}.onboarding-visual{min-height:360px;margin:20px 0 20px 20px;border-radius:17px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#eae6ff,#edf4ff 56%,#eaf9f5)}.onboarding-visual:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:#7d62eb1a;box-shadow:0 0 0 45px #7d62eb09}.onboarding-copy{padding:42px 35px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.onboard-icon{width:56px;height:56px;margin-bottom:17px;display:grid;place-items:center;border-radius:17px}.onboard-icon.purple{color:#694ed9;background:#efebff}.onboard-icon.blue{color:#187dd3;background:#e7f4ff}.onboard-icon.coral{color:#d76c48;background:#ffefe8}.onboard-icon.green{color:#269972;background:#e8f7f1}.onboard-kicker{color:#7560d7;font-size:8.5px;font-weight:650;letter-spacing:.025em}.onboarding-copy h2{margin:8px 0 11px;font-size:25px;line-height:1.15;letter-spacing:-.05em}.onboarding-copy>p{margin:0;color:#85848d;font-size:9.5px;line-height:1.75}.onboard-note{margin-top:17px;padding:9px 10px;border-radius:10px;display:flex;align-items:center;gap:8px;color:#2d9a73;background:#edf8f4}.onboard-note span{display:flex;flex-direction:column;gap:2px;color:#8a8992;font-size:7px}.onboard-note strong{color:#4c4b53;font-size:8px}.quality-pills{margin-top:17px;display:flex;gap:5px}.quality-pills span{padding:6px 8px;border-radius:8px;color:#8e8d96;background:#f0eff4;font-size:6.5px}.quality-pills strong{color:#5d47c8;font-size:9px}.onboarding-footer{min-height:68px;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.step-dots{display:flex;gap:5px}.step-dots i{width:5px;height:5px;border-radius:4px;background:#d1d0d6;transition:.2s ease}.step-dots i.active{width:18px;background:var(--accent)}.onboard-actions{display:flex;gap:7px}.welcome-visual{width:240px;height:240px;position:relative;display:grid;place-items:center}.welcome-logo{width:84px;height:84px;border-radius:27px;display:grid;place-items:center;background:#ffffffc7;box-shadow:0 20px 48px #53429b29,0 0 0 16px #ffffff40;z-index:2}.welcome-logo .logo-mark{transform:scale(1.45)}.orbit{position:absolute;z-index:2;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 25px #3932642e}.orbit-a{left:7px;top:47px;background:linear-gradient(145deg,#6e8feb,#4c6fc9)}.orbit-b{right:2px;top:91px;background:linear-gradient(145deg,#8c70ee,#6548ce)}.orbit-c{left:42px;bottom:2px;background:linear-gradient(145deg,#43bd91,#25966b)}.orbit-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(112,88,239,.36),transparent);transform-origin:left center}.line-a{width:170px;left:39px;top:74px;transform:rotate(17deg)}.line-b{width:160px;left:70px;top:180px;transform:rotate(-31deg)}.routing-visual{width:310px;height:245px;position:relative;display:flex;align-items:center;justify-content:space-between;z-index:1}.route-node,.route-center{width:78px;height:78px;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#ffffffc7;box-shadow:0 14px 35px #4139671a;font-size:7px;color:#68666f}.route-node{color:#4380cc}.route-center{width:72px;height:72px;color:#5d49bd;z-index:2}.route-lines{flex:1;height:24px;display:flex;flex-direction:column;justify-content:space-around}.route-lines i{height:2px;width:100%}.route-blue{background:linear-gradient(90deg,#4084d81a,#4b91df)}.route-purple{background:linear-gradient(90deg,#7658e21a,#785ae2)}.route-lines.right i{transform:scaleX(-1)}.route-outputs{display:flex;flex-direction:column;gap:7px}.route-outputs>div{width:77px;height:52px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffffc7;color:#4184cc;box-shadow:0 10px 25px #41396714;font-size:6.5px}.route-outputs>div:last-child{color:#7455d8}.blocked-echo{position:absolute;left:50%;bottom:1px;transform:translate(-50%);padding:6px 9px;border-radius:8px;display:flex;align-items:center;gap:5px;color:#269972;background:#ffffffc2;box-shadow:0 8px 20px #41396714;font-size:7px}.quality-visual{width:310px;height:250px;position:relative;z-index:1}.quality-display{position:absolute;width:276px;height:170px;top:12px;left:4px;overflow:hidden;border:5px solid rgba(56,52,69,.9);border-radius:14px;background:#25283b;box-shadow:0 23px 45px #2e274f33;transform:perspective(800px) rotateY(6deg)}.quality-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(160deg,#3d4b72,#6d5f91 53%,#d17b85)}.quality-scene span{position:absolute;width:100px;height:100px;left:93px;top:21px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffd0b6,#e87c8f 52%,#8d4f80);box-shadow:0 0 48px #ffa8a459}.quality-scene i{position:absolute;bottom:-27px;width:190px;height:80px;border-radius:50% 50% 0 0;background:#283452;transform:rotate(13deg)}.quality-scene i:nth-child(3){right:-45px;background:#3b4968;transform:rotate(-14deg)}.quality-hud{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:7px;display:flex;justify-content:space-between;color:#ffffffd1;background:#17161fa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:6px}.quality-gpu{position:absolute;right:2px;bottom:12px;padding:9px 11px;border-radius:11px;display:grid;grid-template-columns:auto 1fr;column-gap:7px;color:#7459dd;background:#ffffffdb;box-shadow:0 12px 28px #3b326321}.quality-gpu span{color:#65636d;font-size:7.5px;font-weight:600}.quality-gpu strong{grid-column:2;color:#9a99a1;font-size:6px}.connect-visual{width:290px;height:260px;position:relative;z-index:1}.connect-avatar{position:absolute;z-index:2;border:4px solid rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:650;box-shadow:0 12px 28px #3a326226}.connect-avatar.center{width:74px;height:74px;left:108px;top:87px;background:linear-gradient(145deg,#2d2c36,#686572);font-size:20px}.connect-avatar.friend{width:49px;height:49px;font-size:12px}.connect-avatar.one{left:15px;top:25px;background:linear-gradient(145deg,#7457ff,#ba8cff)}.connect-avatar.two{right:8px;top:43px;background:linear-gradient(145deg,#009dff,#58d2ff)}.connect-avatar.three{left:28px;bottom:10px;background:linear-gradient(145deg,#ff7c62,#ffb15d)}.connect-line{position:absolute;z-index:1;height:1px;transform-origin:left;background:linear-gradient(90deg,#7058ef26,#7058ef94,#7058ef26)}.connect-line.one{width:130px;left:53px;top:69px;transform:rotate(25deg)}.connect-line.two{width:125px;left:158px;top:112px;transform:rotate(-27deg)}.connect-line.three{width:129px;left:60px;bottom:62px;transform:rotate(-24deg)}.connected-label{position:absolute;left:50%;bottom:2px;transform:translate(-50%);padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:5px;color:#299d73;background:#ffffffd1;box-shadow:0 8px 20px #41396714;font-size:7px;white-space:nowrap}@media(max-width:1080px){.app-canvas{padding:0;min-height:640px}.window-shell{border-radius:0;border:0}.sidebar{padding-left:10px;padding-right:10px}.app-layout{grid-template-columns:210px minmax(0,1fr)}.voice-dock-wrap{left:210px}.page-content,.top-bar{padding-left:22px;padding-right:22px}.quality-stack{display:none}.hero-copy{max-width:640px}.action-grid{grid-template-columns:repeat(2,1fr)}.action-grid .action-card:last-child:nth-child(3){grid-column:1 / -1}.rooms-grid{grid-template-columns:repeat(2,1fr)}.auth-showcase{padding-left:6vw;padding-right:5vw}.showcase-visual{width:44vw}}@media(max-width:800px){body{overflow:auto}.app-canvas{height:auto;min-height:100vh;overflow:visible}.window-shell{min-height:100vh;overflow:visible}.title-bar{display:none}.app-layout{height:auto;min-height:100vh;display:block}.sidebar{position:fixed;z-index:50;left:0;right:0;bottom:0;height:65px;padding:6px 12px max(7px,env(safe-area-inset-bottom));display:block;border:0;border-top:1px solid var(--border);background:#f8f8fbe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-card,.sidebar-middle,.sidebar-footer,.nav-caption{display:none}.side-nav{height:100%;flex-direction:row;justify-content:space-around}.nav-item{width:auto;min-width:58px;height:48px;padding:4px 8px;flex-direction:column;justify-content:center;gap:2px;font-size:8px}.nav-item.active{color:#694edb;background:transparent;box-shadow:none}.nav-badge{position:absolute;margin:-25px 0 0 28px}.main-area{min-height:100vh}.top-bar{height:79px;padding:16px 18px 10px}.top-bar h1{font-size:19px}.page-scroll{overflow:visible}.page-content{padding:18px 16px 95px}.hero-card{padding:25px 22px}.hero-orb{display:none}.hero-copy h2{font-size:24px}.home-columns,.action-grid{grid-template-columns:1fr}.action-grid .action-card:last-child:nth-child(3){grid-column:auto}.active-share-card{grid-template-columns:1fr}.share-preview{min-height:170px}.active-share-info{padding:23px}.settings-page{display:block}.settings-nav{position:static;margin-bottom:17px;flex-direction:row;overflow-x:auto}.settings-nav button{flex:0 0 auto}.voice-dock-wrap{position:fixed;left:0;bottom:72px}.voice-dock{width:calc(100% - 24px)}.dock-people{display:none}.modal-backdrop{position:fixed;padding:12px}.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{padding:30px}.auth-logo-mobile{display:block;margin-bottom:25px}.onboarding-overlay{position:fixed;padding:12px}.onboarding-body{grid-template-columns:1fr}.onboarding-visual{min-height:230px;margin:14px 14px 0}.onboarding-copy{padding:25px}.onboarding-card{min-height:0}.routing-visual,.quality-visual,.connect-visual{transform:scale(.78)}.welcome-visual{transform:scale(.8)}}@media(max-width:560px){.top-bar p{display:none}.top-actions>.icon-button{display:none}.button.small{padding:0 9px}.hero-card{min-height:240px}.hero-actions{flex-wrap:wrap}.room-summary{align-items:flex-start;flex-direction:column;gap:18px}.rooms-grid{grid-template-columns:1fr}.toolbar-row{flex-wrap:wrap}.search-box{width:100%}.compact-segments{margin-left:0}.friend-actions .icon-button:nth-last-child(-n+2){display:none}.settings-nav{padding:4px}.settings-nav button{padding:0 8px}.setting-row{align-items:flex-start;flex-direction:column;gap:8px}.setting-row .toggle{align-self:flex-end;margin-top:-32px}.slider-control{width:100%}.slider-control input{flex:1}.select-wrap,.select-wrap select{width:100%}.source-grid{grid-template-columns:1fr}.secondary-source{display:none}.advanced-grid{grid-template-columns:1fr 1fr}.exclusion-block{padding-left:12px}.share-footer{align-items:stretch;flex-direction:column;gap:8px}.share-assurance{justify-content:center}.voice-room-info{min-width:0}.voice-room-info>div{display:none}.voice-dock{gap:5px}.onboarding-visual{display:none}.onboarding-body{min-height:350px}.onboarding-copy{padding:35px 28px}.onboarding-footer{gap:10px}.onboard-actions .secondary{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}