.gv-box{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.gv-title{font-size:1.1rem;font-weight:700;color:var(--text);text-align:center}.gv-sub{font-size:.85rem;color:var(--muted);text-align:center;line-height:1.5}.gv-gender-tiles{display:flex;gap:14px;width:100%}.gv-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border-radius:var(--radius);font-weight:700;min-height:100px;transition:all .18s ease}.gv-tile-icon{font-size:2rem}.gv-tile-label{font-size:1rem}.gv-tile-male{background:#3b82f61f;color:#60a5fa;border:2px solid rgba(59,130,246,.25)}.gv-tile-female{background:#ec48991f;color:#f472b6;border:2px solid rgba(236,72,153,.25)}.gv-tile-male:active{background:#3b82f64d;border-color:#60a5fa}.gv-tile-female:active{background:#ec48994d;border-color:#f472b6}@media (hover: hover){.gv-tile-male:hover{background:#3b82f638;border-color:#60a5fa;transform:translateY(-2px)}.gv-tile-female:hover{background:#ec489938;border-color:#f472b6;transform:translateY(-2px)}}.gv-privacy-note{font-size:.75rem;color:var(--muted2);text-align:center;line-height:1.5;padding:8px 12px;background:#6366f112;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.14);width:100%}.gv-verified{border-color:var(--success)}.gv-check{width:56px;height:56px;border-radius:50%;background:#22c55e26;border:2px solid var(--success);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--success)}.gv-muted{font-size:.8rem;color:var(--muted2)}@media (max-width: 400px){.gv-tile{padding:20px 10px}.gv-tile-icon{font-size:1.7rem}.gv-tile-label{font-size:.9rem}}.landing{min-height:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at top,#1e1b4b 0%,var(--bg) 60%);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + var(--safe-bottom));padding-left:var(--safe-left);padding-right:var(--safe-right)}.landing-header{text-align:center;padding:32px 20px 16px;padding-top:calc(32px + var(--safe-top))}.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.logo-icon{font-size:1.8rem}.logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{color:var(--muted);font-size:.88rem;letter-spacing:.3px}.landing-main{width:100%;max-width:500px;padding:0 14px;display:flex;flex-direction:column;align-items:center}.landing-card{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.landing-section{display:flex;flex-direction:column;align-items:center;gap:12px}.section-label{width:100%;display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.section-num{width:22px;height:22px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-weight:700;flex-shrink:0}.divider{width:100%;height:1px;background:var(--border)}.terms-box{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.terms-list{list-style:none;display:flex;flex-direction:column;gap:8px}.terms-list li{font-size:.83rem;color:var(--muted);line-height:1.4}.terms-list li strong{color:var(--text)}.agree-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.88rem;color:var(--text);width:100%;padding:4px 0}.agree-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.start-btn{width:100%;padding:16px;border-radius:var(--radius);font-size:1rem;font-weight:700;letter-spacing:.3px;min-height:52px}.start-btn-ready{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 20px #6366f159}.start-btn-ready:active{transform:scale(.98)}.start-btn-disabled{background:var(--surface);color:var(--muted2);border:1px solid var(--border);cursor:not-allowed;opacity:.7}.start-btn-disabled:active{transform:none}.privacy-footer{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);border-radius:var(--radius-sm);font-size:.76rem;color:var(--muted2);line-height:1.5}.landing-footer{display:flex;gap:20px;padding:16px 20px;flex-wrap:wrap;justify-content:center}.stat{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted2)}.stat-icon{font-size:1rem}@media (max-width: 480px){.landing-header{padding:20px 16px 12px;padding-top:calc(20px + var(--safe-top))}.logo-text{font-size:1.6rem}.landing-card{padding:16px;border-radius:14px;gap:14px}.landing-footer{gap:14px;padding:12px}}@media (min-width: 600px){.landing-header{padding:48px 20px 24px}.logo-text,.logo-icon{font-size:2.2rem}}.chat-page{height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.chat-header-left{display:flex;align-items:center;gap:8px;min-width:0}.chat-logo{font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap}.chat-gender-badge{font-size:.75rem;font-weight:600;padding:2px 10px;background:#ffffff0f;border-radius:20px;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.chat-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.hdr-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;min-height:36px;white-space:nowrap}.hdr-report{background:#ef44441a;color:var(--danger);min-width:36px;padding:8px}.hdr-next{background:#6366f126;color:var(--primary);border:1px solid rgba(99,102,241,.25)}.hdr-stop{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.chat-body{flex:1;position:relative;overflow:hidden;min-height:0}.chat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0f172aed;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:24px;text-align:center}.overlay-icon{font-size:2.5rem}.overlay-title{font-size:1.1rem;font-weight:600;color:var(--text)}.overlay-sub{font-size:.85rem;color:var(--muted);max-width:280px}.overlay-note{color:var(--muted2);font-size:.78rem}.overlay-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-next{padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem}.btn-next:hover{opacity:.9}.btn-stop{padding:12px 24px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:.95rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.messages-list{height:100%;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.chat-start-hint{text-align:center;margin:auto;padding:24px 16px;color:var(--muted);font-size:.9rem;line-height:1.8}.chat-start-sub{font-size:.78rem;color:var(--muted2)}.msg-row{display:flex;max-width:82%}.msg-row-me{align-self:flex-end;justify-content:flex-end}.msg-row-them{align-self:flex-start}.msg-bubble{padding:10px 14px;border-radius:16px;max-width:100%;display:flex;flex-direction:column;gap:3px;word-break:break-word;overflow-wrap:anywhere}.msg-bubble-me{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-bubble-them{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-text{font-size:.95rem;line-height:1.45}.msg-time{font-size:.65rem;opacity:.5;align-self:flex-end}.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 16px 4px}.typing-indicator span{width:7px;height:7px;background:var(--muted2);border-radius:50%;animation:bounce 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.photo-sent-bubble,.photo-tap-bubble,.photo-viewed-bubble{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;cursor:default}.photo-tap-bubble{cursor:pointer;background:var(--surface);color:var(--text);border:1px solid rgba(99,102,241,.35);text-align:left;width:100%;transition:background .15s}.photo-tap-bubble:hover{background:#6366f11a}.photo-icon{font-size:1.1rem}.photo-icon-pulse{animation:photoPulse 1.8s ease-in-out infinite}@keyframes photoPulse{0%,to{opacity:1}50%{opacity:.5}}.photo-label{font-size:.9rem;font-weight:600;flex:1}.photo-label-faded{opacity:.45;font-weight:400}.photo-once-tag{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:10px;background:#ffffff26;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.photo-once-tag-them{background:#6366f133;color:var(--primary)}.photo-viewed-bubble{opacity:.5}.photo-btn{width:44px;height:44px;border-radius:50%;background:var(--border);color:var(--muted2);font-size:1.15rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.photo-btn-active{background:#6366f12e;color:var(--primary)}.photo-btn:disabled{opacity:.35}.photo-permission-modal{align-items:center;text-align:center}.photo-perm-icon{font-size:2.5rem;margin-bottom:4px}.photo-perm-view-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;min-height:48px}.photo-perm-view-btn:active{opacity:.88}.photo-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;padding:20px}.photo-viewer-close{position:absolute;top:calc(16px + var(--safe-top));right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.photo-viewer-img{max-width:100%;max-height:calc(100dvh - 100px);border-radius:12px;object-fit:contain;box-shadow:0 8px 40px #000c}.photo-viewer-note{margin-top:16px;font-size:.8rem;color:#ffffff73;text-align:center}.chat-footer{display:flex;align-items:flex-end;gap:10px;padding:10px 16px;padding-bottom:calc(10px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;font-size:16px;resize:none;line-height:1.4;max-height:100px;overflow-y:auto;transition:border-color .15s;-webkit-appearance:none}.chat-input:focus{border-color:var(--primary)}.chat-input:disabled{opacity:.4;cursor:not-allowed}.chat-input::placeholder{color:var(--muted2)}.send-btn{width:44px;height:44px;border-radius:50%;background:var(--border);color:var(--muted2);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn-active{background:var(--primary);color:#fff;box-shadow:0 2px 10px #6366f166}.send-btn:disabled{opacity:.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:20px 20px calc(20px + var(--safe-bottom));width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:1.1rem;font-weight:700}.modal-sub{font-size:.82rem;color:var(--muted)}.report-options{display:flex;flex-direction:column;gap:8px}.report-option{padding:13px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;text-align:left;min-height:48px}.report-option:active{background:#ef44441a;color:var(--danger)}.modal-cancel{padding:12px;background:none;color:var(--muted);font-size:.9rem;text-decoration:underline;min-height:44px}.toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--success);color:#fff;padding:10px 20px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:200;white-space:nowrap;animation:fadeOut 3s forwards}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}@media (max-width: 480px){.chat-logo{font-size:.95rem}.hdr-btn{padding:7px 10px;font-size:.78rem;min-height:36px}.msg-row{max-width:90%}.msg-text{font-size:.9rem}.messages-list{padding:10px 12px}}@media (min-width: 768px){.chat-page{max-width:700px;margin:0 auto}.msg-row{max-width:70%}}@media (min-width: 1024px){.chat-page{max-width:800px}}:root{--bg: #0f172a;--surface: #1e293b;--surface2: #162032;--border: #334155;--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #8b5cf6;--pink: #ec4899;--blue: #3b82f6;--text: #f1f5f9;--muted: #94a3b8;--muted2: #64748b;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:-webkit-fill-available;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;height:100%;min-height:-webkit-fill-available;overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{height:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s ease;min-height:44px;min-width:44px}button:active{transform:scale(.97)}input,textarea{font-family:inherit;outline:none;border:none;font-size:16px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}