:root{--bg: #fafafa;--bg-card: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--accent: #e8405a;--accent-hover: #d4334d;--accent-light: #fff0f2;--shadow: 0 2px 12px rgba(0, 0, 0, .07);--shadow-hover: 0 6px 24px rgba(232, 64, 90, .15);--radius: 14px;--radius-sm: 8px;--step-done-text: #22c55e;--step-done-bg: #dcfce7;--step-done-icon: #16a34a;--input-placeholder: #aab0bb;--scrollbar-thumb-hover: #c4c9d0;--preview-phone-bg: #1a1a2e;--preview-phone-border: #2d2d4a;--gift-bg: #0d0d14;--gift-text: #f5f0eb;--gift-accent: #ff6b8a;--gift-gold: #f0c060;--gift-peach: #ffaa80;--blob-1: rgba(255, 107, 138, .45);--blob-2: rgba(167, 139, 250, .35);--blob-3: rgba(240, 192, 96, .2);--blob-4: rgba(255, 170, 100, .18);--welcome-name-color: #faffc7;--welcome-stat-color: #e83535;--welcome-stat-label: #faffc7;--welcome-from-color: rgba(255,255,255,.35);--tl-dot-bg: rgba(20, 16, 36, .85);--tl-dot-border: rgba(255, 107, 138, .5);--tl-dot-border-first: #ff6b8a;--tl-connector: rgba(255, 107, 138, .45);--tl-important-bg: rgba(240, 192, 96, .08);--tl-important-border: rgba(240, 192, 96, .35);--tl-important-dot-border: #e79b03;--tl-important-label: #f0c060;--stats-num: #f0c060;--stats-date: #ff6b8a;--stats-bar-him: #818cf8;--stats-bar-her: #ff6b8a;--stats-text-primary: rgba(255,255,255,.82);--stats-text-secondary: rgba(255,255,255,.55);--stats-text-muted: rgba(255,255,255,.4);--stats-text-dim: rgba(255,255,255,.25);--stats-sep: rgba(255,255,255,.1);--letter-cursor: #ff6b8a;--gift-correct: rgba(34, 197, 94, .4);--gift-correct-bg: rgba(34, 197, 94, .05)}.gift-wrap.theme-purple{--theme-purple-bg: #0f0b20;--theme-purple-accent: #a78bfa;--theme-purple-accent-2: #c084fc;--blob-1: rgba(140, 90, 220, .75);--blob-2: rgba(230, 80, 160, .7);--blob-3: rgba(255, 140, 100, .6);--blob-4: rgba(170, 120, 255, .65);--welcome-name-color: #f5e642;--welcome-stat-color: var(--theme-purple-accent-2);--welcome-stat-label: rgba(255, 255, 255, .65);--welcome-from-color: rgba(255, 255, 255, .35);--tl-dot-bg: rgba(15, 11, 32, .85);--tl-dot-border: rgba(167, 139, 250, .5);--tl-dot-border-first: var(--theme-purple-accent);--tl-connector: rgba(167, 139, 250, .45);--tl-important-dot-border: var(--theme-purple-accent);--tl-important-label: var(--theme-purple-accent-2);--stats-num: var(--theme-purple-accent-2);--stats-date: var(--theme-purple-accent);--stats-bar-him: var(--theme-purple-accent);--stats-bar-her: var(--theme-purple-accent-2);--stats-text-primary: rgba(255,255,255,.85);--stats-text-secondary: rgba(255,255,255,.58);--stats-text-muted: rgba(255,255,255,.43);--stats-text-dim: rgba(255,255,255,.27);--stats-sep: rgba(255,255,255,.12);--letter-cursor: var(--theme-purple-accent)}.gift-wrap.theme-pink{--theme-pink-bg: #fff0f4;--theme-pink-text: #810e64;--theme-pink-accent: #d93c46;--theme-pink-accent-him: #9b6ec8;--theme-pink-gold: #9b5a10;--blob-1: rgba(255, 60, 110, .75);--blob-2: rgba(255, 150, 60, .7);--blob-3: rgba(255, 100, 160, .65);--blob-4: rgba(255, 200, 80, .6);--welcome-name-color: var(--theme-pink-text);--welcome-stat-color: var(--theme-pink-accent);--welcome-stat-label: #542f48;--welcome-from-color: rgba(42, 15, 28, .4);--tl-dot-bg: rgba(255, 240, 244, .9);--tl-dot-border: rgba(200, 24, 91, .45);--tl-dot-border-first: var(--theme-pink-accent);--tl-connector: rgba(200, 24, 91, .4);--tl-important-dot-border: var(--theme-pink-gold);--tl-important-label: var(--theme-pink-gold);--stats-num: var(--theme-pink-gold);--stats-date: var(--theme-pink-accent);--stats-bar-him: var(--theme-pink-accent-him);--stats-bar-her: var(--theme-pink-accent);--stats-text-primary: rgba(42,15,28,.8);--stats-text-secondary: rgba(42,15,28,.55);--stats-text-muted: rgba(42,15,28,.43);--stats-text-dim: rgba(42,15,28,.3);--stats-sep: rgba(42,15,28,.1);--letter-cursor: var(--theme-pink-accent)}.gift-wrap.theme-light{--theme-light-bg: #e0e4fe;--theme-light-text: #1c1a2e;--theme-light-accent: #6366f1;--theme-light-accent-2: #7c3aed;--theme-light-gold: #b45309;--blob-1: #7990f5;--blob-2: #9a74f2;--blob-3: #90cff8;--blob-4: #e0e4fe;--welcome-name-color: #ffffff;--welcome-stat-color: #f2ff11;--welcome-stat-label: #542f48;--welcome-from-color: rgba(28, 26, 46, .4);--tl-dot-bg: rgba(230, 232, 254, .9);--tl-dot-border: rgba(99, 102, 241, .5);--tl-dot-border-first: var(--theme-light-accent);--tl-connector: rgba(99, 102, 241, .45);--tl-important-dot-border: var(--theme-light-gold);--tl-important-label: var(--theme-light-gold);--stats-num: var(--theme-light-gold);--stats-date: var(--theme-light-accent);--stats-bar-him: var(--theme-light-accent);--stats-bar-her: var(--theme-light-accent-2);--stats-text-primary: rgba(28,26,46,.8);--stats-text-secondary: rgba(28,26,46,.55);--stats-text-muted: rgba(28,26,46,.43);--stats-text-dim: rgba(28,26,46,.3);--stats-sep: rgba(28,26,46,.1);--letter-cursor: var(--theme-light-accent)}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Nauryz;src:url(/assets/NauryzRedKeds-BiljUhpB.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stonebery;src:url(/assets/stoneberry_version_01-D0XN6owI.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/assets/Raleway-Italic-VariableFont_wght-DtvgYG-n.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--border)}.btn-lg{padding:16px 32px;font-size:16px;border-radius:var(--radius)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text);background:#fff;transition:border-color .2s;outline:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--input-placeholder)}textarea.input{resize:vertical;min-height:120px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .4s ease forwards}