:root{--bg: #07090e;--bg-secondary: #0d1117;--bg-surface: #111720;--bg-elevated: #171e2c;--bg-input: #0d1117;--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .14);--surface-border: rgba(255, 255, 255, .08);--surface-border-subtle: rgba(255, 255, 255, .05);--text-primary: #f0f4f8;--text-secondary: #8899aa;--text-muted: #556677;--text-hint: #3d4f5e;--primary: #0ea5e9;--primary-dark: #0284c7;--primary-deeper: #0369a1;--primary-glow: rgba(14, 165, 233, .28);--primary-bg: rgba(14, 165, 233, .1);--primary-border: rgba(14, 165, 233, .28);--primary-gradient: linear-gradient(135deg, #1ab8ff 0%, var(--primary) 50%, var(--primary-dark) 100%);--gold: #f59e0b;--gold-light: #fbbf24;--gold-dim: #d97706;--gold-glow: rgba(245, 158, 11, .28);--gold-bg: rgba(245, 158, 11, .1);--gold-border: rgba(245, 158, 11, .28);--gold-text: #fde68a;--gold-gradient: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 60%, var(--gold-dim) 100%);--emerald: #10b981;--emerald-light: #34d399;--emerald-glow: rgba(16, 185, 129, .28);--emerald-bg: rgba(16, 185, 129, .1);--emerald-border: rgba(16, 185, 129, .28);--emerald-gradient: linear-gradient(135deg, var(--emerald-light) 0%, var(--emerald) 70%);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .28);--skip-bg: rgba(245, 158, 11, .1);--skip-border: rgba(245, 158, 11, .28);--skip-text: #fbbf24;--success: #10b981;--warning: #f59e0b;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;display:flex;justify-content:center;background-color:#040508;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden}#root{width:100%;max-width:480px;min-height:100dvh;background-color:var(--bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 80px #000000e6,inset 1px 0 0 var(--border-subtle),inset -1px 0 0 var(--border-subtle)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--r-pill)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:14px;font-weight:600;border-radius:var(--r-lg);min-height:44px;padding:10px 18px;transition:transform .14s cubic-bezier(.16,1,.3,1),opacity .14s ease,box-shadow .14s ease,background-color .14s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.1px}button:active{transform:scale(.96);opacity:.9}button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(160deg,#1ab8ff 0%,var(--primary) 50%,var(--primary-dark) 100%);color:#fff;width:100%;box-shadow:0 2px 16px var(--primary-glow);font-weight:700}.btn-primary:active{box-shadow:0 1px 8px var(--primary-glow)}.btn-gold{background:linear-gradient(160deg,var(--gold-light) 0%,var(--gold) 60%,var(--gold-dim) 100%);color:#07090e;box-shadow:0 2px 14px var(--gold-glow);font-weight:800}.btn-emerald{background:linear-gradient(160deg,var(--emerald-light) 0%,var(--emerald) 70%);color:#07090e;box-shadow:0 2px 14px var(--emerald-glow);font-weight:800}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-weight:600}.btn-secondary:active{background:var(--bg-surface)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:#f87171}.btn-ghost{background:none;border:none;color:var(--text-muted);font-size:13px;min-height:unset;padding:6px 8px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000040;transition:border-color .18s ease,transform .15s ease}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.985);border-color:var(--border-strong)}.card-viral{background:linear-gradient(160deg,rgba(16,185,129,.07) 0%,var(--bg-surface) 65%);border-color:var(--emerald-border);box-shadow:inset 0 1px #34d3991f,0 4px 20px #0000004d}.card-vip{background:linear-gradient(160deg,rgba(245,158,11,.07) 0%,var(--bg-surface) 65%);border-color:var(--gold-border);box-shadow:inset 0 1px #fbbf241f,0 4px 20px #0000004d}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.3px}.chip-primary{background:var(--primary-bg);border:1px solid var(--primary-border);color:var(--primary)}.chip-gold{background:var(--gold-bg);border:1px solid var(--gold-border);color:var(--gold-light)}.chip-emerald{background:var(--emerald-bg);border:1px solid var(--emerald-border);color:var(--emerald-light)}.chip-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:#f87171}.input{width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:400;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.input::placeholder{color:var(--text-hint)}.gender-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;min-height:52px;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .12s ease}.gender-tile:active{transform:scale(.96)}.gender-tile.active-blue{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.gender-tile.active-rose{border-color:#f43f5e80;background:#f43f5e1a;color:#fb7185}.gender-tile.active-cyan{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.ticker-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--primary);text-align:center;overflow:hidden}.ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;animation:pulse-solid 2s ease-in-out infinite}.option-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-elevated);font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease;min-height:52px}.option-row:active{transform:scale(.98)}.option-row.selected{border-color:var(--primary);background:var(--primary-bg);font-weight:700}.plan-tile{position:relative;padding:16px 14px;border-radius:var(--r-lg);border:1.5px solid var(--border);background:#ffffff05;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}.plan-tile:active{transform:scale(.97)}.plan-tile.selected-blue{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 4px 20px var(--primary-glow)}.plan-tile.selected-gold{border-color:var(--gold);background:var(--gold-bg);box-shadow:0 4px 20px var(--gold-glow)}.step-dot{height:4px;border-radius:var(--r-pill);background:var(--bg-elevated);transition:width .25s cubic-bezier(.16,1,.3,1),background .25s ease}.step-dot.active{background:var(--primary);width:24px!important}.step-dot.done{background:var(--primary-dark)}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.7}to{transform:scale(2);opacity:0}}@keyframes pulse-solid{0%,to{opacity:1}50%{opacity:.45}}@keyframes wave-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.84);opacity:0}65%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-pop{animation:pop-in .28s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slide-up .22s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fade-in .2s ease forwards}.animate-sheet{animation:sheet-up .28s cubic-bezier(.16,1,.3,1) forwards}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}input:focus-visible,textarea:focus-visible{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-bg)!important;outline:none}.tabular-nums{font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance}.text-h1{font-size:26px;font-weight:800;letter-spacing:-.4px;line-height:1.2}.text-h2{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.25}.text-h3{font-size:18px;font-weight:700;letter-spacing:-.2px}.text-h4{font-size:15px;font-weight:700;letter-spacing:-.1px}.text-body{font-size:14px;font-weight:400;line-height:1.5}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-hint{color:var(--text-hint)}.divider{height:1px;background:var(--border-subtle);margin:4px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;animation:fade-in .2s ease forwards}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg-elevated);border-top:1px solid var(--border-strong);border-top-left-radius:24px;border-top-right-radius:24px;padding:var(--sp-5) var(--sp-4);z-index:201;animation:sheet-up .28s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 -8px 40px #0009}.sheet-handle{width:36px;height:4px;border-radius:var(--r-pill);background:#ffffff2e;margin:0 auto var(--sp-4)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}