:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#141414;--color-bg-tertiary:#1a1a1a;--color-bg-card:#1f1f1f;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-accent:#c9a962;--color-accent-dim:#c9a9624d;--color-accent-glow:#c9a96226;--color-border:#2a2a2a;--color-border-light:#333;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #00000080;--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-slower:.6s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.2}.text-display{font-size:var(--text-9xl);letter-spacing:-.04em;font-weight:200}.text-headline{font-size:var(--text-5xl);letter-spacing:-.02em;font-weight:300}.text-title{font-size:var(--text-2xl);font-weight:500}.text-body{font-size:var(--text-base);color:var(--color-text-secondary)}.text-caption{font-size:var(--text-sm);color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.page{flex-direction:column;min-height:100vh;display:flex;position:relative}.center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}.card-accent{border-color:var(--color-accent-dim)}.card-accent:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-full);transition:all var(--transition-base);font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent);color:var(--color-bg-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-light);background:0 0}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn-lg{padding:var(--space-5)var(--space-10);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.input-field{width:100%;padding:var(--space-4)var(--space-6);font-size:var(--text-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:center;letter-spacing:.1em;transition:all var(--transition-base)}.input-field::placeholder{color:var(--color-text-muted);letter-spacing:normal}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input-label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block}.tag{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;font-weight:500;display:inline-flex}.tag-accent{background:var(--color-accent-glow);color:var(--color-accent);border-color:var(--color-accent-dim)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}50%{transform:translateY(-10px)rotate(-3deg)}75%{transform:translateY(-25px)rotate(3deg)}}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes numberMerge{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.6s forwards fadeInUp}.scale-in{animation:.4s forwards scaleIn}.text-center{text-align:center}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width:768px){:root{--text-9xl:5rem;--text-8xl:4rem;--text-7xl:3rem;--text-6xl:2.5rem;--text-5xl:2rem}.container{padding:0 var(--space-4)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}}@media (max-width:480px){:root{--text-9xl:4rem;--text-8xl:3rem;--text-7xl:2.5rem}}.floating-numbers{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-number{font-family:var(--font-display);color:var(--color-accent);-webkit-user-select:none;user-select:none;will-change:transform,opacity;font-weight:200}.name-input-container{width:100%;max-width:500px;margin:0 auto}.name-input{width:100%;padding:var(--space-5)var(--space-8);font-size:var(--text-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);text-align:center;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-base);font-weight:300}.name-input::placeholder{color:var(--color-text-muted);letter-spacing:.05em;text-transform:none}.name-input-container.focused .name-input{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.letter-breakdown{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-4);flex-wrap:wrap;display:flex}.letter-item{padding:var(--space-2)var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:44px;transition:all var(--transition-fast);flex-direction:column;align-items:center;display:flex}.letter-item.vowel{border-color:var(--color-accent-dim);background:var(--color-accent-glow)}.letter-item.consonant{border-color:var(--color-border-light)}.letter-item .letter{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:500;line-height:1}.letter-item .value{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.letter-item.vowel .value{color:var(--color-accent)}.letter-legend{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.legend-item:before{content:"";border-radius:50%;width:8px;height:8px}.vowel-legend:before{background:var(--color-accent)}.consonant-legend:before{background:var(--color-text-muted)}.pinyin-display{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2)var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.pinyin-display .pinyin-label{font-size:var(--text-sm);color:var(--color-text-muted)}.pinyin-display .pinyin-text{font-size:var(--text-base);color:var(--color-accent);letter-spacing:.1em;font-weight:500}.date-input-container{width:100%;max-width:300px;margin:0 auto}.date-label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;display:block}.date-input{width:100%;padding:var(--space-4)var(--space-6);font-size:var(--text-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:center;transition:all var(--transition-base);cursor:pointer}.date-input::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input-container.focused .date-input{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.date-breakdown{justify-content:center;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-2);display:flex}.date-digit{width:28px;height:36px;font-size:var(--text-lg);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-weight:400;display:flex}.date-digit:nth-child(4):after,.date-digit:nth-child(6):after{content:"";background:var(--color-text-muted);width:4px;height:1px;margin-left:var(--space-1);display:block}.calculation-animation{background:var(--color-bg-primary);width:100%;height:100%;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.animation-stage{justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.gathering-numbers{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:400px;display:flex}.flying-number{font-size:var(--text-4xl);color:var(--color-accent);font-weight:200}.merging-number,.reducing-number{font-size:var(--text-7xl);color:var(--color-text-primary);font-weight:200}.reveal-stage{position:relative}.final-number{font-size:var(--text-9xl);color:var(--color-accent);z-index:2;font-weight:200;position:relative}.number-glow{background:radial-gradient(circle,var(--color-accent-glow)0%,transparent 70%);z-index:1;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-text{font-size:var(--text-lg);color:var(--color-text-muted);letter-spacing:.1em}@media (max-width:768px){.flying-number{font-size:var(--text-2xl)}.merging-number,.reducing-number{font-size:var(--text-5xl)}.final-number{font-size:var(--text-7xl)}}.results-page{min-height:100vh;padding-bottom:120px}.hero-section{text-align:center;min-height:80vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.hero-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.hero-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em}.hero-number-container{padding:var(--space-8);position:relative}.hero-number{font-size:var(--text-9xl);color:var(--color-accent);z-index:2;font-weight:200;line-height:1;position:relative}.hero-glow{background:radial-gradient(circle,var(--color-accent-glow)0%,transparent 70%);z-index:1;border-radius:50%;width:250px;height:250px;animation:3s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-slogan{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:.05em;font-weight:300}.hero-name-label{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-4)}.numbers-grid{gap:var(--space-6);padding:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;margin:0 auto;display:grid}.number-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);cursor:default}.number-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.card-number{font-size:var(--text-5xl);color:var(--color-accent);font-weight:200;line-height:1}.card-labels{flex-direction:column;display:flex}.card-label{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:500}.card-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.card-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.card-name{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-3)}.card-keywords{gap:var(--space-2);flex-wrap:wrap;display:flex}.keyword-tag{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.interpretation-section{max-width:800px;padding:var(--space-12)var(--space-6);margin:0 auto}.section-title{font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-10);font-weight:400}.interpretation-detail{gap:var(--space-10);flex-direction:column;display:flex}.detail-section{padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.detail-title{font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-4);font-weight:500}.keywords-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.detail-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.detail-list li{padding-left:var(--space-6);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;position:relative}.detail-list li:before{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.strengths-list li:before{background:var(--color-accent)}.challenges-list li:before{background:var(--color-text-muted)}.career-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.love-description{font-size:var(--text-base);color:var(--color-text-secondary);font-style:italic;line-height:1.8}.action-section{padding:var(--space-8);justify-content:center;display:flex}.floating-card-btn{bottom:var(--space-8);padding:var(--space-4)var(--space-8);font-size:var(--text-base);background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:var(--z-sticky);font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.floating-card-btn:hover{box-shadow:var(--shadow-xl),0 0 60px var(--color-accent-glow)}@media (max-width:768px){.hero-section{min-height:60vh;padding:var(--space-6)}.hero-number{font-size:var(--text-7xl)}.hero-slogan{font-size:var(--text-2xl)}.numbers-grid{padding:var(--space-4);gap:var(--space-4)}.interpretation-section{padding:var(--space-6)var(--space-4)}.floating-card-btn{bottom:var(--space-4);padding:var(--space-3)var(--space-6);font-size:var(--text-sm)}}.soul-card-overlay{width:100%;height:100%;z-index:var(--z-modal);padding:var(--space-4);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.soul-card-modal{align-items:center;gap:var(--space-6);flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.style-selector{gap:var(--space-2);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-border);display:flex}.style-btn{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.style-btn:hover{color:var(--color-text-primary)}.style-btn.active{background:var(--color-accent);color:var(--color-bg-primary)}.card-preview-container{perspective:1000px}.soul-card-preview{border-radius:var(--radius-xl);width:400px;height:600px;position:relative;overflow:hidden}.card-inner{width:100%;height:100%;padding:var(--space-8);z-index:2;flex-direction:column;display:flex;position:relative}.card-bg-pattern{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.soul-card-preview.minimal{background:#0a0a0a;border:1px solid #2a2a2a}.minimal .card-bg-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px}.minimal .card-header{color:#666}.minimal .main-number{color:#c9a962}.minimal .number-label{color:#888}.minimal .card-name{color:#fff}.minimal .card-slogan{color:#888}.minimal .card-keyword{color:#c9a962;background:#c9a9621a;border:1px solid #c9a9624d}.minimal .other-number{background:#ffffff08;border:1px solid #2a2a2a}.minimal .other-value{color:#c9a962}.minimal .other-label{color:#666}.minimal .footer-text{color:#444}.soul-card-preview.mystical{background:#0d0a14;border:1px solid #2a1f3d}.mystical .card-bg-pattern{background-image:radial-gradient(circle at 20% 20%,#8a4fff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff9ff31a 0%,#0000 50%)}.mystical .card-bg-pattern:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238a4fff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.mystical .card-header{color:#8a4fff}.mystical .main-number{color:#d4a5ff;text-shadow:0 0 40px #8a4fff80}.mystical .number-label{color:#a080c0}.mystical .card-name{color:#fff}.mystical .card-slogan{color:#a080c0}.mystical .card-keyword{color:#c9a5ff;background:#8a4fff26;border:1px solid #8a4fff4d}.mystical .other-number{background:#8a4fff1a;border:1px solid #8a4fff33}.mystical .other-value{color:#d4a5ff}.mystical .other-label{color:#8060a0}.mystical .footer-text{color:#5a4080}.soul-card-preview.cyberpunk{background:#050510;border:1px solid #00fff0}.cyberpunk .card-bg-pattern{background-color:#0000;background-image:linear-gradient(90deg,#00fff008 1px,#0000 1px),linear-gradient(#00fff008 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.cyberpunk .card-bg-pattern:before{content:"";background:linear-gradient(#00fff01a 0%,#0000 30%),linear-gradient(#0000 70%,#ff00801a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.cyberpunk .card-header{color:#00fff0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em}.cyberpunk .main-number{color:#00fff0;text-shadow:0 0 10px #00fff0,0 0 20px #00fff0,0 0 40px #00fff0;font-family:var(--font-mono)}.cyberpunk .number-label{color:#ff0080;font-family:var(--font-mono)}.cyberpunk .card-name{color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3em}.cyberpunk .card-slogan{color:#00b8a9;font-family:var(--font-mono)}.cyberpunk .card-keyword{color:#00fff0;font-family:var(--font-mono);text-transform:uppercase;background:#00fff01a;border:1px solid #00fff066;font-size:10px}.cyberpunk .other-number{background:#00fff00d;border:1px solid #00fff04d}.cyberpunk .other-value{color:#ff0080;font-family:var(--font-mono);text-shadow:0 0 10px #ff008080}.cyberpunk .other-label{color:#00b8a9;font-family:var(--font-mono);text-transform:uppercase}.cyberpunk .footer-text{color:#004440;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3em}.card-header{text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;align-items:center;margin-bottom:auto;font-size:10px;display:flex}.card-main-number{align-items:center;gap:var(--space-2);margin:var(--space-4)0;flex-direction:column;display:flex}.main-number{font-size:120px;font-weight:200;line-height:1}.number-label{font-size:var(--text-lg);letter-spacing:.1em}.card-name{text-align:center;font-size:var(--text-xl);letter-spacing:.15em;margin:var(--space-4)0;font-weight:300}.card-slogan{text-align:center;font-size:var(--text-sm);margin-bottom:var(--space-6);font-style:italic}.card-keywords{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.card-keyword{border-radius:var(--radius-full);padding:4px 10px;font-size:11px}.card-other-numbers{justify-content:center;gap:var(--space-4);margin-bottom:auto;display:flex}.other-number{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:60px;display:flex}.other-value{font-size:var(--text-2xl);font-weight:300}.other-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.card-footer{text-align:center;margin-top:auto}.footer-text{letter-spacing:.2em;font-size:10px}.card-actions{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}@media (max-width:480px){.soul-card-preview{width:320px;height:480px}.card-inner{padding:var(--space-6)}.main-number{font-size:80px}.style-selector{flex-wrap:wrap;justify-content:center}}.compatibility-page{min-height:100vh;padding:var(--space-8);flex-direction:column;align-items:center;display:flex}.back-btn{top:var(--space-6);left:var(--space-6);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);position:absolute}.back-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.compatibility-content{width:100%;max-width:500px;margin-top:var(--space-16);text-align:center}.page-title{font-size:var(--text-4xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:300}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-10)}.compatibility-inputs{gap:var(--space-6);flex-direction:column;display:flex}.name-input-group{gap:var(--space-2);flex-direction:column;display:flex}.name-input-group label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.compat-input{width:100%;padding:var(--space-4)var(--space-6);font-size:var(--text-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:center;letter-spacing:.1em;transition:all var(--transition-base)}.compat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.heart-divider{padding:var(--space-2);justify-content:center;display:flex}.heart-icon{font-size:var(--text-2xl);color:var(--color-accent)}.compatibility-result{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.names-display{align-items:center;gap:var(--space-4);display:flex}.name-number{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.name-number .name{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:.1em}.name-number .destiny{font-size:var(--text-3xl);color:var(--color-accent);font-weight:200}.connector{font-size:var(--text-2xl);color:var(--color-text-muted)}.score-display{margin:var(--space-6)0}.score-circle{border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.score{font-size:var(--text-6xl);font-weight:200;line-height:1}.score-label{font-size:var(--text-lg);color:var(--color-text-muted)}.type-badge{padding:var(--space-2)var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);border:1px solid;font-weight:500}.result-description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6}.daily-fortune-page{min-height:100vh;padding:var(--space-8);flex-direction:column;align-items:center;display:flex}.fortune-content{width:100%;max-width:600px;margin-top:var(--space-16);text-align:center}.date-selector{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.date-nav{width:40px;height:40px;font-size:var(--text-lg);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.date-nav:hover{color:var(--color-accent);border-color:var(--color-accent)}.current-date{font-size:var(--text-lg);color:var(--color-text-primary);min-width:200px}.numbers-row{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.number-item{align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:100px;display:flex}.number-item.highlight{border-color:var(--color-accent);background:var(--color-accent-glow)}.num-value{font-size:var(--text-4xl);color:var(--color-text-primary);font-weight:200}.number-item.highlight .num-value{color:var(--color-accent)}.num-label{font-size:var(--text-xs);color:var(--color-text-muted)}.plus-sign,.equals-sign{font-size:var(--text-2xl);color:var(--color-text-muted)}.guidance-card{background:var(--color-bg-card);border:1px solid var(--color-accent-dim);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-10)}.guidance-title{font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4)}.guidance-text{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:300;line-height:1.6}.energy-section{text-align:left}.energy-title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);text-align:center}.energy-bars{gap:var(--space-4);flex-direction:column;display:flex}.energy-bar-item{align-items:center;gap:var(--space-4);display:flex}.bar-label{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:60px}.bar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.bar-value{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;min-width:40px}@media (max-width:480px){.numbers-row{gap:var(--space-2)}.number-item{min-width:80px;padding:var(--space-3)}.num-value{font-size:var(--text-2xl)}}.name-finder-page{min-height:100vh;padding:var(--space-8);flex-direction:column;align-items:center;display:flex}.finder-content{width:100%;max-width:700px;margin-top:var(--space-16);text-align:center}.number-grid{gap:var(--space-3);margin-bottom:var(--space-10);grid-template-columns:repeat(6,1fr);display:grid}.number-btn{aspect-ratio:1;font-size:var(--text-xl);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:300;display:flex}.number-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.number-btn.selected{color:var(--color-bg-primary);background:var(--color-accent);border-color:var(--color-accent)}.number-btn.master{font-weight:400}.number-info{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8)}.info-number{font-size:var(--text-6xl);color:var(--color-accent);margin-bottom:var(--space-2);font-weight:200}.info-name{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:400}.info-slogan{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4);font-style:italic}.info-keywords{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.names-section{text-align:left}.names-title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);text-align:center}.names-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.name-card{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.name-card:hover{border-color:var(--color-accent)}.suggested-name{font-size:var(--text-base);color:var(--color-text-primary)}.name-number{font-size:var(--text-sm);color:var(--color-accent);opacity:.7}@media (max-width:480px){.number-grid{grid-template-columns:repeat(4,1fr)}.names-grid{grid-template-columns:repeat(2,1fr)}}.app{min-height:100vh;position:relative}.home-page{min-height:100vh;padding:var(--space-8);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.home-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.hero-title{font-size:var(--text-6xl);letter-spacing:.3em;color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:200}.hero-tagline{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-12);letter-spacing:.05em}.input-section{width:100%;margin-bottom:var(--space-10)}.action-buttons{align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;display:flex}.reveal-btn{min-width:200px;padding:var(--space-5)var(--space-12);font-size:var(--text-lg);letter-spacing:.2em}.reveal-btn:disabled{opacity:.5;cursor:not-allowed}.feature-links{align-items:center;gap:var(--space-4);display:flex}.feature-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none}.feature-link:hover{color:var(--color-accent)}.link-divider{color:var(--color-border-light)}.daily-vibe-btn{right:var(--space-6);padding:var(--space-4)var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;transition:all var(--transition-base);z-index:var(--z-sticky);position:fixed;top:50%;transform:translateY(-50%)}.daily-vibe-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (max-width:768px){.hero-title{font-size:var(--text-4xl);letter-spacing:.2em}.hero-tagline{font-size:var(--text-lg)}.daily-vibe-btn{right:var(--space-4);top:auto;bottom:var(--space-24);writing-mode:horizontal-tb;padding:var(--space-3)var(--space-4);position:fixed;transform:none}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl);letter-spacing:.15em}.hero-tagline{font-size:var(--text-base)}.reveal-btn{width:100%;min-width:auto}}