@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #09090b;--bg-secondary: rgba(24, 24, 27, .65);--bg-surface: rgba(39, 39, 42, .4);--bg-surface-hover: rgba(63, 63, 70, .5);--bg-surface-active: rgba(82, 82, 91, .6);--bg-bubble-user: linear-gradient(135deg, #3b82f6, #2563eb);--bg-bubble-partner: rgba(39, 39, 42, .7);--bg-input: rgba(9, 9, 11, .6);--bg-overlay: rgba(0, 0, 0, .75);--text-main: #f8fafc;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-on-accent: #ffffff;--text-bubble-user: #ffffff;--text-bubble-partner: #e4e4e7;--accent: #3b82f6;--accent-hover: #2563eb;--accent-warm: #eab308;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--success-hover: #059669;--glow-blue: rgba(59, 130, 246, .15);--glow-yellow: rgba(234, 179, 8, .1);--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .03);--grid-color: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0,0,0,.15);--shadow-md: 0 8px 24px rgba(0,0,0,.3);--shadow-lg: 0 16px 40px rgba(0,0,0,.4);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-bg: -1;--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .65);--bg-surface: rgba(255, 255, 255, .8);--bg-surface-hover: rgba(241, 245, 249, .8);--bg-surface-active: rgba(226, 232, 240, .9);--bg-bubble-user: linear-gradient(135deg, #3b82f6, #2563eb);--bg-bubble-partner: rgba(241, 245, 249, .9);--bg-input: rgba(255, 255, 255, .8);--bg-overlay: rgba(255, 255, 255, .6);--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-bubble-partner: #1e293b;--glow-blue: rgba(59, 130, 246, .08);--glow-yellow: rgba(234, 179, 8, .05);--border-color: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .03);--grid-color: rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,.chip,label{user-select:none;-webkit-user-select:none}body{margin:0;padding:0;min-height:100dvh;background-color:var(--bg-primary);background-image:radial-gradient(var(--grid-color) 1px,transparent 1px);background-size:24px 24px;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal)}.app{display:flex;flex-direction:column;min-height:100dvh;position:relative;z-index:1}.bg-glows{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);overflow:hidden;pointer-events:none}.glow-1,.glow-2{position:absolute;border-radius:50%;filter:blur(120px);opacity:.8}.glow-1{top:-20%;left:-10%;width:60vw;height:60vw;background:var(--glow-blue)}.glow-2{bottom:-20%;right:-10%;width:70vw;height:70vw;background:var(--glow-yellow)}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}::selection{background-color:var(--accent);color:var(--text-on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit;border:none;cursor:pointer;outline:none;background:none;color:inherit;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--accent),#2563eb);box-shadow:0 4px 12px #2563eb40;color:var(--text-on-accent);padding:14px 28px;border-radius:var(--radius-full);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:12px 24px;border-radius:var(--radius-full);font-weight:500}.btn-secondary:hover{background:var(--bg-surface-hover)}.btn-danger{background:var(--danger);color:var(--text-on-accent);padding:12px 24px;border-radius:var(--radius-full);font-weight:600}.btn-danger:hover{background:var(--danger-hover)}.btn-warning{color:var(--accent-warm)!important}.btn-small{padding:6px 14px;font-size:.875rem}.btn-large{padding:16px 32px;font-size:1.125rem;width:100%}.btn-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-main)}.btn-icon svg{width:20px;height:20px}.chip{padding:8px 16px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.chip:hover{background:var(--bg-surface-hover);color:var(--text-main)}.chip.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:scale(1.05)}.chips-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#screen-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px;position:relative}.landing-header{text-align:center;margin-bottom:40px}.logo{font-size:2.75rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;background:linear-gradient(to right,#f8fafc,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .logo{background:linear-gradient(to right,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slogan{color:var(--text-muted);margin:0 0 24px;font-size:1.125rem}.online-counter{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-surface);border-radius:var(--radius-full);font-size:.875rem;color:var(--text-secondary);border:1px solid var(--border-color)}.online-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.settings-card{background:var(--bg-secondary);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;width:100%;max-width:520px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:28px}.tags-label,.gender-label{font-weight:600;color:var(--text-main);margin:0}.gender-row{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.segmented-control{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-color)}.segmented-control label{flex:1;text-align:center;position:relative;cursor:pointer}.segmented-control input{position:absolute;opacity:0}.segmented-control span{display:block;padding:8px 0;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.segmented-control input:checked+span{background:var(--bg-surface-active);color:var(--text-main);box-shadow:var(--shadow-sm)}.voice-only-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:var(--text-main)}.voice-only-toggle input{width:18px;height:18px;accent-color:var(--accent)}.theme-toggle{position:fixed;top:24px;right:24px;background:var(--bg-surface);border:1px solid var(--border-color)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:var(--z-overlay)}.radar{width:120px;height:120px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);position:relative;display:flex;align-items:center;justify-content:center}.radar-ping{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);animation:radar-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes radar-ping{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:24px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center}.modal-content h2{margin:0 0 24px;font-size:1.25rem}.modal-actions{display:flex;gap:16px;justify-content:center}.modal-actions-vertical{display:flex;flex-direction:column;gap:12px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:var(--z-toast)}.toast{background:var(--bg-surface);border:1px solid var(--border-color);padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:slide-in .3s ease forwards;max-width:300px}.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--accent)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.age-section,.region-section{display:flex;flex-direction:column;gap:12px}.age-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.age-range{display:flex;align-items:center;gap:8px}.input-field{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9375rem;outline:none;transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--accent)}.select-field{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}[data-theme=light] .select-field{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23475569%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E)}#myAge{width:80px;text-align:center}#prefAgeMin,#prefAgeMax{width:70px;text-align:center}.region-fallback-prompt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;text-align:center;margin-bottom:24px;animation:slide-up .3s ease-out;box-shadow:var(--shadow-md)}.region-fallback-prompt p{margin:0 0 12px;font-size:.9375rem}.fallback-actions{display:flex;gap:8px;justify-content:center}.btn-small{padding:6px 12px;font-size:.875rem}#screen-chat{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:800px;margin:0 auto;position:relative;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);box-shadow:0 0 60px #0000004d}.chat-header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:var(--z-header)}.chat-header-left{display:flex;align-items:center;gap:16px}.chat-status{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.9375rem}.status-dot.online{width:8px;height:8px;background:var(--success);border-radius:50%}#common-tags{display:flex;gap:6px}#common-tags .chip{padding:4px 8px;font-size:.75rem;background:var(--bg-secondary)}.chat-header-actions{display:flex;align-items:center;gap:8px}.call-widget{background:#10b9811f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,185,129,.25);color:var(--text-main);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:90}.call-info{display:flex;align-items:center;gap:10px;font-weight:500;font-size:.875rem}.voice-activity{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;transition:transform .15s ease,box-shadow .15s ease}.voice-activity.active{transform:scale(1.6);box-shadow:0 0 16px #10b981,0 0 24px #34d399}.call-timer{font-family:var(--font-mono);font-weight:600;font-size:.9375rem;color:#10b981}.call-actions{display:flex;align-items:center;gap:8px}.call-widget .btn-icon{background:#ffffff1a;color:var(--text-main);width:36px;height:36px}.call-widget .btn-icon:hover{background:#fff3}.call-widget .btn-icon.muted{background:#ef444440;color:#ef4444}.messages-container{flex-grow:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px;scroll-snap-type:y proximity}.message{display:flex;flex-direction:column;max-width:75%}.message-user{align-self:flex-end;align-items:flex-end}.message-partner{align-self:flex-start;align-items:flex-start}.message-bubble{padding:12px 16px;font-size:.9375rem;line-height:1.4;word-break:break-word}.message-bubble.user{background:var(--bg-bubble-user);color:var(--text-bubble-user);border-radius:var(--radius-md) var(--radius-md) 0 var(--radius-md)}.message-bubble.partner{background:var(--bg-bubble-partner);color:var(--text-bubble-partner);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 0}.message-time{font-size:.75rem;margin-top:4px;text-align:right}.message-bubble.user .message-time{color:#ffffffb3}.message-bubble.partner .message-time{color:var(--text-muted)}.message-system{align-self:center;text-align:center;color:var(--text-muted);font-size:.875rem;font-style:italic;margin:16px 0;max-width:100%}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-bubble-partner);border-radius:var(--radius-md);width:fit-content;color:var(--text-secondary);font-size:.875rem}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-footer{flex-shrink:0;background:var(--bg-surface);border-top:1px solid var(--border-color);padding:12px 16px;position:relative}.input-row{display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);border-radius:var(--radius-lg);padding:4px 8px}.message-input{flex-grow:1;background:transparent;border:none;color:var(--text-main);padding:12px 8px;font-family:inherit;font-size:.9375rem;resize:none;max-height:120px;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.7}.message-input::placeholder{color:var(--text-muted)}.btn-voice.recording{color:var(--danger);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.voice-recording{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-surface);display:flex;align-items:center;padding:0 16px;gap:16px;z-index:10}.recording-dot{width:12px;height:12px;background:var(--danger);border-radius:50%;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#recording-timer{flex-grow:1;font-family:var(--font-mono);font-size:1rem}.voice-message .voice-player{display:flex;align-items:center;gap:10px;min-width:220px}.voice-player .btn-play-pause{background:#ffffff40;color:inherit;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;transition:transform .15s ease,background .15s ease}.voice-player .btn-play-pause:hover{transform:scale(1.05);background:#ffffff59}.waveform{display:flex;align-items:center;gap:2px;height:30px;flex-grow:1;cursor:pointer}.waveform-bar{width:3px;min-height:4px;border-radius:2px;background:#fff6;transition:background var(--transition-fast)}.waveform-bar.played{background:#fff}.voice-timer{font-family:var(--font-mono);font-size:.8125rem;opacity:.9;flex-shrink:0}.voice-speed{background:#fff3;padding:3px 6px;border-radius:var(--radius-xs);font-size:.75rem;font-weight:600;cursor:pointer;border:none;color:inherit;flex-shrink:0;transition:background .15s ease}.voice-speed:hover{background:#ffffff59}@media(max-width:640px){.message{max-width:90%}.settings-card{padding:24px 16px}}