@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@400;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#050711;--bg-dark:#080c1a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--border:#ffffff14;--border-gold:#d4a84359;--gold:#d4a843;--gold-light:#f0c060;--crimson:#e05050;--purple:#7c3aed;--purple-light:#a78bfa;--text-primary:#f0ece4;--text-secondary:#b8b0a0;--text-muted:#6b6560;--radius:16px;--radius-sm:10px;--font-sans:"Noto Sans KR",sans-serif;--font-serif:"Noto Serif KR",serif;--wood:#4ade80;--fire:#f87171;--earth:#d4a843;--metal:#a0a0b0;--water:#60a5fa;--shadow:0 20px 60px #00000080;--glow-gold:0 0 30px #d4a84333}html{font-family:var(--font-sans)}body{background:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(at 20% 20%,#7c3aed0f 0%,#0000 50%),radial-gradient(at 80% 80%,#d4a8430d 0%,#0000 50%);min-height:100vh;overflow-x:hidden}.stars-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star{animation:twinkle var(--duration,3s)ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--min-opacity,.1)}50%{opacity:var(--max-opacity,.7)}}.header{text-align:center;border-bottom:1px solid var(--border-gold);z-index:10;background:linear-gradient(#d4a84314 0%,#0000 100%);padding:60px 24px 40px;position:relative}.header-glow{pointer-events:none;background:radial-gradient(#d4a84326 0%,#0000 70%);width:400px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-bar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 20px;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-hanja{font-family:var(--font-serif);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem}.nav-logo-kr{color:var(--text-secondary);font-size:.9rem}.logo{font-family:var(--font-serif);justify-content:center;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.logo-hanja{background:linear-gradient(135deg,#f0c060,#d4a843,#a87820);color:#0000;text-shadow:none;filter:drop-shadow(0 0 20px #d4a84366);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem)}.logo-divider{color:var(--text-muted);font-size:2rem}.logo-kr{color:var(--text-secondary);font-size:clamp(1.8rem,4vw,2.8rem)}.tagline{color:var(--text-muted);letter-spacing:.08em;font-size:.95rem}.container{z-index:10;max-width:900px;margin:0 auto;padding:40px 20px 80px;position:relative}.ad-slot{border-radius:var(--radius-sm);width:100%;min-height:90px;color:var(--text-muted);background:#ffffff05;border:1px dashed #ffffff14;justify-content:center;align-items:center;margin:24px 0;font-size:.75rem;display:flex;overflow:hidden}.ad-slot.banner{min-height:90px}.ad-slot.square{max-width:300px;min-height:250px;margin:24px auto}.input-section{animation:.6s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--shadow),var(--glow-gold);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;position:relative}.card-ornament{border-color:var(--gold);opacity:.4;border-style:solid;width:20px;height:20px;position:absolute}.card-ornament.top-left{border-width:2px 0 0 2px;top:16px;left:16px}.card-ornament.top-right{border-width:2px 2px 0 0;top:16px;right:16px}.card-ornament.bottom-left{border-width:0 0 2px 2px;bottom:16px;left:16px}.card-ornament.bottom-right{border-width:0 2px 2px 0;bottom:16px;right:16px}.input-title{font-family:var(--font-serif);text-align:center;color:var(--gold-light);margin-bottom:8px;font-size:1.4rem;font-weight:700}.input-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:.85rem}.saju-form{flex-direction:column;gap:24px;display:flex}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;min-width:120px;display:flex}.form-group label{color:var(--gold);letter-spacing:.06em;font-size:.8rem;font-weight:500}select,input[type=password],input[type=text]{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;appearance:none;background:#ffffff0a;width:100%;padding:12px 16px;font-size:.9rem;transition:all .3s}select:focus,input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4a84326}select option{background:#1a1a2e}.gender-buttons{gap:12px;display:flex}.gender-buttons input[type=radio]{display:none}.gender-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;transition:all .3s;display:flex}.gender-buttons input:checked+.gender-btn{border-color:var(--gold);color:var(--gold);background:#d4a8431f}.gender-icon{font-size:1.1rem}.submit-btn{border:1px solid var(--gold);border-radius:var(--radius);width:100%;color:var(--gold);font-family:var(--font-serif);cursor:pointer;letter-spacing:.1em;background:linear-gradient(135deg,#1a0e00,#2d1a00);justify-content:center;align-items:center;gap:12px;padding:18px;font-size:1.15rem;font-weight:700;transition:all .4s;display:flex;position:relative;overflow:hidden}.submit-btn:hover{background:linear-gradient(135deg,#2d1a00,#4a2e00);transform:translateY(-2px);box-shadow:0 0 40px #d4a8434d}.btn-glow{opacity:0;background:radial-gradient(#d4a84326 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.submit-btn:hover .btn-glow{opacity:1}.api-key-section{border-radius:var(--radius-sm);background:#7c3aed0f;border:1px solid #7c3aed33;padding:20px}.api-key-label{color:var(--purple-light);margin-bottom:10px;font-size:.8rem;font-weight:500}.api-key-note{color:var(--text-muted);margin-top:8px;font-size:.72rem}.api-key-note a{color:var(--gold);text-decoration:none}.api-key-note a:hover{text-decoration:underline}.loading-container{text-align:center;padding:80px 0}.bagua-spinner{width:120px;height:120px;margin:0 auto 32px;animation:8s linear infinite spin;position:relative}.trigram{color:var(--gold);opacity:.8;font-size:1.8rem;position:absolute}.t1{top:0;left:50%;transform:translate(-50%)}.t2{top:15%;right:5%}.t3{top:50%;right:0;transform:translateY(-50%)}.t4{bottom:15%;right:5%}.t5{bottom:0;left:50%;transform:translate(-50%)}.t6{bottom:15%;left:5%}.t7{top:50%;left:0;transform:translateY(-50%)}.t8{top:15%;left:5%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-serif);color:var(--gold);font-size:1.2rem}.loading-sub{color:var(--text-muted);margin-top:8px;font-size:.85rem}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.back-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;padding:10px 20px;font-size:.85rem;transition:all .3s}.back-btn:hover{border-color:var(--gold);color:var(--gold)}.share-row{flex-wrap:wrap;gap:10px;display:flex}.share-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-family:var(--font-sans);border:none;align-items:center;gap:6px;padding:10px 18px;font-weight:500;transition:all .3s;display:flex}.share-btn.kakao{color:#000;background:#fee500}.share-btn.kakao:hover{background:gold;transform:translateY(-1px)}.share-btn.link{color:var(--text-primary);border:1px solid var(--border);background:#ffffff14}.share-btn.link:hover{border-color:var(--gold);color:var(--gold)}.share-btn.pdf{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.share-btn.pdf:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #0000004d}.result-card:hover{border-color:#d4a84333;box-shadow:0 8px 40px #0006}.section-title{font-family:var(--font-serif);color:var(--gold);border-bottom:1px solid var(--border-gold);align-items:center;gap:10px;margin-bottom:24px;padding-bottom:14px;font-size:1.05rem;font-weight:700;display:flex}.title-icon{opacity:.8;font-size:1.1rem}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.pillar{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#ffffff08;padding:20px 12px;transition:all .3s}.pillar:hover{border-color:var(--border-gold);transform:translateY(-2px)}.pillar-label{color:var(--text-muted);letter-spacing:.06em;margin-bottom:12px;font-size:.72rem}.pillar-hanja{flex-direction:column;align-items:center;gap:4px;display:flex}.pillar-stem,.pillar-branch{font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1.1}.pillar-korean{color:var(--text-secondary);margin:8px 0;font-size:.78rem}.pillar-element{border:1px solid;border-radius:20px;margin-top:4px;padding:3px 8px;font-size:.65rem;display:inline-block}.el-wood{color:var(--wood)}.el-fire{color:var(--fire)}.el-earth{color:var(--earth)}.el-metal{color:var(--metal)}.el-water{color:var(--water)}.border-wood{border-color:var(--wood)}.border-fire{border-color:var(--fire)}.border-earth{border-color:var(--earth)}.border-metal{border-color:var(--metal)}.border-water{border-color:var(--water)}.bg-wood{background:var(--wood)}.bg-fire{background:var(--fire)}.bg-earth{background:var(--earth)}.bg-metal{background:var(--metal)}.bg-water{background:var(--water)}.birth-info{text-align:center;color:var(--text-muted);font-size:.82rem}.elements-container{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.element-bar-container{margin-bottom:16px}.element-bar-label{justify-content:space-between;margin-bottom:6px;display:flex}.element-bar-name{color:var(--text-secondary);font-size:.82rem}.element-bar-count{color:var(--text-primary);font-size:.82rem;font-weight:600}.element-bar-track{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.element-bar-fill{border-radius:4px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.element-bar-container.element-wood .element-bar-fill{background:var(--wood)}.element-bar-container.element-fire .element-bar-fill{background:var(--fire)}.element-bar-container.element-earth .element-bar-fill{background:var(--earth)}.element-bar-container.element-metal .element-bar-fill{background:var(--metal)}.element-bar-container.element-water .element-bar-fill{background:var(--water)}.elements-summary h4{color:var(--gold);margin-bottom:12px;font-size:.88rem}.elements-summary p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.7}.personality-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.personality-symbol{font-family:var(--font-serif);border:1px solid var(--border-gold);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:3rem;font-weight:900;display:flex}.personality-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.personality-subtitle{color:var(--text-muted);margin-top:4px;font-size:.82rem}.personality-body p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.85}.personality-traits{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.trait-tag{border:1px solid var(--border-gold);color:var(--gold);background:#d4a8431a;border-radius:20px;padding:5px 14px;font-size:.78rem}.tengods-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-bottom:20px;display:grid}.tengod-item{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#ffffff08;padding:14px 10px}.tengod-name{color:var(--gold);font-size:.82rem;font-weight:600}.tengod-hanja{font-family:var(--font-serif);color:var(--text-muted);margin:4px 0;font-size:.75rem}.tengod-count{color:var(--text-secondary);font-size:.75rem}.tengods-interpretation p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.7}.luck-timeline{flex-wrap:nowrap;gap:0;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.luck-item{text-align:center;border-right:1px solid var(--border);flex-shrink:0;min-width:80px;padding:14px 8px;transition:all .3s;position:relative}.luck-item.current{background:#d4a84314}.luck-item.current:after{content:"현재";color:var(--gold);background:var(--bg-deep);padding:0 6px;font-size:.6rem;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.luck-age{color:var(--text-muted);margin-bottom:8px;font-size:.65rem}.luck-hanja{font-family:var(--font-serif);font-size:1.3rem;line-height:1.2}.luck-korean{color:var(--text-secondary);margin-top:4px;font-size:.68rem}.luck-element-dot{border-radius:50%;width:6px;height:6px;margin-top:6px;display:inline-block}.luck-interpretation p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.7}.fortune-section{margin-bottom:20px}.fortune-section h4{color:var(--gold);margin-bottom:10px;font-size:.9rem}.fortune-section p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.75}.fortune-tags{flex-wrap:wrap;gap:8px;display:flex}.fortune-tag{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;padding:5px 12px;font-size:.78rem}.score-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.score-label{width:50px;color:var(--text-muted);flex-shrink:0;font-size:.78rem}.score-track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.score-fill{background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.score-value{text-align:right;width:40px;color:var(--gold);font-size:.78rem;font-weight:600}.ai-card{border-color:#7c3aed4d!important}.ai-content{white-space:pre-wrap;color:var(--text-secondary);font-size:.9rem;line-height:2}.ai-loading{color:var(--purple-light);align-items:center;gap:12px;font-size:.9rem;display:flex}.ai-spinner{border:2px solid #a78bfa4d;border-top-color:var(--purple-light);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}.cached-badge{background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.cached-text{color:var(--purple-light);font-size:.8rem}.refresh-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-size:.76rem;font-family:var(--font-sans);background:#d4a8431f;border-radius:8px;padding:5px 14px;transition:all .3s}.refresh-btn:hover{background:#d4a84340}.ai-text h4{color:var(--gold);margin:20px 0 8px;font-size:1rem}.ai-text strong{color:var(--gold)}.ai-text p{color:var(--text-secondary);margin-bottom:12px;line-height:1.8}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.summary-item{text-align:center;border-radius:var(--radius-sm);background:#ffffff08;padding:20px 12px}.summary-item-label{color:var(--text-muted);margin-bottom:8px;font-size:.7rem}.summary-item-value{font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1.1}.summary-item-sub{color:var(--text-muted);margin-top:4px;font-size:.7rem}.summary-text p{color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;line-height:1.8}.premium-banner{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#7c3aed26,#d4a8431a);border:1px solid #7c3aed59;margin:24px 0;padding:28px}.premium-banner h3{font-family:var(--font-serif);color:var(--purple-light);margin-bottom:8px;font-size:1.1rem}.premium-banner p{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.premium-features{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.premium-feature{color:var(--text-secondary);background:#ffffff0a;border-radius:20px;padding:5px 12px;font-size:.8rem}.premium-btn{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;padding:14px 32px;font-size:.95rem;font-weight:600;transition:all .3s}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed66}.toast{border:1px solid var(--border-gold);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;pointer-events:none;background:#1e1e28f2;border-radius:30px;padding:12px 24px;font-size:.88rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);z-index:10;padding:40px 24px;font-size:.78rem;line-height:2;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:12px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--gold)}@media (max-width:680px){.input-card{padding:24px 20px}.pillars-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.elements-container{grid-template-columns:1fr}.results-header{flex-direction:column}.share-row{width:100%}.share-btn{flex:1;justify-content:center}}.hidden{display:none!important}.tab-nav{background:var(--bg-card);border:1px solid var(--border);scrollbar-width:none;z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;gap:8px;margin-bottom:24px;padding:6px;display:flex;position:sticky;top:0;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{min-width:75px;color:var(--text-muted);cursor:pointer;white-space:nowrap;font-family:var(--font-sans);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;transition:all .25s;display:flex;position:relative}.tab-btn:hover{color:var(--text-secondary);background:#ffffff0d}.tab-btn.active{color:var(--gold);background:linear-gradient(135deg,#d4af3740,#d4af371a);box-shadow:inset 0 0 0 1px #d4af3766}.tab-icon{font-size:1.3rem}.tab-label{letter-spacing:-.01em;font-size:.72rem;font-weight:600}.tab-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;padding:1px 4px;font-size:.5rem;font-weight:700;position:absolute;top:4px;right:4px}.tab-panel{animation:.3s tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.return-user-card{cursor:pointer;background:linear-gradient(135deg,#d4af371a,#8b5a2b14);border:1px solid #d4af3766;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;transition:all .3s;display:flex;box-shadow:0 4px 20px #d4af371a}.return-user-card:hover{border-color:var(--gold);background:linear-gradient(135deg,#d4af372e,#8b5a2b24);transform:translateY(-2px);box-shadow:0 8px 30px #d4af3733}.return-user-icon{flex-shrink:0;font-size:2rem}.return-user-body{flex:1}.return-user-title{color:var(--gold);margin-bottom:4px;font-size:1rem;font-weight:700}.return-user-sub{color:var(--text-muted);font-size:.8rem}.return-user-arrow{color:var(--gold);opacity:.7;flex-shrink:0;font-size:1.4rem}.today-date-header{text-align:center;color:var(--gold);background:#d4af3714;border:1px solid #d4af3733;border-radius:12px;margin-bottom:20px;padding:14px 20px;font-size:.9rem;font-weight:600}