:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg-page);color:var(--ink);color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;background:var(--bg-page);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-touch-callout:none}.wordmark{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.home-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative}.home-header{position:fixed;top:28px;left:50%;transform:translate(-50%)}.home-center{display:flex;flex-direction:column;align-items:center}.start-btn{border:0;border-radius:100px;padding:15px 36px;background:var(--bg-invert);color:var(--on-invert-b);font-size:16px;font-weight:600;letter-spacing:-.1px;transition:background .14s ease,transform .12s ease,opacity .14s ease;white-space:nowrap}.start-btn:hover{background:var(--bg-invert-hover)}.start-btn:active{transform:scale(.97)}.start-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.backup-shell{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px;transition:background .18s ease,box-shadow .18s ease}.backup-shell.is-drag-ready{background:var(--badge-green-bg-2);box-shadow:inset 0 0 0 2px var(--text-accent-3)}.backup-center{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.backup-status{flex-basis:100%;min-height:20px;color:var(--muted);font-size:14px;font-weight:600;text-align:center}.restore-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0a131747}.restore-dialog-panel{width:min(100%,360px);max-height:min(620px,calc(100svh - 48px));overflow:auto;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-2);box-shadow:0 18px 48px #0a13172e;padding:20px 20px 10px;text-align:center}.restore-dialog-panel h1{font-size:18px;line-height:1.2;margin-bottom:8px}.restore-dialog-panel p{color:var(--muted);font-size:14px;line-height:1.4;margin-bottom:14px}.restore-summary{display:grid;gap:7px;margin-bottom:14px;text-align:left}.restore-summary-item{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:var(--bg-page);color:var(--ink);font-size:13px;font-weight:700}.restore-summary-item span:last-child{color:var(--muted);font-weight:800;white-space:nowrap}.restore-options{display:grid;gap:9px;margin-bottom:16px;text-align:left}.restore-option{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-2)}.restore-option input{width:16px;height:16px;margin-top:1px;accent-color:var(--ink);flex:0 0 auto}.restore-option-text{display:grid;gap:2px;min-width:0}.restore-option-title{color:var(--ink);font-size:13px;font-weight:800}.restore-option-detail{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.restore-dialog-actions{display:flex;flex-direction:column;align-items:stretch;margin:4px -20px -10px;border-top:1px solid var(--border-soft)}.restore-dialog-button{border:0;border-radius:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--ink);padding:15px 20px;font-size:15px;font-weight:800;width:100%;text-align:center}.restore-dialog-button[hidden]{display:none}.restore-dialog-button:last-child{border-bottom:0}.restore-dialog-button:hover{background:var(--bg-subtle-7)}.restore-dialog-button.is-danger{color:var(--text-red-3)}.restore-dialog-button.is-cancel{color:var(--text-red-4)}.room-body{background:var(--bg-page);color:var(--ink)}.connecting-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;animation:fadeIn .26s ease both}.connecting-text{font-size:14px;color:var(--faint-2);font-weight:500}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-page);animation:fadeIn .26s ease both;overflow:hidden}.call-screen:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 24%,rgba(96,220,216,.68),transparent 34%),radial-gradient(circle at 76% 32%,rgba(255,145,202,.54),transparent 30%),radial-gradient(circle at 48% 82%,rgba(124,196,255,.58),transparent 36%);filter:blur(30px);transform:translate3d(-4%,2%,0) scale(1.02)}.call-screen.is-join-glowing:before{animation:callJoinGlow 1.5s ease-out both}.call-screen.is-leave-glowing:before{background:radial-gradient(circle at 20% 26%,rgba(255,62,92,.62),transparent 34%),radial-gradient(circle at 76% 34%,rgba(255,108,128,.48),transparent 30%),radial-gradient(circle at 48% 82%,rgba(255,80,98,.42),transparent 36%);animation:callLeaveGlow 1.5s ease-out both}.call-screen>*{position:relative;z-index:1}.call-screen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(112px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom,var(--fade-page-0),var(--fade-page-72) 42%,var(--bg-page) 78%,var(--bg-page) 100%);z-index:4}.participants{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;padding:48px 24px 16px;overflow:hidden;transition:opacity .24s ease,transform .3s ease}.participant-tile{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto;animation:fadeIn .2s ease both}.tile-avatar{width:88px;height:88px;border-radius:50%;background:var(--bg-subtle-2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--muted);letter-spacing:-1px;position:relative;transition:box-shadow .18s ease}.tile-avatar.is-speaking{box-shadow:0 0 0 3px var(--ink)}.participant-tile.is-local .tile-avatar{background:var(--bg-room);color:var(--text-room)}.tile-name{font-size:13px;font-weight:500;color:var(--faint);text-align:center;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-mic-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;border-radius:50%;background:var(--bg-page);border:1.5px solid var(--border-2);display:grid;place-items:center}.tile-mic-badge svg{width:11px;height:11px;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.invite-area{position:absolute;left:50%;top:50%;z-index:5;width:min(100% - 32px,420px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto;transition:transform .32s ease,opacity .22s ease}.bottom-area{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding-bottom:max(24px,env(safe-area-inset-bottom));position:relative;z-index:6}.invite-label{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:12px;letter-spacing:-.1px}.share-text-row{display:flex;align-items:center;gap:10px;margin-bottom:0}.share-text-link{border:0;background:transparent;padding:0;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer;line-height:1;transition:color .14s ease}.share-text-link:hover{color:var(--muted)}.share-text-link.is-copied{color:var(--text-accent-2)}.share-text-div{width:1px;height:10px;background:var(--bg-room-3);flex:0 0 auto}.call-screen.is-alone .participants{opacity:0;transform:translateY(-10px)}.call-screen:not(.is-alone) .invite-area{opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 12px))}.call-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 24px}.ctrl-btn{width:56px;height:56px;border:0;border-radius:50%;background:var(--bg-subtle-2);color:var(--ink);display:grid;place-items:center;transition:background .14s ease,transform .12s ease}.ctrl-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ctrl-btn:hover{background:var(--bg-room-2)}.ctrl-btn:active{transform:scale(.91)}.ctrl-btn.is-muted{background:var(--bg-subtle-a);color:var(--faint-2)}.ctrl-btn--share{background:var(--bg-subtle-2)}.ctrl-btn--leave{background:var(--bg-danger-2b);color:var(--on-invert-b)}.ctrl-btn--leave:hover{background:var(--bg-danger-2);color:var(--on-invert-b)}.error-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;animation:fadeIn .26s ease both}.error-text{font-size:15px;color:var(--faint);font-weight:500;text-align:center}[hidden]{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.call-screen.is-ai-recording:before{background:radial-gradient(circle at 22% 28%,rgba(240,106,167,.72),transparent 38%),radial-gradient(circle at 74% 30%,rgba(255,150,200,.52),transparent 32%),radial-gradient(circle at 50% 80%,rgba(255,100,180,.48),transparent 36%);animation:aiRecordingGlowFemale 2.2s ease-in-out infinite alternate}.call-screen.is-ai-recording.is-ai-recording-male:before{background:radial-gradient(circle at 22% 28%,rgba(0,100,224,.68),transparent 38%),radial-gradient(circle at 74% 30%,rgba(80,160,255,.5),transparent 32%),radial-gradient(circle at 50% 80%,rgba(40,130,255,.45),transparent 36%);animation:aiRecordingGlowMale 2.2s ease-in-out infinite alternate}@keyframes aiRecordingGlowFemale{0%{opacity:.55;transform:translate3d(-3%,2%,0) scale(1.02)}50%{opacity:.78;transform:translate3d(3%,-3%,0) scale(1.06)}to{opacity:.6;transform:translate3d(-2%,4%,0) scale(1.03)}}@keyframes aiRecordingGlowMale{0%{opacity:.5;transform:translate3d(3%,-2%,0) scale(1.02)}50%{opacity:.72;transform:translate3d(-3%,3%,0) scale(1.06)}to{opacity:.55;transform:translate3d(2%,-4%,0) scale(1.03)}}@keyframes callJoinGlow{0%{opacity:0;transform:translate3d(-7%,4%,0) scale(1.02)}15%{opacity:.9}38%{opacity:.68;transform:translate3d(5%,-3%,0) scale(1.06)}68%{opacity:.36;transform:translate3d(-2%,-6%,0) scale(1.04)}to{opacity:0;transform:translateZ(0) scale(1.03)}}@keyframes callLeaveGlow{0%{opacity:0;transform:translate3d(5%,-2%,0) scale(1.02)}15%{opacity:.88}42%{opacity:.62;transform:translate3d(-6%,5%,0) scale(1.06)}72%{opacity:.32;transform:translate3d(3%,-5%,0) scale(1.04)}to{opacity:0;transform:translateZ(0) scale(1.02)}}:root{--bg-page: #f1f4f7;--bg-card: #ffffff;--bg-input: #f8f9fa;--bg-subtle: #eef1f4;--bg-subtle-2: #e4e8ed;--bg-subtle-3: #f1f2f4;--bg-subtle-4: #f1f3f5;--bg-subtle-5: #f2f4f6;--bg-subtle-6: #f4f6f8;--bg-subtle-7: #f7f8fa;--bg-subtle-8: #f7f9fb;--bg-subtle-9: #f8fafc;--bg-subtle-a: #edf0f3;--bg-invert: #0a1317;--bg-invert-hover: #1a2b33;--bg-invert-hover-2: #24323d;--bg-invert-hover-3: #202c33;--bg-accent: #16a34a;--bg-accent-hover: #15803d;--bg-accent-2: #31a24c;--bg-accent-3: #22c55e;--bg-accent-4: #52b53e;--bg-danger: #d92d20;--bg-danger-hover: #b42318;--bg-danger-2: #e74c3c;--bg-danger-2a: #ef4444;--bg-danger-2b: #c0392b;--bg-danger-2c: #c92a2a;--bg-room: #dde2e8;--bg-premium: #e05b9f;--bg-premium-2: #8b5cf6;--bg-info: #0064e0;--bg-disabled: #8e99a5;--bg-disabled-2: #a8b3bc;--bg-disabled-3: #9aa5b1;--badge-blue-bg: #e3f0ff;--badge-teal-bg: #d9f6ff;--badge-teal-bg-2: #ecfffb;--badge-green-bg: #e7f8df;--badge-green-bg-2: #e8f7ee;--badge-green-bg-3: #dcfce7;--badge-green-bg-4: #bbf7d0;--badge-green-bg-5: #dcf7e9;--badge-green-bg-6: #f1fff7;--badge-pink-bg: #ffe4ec;--badge-pink-bg-2: #fff5f9;--badge-pink-bg-3: #ffe4ef;--badge-red-bg: #fee2e2;--badge-purple-bg: #f5f3ff;--badge-purple-bg-2: #f8f5ff;--badge-purple-bg-3: #efe6ff;--badge-purple-bg-4: #ede9fe;--badge-purple-bg-5: #dfd2ff;--badge-purple-bg-6: #ded8ea;--badge-amber-bg: #fef3c7;--badge-amber-2-bg: #f59e0b;--badge-purple-2-bg: #6a567f;--badge-green-3-bg: #1f7a4d;--badge-green-4-bg: #2f6f1f;--badge-blue-2-bg: #124c96;--badge-blue-3-bg: #0457cb;--badge-red-2-bg: #8f1d1d;--badge-red-3-bg: #7f1d1d;--badge-pink-2-bg: #8a244c;--badge-pink-3-bg: #b75b83;--badge-purple-3-bg: #5a2aa0;--badge-red-4-bg: #e41e3f;--badge-amber-3-bg: #b45309;--badge-crimson: #8d7aa7;--ink: #0a1317;--ink-2: #1c1e21;--on-invert: #ffffff;--on-invert-b: #fff;--muted: #5d6c7b;--muted-2: #5f6b74;--muted-2b: #64717f;--muted-3: #7a8793;--muted-3b: #7c8b99;--muted-3c: #8c9aa6;--muted-4: #444950;--faint: #8e99a5;--faint-2: #b0b8c1;--faint-3: #b0b3b8;--faint-4: #b3b9c0;--faint-5: #c8cdd3;--faint-6: #9aa4ae;--text-accent: #16a34a;--text-accent-2: #22c55e;--text-accent-3: #31a24c;--text-accent-4: #52b53e;--text-danger: #d92d20;--text-danger-2: #b42318;--text-danger-5: #ef4444;--text-info: #0064e0;--text-info-2: #0457cb;--text-info-3: #124c96;--text-info-4: #9fc7ff;--text-success: #1f7a4d;--text-success-2: #2f6f1f;--text-amber: #b45309;--text-pink: #f6a9c8;--text-pink-2: #8a244c;--text-pink-3: #b75b83;--text-red: #e41e3f;--text-red-2: #8f1d1d;--text-red-3: #7f1d1d;--text-red-4: #c92a2a;--text-purple: #5a2aa0;--text-purple-2: #8d7aa7;--text-purple-3: #7c3aed;--text-purple-4: #8f62e8;--text-purple-5: #a78bfa;--text-purple-6: #c4b5fd;--text-purple-7: #c6a8ff;--text-green: #a9df91;--text-premium: #e05b9f;--text-premium-2: #8b5cf6;--border: #ced0d4;--border-2: #dee3e9;--border-soft: #eef1f4;--border-soft-2: #e2e8ee;--border-soft-3: #e4e8ed;--border-3: #d9dee3;--border-3b: #d8dde3;--border-3c: #dde2e8;--border-strong: #b0b3b8;--ink-border: #0a1317;--border-accent: #16a34a;--border-accent-hover: #15803d;--border-accent-2: #22c55e;--border-danger: #d92d20;--border-info: #9fc7ff;--border-purple: #a78bfa;--border-purple-2: #c4b5fd;--border-purple-3: #c6a8ff;--border-purple-4: #8b5cf6;--border-pink: #f6a9c8;--border-green: #a9df91;--border-premium: #e05b9f;--border-amber: #f59e0b;--border-card: #ffffff;--border-page: #f1f4f7;--border-accent-3: #31a24c;--border-purple-5: #8d7aa7;--border-purple-6: #dfd2ff;--border-muted: #8e99a5;--bg-room-2: #d8dde3;--bg-room-3: #dee3e9;--bg-muted: #ced0d4;--bg-muted-4: #444950;--bg-muted-5: #9aa4ae;--bg-mode-female: #f06aa7;--bg-mode-male: #0064e0;--bg-mode-baby: #52b53e;--bg-mode-custom: #8f62e8;--text-room: #4a5a68;--faint-7: #9aa5b1;--text-danger-3: #b42323;--fade-page-0: rgba(241, 244, 247, 0);--fade-page-35: rgba(241, 244, 247, .35);--fade-page-72: rgba(241, 244, 247, .72);--fade-surface-90: rgba(222, 227, 233, .9);--backdrop: rgba(10, 19, 23, .35);--tint-progress: rgba(10,19,23,.05);--tint-drag: rgba(255, 255, 255, .72)}@media (prefers-color-scheme: dark){:root{--bg-page: #0e141a;--bg-card: #151d26;--bg-input: #1b2530;--bg-subtle: #1a2430;--bg-subtle-2: #1e2833;--bg-subtle-3: #1d2732;--bg-subtle-4: #1d2732;--bg-subtle-5: #1d2732;--bg-subtle-6: #1d2732;--bg-subtle-7: #1d2732;--bg-subtle-8: #1d2732;--bg-subtle-9: #1d2732;--bg-subtle-a: #1e2833;--bg-invert: #1a2530;--bg-invert-hover: #24313e;--bg-invert-hover-2: #24313e;--bg-invert-hover-3: #24313e;--bg-accent: #178a45;--bg-accent-hover: #1d9c52;--bg-accent-2: #2db763;--bg-accent-3: #2fd176;--bg-accent-4: #5ccd5a;--bg-danger: #e03a2e;--bg-danger-hover: #c83024;--bg-danger-2: #e74c3c;--bg-danger-2a: #ef4444;--bg-danger-2b: #d64537;--bg-danger-2c: #df4a3c;--bg-room: #232e3a;--bg-premium: #e05b9f;--bg-premium-2: #8b5cf6;--bg-info: #0f7bff;--bg-disabled: #2a3540;--bg-disabled-2: #2a3540;--bg-disabled-3: #2a3540;--badge-blue-bg: #1c2c42;--badge-teal-bg: #182b2b;--badge-teal-bg-2: #182b2b;--badge-green-bg: #1b2b22;--badge-green-bg-2: #1b2b22;--badge-green-bg-3: #1b2b22;--badge-green-bg-4: #1b2b22;--badge-green-bg-5: #1b2b22;--badge-green-bg-6: #1b2b22;--badge-pink-bg: #382430;--badge-pink-bg-2: #382430;--badge-pink-bg-3: #382430;--badge-red-bg: #392329;--badge-purple-bg: #281f3d;--badge-purple-bg-2: #281f3d;--badge-purple-bg-3: #281f3d;--badge-purple-bg-4: #281f3d;--badge-purple-bg-5: #281f3d;--badge-purple-bg-6: #281f3d;--badge-amber-bg: #362f1c;--badge-amber-2-bg: #b9822c;--badge-purple-2-bg: #38305a;--badge-green-3-bg: #1c3a2a;--badge-green-4-bg: #1c3a2a;--badge-blue-2-bg: #1b3552;--badge-blue-3-bg: #1b3552;--badge-red-2-bg: #3a2330;--badge-red-3-bg: #3a2330;--badge-pink-2-bg: #3a2234;--badge-pink-3-bg: #3a2234;--badge-purple-3-bg: #38305a;--badge-red-4-bg: #3a2330;--badge-amber-3-bg: #3a301c;--badge-crimson: #38305a;--ink: #e7edf3;--ink-2: #d6e0e8;--on-invert: #ffffff;--on-invert-b: #ffffff;--muted: #9db0bf;--muted-2: #8ba0b0;--muted-2b: #8ba0b0;--muted-3: #7e93a3;--muted-3b: #7e93a3;--muted-3c: #7e93a3;--muted-4: #93a7b6;--faint: #6d8191;--faint-2: #6d8191;--faint-3: #6d8191;--faint-4: #6d8191;--faint-5: #6d8191;--faint-6: #6d8191;--text-accent: #2ec97a;--text-accent-2: #4ade80;--text-accent-3: #3ddc84;--text-accent-4: #5fe08e;--text-danger: #ff6a5e;--text-danger-2: #ff6a5e;--text-danger-5: #ff6a6a;--text-info: #2f8aff;--text-info-2: #6ba4ff;--text-info-3: #6ba4ff;--text-info-4: #6ba4ff;--text-success: #5fd68c;--text-success-2: #5fd68c;--text-amber: #ffb25e;--text-pink: #ff9cc2;--text-pink-2: #ff87ad;--text-pink-3: #ff8fb6;--text-red: #ff5d7a;--text-red-2: #ff857d;--text-red-3: #ff857d;--text-red-4: #ff857d;--text-purple: #b99aff;--text-purple-2: #a98fd6;--text-purple-3: #b18cff;--text-purple-4: #b39bff;--text-purple-5: #b39dff;--text-purple-6: #c4b5fd;--text-purple-7: #c6b3ff;--text-green: #8fd8a8;--text-premium: #ff8ec0;--text-premium-2: #a98bff;--border: #2c3742;--border-2: #26313c;--border-soft: #202a35;--border-soft-2: #202a35;--border-soft-3: #202a35;--border-3: #2b3641;--border-3b: #2b3641;--border-3c: #2b3641;--border-strong: #3b4752;--ink-border: #39464f;--border-accent: #2ec97a;--border-accent-hover: #1d9c52;--border-accent-2: #2fd176;--border-danger: #ff6a5e;--border-info: #4d80c8;--border-purple: #7a62c9;--border-purple-2: #7a62c9;--border-purple-3: #7a62c9;--border-purple-4: #7a62c9;--border-pink: #c0688f;--border-green: #4e9c6b;--border-premium: #c0688f;--border-amber: #b9822c;--border-card: #151d26;--border-page: #202a35;--border-accent-3: #2db763;--border-purple-5: #6a567f;--border-purple-6: #3a3a4d;--border-muted: #3b4752;--bg-room-2: #232e3a;--bg-room-3: #232e3a;--bg-muted: #2a3540;--bg-muted-4: #33404c;--bg-muted-5: #2a3540;--bg-mode-female: #f06aa7;--bg-mode-male: #0064e0;--bg-mode-baby: #52b53e;--bg-mode-custom: #8f62e8;--text-room: #93a7b6;--faint-7: #6d8191;--text-danger-3: #ff6a5e;--fade-page-0: rgba(14, 20, 26, 0);--fade-page-35: rgba(14, 20, 26, .35);--fade-page-72: rgba(14, 20, 26, .72);--fade-surface-90: rgba(21, 29, 38, .9);--backdrop: rgba(0, 0, 0, .5);--tint-progress: rgba(255, 255, 255, .07);--tint-drag: rgba(255, 255, 255, .08)}}
