:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #f5f5f7;--surface: #ffffff;--surface-secondary: #f1f1f4;--sidebar: #ececf0;--graphite: #24252b;--text: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--separator: rgba(60, 60, 67, .16);--accent: #5856d6;--accent-hover: #4d4bc4;--accent-soft: rgba(88, 86, 214, .12);--blue: #007aff;--green: #248a3d;--red: #d70015;--success: var(--green);--danger: var(--red);--warning: #b25000;--muted: var(--text-secondary);--border: var(--separator);--panel: var(--surface);--shadow: 0 18px 48px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);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)}.crash-page{width:100vw;min-height:100vh;padding:30px;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 18% 12%,rgba(166,143,255,.26),transparent 31%),radial-gradient(circle at 86% 84%,rgba(92,191,245,.2),transparent 32%),linear-gradient(145deg,#efeff5,#f7f7fa 53%,#e9edf3)}.crash-ambient{position:absolute;border-radius:50%;filter:blur(50px);opacity:.42;pointer-events:none}.crash-ambient-one{width:310px;height:310px;left:-100px;bottom:-150px;background:#8f77f3}.crash-ambient-two{width:260px;height:260px;right:-80px;top:-100px;background:#65bfe9}.crash-card{width:min(620px,100%);padding:clamp(28px,5vw,48px);border:1px solid rgba(255,255,255,.88);border-radius:28px;position:relative;z-index:1;background:#fbfbfdd6;box-shadow:0 36px 100px #29243e2e,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(34px) saturate(140%);backdrop-filter:blur(34px) saturate(140%);animation:crash-card-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes crash-card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.crash-brand{display:flex;align-items:center;gap:11px}.crash-brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8168f0,#6248cd);box-shadow:0 10px 25px #5e46c940,inset 0 1px #ffffff47}.crash-brand>span:last-child{display:flex;flex-direction:column;gap:2px}.crash-brand strong{font-size:14px;letter-spacing:-.02em}.crash-brand small{color:#8d8c95;font-size:10px}.crash-copy{margin-top:38px}.crash-kicker{color:#6e54dc;font-size:11px;font-weight:650;letter-spacing:.035em}.crash-copy h1{margin:8px 0 10px;font-size:clamp(28px,5vw,40px);line-height:1.08;letter-spacing:-.055em}.crash-copy p{max-width:490px;margin:0;color:#74737c;font-size:13px;line-height:1.75}.crash-diagnostic{min-height:60px;margin-top:28px;padding:10px 11px 10px 14px;border:1px solid rgba(28,28,35,.075);border-radius:15px;display:flex;align-items:center;gap:12px;background:#f6f6f9cc}.crash-diagnostic>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.crash-diagnostic small{color:#96959e;font-size:9px}.crash-diagnostic code{overflow:hidden;color:#494750;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.crash-copy-button{width:36px;height:36px;flex:0 0 auto;border:0;border-radius:10px;display:grid;place-items:center;color:#6d55d8;background:#ebe7ff;transition:.18s ease}.crash-copy-button:hover:not(:disabled){transform:translateY(-1px);background:#e3ddff}.crash-copy-button:disabled{opacity:.45}.crash-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:9px}.crash-close-button{margin-left:auto}.crash-privacy-note{min-height:18px;margin:14px 2px 0;color:#9998a0;font-size:9.5px;line-height:1.5}.crash-spinner{animation:crash-spin .75s linear infinite}@keyframes crash-spin{to{transform:rotate(360deg)}}.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-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}.quality-report-row{width:100%;margin-top:17px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.quality-report-row>span{flex:1 1 170px;color:#aaa8b3;font-size:8px}.quality-report-row>button{flex:0 0 auto}.quality-report-row>small{flex-basis:100%;color:#7fd8b8;font-size:7px}.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}.voice-quality-empty{min-height:66px;padding:13px;border-radius:12px;display:flex;align-items:center;gap:11px;color:#696872;background:#f6f6f8}.voice-quality-empty.warning{color:#a8782e;background:#fff8e9}.voice-quality-empty>span{display:flex;flex-direction:column;gap:3px}.voice-quality-empty strong{font-size:9px}.voice-quality-empty small{color:#96959d;font-size:7.5px}.voice-quality-diagnostic{display:grid;gap:10px}.voice-quality-heading{display:flex;align-items:center;justify-content:space-between;color:#6f6e77;font-size:8px}.voice-quality-heading span{display:inline-flex;align-items:center;gap:6px;font-weight:650}.voice-quality-heading small{color:#96959d;font-size:7px}.voice-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.voice-quality-grid>span{min-height:55px;padding:9px;border:1px solid #ececf0;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;background:#fafafd}.voice-quality-grid small{color:#97969e;font-size:7px}.voice-quality-grid strong{color:#3f3e47;font-size:8px;line-height:1.35}.voice-quality-diagnostic>p{margin:0;color:#9b9aa2;font-size:7px;line-height:1.55}.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-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 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}.media-preflight-card{overflow:hidden}.media-preflight-viewer,.media-preflight-permission,.media-preflight-loading{min-height:74px;padding:14px 15px;display:flex;align-items:center;gap:12px}.media-preflight-viewer>div,.media-preflight-permission>div,.media-preflight-loading>span:last-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.media-preflight-viewer strong,.media-preflight-permission strong,.media-preflight-loading strong,.media-preflight-result strong{color:var(--text);font-size:13px;font-weight:600}.media-preflight-viewer small,.media-preflight-permission small,.media-preflight-loading small,.media-preflight-result small{color:var(--text-tertiary);font-size:12px;line-height:1.45}.media-preflight-leading{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.media-preflight-leading.warning{color:#b87415;background:#fff4dc}.media-preflight-state{padding:4px 8px;border-radius:999px;color:var(--text-secondary);background:var(--surface-secondary);font-size:11px;font-weight:600}.media-preflight-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--separator)}.media-preflight-capability{min-width:0;min-height:92px;padding:14px 12px;position:relative;display:flex;flex-direction:column;gap:9px;border-right:1px solid var(--separator)}.media-preflight-capability:last-child{border-right:0}.media-preflight-capability-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--text-tertiary);background:var(--surface-secondary)}.media-preflight-capability-icon.ready{color:var(--accent);background:var(--accent-soft)}.media-preflight-capability>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.media-preflight-capability small{color:var(--text-tertiary);font-size:10px}.media-preflight-capability strong{overflow:hidden;color:var(--text);font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.media-preflight-capability>i{width:6px;height:6px;position:absolute;top:18px;right:12px;border-radius:50%;background:#c7c7cc}.media-preflight-capability>i.ready{background:#30b879}.media-preflight-running{padding:14px 15px;border-bottom:1px solid var(--separator);background:var(--surface-secondary)}.media-preflight-progress{height:3px;margin-bottom:13px;overflow:hidden;border-radius:999px;background:#78788026}.media-preflight-progress>span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .22s ease}.media-preflight-running>div:last-child{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px}.media-preflight-running>div:last-child>span{min-width:0;display:flex;flex-direction:column;gap:3px}.media-preflight-running strong{color:var(--text);font-size:12px;font-weight:600}.media-preflight-running small{color:var(--text-tertiary);font-size:10px}.media-preflight-result{min-height:68px;padding:12px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--separator)}.media-preflight-result>div{min-width:0;display:flex;flex-direction:column;gap:3px}.media-preflight-result-badge{min-width:68px;min-height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;font-size:11px;font-weight:650}.media-preflight-result-badge.available{color:#17734d;background:#e8f7f0}.media-preflight-result-badge.retry{color:#96610e;background:#fff3d8}.media-preflight-result-badge.failed{color:#ae3b41;background:#fff0f0}.media-preflight-result-badge.unavailable{color:var(--text-secondary);background:var(--surface-secondary)}.media-preflight-actions{min-height:64px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.media-preflight-actions>div:first-child{min-width:0;max-width:390px;display:flex;align-items:flex-start;gap:7px;color:var(--text-tertiary);font-size:11px;line-height:1.45}.media-preflight-actions>div:first-child svg{margin-top:1px;flex:0 0 auto}.media-preflight-actions>div:last-child{flex:0 0 auto;display:flex;gap:7px}.media-preflight-notice{margin:0;padding:0 15px 12px;color:#9a681c;font-size:11px}.media-preflight-notice.error{color:#b9474d}.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-room-info .voice-status.recovering i{background:#d9ad5c}.voice-room-info .voice-status.attention i{background:#ef7774}.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-recovery-action{min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#d8d5e1;background:transparent;font:inherit;font-size:8px;white-space:nowrap}.dock-recovery-action:hover{color:#fff;background:#ffffff12}.dock-recovery-action:focus-visible{outline:2px solid rgba(190,178,255,.85);outline-offset:2px}.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-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}.playback-recovery{position:absolute;z-index:145;left:50%;top:58px;width:min(470px,calc(100% - 36px));min-height:62px;padding:10px 11px;border:1px solid rgba(255,255,255,.82);border-radius:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;background:#fbfbfdf0;box-shadow:0 17px 45px #1f1d2a33;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);transform:translate(-50%);animation:toast-in .25s cubic-bezier(.2,.8,.2,1)}.playback-recovery-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#6750d7;background:#eeebff}.playback-recovery>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.playback-recovery strong{color:#3d3b45;font-size:10px}.playback-recovery span{color:#85838d;font-size:8px;line-height:1.4}.playback-recovery .button{min-width:92px}@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-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}.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)}.playback-recovery{position:fixed;top:12px}}@media(max-width:560px){.crash-page{padding:14px}.crash-card{padding:25px 21px;border-radius:23px}.crash-copy{margin-top:29px}.crash-copy p{font-size:12px}.crash-actions{align-items:stretch;flex-direction:column}.crash-actions .button{width:100%}.crash-close-button{margin-left:0}.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%}.voice-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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}.app-canvas,.app-canvas *,.app-canvas *:before,.app-canvas *:after,.auth-page,.auth-page *,.auth-page *:before,.auth-page *:after,.crash-page,.crash-page *,.crash-page *:before,.crash-page *:after{background-image:none!important}.app-loading{color:var(--text-secondary);background:var(--canvas);font-size:14px}.crash-page{padding:24px;background:var(--canvas)}.crash-ambient{display:none}.crash-card{width:min(580px,100%);padding:40px;border:1px solid var(--separator);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.crash-brand-mark{color:#fff;background:var(--accent);box-shadow:none}.crash-brand small,.crash-copy p,.crash-privacy-note{color:var(--text-secondary)}.crash-copy-button{color:var(--accent);background:var(--accent-soft)}.crash-diagnostic{border-color:var(--separator);background:var(--surface-secondary)}.app-canvas{width:100vw;height:100vh;min-height:640px;padding:0;background:var(--canvas)}.window-shell{width:100%;height:100%;margin:0;border:0;border-radius:0;background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.title-bar{height:44px;border-bottom:1px solid var(--separator);background:var(--surface-secondary)}.title-bar-brand{color:var(--text-secondary);font-size:13px}.app-layout{height:calc(100% - 44px);grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:18px 14px 14px;border-right:1px solid var(--separator);background:var(--sidebar)}.profile-card{padding:8px 8px 20px}.avatar{box-shadow:none}.avatar-me{background:var(--graphite)}.profile-copy strong{font-size:14px}.profile-copy span{color:var(--text-secondary);font-size:12px}.status-dot{box-shadow:0 0 0 2px var(--sidebar)}.nav-caption{margin-bottom:8px;color:var(--text-tertiary);font-size:11px;letter-spacing:.04em}.nav-item{height:40px;color:var(--text-secondary);font-size:13px;transition:color .15s ease,background-color .15s ease}.nav-item:hover{color:var(--text);background:#ffffff94}.nav-item.active{color:var(--accent);background:var(--accent-soft);box-shadow:none}.nav-item.active .nav-badge{color:#fff;background:var(--danger)}.quick-join{border:1px solid transparent}.quick-join:hover{border-color:var(--separator);background:#ffffff94}.quick-icon{color:var(--accent);background:var(--accent-soft)}.quick-join strong{color:var(--text);font-size:13px}.quick-join small{color:var(--text-tertiary);font-size:12px}.mini-session,.relay-status{border:1px solid var(--separator);border-radius:10px;background:#ffffff80}.mini-session-icon{color:var(--accent);background:var(--surface)}.mini-session strong,.relay-status strong{font-size:12px}.mini-session span,.relay-status small{color:var(--text-secondary);font-size:11px}.logout-link{color:var(--text-secondary);font-size:12px}.main-area{background:var(--canvas)}.top-bar{height:92px;padding:21px 32px 14px;border-bottom:1px solid var(--separator);background:#f5f5f7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-bar h1{color:var(--text);font-size:26px;font-weight:650}.top-bar p{color:var(--text-secondary);font-size:13px}.viewer-pill{color:var(--accent);background:var(--accent-soft);font-size:12px}.button{min-height:40px;border-radius:10px;font-size:13px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.button:hover:not(:disabled),.button:active:not(:disabled){transform:none}.button.primary{color:#fff;background:var(--accent);box-shadow:none}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary,.button.glass{color:var(--text);border:1px solid var(--separator);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.button.secondary:hover:not(:disabled),.button.glass:hover:not(:disabled){background:var(--surface-secondary)}.button.danger{color:var(--danger);border-color:#d7001524;background:#d700150f}.button.small{min-height:36px;font-size:13px}.button.tiny{min-height:32px;font-size:12px}.button.tinted{color:var(--accent);background:var(--accent-soft)}.icon-button{border-color:var(--separator);border-radius:10px;background:var(--surface);box-shadow:none}.icon-button:hover{background:var(--surface-secondary);transform:none}.page-content{width:min(1100px,100%);padding:28px 32px 110px}.hero-card{min-height:190px;padding:32px;border:1px solid var(--separator);border-radius:14px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:var(--surface);box-shadow:none}.hero-copy{max-width:680px}.eyebrow{color:var(--text-tertiary);font-size:12px;letter-spacing:.02em}.hero-copy h2,.active-share-info h2,.room-summary h2{margin:8px 0;color:inherit;font-size:clamp(25px,2.2vw,32px)}.hero-copy p,.room-summary p{color:var(--text-secondary);font-size:14px;line-height:1.65}.hero-actions{margin-top:22px}.hero-status{margin-top:24px;display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:12px}.hero-status .status-dot{box-shadow:none}.section-heading{margin:26px 2px 12px}.section-heading h3,.panel-header h3{color:var(--text);font-size:15px}.section-heading p,.panel-header p{color:var(--text-tertiary);font-size:12px}.action-grid{gap:12px}.action-card{min-height:94px;padding:16px;border-color:var(--separator);border-radius:12px;background:var(--surface);box-shadow:none;transition:border-color .15s ease,background-color .15s ease}.action-card:hover{border-color:#5856d659;background:var(--surface);box-shadow:none;transform:none}.action-icon{border-radius:10px}.action-card.share .action-icon,.action-card.voice .action-icon,.action-card.room .action-icon{color:var(--accent);background:var(--accent-soft)}.action-text strong{color:var(--text);font-size:13px}.action-text small{color:var(--text-secondary);font-size:12px}.action-meta{color:var(--text-tertiary);font-size:11px}.home-columns{gap:12px;margin-top:12px}.panel,.settings-card,.friend-list-panel,.room-card,.source-card,.share-options-card{border:1px solid var(--separator);border-radius:12px;background:var(--surface);box-shadow:none}.text-button{color:var(--accent);font-size:12px}.recent-row,.friend-row,.setting-row,.security-row,.account-security-row,.desktop-enrollment-row{border-color:var(--separator)}.recent-copy strong,.health-badge,.friend-copy strong,.room-card-copy h3,.new-room-card strong,.settings-section-heading h3,.setting-row strong,.account-security-row strong,.desktop-enrollment-row strong,.capability-note strong,.network-diagnostic strong,.security-row strong,.about-row strong,.voice-room-info strong,.source-card>span>strong,.share-option-row strong,.exclusion-heading strong,.audio-app-option strong,.toast strong,.playback-recovery strong{font-size:13px}.recent-copy span,.offline-label,.latency-display small,.health-footer,.quality-report-row>span,.quality-report-row>small,.share-safety-row span,.voice-quality-empty strong,.voice-quality-empty small,.voice-quality-heading,.voice-quality-heading small,.voice-quality-grid small,.voice-quality-grid strong,.voice-quality-diagnostic>p,.list-heading,.list-heading small,.friend-copy span,.empty-state p,.room-card-copy p,.room-card-footer,.room-card-footer button,.new-room-card small,.settings-apply-note,.settings-section-heading p,.setting-row small,.setting-segments button small,.slider-control output,.mic-meter-row small,.account-security-row small,.user-search-results strong,.user-search-results small,.user-search-results em,.search-state,.desktop-enrollment-row small,.desktop-enrollment-row input,.capability-note small,.network-diagnostic p,.security-row p,.about-row p,.voice-room-info span,.dock-avatar,.people-count,.license-modal-header p,.license-modal-state,.source-tabs button,.source-card>span>small,.share-option-row p,.exclusion-heading small,.recommended-label,.audio-app-list-title,.audio-app-list>small,.audio-app-option small,.app-chips button,.advanced-toggle,.advanced-grid label,.advanced-grid select,.share-assurance,.simple-modal-content>p,.code-input span,.modal-hint,.room-type-grid strong,.room-type-grid small,.toast span,.playback-recovery span{font-size:12px}.health-footer,.room-card-footer,.modal-footer{border-color:var(--separator)}.list-heading,.modal-footer{background:var(--surface-secondary)}.room-card-footer button,.recommended-label,.app-chips button.selected{color:var(--accent);background:var(--accent-soft)}.source-tabs button.active{color:var(--accent);background:var(--surface);box-shadow:none}.share-option-row,.advanced-toggle,.advanced-grid,.audio-app-list{border-color:var(--separator);background:var(--surface)}.source-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.active-share-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:var(--graphite);box-shadow:none}.share-preview{background:#1c1c1e}.remote-share-card,.room-summary{border:1px solid var(--separator);border-radius:14px;background:var(--surface);box-shadow:none}.room-card,.room-tone-1,.room-tone-2,.room-tone-3{background:var(--surface)}.room-symbol,.modal-icon,.big-modal-icon{color:var(--accent);background:var(--accent-soft);box-shadow:none}.settings-nav{border-color:var(--separator);background:var(--surface-secondary)}.settings-nav button,.setting-segments button,.segmented button,.compact-segments button{font-size:12px}.settings-nav button.active,.setting-segments button.active,.segmented button.active,.compact-segments button.active{color:var(--accent);background:var(--surface);box-shadow:none}.form-input,.standard-input,.search-box,.select-wrap,.code-input{border-color:var(--separator);color:var(--text);background:var(--surface);box-shadow:none}.form-label>span,.form-caption,.setting-row strong{font-size:13px}.form-error{color:var(--danger);font-size:12px}.toggle.on{background:var(--accent)}.modal-backdrop{background:#1d1d1f6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{border:1px solid var(--separator);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.modal-heading h2{font-size:18px}.modal-heading p,.modal-hint{color:var(--text-secondary);font-size:12px}.toast{border-color:var(--separator);border-radius:10px;background:var(--surface);box-shadow:0 10px 30px #0000001f}.playback-recovery{border-color:var(--separator);background:var(--surface);box-shadow:var(--shadow)}.logo-mark{background:var(--accent);box-shadow:none}.auth-page{width:100vw;min-height:100vh;display:grid;grid-template-columns:minmax(340px,38%) minmax(0,62%);color:var(--text);background:var(--surface)}.auth-brand-panel{min-height:100vh;padding:clamp(40px,5vw,72px);display:flex;flex-direction:column;justify-content:center;color:#f5f5f7;background:#232429}.auth-brand-lockup,.auth-logo-mobile{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-.01em}.auth-brand-lockup{gap:14px;color:#fff;font-size:22px;font-weight:650;letter-spacing:-.025em}.auth-brand-lockup .logo-mark{transform:scale(1.12);transform-origin:left center;margin-right:4px}.auth-brand-copy{width:min(390px,100%);margin:auto 0}.auth-brand-copy h1{max-width:390px;margin:42px 0 15px;color:#fff;font-size:clamp(23px,2.2vw,28px);font-weight:600;line-height:1.24;letter-spacing:-.035em}.auth-brand-copy p{max-width:370px;margin:0;color:#f5f5f794;font-size:14px;line-height:1.75}.auth-brand-note{margin:0;color:#f5f5f761;font-size:12px;letter-spacing:.01em}.auth-panel{min-height:100vh;padding:clamp(40px,7vw,96px);display:flex;align-items:center;justify-content:center;background:var(--surface)}.auth-form{width:min(420px,100%)}.auth-logo-mobile{display:none}.auth-form h2{margin:0;color:var(--text);font-size:30px;font-weight:650;line-height:1.15;letter-spacing:-.035em}.auth-form>p:not(.auth-switch){margin:11px 0 36px;color:var(--text-secondary);font-size:15px;line-height:1.6}.auth-fields{display:flex;flex-direction:column;gap:18px}.auth-fields label>span{display:block;margin:0 0 8px 1px;color:var(--text-secondary);font-size:13px;font-weight:550}.auth-input{height:50px;padding:0 15px;border:1px solid var(--separator);border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--text-tertiary);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus-within{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:15px}.auth-input button{width:32px;height:32px;margin-right:-6px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--text-tertiary);background:transparent}.auth-input button:hover{color:var(--text);background:var(--surface-secondary)}.auth-password-requirement,.auth-options{display:flex;align-items:center;min-height:40px;color:var(--text-tertiary);font-size:12px;line-height:1.45}.auth-options>span{display:inline-flex;align-items:center;gap:6px}.auth-submit{width:100%;min-height:48px;margin-top:3px}.auth-form .auth-switch{margin:24px 0 0;color:var(--text-secondary);text-align:center;font-size:13px}.auth-switch button{border:0;padding:0;color:var(--accent);background:transparent;font-size:inherit;font-weight:600}.auth-switch button:hover{color:var(--accent-hover)}.auth-legal{display:block;margin-top:30px;color:var(--text-tertiary);text-align:center;font-size:12px;line-height:1.5}.auth-error{margin-top:12px;padding:10px 12px;border-radius:8px;color:var(--danger);background:#d700150f;font-size:13px}.onboarding-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;padding:28px;display:grid;place-items:center;background:#1d1d1f6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-card{width:min(760px,100%);max-height:100%;overflow:auto;border:1px solid var(--separator);border-radius:16px;display:flex;flex-direction:column;background:var(--surface);box-shadow:0 24px 70px #0003;animation:modal-up .18s ease-out}.onboarding-top{min-height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--separator)}.onboarding-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.onboarding-top>button{min-height:34px;border:0;border-radius:8px;padding:0 10px;color:var(--text-secondary);background:transparent;font-size:13px}.onboarding-top>button:hover{color:var(--text);background:var(--surface-secondary)}.onboarding-body{min-height:390px;display:grid;grid-template-columns:230px minmax(0,1fr)}.onboarding-steps{margin:0;padding:34px 20px;border-right:1px solid var(--separator);display:flex;flex-direction:column;gap:8px;list-style:none;background:var(--surface-secondary)}.onboarding-steps li{min-height:52px;padding:8px 10px;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--text-tertiary)}.onboarding-steps li>span{width:26px;height:26px;flex:0 0 auto;border:1px solid var(--separator);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--surface)}.onboarding-steps li>div{min-width:0;display:flex;flex-direction:column;gap:2px}.onboarding-steps strong{color:inherit;font-size:13px;font-weight:600}.onboarding-steps small{color:var(--text-tertiary);font-size:12px}.onboarding-steps li.active{color:var(--accent);background:var(--surface)}.onboarding-steps li.active>span{color:#fff;border-color:var(--accent);background:var(--accent)}.onboarding-steps li.complete{color:var(--text-secondary)}.onboarding-steps li.complete>span{color:var(--success);border-color:#248a3d33;background:#248a3d14}.onboarding-copy{padding:48px 46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.onboard-icon{width:48px;height:48px;margin-bottom:22px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.onboard-kicker{color:var(--text-tertiary);font-size:13px;font-weight:600;letter-spacing:.02em}.onboarding-copy h2{margin:8px 0 12px;color:var(--text);font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.04em}.onboarding-copy>p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7}.onboarding-facts{width:100%;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--separator);display:flex;flex-direction:column;gap:11px;list-style:none}.onboarding-facts li{display:flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:13px;line-height:1.45}.onboarding-facts svg{color:var(--success)}.onboarding-footer{min-height:66px;padding:10px 20px;border-top:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between}.onboarding-count{color:var(--text-tertiary);font-size:12px;font-variant-numeric:tabular-nums}.onboard-actions{display:flex;gap:8px}@media(max-width:800px){.auth-page{min-height:100vh;grid-template-columns:1fr;background:var(--surface)}.auth-brand-panel{display:none}.auth-panel{min-height:100vh;padding:36px 24px}.auth-logo-mobile{margin-bottom:56px;display:flex;color:var(--text)}.onboarding-overlay{position:fixed;padding:12px}.onboarding-body{min-height:0;grid-template-columns:1fr}.onboarding-steps{padding:14px;border-right:0;border-bottom:1px solid var(--separator);flex-direction:row}.onboarding-steps li{min-height:36px;flex:1;justify-content:center;padding:5px}.onboarding-steps li>div{display:none}.onboarding-copy{min-height:360px;padding:34px 28px}}.app-layout{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:16px 12px 12px}.profile-card{padding:7px 8px 18px}.sidebar-footer{gap:0}.mini-session,.relay-status{min-height:52px;padding:10px 8px;border:0;border-top:1px solid var(--separator);border-radius:0;background:transparent}.mini-session-icon{width:30px;height:30px;border:1px solid var(--separator)}.relay-pulse{box-shadow:none}.logout-link{margin-top:6px}.top-bar{height:80px;padding:15px 30px 12px;align-items:center;background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.top-bar h1{font-size:24px}.page-content{width:min(1060px,100%);padding:24px 30px 108px}.connection-console{padding:0;overflow:hidden;border:1px solid var(--separator);border-radius:14px;background:var(--surface)}.connection-console-header{min-height:100px;padding:20px 22px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--separator)}.section-label{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.02em}.connection-console h2{margin:4px 0 5px;color:var(--text);font-size:21px;font-weight:650;letter-spacing:-.025em}.connection-console-header p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.connection-state{min-height:28px;padding:0 10px;border:1px solid var(--separator);border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);background:var(--surface-secondary);font-size:12px;white-space:nowrap}.connection-state i{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.connection-state.connected i{background:var(--success)}.connection-actions{padding:14px;display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.connection-action{min-width:0;min-height:72px;padding:12px 14px;border:1px solid var(--separator);border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;transition:border-color .15s ease,background-color .15s ease}.connection-action>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.connection-action strong{font-size:14px;font-weight:620}.connection-action small{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.connection-action-icon{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center}.connection-primary{color:#fff;border-color:var(--accent);background:var(--accent)}.connection-primary .connection-action-icon{background:#ffffff24}.connection-primary small{color:#ffffffb8}.connection-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.connection-secondary{color:var(--text);background:var(--surface)}.connection-secondary .connection-action-icon{color:var(--accent);background:var(--accent-soft)}.connection-secondary small{color:var(--text-secondary)}.connection-secondary:hover{border-color:#5856d661;background:var(--surface-secondary)}.room-code-launch{width:calc(100% - 28px);min-height:52px;margin:0 14px 14px;padding:0 13px;border:1px solid var(--separator);border-radius:10px;display:flex;align-items:center;gap:11px;color:var(--text);background:var(--surface-secondary);text-align:left}.room-code-launch:hover{border-color:#5856d657;background:var(--surface)}.room-code-icon{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.room-code-launch>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.room-code-launch strong{font-size:13px;font-weight:600}.room-code-launch small{color:var(--text-secondary);font-size:12px}.room-code-placeholder{color:var(--text-tertiary);font:12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.035em}.workspace-columns{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:14px}.workspace-panel{min-width:0;overflow:hidden;border:1px solid var(--separator);border-radius:12px;background:var(--surface)}.workspace-panel-header{min-height:60px;padding:12px 16px;border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-panel-header h3{margin:0;font-size:15px;font-weight:650}.workspace-panel-header p{margin:3px 0 0;color:var(--text-tertiary);font-size:12px}.recent-list{padding:0}.recent-row{min-height:58px;padding:7px 14px;border-top:0;border-bottom:1px solid var(--separator)}.recent-row .avatar{width:34px;height:34px;font-size:12px}.recent-copy strong{font-size:13px}.recent-copy span{font-size:12px}.recent-availability{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.recent-availability i{width:6px;height:6px;border-radius:50%;background:var(--success)}.quality-list{padding:0 16px}.quality-list>div{min-height:45px;border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-secondary);font-size:12px}.quality-list strong{color:var(--text);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.quality-route{min-height:58px;padding:10px 16px;border-top:1px solid var(--separator);display:flex;align-items:center;gap:10px;color:var(--accent);background:var(--surface-secondary)}.quality-route>span{display:flex;flex-direction:column;gap:2px}.quality-route strong{color:var(--text);font-size:12px}.quality-route small{color:var(--text-secondary);font-size:11px}.settings-page{width:min(920px,100%);display:block}.settings-tabbar{width:fit-content;margin-bottom:14px;padding:3px;border:1px solid var(--separator);border-radius:10px;display:flex;align-items:center;gap:2px;background:var(--surface-secondary)}.settings-tabbar button{min-width:92px;height:34px;padding:0 13px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-secondary);background:transparent;font-size:13px}.settings-tabbar button:hover{color:var(--text)}.settings-tabbar button.active{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #00000014}.settings-context-note{min-height:32px;margin:0 2px 18px;display:flex;align-items:center;gap:7px;color:var(--text-tertiary);font-size:12px}.settings-context-note svg{color:var(--accent)}.settings-content{width:100%;max-width:860px}.settings-section-heading{margin:0 2px 9px}.settings-section-heading h3{font-size:15px;font-weight:650}.settings-section-heading p{max-width:680px;font-size:12px;line-height:1.5}.settings-card{border-radius:12px;background:var(--surface)}.setting-row{min-height:56px;padding:10px 16px;gap:24px}.setting-row strong{font-size:13px;font-weight:600}.setting-row small{margin-top:1px;font-size:12px;line-height:1.4}.select-wrap select{min-width:250px;height:34px;padding-left:12px;font-size:12px}.setting-segments{flex:0 0 auto}.setting-segments button{min-width:76px;height:30px;font-size:12px}.setting-segments button small{font-size:11px}.slider-control input{width:190px}.slider-control output{min-width:68px;font-size:12px}.capability-note{min-height:62px;padding:11px 16px;border-top:1px solid var(--separator)}.capability-note strong{font-size:13px}.capability-note small{font-size:12px}.mic-meter-row,.account-security-row{min-height:56px;padding:10px 16px}.setting-inline-action{padding:11px 16px;border-top:1px solid var(--separator)}.share-modal{width:min(720px,100%)}.share-modal-body{padding:16px 20px 18px}.share-source-group{margin:0 0 12px}.share-source-row{min-height:70px;padding:11px 13px;border:1px solid var(--separator);border-radius:11px;display:flex;align-items:center;gap:12px;background:var(--surface)}.share-source-icon{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.share-source-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.share-source-copy strong{font-size:13px;font-weight:600}.share-source-copy small{color:var(--text-secondary);font-size:12px;line-height:1.4}.share-source-copy select{width:min(360px,100%);height:34px;padding:0 10px;border:1px solid var(--separator);border-radius:8px;color:var(--text);background:var(--surface-secondary);font-size:12px}.share-source-check{width:24px;height:24px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent)}.share-options-card{margin-top:0}.share-option-row{min-height:62px;padding:10px 13px}.share-option-row strong{font-size:13px}.share-option-row p{font-size:12px}.exclusion-block{padding:12px 13px 13px}.exclusion-heading strong{font-size:12px}.exclusion-heading small{max-width:500px;font-size:11px;line-height:1.4}.recommended-label{font-size:11px}.audio-app-list-title,.audio-app-list>small,.audio-app-option strong,.audio-app-option small{font-size:11px}.audio-app-option{min-height:40px}.advanced-toggle{min-height:48px;margin-top:12px;padding:0 13px;font-size:12px}.advanced-grid{gap:9px;padding:12px}.advanced-grid label,.advanced-grid select{font-size:11px}.advanced-grid select{height:34px}.share-footer{min-height:70px}.share-assurance{max-width:520px;font-size:11px;line-height:1.4}@media(max-width:900px){.workspace-columns{grid-template-columns:1fr}.connection-console-header{align-items:flex-start;flex-direction:column;gap:12px}.room-code-placeholder{display:none}.settings-tabbar{max-width:100%;overflow-x:auto}.settings-tabbar button{flex:0 0 auto}}@media(max-width:560px){.connection-actions{grid-template-columns:1fr}.recent-availability{display:none}.settings-tabbar{width:100%}.settings-tabbar button{min-width:78px;flex:1}.setting-row{align-items:stretch}.select-wrap select,.slider-control{width:100%}}.social-workspace-toolbar{display:grid;grid-template-columns:minmax(260px,380px) auto;align-items:center;justify-content:space-between;gap:16px}.social-workspace-toolbar .search-box{width:100%;height:40px;border-color:var(--separator);background:var(--surface)}.social-workspace-toolbar .search-box input{color:var(--text);font-size:13px}.social-workspace-toolbar .compact-segments{margin-left:0}.social-workspace-toolbar .compact-segments button{min-height:32px;padding:0 13px}.friend-list-panel{margin-top:14px}.friend-list-panel .list-heading{min-height:42px;padding:0 14px;color:var(--text-secondary);background:var(--surface-secondary);font-size:12px}.friend-row{min-height:68px;padding:10px 14px;gap:11px}.friend-copy strong{font-size:13px;font-weight:600}.friend-copy span{color:var(--text-secondary);font-size:12px}.friend-availability{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;white-space:nowrap}.friend-availability i{width:6px;height:6px;border-radius:50%;background:var(--success)}.friend-actions{flex:0 0 auto}.friend-voice-button{color:var(--accent);background:var(--accent-soft)}.friend-voice-button:hover{background:#5856d624}.room-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-workspace-toolbar h2{margin:0;color:var(--text);font-size:17px;font-weight:650;letter-spacing:-.02em}.room-workspace-toolbar p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.room-list{margin-top:16px;overflow:hidden;border:1px solid var(--separator);border-radius:12px;background:var(--surface)}.room-list-heading{min-height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;color:var(--text-secondary);background:var(--surface-secondary);font-size:12px;font-weight:600}.room-list-heading small{color:var(--text-tertiary);font-size:12px;font-weight:500}.room-list-row{min-height:74px;padding:10px 14px;display:grid;grid-template-columns:38px minmax(150px,1fr) auto auto auto auto;align-items:center;gap:12px;border-top:1px solid var(--separator)}.room-list-row:hover{background:var(--surface-secondary)}.room-list-row .room-symbol{width:36px;height:36px;border-radius:10px;color:var(--accent);background:var(--accent-soft);box-shadow:none}.room-list-copy{min-width:0}.room-list-copy h3{margin:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.room-list-copy p{margin:3px 0 0;color:var(--text-secondary);font-size:12px}.room-members{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.room-role{min-height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;color:var(--text-secondary);background:var(--surface-secondary);font-size:11px;white-space:nowrap}.room-management{display:flex;align-items:center;justify-content:flex-end;gap:4px}.room-management button{min-height:30px;padding:0 8px;border:0;border-radius:8px;display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);background:transparent;font-size:11px;white-space:nowrap}.room-management button:hover{color:var(--text);background:var(--surface-secondary)}.room-management button.danger-text{color:var(--danger);background:#d700150f}.room-enter-button{min-width:66px}.room-list>.empty-state{border-top:1px solid var(--separator)}.task-modal-content{padding:28px 28px 24px;align-items:stretch;text-align:left}.task-modal-heading{width:100%;margin:0 0 20px;padding:0 38px 0 0;border:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px;text-align:left}.task-modal-heading h2{margin:0;color:var(--text);font-size:19px;font-weight:650;letter-spacing:-.03em}.task-modal-heading p,.simple-modal-content .task-modal-heading p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5;text-align:left}.task-modal-content .form-label>span,.task-modal-content .form-caption{color:var(--text-secondary);font-size:12px}.task-modal-content .form-input{height:42px;padding:0 12px;border-color:var(--separator);color:var(--text);font-size:13px}.task-modal-content .code-input{height:46px;border-color:var(--separator)}.task-modal-content .code-input input{text-align:left;font-size:15px;letter-spacing:.08em}.task-modal-content .code-input span{font-size:11px}.task-modal-content .modal-hint{margin-top:13px;justify-content:flex-start;color:var(--text-tertiary);font-size:12px;line-height:1.4}.task-modal-content .room-type-grid{margin:8px 0 16px;gap:8px}.task-modal-content .room-type-grid button{min-height:62px;padding:10px;border-color:var(--separator);background:var(--surface)}.task-modal-content .room-type-grid button.selected{color:var(--accent);border-color:#5856d66b;background:var(--accent-soft)}.task-modal-content .room-type-grid strong{color:var(--text);font-size:12px}.task-modal-content .room-type-grid small{color:var(--text-secondary);font-size:11px;line-height:1.35}@media(max-width:640px){.social-workspace-toolbar{grid-template-columns:1fr}.friend-row{flex-wrap:wrap}.friend-availability{display:none}.friend-actions{margin-left:auto}.friend-actions .icon-button:nth-last-child(-n+2){display:inline-flex}.room-workspace-toolbar{align-items:stretch;flex-direction:column}.room-workspace-actions{display:grid;grid-template-columns:1fr 1fr}.room-workspace-actions .button{width:100%}.room-list-row{grid-template-columns:1fr;align-items:stretch}.room-symbol,.room-members,.room-role{justify-self:start}.room-management{justify-content:flex-start;flex-wrap:wrap}.room-enter-button{width:100%}.task-modal-content{padding:25px 22px 22px}.voice-room-info>div{display:block}.voice-room-info .voice-status{display:none}}.room-members-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.room-members-modal{width:min(560px,100%);max-height:min(720px,calc(100% - 24px));overflow:hidden}.room-members-header{min-height:68px;padding:12px 16px 12px 18px;border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface)}.room-members-heading{min-width:0;display:flex;align-items:center;gap:11px}.room-members-heading-icon{width:36px;height:36px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.room-members-heading h2,.room-member-section-title h3{margin:0;color:var(--text);font-weight:650;letter-spacing:-.02em}.room-members-heading h2{font-size:17px}.room-members-heading p{margin:3px 0 0;overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.room-members-heading p span{font-variant-numeric:tabular-nums}.room-members-body{max-height:calc(min(720px,100vh - 80px) - 68px);padding:14px;overflow-y:auto;background:var(--surface-secondary)}.room-member-invite,.room-member-directory{overflow:hidden;border:1px solid var(--separator);border-radius:12px;background:var(--surface)}.room-member-directory{margin-top:12px}.room-member-section-title{min-height:52px;padding:10px 12px;border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-tertiary)}.room-member-section-title h3{font-size:13px}.room-member-section-title p{margin:3px 0 0;color:var(--text-tertiary);font-size:11px;line-height:1.35}.room-member-directory-status{color:var(--text-secondary);font-weight:500}.room-member-directory-status.current,.room-member-directory-status.stale,.room-member-directory-status.unavailable{color:var(--text-secondary)}.room-member-directory-detail{color:var(--text-tertiary)}.room-member-section-title.directory-title>span{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-secondary);font-size:11px;font-variant-numeric:tabular-nums}.room-member-invite-controls{padding:11px 12px 12px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(112px,.7fr) auto;align-items:end;gap:8px}.room-member-invite-controls label{min-width:0;display:flex;flex-direction:column;gap:5px;color:var(--text-secondary);font-size:11px}.room-member-invite-controls select,.room-member-role select{width:100%;height:36px;padding:0 28px 0 10px;border:1px solid var(--separator);border-radius:8px;color:var(--text);background:var(--surface);font-size:12px}.room-member-invite-button{min-width:68px;height:36px;padding:0 13px}.room-member-invite-empty{margin:0;padding:15px 12px;color:var(--text-secondary);font-size:12px}.room-members-error{min-height:44px;margin:0 0 12px;padding:8px 10px 8px 12px;border:1px solid rgba(215,0,21,.16);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--danger);background:#d700150d;font-size:12px}.room-member-invite+.room-members-error{margin-top:12px}.room-members-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--text-secondary);font-size:12px}.room-member-list{margin:0;padding:0;list-style:none}.room-member-row{min-height:68px;padding:8px 10px 8px 12px;border-bottom:1px solid var(--separator);display:grid;grid-template-columns:36px minmax(0,1fr) 118px 70px;align-items:center;gap:10px;transition:background-color .15s ease}.room-member-row:last-child{border-bottom:0}.room-member-row:hover,.room-member-row.busy{background:var(--surface-secondary)}.room-member-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:650}.room-member-avatar.palette-0{background:#5856d6}.room-member-avatar.palette-1{background:#167c68}.room-member-avatar.palette-2{background:#a64f3f}.room-member-avatar.palette-3{background:#4b607c}.room-member-identity{min-width:0;display:flex;flex-direction:column;gap:2px}.room-member-identity strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.room-member-handle{overflow:hidden;color:var(--text-tertiary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.room-member-presence{min-width:0;display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:11px;line-height:1.3;white-space:normal}.room-member-presence-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--text-tertiary)}.room-member-presence.online .room-member-presence-dot,.room-member-presence.speaking .room-member-presence-dot{background:var(--success)}.room-member-presence.speaking{color:var(--success)}.room-member-presence.sharing{color:var(--accent)}.room-member-presence.sharing .room-member-presence-dot{background:var(--accent)}.room-member-presence.muted,.room-member-presence.offline,.room-member-presence.pending{color:var(--text-secondary)}.room-member-role{min-width:0}.room-member-role-badge{width:fit-content;min-height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);background:var(--surface-secondary);font-size:11px;white-space:nowrap}.room-member-role-badge.owner{color:#7b5700;background:#ffb3001f}.room-member-role-badge.moderator{color:var(--accent);background:var(--accent-soft)}.room-member-row-action{min-width:70px;display:flex;justify-content:flex-end}.room-member-remove{color:var(--text-tertiary)}.room-member-remove:hover{color:var(--danger);background:#d700150f}.room-member-remove.confirm{width:auto;min-width:54px;padding:0 8px;color:#fff;background:var(--danger);font-size:11px}.room-member-busy{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.room-member-busy .spinner{width:14px;height:14px}.room-member-row-spacer{width:34px;height:34px}.dock-people{min-width:34px;min-height:34px;padding:3px 4px 3px 8px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#c9c7d0;background:transparent;transition:background-color .15s ease,color .15s ease}.dock-people:hover{color:#fff;background:#ffffff1a}.dock-avatar{width:28px;height:28px;color:#fff;background:#615c76;font-size:11px;font-weight:650}.dock-avatar.speaking{box-shadow:0 0 0 2px var(--success);background:#596f92}@media(max-width:640px){.room-members-modal{max-height:calc(100vh - 24px);border-radius:14px}.room-members-header{min-height:64px;padding:10px 12px 10px 14px}.room-members-body{max-height:calc(100vh - 100px);padding:10px}.room-member-invite-controls{grid-template-columns:1fr;align-items:stretch}.room-member-invite-controls select{min-height:44px}.room-member-invite-button{width:100%;min-height:44px}.room-member-row{min-height:72px;grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.room-member-role{grid-column:2 / 3;width:min(150px,100%);margin-top:-4px}.room-member-role select{min-height:36px}.room-member-role-badge{min-height:24px}.room-member-row-action{min-width:44px;grid-column:3;grid-row:1 / 3}.room-member-remove{min-width:44px;min-height:44px}.room-members-error{align-items:stretch;flex-direction:column}.room-members-error .button{min-height:44px}.dock-people{min-width:40px;min-height:40px;padding:3px 5px 3px 9px;display:flex}.dock-avatar:nth-of-type(n+2),.people-count{display:none}}:root{--accent: #007aff;--accent-hover: #0066d6;--accent-soft: rgba(0, 122, 255, .1);--commercial-accent: #007aff;--commercial-accent-hover: #0066d6;--commercial-window: #f5f5f7;--commercial-surface: #ffffff;--commercial-sidebar: rgba(240, 240, 244, .94);--commercial-text: #1d1d1f;--commercial-secondary: #6e6e73;--commercial-tertiary: #8e8e93;--commercial-separator: rgba(60, 60, 67, .14);--commercial-hover: rgba(118, 118, 128, .075);--commercial-sidebar-width: 236px;--commercial-content-max: 1080px;--commercial-toolbar-height: 68px}*{scrollbar-color:rgba(60,60,67,.26) transparent}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--commercial-accent);outline-offset:2px}@keyframes native-page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-canvas{min-height:100vh;padding:0;color:var(--commercial-text);background:var(--commercial-window)}.window-shell{width:100%;height:100vh;border:0;border-radius:0;background:var(--commercial-window);box-shadow:none}.title-bar{height:38px;border-bottom:1px solid rgba(60,60,67,.1);background:var(--commercial-sidebar)}.app-layout{height:calc(100% - 38px);grid-template-columns:var(--commercial-sidebar-width) minmax(0,1fr)}.viewer-app-canvas .title-bar{display:none}.viewer-app-canvas .app-layout{height:100%}.sidebar{padding:14px 11px 11px;border-right:1px solid var(--commercial-separator);background:var(--commercial-sidebar);-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08)}.sidebar-brand{min-height:55px;padding:4px 8px 14px;display:flex;align-items:center;gap:10px}.sidebar-brand>div{min-width:0;display:grid;gap:1px}.sidebar-brand strong{overflow:hidden;color:var(--commercial-text);font-size:13px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand span{color:var(--commercial-tertiary);font-size:11px}.logo-mark{overflow:hidden;border-radius:9px;display:inline-block;background:#1d1d1f;box-shadow:none}.logo-mark.small{border-radius:6px}.logo-mark-image{width:100%;height:100%;display:block;filter:grayscale(1) contrast(1.2) brightness(.36)}.nav-caption{margin:8px 0 5px;padding:0 9px;color:var(--commercial-tertiary);font-size:11px;font-weight:560;letter-spacing:0;text-transform:none}.side-nav{gap:3px}.nav-item{min-height:40px;padding:0 10px;border:0;border-radius:9px;color:#5f5f64;background:transparent;font-size:13px;font-weight:520}.nav-item:before{display:none}.nav-item:hover{color:var(--commercial-text);background:var(--commercial-hover)}.nav-item.active{color:var(--commercial-text);background:#007aff1c;box-shadow:none}.nav-item.active svg{color:var(--commercial-accent)}.nav-badge{min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:9px;font-size:11px}.sidebar-footer{gap:2px;padding-top:8px;border-top:1px solid rgba(60,60,67,.12)}.mini-session,.relay-status{min-height:44px;padding:7px 8px;border:0;border-radius:8px;background:transparent}.mini-session:hover,.relay-status:hover{background:var(--commercial-hover)}.mini-session-icon{color:var(--commercial-accent);background:transparent}.mini-session span,.relay-status small{color:var(--commercial-secondary);font-size:11px}.sidebar-account{min-height:48px;padding:6px 5px 4px;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(60,60,67,.12)}.sidebar-account .avatar{width:30px;height:30px;font-size:12px}.sidebar-account .profile-copy strong{color:var(--commercial-text);font-size:12px;font-weight:600}.sidebar-account .profile-copy span{color:var(--commercial-secondary);font-size:11px}.sidebar-logout{width:32px;height:32px;padding:0;border:0;border-radius:8px;display:grid;place-items:center;color:var(--commercial-tertiary);background:transparent}.sidebar-logout:hover{color:#d70015;background:#d7001512}.main-area{min-width:0;background:var(--commercial-window)}.top-bar{min-height:var(--commercial-toolbar-height);height:var(--commercial-toolbar-height);padding:0 34px;align-items:center;border-bottom:1px solid var(--commercial-separator);background:#f5f5f7e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-bar h1{margin:0;color:var(--commercial-text);font-size:24px;font-weight:680;letter-spacing:-.035em}.top-bar p{margin:3px 0 0;color:var(--commercial-secondary);font-size:12px}.top-title-row{gap:9px}.viewer-context{display:inline-flex;align-items:center;gap:4px;color:var(--commercial-tertiary);font-size:11px}.page-scroll{background:var(--commercial-window)}.page-content{width:100%;max-width:var(--commercial-content-max);margin:0 auto;padding:28px 34px 108px;animation:native-page-in .21s ease-out both}.button{min-height:36px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:600;transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.button.primary{color:#fff;border-color:var(--commercial-accent);background:var(--commercial-accent);box-shadow:none}.button.primary:hover:not(:disabled){border-color:var(--commercial-accent-hover);background:var(--commercial-accent-hover)}.button.secondary{color:var(--commercial-text);border:1px solid var(--commercial-separator);background:var(--commercial-surface);box-shadow:none}.button.secondary:hover:not(:disabled){background:#f7f7f8}.button.small{min-height:34px;padding:0 12px;font-size:12px}.icon-button{border-color:var(--commercial-separator);border-radius:8px;color:var(--commercial-secondary);background:transparent;box-shadow:none}.icon-button:hover{color:var(--commercial-text);background:var(--commercial-hover);transform:none}.text-button{color:var(--commercial-accent);font-size:12px;font-weight:560}.text-button:hover{color:var(--commercial-accent-hover)}.toggle.on{background:var(--commercial-accent)}.select-wrap select,.setting-segments,.standard-input,.form-input,.code-input{border-color:var(--commercial-separator);color:var(--commercial-text);background:#f7f7f8;box-shadow:none}.standard-input:focus-within,.form-input:focus,.code-input:focus-within,.select-wrap select:focus{border-color:var(--commercial-accent);box-shadow:0 0 0 3px #007aff1a}.slider-control input{overflow:hidden;background:#d1d1d6}.slider-control input::-webkit-slider-thumb{box-shadow:-160px 0 0 160px var(--commercial-accent)}.health-badge,.room-role{min-height:0;padding:0;border:0;border-radius:0;color:var(--commercial-tertiary);background:transparent;font-size:11px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(440px,1.08fr);background:#fff}.auth-brand-panel{min-width:0;min-height:100vh;padding:clamp(32px,4vw,64px);display:flex;flex-direction:column;color:#fff;background:#1d1d1f}.auth-brand-wordmark{display:flex;align-items:center;gap:13px}.auth-brand-wordmark .logo-mark{width:42px;height:42px;border-radius:11px;background:#fff}.auth-brand-wordmark strong{color:#fff;font-size:15px;font-weight:640;letter-spacing:-.02em}.auth-brand-copy{width:min(530px,100%);margin:auto 0;padding:56px 0}.auth-brand-copy>span,.auth-form-kicker{display:block;color:#2997ff;font-size:12px;font-weight:650;letter-spacing:.01em}.auth-brand-copy h2{max-width:510px;margin:17px 0 18px;color:#fff;font-size:clamp(38px,3.5vw,48px);font-weight:680;line-height:1.06;letter-spacing:-.055em}.auth-brand-copy h2 span{display:block}.auth-brand-copy p{max-width:490px;margin:0;color:#ffffff9e;font-size:15px;line-height:1.65}.auth-brand-specs{margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.auth-brand-specs div{min-width:0}.auth-brand-specs dt{min-height:36px;color:#fff;font-size:12px;font-weight:620;line-height:1.45}.auth-brand-specs dd{margin:5px 0 0;color:#ffffff7a;font-size:11px;line-height:1.45}.auth-brand-platforms{margin-top:22px;color:#ffffff61;font-size:11px;letter-spacing:.025em}.auth-panel{width:100%;min-height:0;padding:72px clamp(52px,8vw,118px);border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#f5f5f7;box-shadow:none}.auth-form{width:100%;max-width:390px;margin:0}.auth-form-kicker{margin-bottom:14px}.auth-form h1{margin:0;color:var(--commercial-text);font-size:34px;font-weight:680;line-height:1.2;letter-spacing:-.045em}.auth-form>p:not(.auth-switch):not(.auth-privacy){margin:9px 0 34px;color:var(--commercial-secondary);font-size:14px;line-height:1.55}.auth-fields{gap:18px}.auth-fields label>span{margin:0 0 7px 1px;color:var(--commercial-text);font-size:12px;font-weight:560}.auth-input{height:50px;padding:0 14px;border:1px solid var(--commercial-separator);border-radius:11px;color:var(--commercial-tertiary);background:#fffffff5}.auth-input:focus-within{color:var(--commercial-accent);border-color:var(--commercial-accent);box-shadow:0 0 0 3px #007aff1f}.auth-input input{color:var(--commercial-text);font-size:14px}.auth-password-requirement,.auth-error,.auth-switch{font-size:12px}.auth-submit{min-height:48px;margin-top:26px}.auth-form .auth-switch{margin:20px 0 0;color:var(--commercial-secondary);font-size:12px}.auth-switch button{color:var(--commercial-accent);font-size:12px}.auth-privacy{max-width:300px;margin:26px auto 0!important;color:var(--commercial-tertiary)!important;font-size:11px!important;line-height:1.5!important;text-align:center}.auth-error{margin-top:15px;padding:11px 12px;border:1px solid rgba(215,0,21,.16);border-radius:9px;color:#b4232f;background:#d700150e;line-height:1.45}.app-loading{min-height:100vh;padding:28px;display:grid;place-items:center;color:var(--commercial-text);background:var(--commercial-window)}.app-loading-card{width:min(420px,100%)}.app-loading-brand{margin-bottom:58px;display:flex;align-items:center;gap:12px}.app-loading-brand .logo-mark{width:40px;height:40px;border-radius:10px}.app-loading-brand strong{font-size:15px;font-weight:640}.app-loading-kicker{color:var(--commercial-accent);font-size:12px;font-weight:650}.app-loading h1{margin:12px 0 10px;font-size:30px;font-weight:680;letter-spacing:-.045em}.app-loading>.app-loading-card>p,.app-loading-progress p{margin:0;color:var(--commercial-secondary);font-size:13px;line-height:1.55}.app-loading-card>.button{margin-top:24px}.app-loading-progress{min-height:30px;display:flex;align-items:center;gap:10px}.home-page{display:grid;gap:18px}.connection-console{min-height:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#1d1d1f;box-shadow:none}.connection-console-header{min-height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.1)}.connection-eyebrow{color:#2997ff;font-size:11px;font-weight:650;letter-spacing:.01em}.connection-console h2{margin:5px 0 4px;color:#fff;font-size:21px;font-weight:670;letter-spacing:-.03em}.connection-console-header p{max-width:620px;margin:0;color:#ffffff94;font-size:13px;line-height:1.5}.connection-state{min-height:24px;padding:0;border:0;border-radius:0;color:#ffffff9e;background:transparent;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.connection-state i{width:7px;height:7px;border-radius:50%;background:#ffffff6b}.connection-state.connected{color:#62d891}.connection-state.connected i{background:#30d158}.connection-actions{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}.connection-actions.viewer-actions{grid-template-columns:1fr}.connection-action{min-height:64px;padding:12px 18px;border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff;background:transparent;box-shadow:none;transition:background-color .14s ease}.connection-action:last-child{border-right:0}.connection-action:hover{background:#ffffff0e}.connection-action>span:nth-child(2),.room-code-launch>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.connection-action-icon,.room-code-icon{width:32px;height:32px;border-radius:8px;color:#ffffffb8;background:#ffffff17}.connection-action strong,.room-code-launch strong{color:#fff;font-size:13px;font-weight:620}.connection-action small,.room-code-launch small{overflow:hidden;color:#ffffff85;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.connection-primary{border-right-color:#ffffff38;background:var(--commercial-accent)}.connection-primary:hover{background:var(--commercial-accent-hover)}.connection-primary .connection-action-icon{color:#fff;background:#ffffff29}.room-code-launch{width:100%;min-height:52px;margin:0;padding:0 18px;border:0;border-radius:0;color:#fff;background:transparent}.room-code-launch:hover{background:#ffffff0e}.room-code-placeholder{color:#ffffff61;font:11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.03em}.workspace-columns{margin-top:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.82fr);gap:18px}.workspace-panel{min-width:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.workspace-panel-header{min-height:43px;padding:0 2px 8px;border-bottom:0}.workspace-panel-header h3{color:var(--commercial-text);font-size:14px;font-weight:650}.workspace-panel-header p{margin-top:2px;color:var(--commercial-tertiary);font-size:11px}.recent-list,.quality-list,.quality-route{background:var(--commercial-surface)}.recent-list{overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px}.recent-row{min-height:56px;padding:8px 14px;border-bottom:1px solid var(--commercial-separator)}.recent-row:last-child{border-bottom:0}.recent-row:hover{background:var(--commercial-hover)}.recent-copy strong{color:var(--commercial-text);font-size:13px;font-weight:600}.recent-copy span,.recent-availability{color:var(--commercial-secondary);font-size:11px}.recent-availability i{background:#248a5a}.health-panel{display:grid;grid-template-rows:auto auto auto}.quality-list{padding:0 14px;overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px 12px 0 0}.quality-list>div{min-height:42px;border-bottom:1px solid var(--commercial-separator);color:var(--commercial-secondary);font-size:12px;font-variant-numeric:tabular-nums}.quality-list>div:last-child{border-bottom:0}.quality-list strong{color:var(--commercial-text);font-size:12px;font-weight:600}.quality-route{min-height:52px;padding:8px 14px;border:1px solid var(--commercial-separator);border-top:0;border-radius:0 0 12px 12px;color:var(--commercial-secondary)}.quality-route strong{color:var(--commercial-text);font-size:12px;font-weight:600}.quality-route small{color:var(--commercial-secondary);font-size:11px}.friends-page,.rooms-page,.settings-page{width:100%}.social-workspace-toolbar{display:grid;grid-template-columns:minmax(260px,360px) auto;align-items:center;justify-content:space-between;gap:14px}.social-workspace-toolbar .search-box{width:100%;height:38px;border:1px solid var(--commercial-separator);border-radius:9px;color:var(--commercial-tertiary);background:var(--commercial-surface);box-shadow:none}.social-workspace-toolbar .search-box:focus-within{border-color:var(--commercial-accent);box-shadow:0 0 0 3px #007aff1a}.social-workspace-toolbar .search-box input{color:var(--commercial-text);font-size:13px}.compact-segments,.settings-tabbar{padding:3px;border:1px solid var(--commercial-separator);border-radius:9px;background:#76768012;box-shadow:none}.compact-segments button,.settings-tabbar button{border:0;border-radius:7px;color:var(--commercial-secondary);background:transparent;font-size:12px;font-weight:540}.compact-segments button.active,.settings-tabbar button.active{color:var(--commercial-text);background:var(--commercial-surface);box-shadow:0 1px 2px #00000014}.friend-list-panel{margin-top:14px;overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px;background:var(--commercial-surface);box-shadow:none}.friend-list-panel .list-heading,.room-list-heading{min-height:38px;padding:0 14px;color:var(--commercial-secondary);background:#7676800b;font-size:11px;font-weight:560}.friend-list-panel .list-heading small,.room-list-heading small{color:var(--commercial-tertiary);font-size:11px;font-weight:500}.friend-row{min-height:56px;padding:8px 14px;gap:11px;border-color:var(--commercial-separator)}.friend-row:hover{background:var(--commercial-hover)}.friend-row .contact-avatar.large{width:36px;height:36px;font-size:12px}.friend-copy strong{color:var(--commercial-text);font-size:13px;font-weight:600}.friend-copy span,.friend-availability{color:var(--commercial-secondary);font-size:11px}.friend-voice-button{color:var(--commercial-accent);background:transparent}.friend-voice-button:hover{background:#007aff14}.room-workspace-toolbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-workspace-toolbar h2{margin:0;color:var(--commercial-text);font-size:17px;font-weight:650;letter-spacing:-.02em}.room-workspace-toolbar p{margin:3px 0 0;color:var(--commercial-secondary);font-size:12px}.room-workspace-actions{display:flex;gap:8px}.room-list{margin-top:14px;overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px;background:var(--commercial-surface);box-shadow:none}.room-list-row{min-height:56px;padding:8px 14px;grid-template-columns:34px minmax(150px,1fr) auto auto auto auto;border-color:var(--commercial-separator)}.room-list-row:hover{background:var(--commercial-hover)}.room-list-row .room-symbol{width:32px;height:32px;border-radius:8px;color:var(--commercial-secondary);background:#76768017}.room-list-copy h3{color:var(--commercial-text);font-size:13px;font-weight:600}.room-list-copy p,.room-members{color:var(--commercial-secondary);font-size:11px}.room-management button{min-height:30px;border-radius:7px;color:var(--commercial-secondary);font-size:11px}.room-enter-button{min-width:62px}.settings-page{display:block}.settings-tabbar{width:fit-content;margin-bottom:11px}.settings-tabbar button{min-width:86px;height:32px;gap:6px;font-size:12px}.settings-context-note{min-height:30px;margin:0 2px 18px;color:var(--commercial-tertiary);font-size:11px}.settings-context-note svg{color:var(--commercial-accent)}.settings-content{width:100%;max-width:880px}.settings-section{margin-bottom:22px}.settings-section-heading{margin:0 2px 8px}.settings-section-heading h3{color:var(--commercial-text);font-size:15px;font-weight:650}.settings-section-heading p{max-width:700px;color:var(--commercial-secondary);font-size:12px;line-height:1.45}.settings-card{overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px;background:var(--commercial-surface);box-shadow:none}.setting-row{min-height:56px;padding:9px 15px;gap:24px;border-color:var(--commercial-separator)}.setting-row>span{max-width:520px}.setting-row strong{color:var(--commercial-text);font-size:13px;font-weight:600}.setting-row small{color:var(--commercial-secondary);font-size:11px;line-height:1.4}.select-wrap select{min-width:236px;height:32px;border-radius:7px;font-size:12px}.setting-segments{border-radius:8px}.setting-segments button{min-width:70px;height:28px;border-radius:6px;font-size:11px}.setting-segments button.active{color:var(--commercial-text);background:var(--commercial-surface);box-shadow:0 1px 2px #00000014}.capability-note{min-height:58px;padding:10px 15px;color:var(--commercial-secondary);border-color:var(--commercial-separator)}.capability-note>svg{color:var(--commercial-accent)}.capability-note strong{color:var(--commercial-text);font-size:13px}.capability-note small{color:var(--commercial-secondary);font-size:11px}.support-diagnostics-heading{min-height:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.support-diagnostics-heading>div{min-width:0}.support-diagnostics-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.support-diagnostics-list{margin:0;padding:0;overflow:hidden;border:1px solid var(--commercial-separator);border-radius:12px;background:var(--commercial-surface);box-shadow:none;list-style:none}.support-diagnostic-row{min-height:58px;padding:9px 14px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--commercial-separator)}.support-diagnostic-row:last-child{border-bottom:0}.support-diagnostic-icon{width:32px;height:32px;border-radius:8px;color:var(--commercial-secondary);background:#76768014}.support-diagnostic-copy strong{color:var(--commercial-text);font-size:13px;font-weight:600}.support-diagnostic-copy small{overflow:hidden;color:var(--commercial-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.support-diagnostic-status{color:var(--commercial-secondary);font-size:11px;font-weight:560}.support-diagnostic-status.measured{color:#1f7a4d}.support-diagnostic-status.attention{color:#8a6100}.support-diagnostics-boundary{margin:9px 2px 0;color:var(--commercial-tertiary);font-size:11px;line-height:1.45}.support-diagnostics-export-status{font-size:11px}.media-preflight-card{border-color:var(--commercial-separator);border-radius:12px;background:var(--commercial-surface);box-shadow:none}.media-preflight-facts{display:grid;border-color:var(--commercial-separator)}.media-preflight-fact{border-color:var(--commercial-separator)}.network-diagnostic,.security-row,.mic-meter-row,.account-security-row,.desktop-enrollment-row{color:var(--commercial-text);border-color:var(--commercial-separator)}.modal-backdrop{background:#1d1d1f61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{border:1px solid rgba(60,60,67,.18);border-radius:12px;background:var(--commercial-surface);box-shadow:0 24px 64px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.task-modal-heading{text-align:left}.share-source-row{border-color:var(--commercial-separator);border-radius:11px;background:var(--commercial-surface);box-shadow:none}.source-card.selected,.app-chips button.selected,.task-modal-content .room-type-grid button.selected{color:var(--commercial-accent);border-color:#007aff66;background:#007aff0f;box-shadow:0 0 0 2px #007aff17}.publisher-evidence-row{width:100%;min-height:68px;margin:0 0 14px;padding:11px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.publisher-evidence-copy strong,.publisher-evidence-copy small,.publisher-evidence-state,.publisher-evidence-feedback{font-size:11px}.button.publisher-evidence-download{min-height:44px;color:#fff;border-color:#ffffff2e;background:#ffffff14}.voice-dock{color:var(--commercial-text);border:1px solid var(--commercial-separator);border-radius:14px;background:var(--commercial-surface);box-shadow:0 12px 36px #00000029;-webkit-backdrop-filter:none;backdrop-filter:none}.voice-room-info strong{color:var(--commercial-text);font-size:12px}.voice-room-info span{color:var(--commercial-secondary);font-size:11px}.voice-wave{color:var(--commercial-accent);background:#007aff17}.voice-wave i{background:var(--commercial-accent)!important;animation:none}.dock-people{color:var(--commercial-secondary);background:transparent}.dock-people:hover{color:var(--commercial-text);background:var(--commercial-hover)}.dock-control{color:var(--commercial-secondary);background:#76768017}.dock-control:hover{background:#76768026}.onboarding-overlay{position:fixed;padding:20px;background:#1d1d1f5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-card{width:min(740px,100%);border:1px solid rgba(60,60,67,.18);border-radius:14px;background:var(--commercial-surface);box-shadow:0 20px 58px #0003;animation-duration:.18s}.onboarding-top{min-height:56px;border-color:var(--commercial-separator)}.onboarding-body{min-height:370px;grid-template-columns:190px minmax(0,1fr)}.onboarding-steps{padding:24px 14px;border-color:var(--commercial-separator);background:#7676800b}.onboarding-steps li{min-height:48px;border-radius:8px}.onboarding-steps li.active{color:var(--commercial-text);background:#007aff14}.onboarding-steps li.active>span{color:#fff;border-color:var(--commercial-accent);background:var(--commercial-accent)}.onboarding-copy{padding:38px}.onboard-icon{width:34px;height:34px;margin-bottom:18px;border-radius:8px;color:var(--commercial-accent);background:#007aff14}.onboarding-copy h2{color:var(--commercial-text);font-size:25px;font-weight:680}.onboarding-copy>p,.onboarding-facts li{color:var(--commercial-secondary);font-size:12px}.toast{border-color:var(--commercial-separator);border-radius:11px;background:var(--commercial-surface);box-shadow:0 12px 32px #00000024}.toast-icon{color:var(--commercial-accent);background:#007aff17}@media(max-width:900px){.workspace-columns{grid-template-columns:1fr}.connection-console-header{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:920px){.auth-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.auth-brand-panel{min-height:82px;padding:20px 24px;justify-content:center}.auth-brand-copy,.auth-brand-specs,.auth-brand-platforms{display:none}.auth-brand-wordmark .logo-mark{width:38px;height:38px;border-radius:10px}.auth-panel{padding:52px 24px 64px;align-items:flex-start}}@media(max-width:679px){.title-bar{display:none}.app-layout{min-height:100vh;display:block}.sidebar{height:70px;padding:7px 12px max(8px,env(safe-area-inset-bottom));position:fixed;border:0;border-top:1px solid var(--commercial-separator);background:#f5f5f7f5}.side-nav{gap:4px}.nav-caption,.sidebar-brand,.sidebar-account{display:none}.nav-item{min-width:60px;min-height:44px;padding:4px 8px;font-size:11px}.nav-item.active{background:transparent}.top-bar{min-height:64px;height:64px;padding:0 18px}.top-bar h1{font-size:22px}.page-content{padding:20px 16px 104px}.home-page{gap:16px}.connection-console-header{min-height:0;padding:17px}.connection-actions{grid-template-columns:1fr}.connection-action{min-height:64px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.connection-action:last-child{border-bottom:0}.room-code-launch{min-height:58px}.room-code-placeholder{display:none}.social-workspace-toolbar{grid-template-columns:1fr}.friend-row{flex-wrap:wrap}.friend-availability{display:none}.room-workspace-toolbar{align-items:stretch;flex-direction:column}.room-workspace-actions{display:grid;grid-template-columns:1fr 1fr}.room-list-row{min-height:0;padding:14px;grid-template-columns:34px minmax(0,1fr) auto}.room-members{grid-column:2}.room-role{grid-column:3;grid-row:1}.room-management{grid-column:2 / -1;justify-content:flex-start}.room-enter-button{grid-column:2 / -1;width:100%}.settings-tabbar{width:100%;overflow-x:auto;scrollbar-width:none}.settings-tabbar::-webkit-scrollbar{display:none}.settings-tabbar button{min-width:64px;height:44px;padding:0 5px;flex:1 0 auto;gap:4px;font-size:11px}.setting-row{align-items:stretch;flex-direction:column}.select-wrap,.select-wrap select,.slider-control{width:100%}.support-diagnostics-heading{align-items:stretch;flex-direction:column;gap:8px}.support-diagnostics-actions{width:100%}.support-diagnostics-heading .button{flex:1 1 180px}.support-diagnostic-row{grid-template-columns:28px minmax(0,1fr);gap:10px}.support-diagnostic-icon{width:28px;height:28px}.support-diagnostic-status{grid-column:2;justify-self:start}.support-diagnostic-copy small{overflow:visible;text-overflow:clip;white-space:normal}.publisher-evidence-row{grid-template-columns:1fr;align-items:stretch;gap:8px}.publisher-evidence-download{width:100%}.modal-backdrop,.onboarding-overlay{padding:10px}.modal-card{max-height:calc(100vh - 20px);border-radius:11px}.onboarding-card{max-height:calc(100vh - 20px)}.onboarding-body{min-height:0;grid-template-columns:1fr}.onboarding-steps{padding:10px 14px;border-right:0;border-bottom:1px solid var(--commercial-separator);flex-direction:row}.onboarding-steps li{min-height:32px;padding:4px;flex:1;justify-content:center}.onboarding-steps li>div{display:none}.onboarding-copy{min-height:330px;padding:28px 24px}.voice-dock-wrap{left:0;bottom:82px}.voice-dock{width:calc(100% - 20px);gap:8px}.voice-room-info{min-width:0;flex:1}.dock-people{display:none}.button,.button.small,.icon-button{min-height:44px}.auth-page{min-height:100vh}.auth-panel{width:100%;max-width:none;padding:42px 20px 54px}.auth-form h1{font-size:30px}.auth-brand-panel{min-height:74px;padding:16px 20px}.auth-brand-wordmark .logo-mark{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}