@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0f1a;--bg2: #111827;--bg3: #1e293b;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #f1f5f9;--text2: #94a3b8;--muted: #64748b;--accent: #924bfa;--accent2: #a855f7;--accent3: #c084fc;--danger: #fd5049;--danger2: #fb7185;--green: #10b981;--orange: #fd8c3b;--yellow: #fbbf24;--pink: #ec4899;--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 32px rgba(0,0,0,.5);--msg-out: linear-gradient(135deg, #924bfa, #fd5049);--msg-out-bg: #924bfa;--msg-in: #1e293b;color-scheme:dark}[data-theme=light]{--bg: #faf8fc;--bg2: #ffffff;--bg3: #f3eeff;--border: rgba(146,75,250,.12);--border2: rgba(146,75,250,.2);--text: #0f172a;--text2: #334155;--muted: #64748b;--accent: #7c3aed;--accent2: #6d28d9;--accent3: #924bfa;--danger: #e11d48;--danger2: #f43f5e;--green: #059669;--orange: #ea580c;--yellow: #d97706;--pink: #db2777;--shadow: 0 4px 20px rgba(146,75,250,.15);--msg-out: linear-gradient(135deg, #7c3aed, #e11d48);--msg-out-bg: #7c3aed;--msg-in: #f3eeff;color-scheme:light}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;-webkit-text-size-adjust:100%;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .18s ease;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),#fd5049);color:#fff;box-shadow:0 4px 16px #924bfa66}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #924bfa8c}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover:not(:disabled){background:var(--border2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger2)}.btn-lg{padding:16px 36px;font-size:17px;border-radius:var(--radius)}.btn-sm{padding:7px 14px;font-size:13px}.input{width:100%;padding:12px 16px;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent);background:var(--bg2)}.input::placeholder{color:var(--muted)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.spin{animation:spin 1s linear infinite}.fade-up{animation:fadeUp .4s ease both}.logo-wrap{display:flex;align-items:center;gap:8px}.logo-img{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0}@media (min-width: 400px){.logo-img{width:32px;height:32px;border-radius:8px}}.logo{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent),#fd8c3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:all .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.theme-toggle:hover{background:var(--border2);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.site-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center}.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent3)}.footer-copy{font-size:11px;color:var(--muted)}.footer-legal{font-size:11px;color:var(--muted);max-width:500px;line-height:1.5}.footer-legal a{color:var(--accent3);text-decoration:none}.footer-legal strong{color:var(--text)}.entry-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.entry-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:28px 24px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 24px 64px #00000080}.entry-icon{font-size:40px;line-height:1}.entry-card h3{font-size:20px;font-weight:800;color:var(--text)}.entry-card>p{font-size:13px;color:var(--muted);margin-top:-6px}.entry-rules{list-style:none;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.entry-rules li{font-size:13px;color:var(--text2);line-height:1.5}.entry-rules strong{color:var(--text);font-weight:600}.entry-rules a{color:var(--accent3);text-decoration:none}.entry-rules a:hover{text-decoration:underline}.entry-actions{display:flex;flex-direction:column;gap:8px;width:100%}.ad-banner-wrap{position:relative;z-index:1;width:100%;max-width:728px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px}.ad-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;opacity:.6;align-self:flex-start}.ad-banner-ins{display:block;width:100%;min-height:90px;max-height:90px;overflow:hidden}@media (max-width: 480px){.ad-banner-wrap{max-width:100%;padding:6px 12px}.ad-banner-ins{min-height:50px;max-height:50px}}.landing{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(146,75,250,.15) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(236,72,153,.08) 0%,transparent 60%),var(--bg);z-index:0}.landing-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:8px}@media (min-width: 400px){.landing-nav{padding:20px 32px}}.logo{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent2),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}@media (min-width: 400px){.logo{font-size:22px}}.landing-hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 14px max(16px,env(safe-area-inset-bottom));gap:12px}@media (min-width: 400px){.landing-hero{padding:32px 24px;gap:20px}}.badge{display:none}.active-users-pill{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:99px;padding:4px 12px;white-space:nowrap}h1{font-size:clamp(32px,8vw,80px);font-weight:800;line-height:1.05;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent3) 50%,var(--danger2) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite}.hero-sub{font-size:clamp(13px,3.5vw,17px);color:var(--muted);line-height:1.6;max-width:400px;margin-top:-4px}.username-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}@media (min-width: 400px){.username-form{gap:12px}}.username-input-wrap{display:flex;align-items:center;background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius);padding:0 12px;transition:border-color .15s;gap:6px}.username-input-wrap:focus-within{border-color:var(--accent2)}.username-prefix{font-size:16px;font-weight:700;color:var(--accent3);flex-shrink:0}@media (min-width: 400px){.username-prefix{font-size:18px}}.username-input{flex:1;padding:13px 4px;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-weight:600;font-family:inherit;letter-spacing:.5px;min-width:0}@media (min-width: 400px){.username-input{padding:14px 4px;font-size:18px}}.username-input::placeholder{color:var(--muted);font-weight:400}.username-status{font-size:15px;flex-shrink:0}.username-status.checking{animation:spin 1s linear infinite;display:inline-block}.username-status.available{color:var(--green)}.username-status.taken{color:var(--red)}.username-hint{font-size:11px;color:var(--muted);text-align:left;margin-top:-4px}.suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suggestions-label{font-size:12px;color:var(--muted)}.suggestion-pill{padding:4px 10px;border-radius:99px;border:1px solid var(--accent);background:#924bfa1a;color:var(--accent3);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;-webkit-tap-highlight-color:transparent}.suggestion-pill:active{background:#924bfa33}.location-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s;text-align:left;-webkit-tap-highlight-color:transparent}.location-toggle:active{border-color:var(--border2)}.toggle{width:38px;height:20px;border-radius:99px;background:var(--border2);position:relative;flex-shrink:0;transition:background .2s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:all .2s}.toggle.on{background:var(--accent)}.toggle.on:after{left:20px;background:#fff}.toggle-label{font-size:13px;font-weight:500}.toggle-sub{font-size:11px;color:var(--muted);margin-top:2px}@media (min-width: 400px){.toggle-label{font-size:14px}.toggle-sub{font-size:12px}}.auth-error{padding:9px 12px;background:#ef444418;border:1px solid #ef444433;border-radius:var(--radius-sm);font-size:12px;color:var(--red);text-align:left}.hero-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}@media (min-width: 400px){.hero-stats{gap:32px}}.stat{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}.stat-active{color:var(--green);font-weight:600}.active-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.match-page{min-height:100dvh;display:flex;flex-direction:column;position:relative}.match-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(146,75,250,.1) 0%,transparent 70%),var(--bg);z-index:0}.match-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:8px}@media (min-width: 400px){.match-nav{padding:20px 32px}}.match-username{font-size:13px;color:var(--muted);font-weight:500}.active-users-pill{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:99px;padding:3px 10px;white-space:nowrap}.active-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.match-main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:16px 14px;overflow-x:hidden}@media (min-width: 400px){.match-main{padding:32px 24px}}.match-idle{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%;max-width:440px}@media (min-width: 400px){.match-idle{gap:20px}}.match-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff}@media (min-width: 400px){.match-avatar{width:80px;height:80px;font-size:32px}}.match-idle h2{font-size:22px;font-weight:700;letter-spacing:-.5px}.match-idle p{color:var(--muted);font-size:14px;margin-top:-8px}@media (min-width: 400px){.match-idle h2{font-size:26px}.match-idle p{font-size:15px}}.mode-cards{display:flex;gap:10px;width:100%;min-width:0}.mode-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .18s ease;font-family:inherit;-webkit-tap-highlight-color:transparent}.mode-card:active{border-color:var(--border2);background:var(--bg3)}.mode-card.active{border-color:var(--accent);background:#924bfa1a}@media (min-width: 400px){.mode-card{padding:18px 14px;gap:6px}}.mode-icon{font-size:26px;line-height:1}.mode-title{font-size:13px;font-weight:700;color:var(--text)}.mode-desc{font-size:11px;color:var(--muted);text-align:center}@media (min-width: 400px){.mode-icon{font-size:32px}.mode-title{font-size:15px}.mode-desc{font-size:12px}}.dist-section{display:flex;flex-direction:column;gap:8px;width:100%}.dist-label{font-size:12px;color:var(--muted);text-align:left;display:flex;align-items:center;gap:4px}@media (min-width: 400px){.dist-label{font-size:13px}}.dist-value{color:var(--accent3);font-weight:600}.dist-pills{display:flex;gap:6px;flex-wrap:wrap;width:100%}.dist-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;-webkit-tap-highlight-color:transparent;line-height:1}.dist-pill:active{border-color:var(--border2);color:var(--text)}.dist-pill.active{border-color:var(--accent);background:#924bfa1a;color:var(--accent3)}@media (min-width: 400px){.dist-pill{padding:6px 14px;font-size:13px}}.dist-ip-note{font-size:12px;color:var(--muted);margin-top:-8px;display:flex;align-items:center;gap:4px}.match-searching{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.match-searching h2{font-size:22px;font-weight:700;letter-spacing:-.5px}.match-searching p{color:var(--muted);font-size:14px}@media (min-width: 400px){.match-searching{gap:24px}.match-searching h2{font-size:28px}.match-searching p{font-size:15px}}.pulse-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}@media (min-width: 400px){.pulse-wrapper{width:100px;height:100px}}.pulse-ring{position:absolute;width:70px;height:70px;border-radius:50%;border:2px solid var(--accent);animation:pulse-ring 2s ease-out infinite}.pulse-ring.delay{animation-delay:1s}@media (min-width: 400px){.pulse-ring{width:80px;height:80px}}.pulse-dot{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--pink));box-shadow:0 0 24px #924bfa99}@media (min-width: 400px){.pulse-dot{width:48px;height:48px}}.emoji-picker-wrap{position:absolute;bottom:calc(100% + 8px);left:0;z-index:200;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #0006;width:min(380px,calc(100vw - 20px))}em-emoji-picker{width:min(380px,calc(100vw - 20px))!important;height:440px!important;--border-radius: 16px;--background-rgb: 22, 16, 42;--rgb-background: 22, 16, 42;--rgb-input: 30, 21, 53;--rgb-color: 241, 240, 247;--rgb-accent: 139, 92, 246;--color-border: rgba(255,255,255,.08);--shadow: none;--font-family: Inter, -apple-system, sans-serif;--font-size: 14px}[data-theme=light] em-emoji-picker{--background-rgb: 250, 248, 255;--rgb-background: 250, 248, 255;--rgb-input: 240, 235, 255;--rgb-color: 26, 10, 61;--rgb-accent: 124, 58, 237;--color-border: rgba(146,75,250,.12)}@media (max-width: 480px){.emoji-picker-wrap{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:20px 20px 0 0;z-index:300;box-shadow:0 -4px 32px #924bfa33;background:#16102a;padding-bottom:env(safe-area-inset-bottom)}em-emoji-picker{width:100%!important;height:260px!important;border-radius:20px 20px 0 0!important;--font-size: 13px}}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.report-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:24px 20px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 64px #0009}.report-card h3{font-size:18px;font-weight:700;color:var(--text)}.report-card>p{font-size:13px;color:var(--muted);margin-top:-8px}.report-reasons{display:flex;flex-direction:column;gap:8px}.report-reason-btn{text-align:left;padding:10px 14px;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.report-reason-btn:hover{border-color:var(--border2);color:var(--text)}.report-reason-btn.active{border-color:var(--danger);background:#f43f5e1a;color:var(--text)}.report-other-input{width:100%;padding:10px 14px;background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;outline:none}.report-other-input:focus{border-color:var(--accent)}.report-actions{display:flex;gap:10px}.report-actions .btn{flex:1}.call-page{height:100dvh;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.call-video{width:100%;height:100%;object-fit:cover}.call-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);font-size:15px}.call-waiting-sub{font-size:12px;color:var(--muted);opacity:.6;letter-spacing:.2px}.call-local-wrap{position:absolute;bottom:130px;right:12px;width:88px;height:118px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000080;z-index:10;transition:right .3s ease,bottom .3s ease}.call-local-wrap.chat-open{bottom:calc(65% + 10px)}@media (min-width: 600px){.call-local-wrap{width:120px;height:160px;bottom:120px;right:20px}.call-local-wrap.chat-open{right:340px;bottom:120px}}.call-local{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.chat-panel{position:absolute;bottom:-100%;left:0;right:0;height:50%;background:#0a0614f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(146,75,250,.3);border-radius:20px 20px 0 0;display:flex;flex-direction:column;z-index:20;transition:bottom .3s ease}.chat-panel.open{bottom:0}@media (min-width: 600px){.chat-panel{top:0;bottom:auto;right:-320px;left:auto;width:320px;height:100%;border-top:none;border-left:1px solid rgba(146,75,250,.2);border-radius:0;transition:right .3s ease}.chat-panel.open{right:0}.call-page.chat-open .call-remote,.call-page.chat-open .call-hud{right:320px;transition:right .3s ease}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);font-size:15px;font-weight:600;color:#fff;flex-shrink:0}.chat-close{background:#ffffff1a;border:none;color:#ffffffb3;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-close:hover{background:#fff3;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.chat-empty{text-align:center;color:#fff6;font-size:14px;margin-top:24px}.chat-msg{display:flex}.chat-msg.mine{justify-content:flex-end}.chat-msg.theirs{justify-content:flex-start}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.4;word-break:break-word}.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,#924bfa,#fd5049);color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs .chat-bubble{background:#ffffff1f;color:#fff;border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;z-index:310}@media (max-width: 480px){.chat-panel.emoji-open .chat-input-row{position:fixed;bottom:260px;left:0;right:0;z-index:310;background:#0a0614f7;border-top:1px solid rgba(146,75,250,.3);padding:8px 14px}}.chat-input{flex:1;padding:10px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:99px;color:#fff;font-size:14px;font-family:inherit;outline:none;min-width:0}.chat-input::placeholder{color:#fff6}.chat-input:focus{border-color:#924bfa99}.chat-send{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#924bfa,#fd5049);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;transition:opacity .15s}.chat-send:hover{opacity:.85}.emoji-toggle-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent;line-height:1;padding:0}.chat-blocked-msg{position:absolute;top:-34px;left:0;right:0;background:#ef444433;border-top:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:11px;padding:5px 14px;text-align:center}.call-hud{position:absolute;bottom:0;left:0;right:0;padding:16px 12px max(24px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 55%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.call-timer{font-size:12px;font-weight:600;color:#ffffffbf;letter-spacing:1.5px;background:#00000059;padding:3px 12px;border-radius:99px}.call-controls{display:flex;gap:6px;align-items:flex-end;flex-wrap:nowrap;justify-content:center;width:100%;padding:0 4px;box-sizing:border-box}.ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;flex-shrink:0;padding:0}.ctrl-btn-circle{width:46px;height:46px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;transition:all .15s;color:#fff}.ctrl-btn:active .ctrl-btn-circle{transform:scale(.88);background:#ffffff47}.ctrl-btn-label{font-size:10px;font-weight:500;color:#fffc;letter-spacing:.2px;white-space:nowrap}@media (min-width: 360px){.ctrl-btn-circle{width:50px;height:50px}.call-controls{gap:8px}}@media (min-width: 400px){.ctrl-btn-circle{width:54px;height:54px}.ctrl-btn-label{font-size:11px}.call-controls{gap:12px}}@media (min-width: 480px){.ctrl-btn-circle{width:60px;height:60px}.call-controls{gap:18px}}.ctrl-btn.active .ctrl-btn-circle{background:#ef444466;border-color:#ef4444b3}.ctrl-btn.chat-btn .ctrl-btn-circle{background:#924bfa40;border-color:#924bfa80}.ctrl-btn.skip .ctrl-btn-circle{background:#f9731633;border-color:#f9731666;color:#fdba74}.ctrl-btn.end .ctrl-btn-circle{width:54px;height:54px;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 20px #ef44448c}.ctrl-btn.end:active .ctrl-btn-circle{background:#dc2626;transform:scale(.88)}@media (min-width: 360px){.ctrl-btn.end .ctrl-btn-circle{width:58px;height:58px}}@media (min-width: 400px){.ctrl-btn.end .ctrl-btn-circle{width:62px;height:62px}}@media (min-width: 480px){.ctrl-btn.end .ctrl-btn-circle{width:68px;height:68px}}.ctrl-btn.block-btn .ctrl-btn-circle{background:#78421233;border-color:#f973164d;color:#fdba74}.unread-badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.conn-quality{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;z-index:10;white-space:nowrap;display:flex;align-items:center;gap:6px}.conn-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#ffffff80;animation:typing-bounce 1.2s ease-in-out infinite}.chat-page{height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width: 480px){.chat-page.emoji-open .chat-page-input-row{position:fixed;bottom:260px;left:0;right:0;z-index:310;background:var(--bg2);border-top:1px solid var(--border);padding:8px 14px}.chat-page.emoji-open .chat-page-messages{padding-bottom:330px}}.chat-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(146,75,250,.1) 0%,transparent 70%),var(--bg);z-index:0}.chat-page-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;gap:8px}.chat-page-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex:1;justify-content:center;min-width:0}@media (min-width: 400px){.chat-page-status{font-size:13px}}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.waiting{background:var(--orange);animation:pulse-ring 1.5s ease-out infinite}.chat-page-actions{display:flex;gap:6px;flex-shrink:0}.chat-page-actions .btn-sm{padding:6px 10px;font-size:12px}@media (min-width: 400px){.chat-page-actions .btn-sm{padding:8px 14px;font-size:13px}}.chat-page-messages{position:relative;z-index:1;flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position}@media (min-width: 400px){.chat-page-messages{padding:20px 18px}}.chat-page-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:14px;margin:auto}.chat-page-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto;color:var(--muted);font-size:14px}.chat-page-empty span{font-size:36px}.chat-page-msg{display:flex}.chat-page-msg.mine{justify-content:flex-end}.chat-page-msg.theirs{justify-content:flex-start}.chat-page-bubble{max-width:78%;padding:9px 14px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word}@media (min-width: 600px){.chat-page-bubble{max-width:65%;font-size:15px}}.chat-page-msg.mine .chat-page-bubble{background:var(--msg-out);color:#fff;border-bottom-right-radius:4px}.chat-page-msg.theirs .chat-page-bubble{background:var(--msg-in);color:var(--text);border-bottom-left-radius:4px}.typing-indicator{display:inline-flex!important;align-items:center;gap:4px;padding:10px 14px!important}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typing-bounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-page-input-row{position:relative;z-index:10;display:flex;gap:8px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0}@media (min-width: 400px){.chat-page-input-row{padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}.chat-page-input{flex:1;border-radius:99px!important;padding:11px 16px!important;font-size:15px;min-width:0}.chat-page-send{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--pink));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s;align-self:center;-webkit-tap-highlight-color:transparent}.chat-page-send:disabled{opacity:.4;cursor:not-allowed}.chat-page-send:not(:disabled):active{opacity:.75}.emoji-btn-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}.emoji-toggle-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent;line-height:1;padding:0}.emoji-toggle-btn:hover{transform:scale(1.15)}.emoji-toggle-btn:active{transform:scale(.9)}.emoji-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.chat-blocked-msg{position:absolute;top:-36px;left:0;right:0;background:#ef444426;border-top:1px solid rgba(239,68,68,.3);color:var(--red);font-size:12px;padding:6px 14px;text-align:center}.ended-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;padding:16px}.ended-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,#7c3aed14 0%,transparent 70%),var(--bg);z-index:0}.ended-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:24px}.ended-emoji{font-size:56px;line-height:1;margin-bottom:8px}@media (min-width: 400px){.ended-emoji{font-size:72px}}.ended-card h2{font-size:28px;font-weight:800;letter-spacing:-1px}.ended-card p{color:var(--muted);font-size:16px}.ended-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:8px}.legal-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;padding:24px 16px max(24px,env(safe-area-inset-bottom))}.legal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(146,75,250,.08) 0%,transparent 70%),var(--bg);z-index:0}.legal-container{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;gap:24px}.legal-back{align-self:flex-start;background:var(--bg3);border:1px solid var(--border2);color:var(--muted);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s;-webkit-tap-highlight-color:transparent}.legal-back:hover{color:var(--text);background:var(--border2)}.legal-container h1{font-size:clamp(24px,5vw,36px);font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent2),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legal-updated{font-size:12px;color:var(--muted);margin-top:-16px}.legal-container section{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.legal-container h2{font-size:16px;font-weight:700;color:var(--text)}.legal-container p{font-size:14px;color:var(--text2);line-height:1.7}.legal-container ul{display:flex;flex-direction:column;gap:6px;padding-left:20px}.legal-container li{font-size:14px;color:var(--text2);line-height:1.6}.legal-container a{color:var(--accent3);text-decoration:none}.legal-container a:hover{text-decoration:underline}.legal-container strong{color:var(--text);font-weight:600}