.top-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1ef2;border-bottom:1px solid #ffffff14;position:sticky;top:0}.top-nav a:hover{color:#fff!important}.blog-header{color:#f8fafc;text-align:center;background-color:#0a0f1e;background-image:radial-gradient(at 20% 10%,#3b82f61a 0%,#0000 60%),radial-gradient(at 80% 90%,#8b5cf61a 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:20px 20px 40px}.header-inner{max-width:768px;margin:0 auto}.mystic-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-title{margin-bottom:12px;font-size:2.4rem;font-weight:700;line-height:1.25}.blog-subtitle{color:#cbd5e1;margin-bottom:8px;font-size:1.1rem}.blog-meta{color:#64748b;font-size:.9rem}.series-badge{color:#a78bfa;letter-spacing:.5px;background:#7c3aed33;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.globe-lang-btn{color:#cbd5e1;background:#1e293bb3;border:1px solid #64748b66;border-radius:9999px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.globe-lang-btn:hover{color:#fff;background:#334155cc}.globe-lang-btn svg{width:16px;height:16px}.blog- .blog-content h2{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-top:44px;margin-bottom:18px;padding-bottom:8px;font-size:1.65rem;font-weight:700}.blog-content ul{margin-bottom:20px;margin-left:24px}.ilju-group-title{color:#7c3aed;background:#faf5ff;border-radius:8px;margin:32px 0 12px;padding:8px 16px;font-size:1.1rem;font-weight:700;display:inline-block}.ilju-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px;display:grid}.ilju-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:all .2s}.ilju-card:hover{border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed14}.ilju-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.ilju-hanja{font-size:1.3rem;font-weight:700;line-height:1}.ilju-hangul{color:#1e293b;font-size:.9rem;font-weight:600}.ilju-element{border-radius:8px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.ilju-desc{color:#64748b;font-size:.82rem;line-height:1.5}.ilju-nature{color:#94a3b8;margin-top:4px;font-size:.75rem}.el-wood{color:#16a34a;background:#f0fdf4}.el-fire{color:#dc2626;background:#fef2f2}.el-earth{color:#ca8a04;background:#fefce8}.el-metal{color:#475569;background:#f1f5f9}.el-water{color:#2563eb;background:#eff6ff}.nav-links{gap:12px;margin-top:40px;display:flex}.nav-link{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px 20px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#faf5ff;border-color:#7c3aed}.nav-label{color:#7c3aed;font-size:.8rem;font-weight:600}.nav-title{color:#1e293b;margin-top:2px;font-size:.95rem;font-weight:600}.nav-link.next{text-align:right}.cta-section{text-align:center;background:#0a0f1e radial-gradient(#7c3aed1f 0%,#0000 70%);padding:56px 24px}.cta-inner{max-width:600px;margin:0 auto}.cta-section h3{color:#f1f5f9;margin-bottom:12px;font-size:1.5rem;font-weight:700}.cta-section p{color:#94a3b8;margin-bottom:24px;font-size:1.05rem}.cta-button{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed,#a855f7);border-radius:12px;padding:14px 36px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #7c3aed59}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed80}.blog-footer{text-align:center;color:#475569;background:#0a0f1e;border-top:1px solid #94a3b81a;padding:24px;font-size:.85rem}.blog-footer a{color:#a78bfa;text-decoration:none}@media (max-width:640px){.blog-header{padding:32px 16px}.blog-title{font-size:1.7rem}.blog-.blog-content h2{font-size:1.4rem}.ilju-grid{grid-template-columns:1fr}.nav-links{flex-direction:column}.nav-link.next{text-align:left}.cta-section{padding:40px 18px}}.warning-box{color:#334155;background:#fef2f2;border-left:4px solid #ef4444;border-radius:0 8px 8px 0;margin:28px 0;padding:20px 24px}.warning-box strong{color:#dc2626}.time-diagram{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:24px;overflow-x:auto}.time-bar{text-align:center;border-radius:8px;width:100%;min-width:500px;height:48px;font-size:.75rem;font-weight:600;line-height:48px;display:flex;overflow:hidden}.time-bar div{justify-content:center;align-items:center;display:flex}.tb-prev{color:#475569;background:#e2e8f0;flex:1}.tb-yaja{color:#fff;background:#7c3aed;flex:1}.tb-midnight{color:#fff;background:#1e293b;flex:none;width:4px}.tb-joja{color:#fff;background:#a78bfa;flex:1}.tb-next{color:#475569;background:#e2e8f0;flex:1}.time-labels{color:#94a3b8;text-align:center;min-width:500px;margin-top:4px;font-size:.7rem;display:flex}.time-labels span{flex:1}.time-caption{color:#64748b;text-align:center;margin-top:12px;font-size:.85rem}.comparison-table th{color:#6d28d9;background:#f5f3ff;font-weight:600}.dst-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.9rem}.dst-table th,.dst-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px}.dst-table th{color:#dc2626;background:#fef2f2;font-weight:600}.dst-table tr:hover{background:#fff5f5}.element-section{border:1px solid #e2e8f0;border-radius:12px;margin:32px 0;padding:24px}.element-section h2{border-bottom:none!important;margin-top:0!important;padding-bottom:0!important}.element-wood{background:#f0fdf4;border-color:#bbf7d0}.element-fire{background:#fef2f2;border-color:#fecaca}.element-earth{background:#fefce8;border-color:#fef08a}.element-metal{background:#f1f5f9;border-color:#cbd5e1}.element-water{background:#eff6ff;border-color:#bfdbfe}.career-tags{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.career-tag{background:#ffffffb3;border:1px solid #00000014;border-radius:20px;padding:6px 14px;font-size:.88rem;font-weight:600;display:inline-block}.career-tag-wood{color:#16a34a;border-color:#16a34a30}.career-tag-fire{color:#dc2626;border-color:#dc262630}.career-tag-earth{color:#ca8a04;border-color:#ca8a0430}.career-tag-metal{color:#475569;border-color:#47556930}.career-tag-water{color:#2563eb;border-color:#2563eb30}.comparison-table td{border-bottom:1px solid #e2e8f0;padding:10px 14px}.comparison-table tr:nth-child(2n){background:#faf5ff}.disclaimer{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin:32px 0;padding:16px 20px;font-size:.9rem;line-height:1.6}.layer-diagram{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:24px}.layer-bar{color:#fff;border-radius:8px;max-width:520px;margin:8px auto;padding:14px 20px;font-size:.95rem;font-weight:600}.layer-bar.daeun{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.layer-bar.seun{background:linear-gradient(135deg,#3b82f6,#2563eb)}.layer-bar.wolun{background:linear-gradient(135deg,#0891b2,#0e7490)}.layer-bar.ilun{background:linear-gradient(135deg,#64748b,#475569)}.layer-caption{color:#64748b;margin-top:16px;font-size:.9rem}.guide-links{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.guide-link{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:.92rem;text-decoration:none;transition:all .2s}.guide-link:hover{background:#faf5ff;border-color:#7c3aed}.guide-link strong{color:#7c3aed;margin-bottom:2px;font-size:.8rem;display:block}.disclaimer strong{color:#475569}.cycle-diagram{flex-direction:column;align-items:center;gap:16px;margin:32px 0;display:flex}.cycle-ring{width:300px;height:300px;position:relative}.cycle-node{color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;font-size:.85rem;font-weight:700;display:flex;position:absolute;box-shadow:0 2px 12px #00000026}.cycle-node .emoji{font-size:1.4rem;line-height:1}.node-wood{background:#16a34a;top:0;left:50%;transform:translate(-50%)}.node-fire{background:#dc2626;top:25%;right:0}.node-earth{background:#ca8a04;bottom:0;right:15%}.node-metal{background:#475569;bottom:0;left:15%}.node-water{background:#2563eb;top:25%;left:0}.flow-grid{grid-template-columns:1fr;gap:12px;margin:20px 0;display:grid}.flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.flow-card:hover{background:#faf5ff;border-color:#7c3aed}.flow-emoji{flex-shrink:0;font-size:1.6rem}.flow-arrow{color:#7c3aed;flex-shrink:0;font-size:1.2rem;font-weight:700}.flow-text{color:#334155;font-size:.95rem}.flow-text strong{color:#0f172a}.element-personality{grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0;display:grid}.ep-card{text-align:center;border:1px solid #e2e8f0;border-radius:10px;padding:16px 8px}.ep-card:hover{border-color:#7c3aed}.ep-emoji{margin-bottom:4px;font-size:2rem}.ep-name{margin-bottom:2px;font-size:.9rem;font-weight:700}.ep-trait{color:#64748b;font-size:.78rem;line-height:1.4}.ep-wood{background:#f0fdf4}.ep-fire{background:#fef2f2}.ep-earth{background:#fefce8}.ep-metal{background:#f1f5f9}.ep-water{background:#eff6ff}.blog-content ol{margin-bottom:20px;margin-left:24px}.geokguk-grid{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}@media (min-width:640px){.geokguk-grid{grid-template-columns:1fr 1fr}}.geokguk-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;transition:all .2s}.geokguk-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.geokguk-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.geokguk-emoji{font-size:1.8rem;line-height:1}.geokguk-name{color:#0f172a;font-size:1.1rem;font-weight:700}.geokguk-hanja{color:#7c3aed;margin-top:2px;font-size:.82rem;font-weight:600;display:block}.geokguk-keywords{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.geokguk-tag{color:#6d28d9;background:#f0e7ff;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600}.geokguk-desc{color:#334155;font-size:.93rem;line-height:1.7}.step-box{counter-reset:step;margin:24px 0}.step-item{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.step-num{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;margin-top:3px;font-size:.9rem;font-weight:700;display:flex}.step-text{color:#334155;font-size:1rem;line-height:1.7}.step-text strong{color:#0f172a}.vs-box{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.vs-card{text-align:center;border-radius:12px;padding:20px}.vs-card.geokguk{background:#f0e7ff;border:2px solid #a78bfa}.vs-card.okboo{background:#e0f2fe;border:2px solid #38bdf8}.vs-title{margin-bottom:8px;font-size:1rem;font-weight:700}.vs-card.geokguk .vs-title{color:#6d28d9}.vs-card.okboo .vs-title{color:#0369a1}.vs-desc{color:#334155;font-size:.9rem;line-height:1.6}.faq-section{margin:28px 0}.faq-item{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-q{color:#1e293b;cursor:pointer;background:#faf5ff;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.faq-q:after{content:"▾";color:#7c3aed;font-size:1rem}.faq-a{color:#334155;background:#fff;border-top:1px solid #e2e8f0;padding:16px 20px;font-size:.97rem;line-height:1.7}.glossary-section{margin:24px 0}.glossary-category{color:#7c3aed;background:#faf5ff;border-radius:8px;margin-bottom:12px;padding:8px 16px;font-size:1rem;font-weight:700;display:inline-block}.glossary-grid{grid-template-columns:1fr;gap:8px;margin-bottom:24px;display:grid}.glossary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:140px 1fr;align-items:start;gap:12px;padding:14px 18px;transition:all .2s;display:grid}.glossary-item:hover{background:#faf5ff;border-color:#7c3aed}.glossary-term{color:#0f172a;font-size:.95rem;font-weight:700}.glossary-hanja{color:#7c3aed;font-size:.8rem;font-weight:600}.glossary-def{color:#334155;font-size:.92rem;line-height:1.6}.glossary-ref{color:#a78bfa;margin-top:2px;font-size:.8rem}.stem-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0;display:grid}.stem-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 8px;transition:all .2s}.stem-card:hover{border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed1a}.stem-hanja{margin-bottom:2px;font-size:1.6rem;font-weight:700}.stem-hangul{color:#1e293b;font-size:.95rem;font-weight:600}.stem-element{border-radius:10px;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.stem-yinyang{color:#94a3b8;margin-top:2px;font-size:.7rem}.stem-nature{color:#64748b;margin-top:4px;font-size:.7rem;line-height:1.4}.stem-hanja.wood{color:#16a34a}.stem-hanja.fire{color:#dc2626}.stem-hanja.earth{color:#ca8a04}.stem-hanja.metal{color:#475569}.stem-hanja.water{color:#2563eb}.branch-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;display:grid}.branch-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 8px;transition:all .2s}.branch-card:hover{border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed1a}.branch-animal{margin-bottom:2px;font-size:1.4rem}.branch-hanja{font-size:1.1rem;font-weight:700}.branch-hangul{color:#1e293b;font-size:.85rem;font-weight:600}.branch-info{color:#64748b;margin-top:4px;font-size:.7rem;line-height:1.3}.branch-time{color:#94a3b8;margin-top:2px;font-size:.65rem}@media (max-width:640px){.blog-header{padding:32px 16px}.blog-title{font-size:1.7rem}.blog- .blog-content h2{font-size:1.4rem}.stem-grid{grid-template-columns:repeat(5,1fr);gap:6px}.stem-card{padding:10px 4px}.stem-hanja{font-size:1.3rem}.stem-nature{display:none}.branch-grid{grid-template-columns:repeat(3,1fr);gap:8px}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:8px 6px}.nav-links{flex-direction:column}.nav-link.next{text-align:left}.cta-section{padding:40px 18px}}.shinsal-grid{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}.shinsal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;transition:all .2s}.shinsal-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.shinsal-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.shinsal-emoji{font-size:1.8rem;line-height:1}.shinsal-name{color:#0f172a;font-size:1.15rem;font-weight:700}.shinsal-hanja{color:#7c3aed;font-size:.85rem;font-weight:600}.shinsal-type{border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.type-wood{color:#16a34a;background:#f0fdf4}.type-fire{color:#dc2626;background:#fef2f2}.type-earth{color:#ca8a04;background:#fefce8}.type-metal{color:#475569;background:#f1f5f9}.type-water{color:#2563eb;background:#eff6ff}.shinsal-desc{color:#334155;margin-bottom:8px;font-size:.95rem;line-height:1.7}.shinsal-modern{color:#64748b;background:#f8fafc;border-left:3px solid #a78bfa;border-radius:8px;padding:10px 14px;font-size:.88rem}.ilgan-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;display:grid}@media (max-width:560px){.ilgan-grid{grid-template-columns:1fr}}.jeolgi-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.92rem}.jeolgi-table th{color:#fff;text-align:center;background:#7c3aed;padding:11px 13px;font-weight:600}.jeolgi-table th:first-child{text-align:left}.jeolgi-table td{text-align:center;border-bottom:1px solid #e2e8f0;padding:10px 13px}.jeolgi-table td:first-child{text-align:left;font-weight:600}.jeolgi-table tr:nth-child(2n){background:#faf5ff}.jeolgi-table tr:hover{background:#f0e7ff}.jeolgi-table .season-spring{color:#16a34a;font-weight:700}.jeolgi-table .season-summer{color:#dc2626;font-weight:700}.jeolgi-table .season-autumn{color:#d97706;font-weight:700}.jeolgi-table .season-winter{color:#2563eb;font-weight:700}.badge-jeol{color:#6d28d9;background:#ede9fe;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-block}.badge-jung{color:#15803d;background:#f0fdf4;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-block}.ohaeng-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0;display:grid}.ohaeng-card{border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:all .2s}.ohaeng-card:hover{box-shadow:0 2px 16px #7c3aed14}.ohaeng-card.wood{background:#f0fdf4;border-left:4px solid #16a34a}.ohaeng-card.fire{background:#fef2f2;border-left:4px solid #dc2626}.ohaeng-card.earth{background:#fffbeb;border-left:4px solid #d97706}.ohaeng-card.metal{background:#fafaf9;border-left:4px solid #78716c}.ohaeng-card.water{background:#eff6ff;border-left:4px solid #2563eb}.ohaeng-title{margin-bottom:6px;font-size:1.05rem;font-weight:700}.ohaeng-months{color:#64748b;margin-bottom:6px;font-size:.85rem}.ohaeng-desc{color:#334155;font-size:.9rem;line-height:1.6}.faq-q:before{content:"Q";color:#fff;background:#7c3aed;border-radius:6px;flex-shrink:0;align-self:flex-start;margin-top:3px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-block}.timing-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.timing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;transition:all .2s}.timing-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.timing-icon{margin-bottom:10px;font-size:1.8rem;line-height:1}.timing-title{color:#0f172a;margin-bottom:6px;font-size:1.05rem;font-weight:700}.timing-tag{border-radius:10px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.tag-buy{color:#16a34a;background:#f0fdf4}.tag-sell{color:#2563eb;background:#eff6ff}.tag-move{color:#ca8a04;background:#fefce8}.tag-caution{color:#dc2626;background:#fef2f2}.timing-desc{color:#334155;font-size:.93rem;line-height:1.7}.direction-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.direction-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 8px}.direction-cell.center{background:#faf5ff;border-color:#a78bfa}.direction-dir{color:#0f172a;font-size:1.1rem;font-weight:700}.direction-ohang{color:#7c3aed;font-size:.85rem;font-weight:600}.direction-desc{color:#64748b;margin-top:4px;font-size:.8rem}.faq-a:before{content:"A. ";color:#16a34a;font-weight:700}.el-section{border:1px solid;border-radius:16px;margin:28px 0;overflow:hidden}.el-header{align-items:center;gap:12px;padding:16px 20px;display:flex}.el-emoji{font-size:1.5rem}.el-title{font-size:1.1rem;font-weight:800}.el-subtitle{opacity:.85;font-size:.85rem;font-weight:500}.el- .naeum-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.naeum-grid{grid-template-columns:1fr}}.naeum-item{border:1px solid;border-radius:10px;padding:12px 14px;transition:all .2s}.naeum-item:hover{transform:translateY(-1px);box-shadow:0 2px 12px #00000012}.naeum-name{margin-bottom:2px;font-size:1rem;font-weight:800}.naeum-hanja{opacity:.7;margin-bottom:4px;font-size:.75rem;font-weight:600}.naeum-pair{opacity:.65;margin-bottom:6px;font-size:.78rem;font-weight:600}.naeum-desc{color:#475569;font-size:.86rem;line-height:1.6}.summary-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.88rem}.summary-table th{text-align:left;padding:10px 12px;font-size:.8rem;font-weight:700}.summary-table td{border-bottom:1px solid #f1f5f9;padding:9px 12px}.summary-table tr:hover td{background:#fafafa}.comparison-table td strong{color:#1e293b}.related-guides{border-top:2px solid #e2e8f0;margin-top:48px;padding-top:32px}.related-guides h2{border-bottom:none!important}.guide-list{margin-left:0;list-style:none}.guide-list li{margin-bottom:8px}.guide-list a{color:#7c3aed;font-size:1.02rem;font-weight:500;text-decoration:none;transition:color .15s}.guide-list a:hover{color:#4c1d95;text-decoration:underline}.glass-result{background:#0a0f1e;border:1px solid #ffffff14;border-radius:16px;margin:28px 0;padding:32px 24px}.glass-result h3{color:#f1f5f9;margin-bottom:16px;font-size:1.2rem}.glass-result .score{text-align:center;margin:20px 0;font-size:3rem;font-weight:800}.compat-meter{background:#ffffff1a;border-radius:6px;height:12px;margin:8px 0;overflow:hidden}.compat-bar{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:6px;height:100%}.compat-label{color:#94a3b8;justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.fortune-card{background:#0f172acc;border:1px solid #ffffff14;border-radius:12px;margin:12px 0;padding:20px}.fortune-card .card-title{color:#a78bfa;margin-bottom:8px;font-size:.9rem;font-weight:700}.fortune-card .card- .tarot-display{text-align:center;padding:24px 0}.tarot-display .tarot-emoji{margin-bottom:8px;font-size:4rem}.tarot-display .tarot-name{color:#f472b6;font-size:1.1rem;font-weight:700}.tarot-display .tarot-desc{color:#94a3b8;margin-top:4px;font-size:.85rem}.score-bar{align-items:center;gap:8px;margin:8px 0;display:flex}.score-label{color:#94a3b8;width:60px;font-size:.85rem}.score-track{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.score-fill{border-radius:4px;height:100%}.saju-pillar-diagram{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:24px}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:480px;margin:0 auto;display:grid}.pillar-col{text-align:center}.pillar-label{color:#7c3aed;margin-bottom:8px;font-size:.85rem;font-weight:700}.pillar-cell{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:4px;padding:10px 8px;font-size:1rem;font-weight:600}.pillar-cell.stem{background:#faf5ff;border-color:#d8b4fe}.pillar-cell.branch{background:#f0f9ff;border-color:#93c5fd}.pillar-row-label{color:#94a3b8;margin-top:4px;font-size:.75rem}.pillar-caption{color:#64748b;margin-top:16px;font-size:.9rem}.ohang-chart{margin:24px 0}.ohang-row{align-items:center;margin-bottom:10px;display:flex}.ohang-label{color:#1e293b;width:80px;font-size:.95rem;font-weight:600}.ohang-bar-bg{background:#f1f5f9;border-radius:6px;flex:1;height:24px;overflow:hidden}.ohang-bar{color:#fff;border-radius:6px;align-items:center;min-width:32px;height:100%;padding-left:8px;font-size:.75rem;font-weight:700;display:flex}.ohang-bar.wood{background:#4ade80}.ohang-bar.fire{background:#f87171}.ohang-bar.earth{color:#1e293b;background:#fbbf24}.ohang-bar.metal{background:#94a3b8}.ohang-bar.water{background:#60a5fa}.shinsal-tags{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.shinsal-tag{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.shinsal-tag.positive{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.shinsal-tag.caution{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.ai-analysis-block{background:linear-gradient(135deg,#faf5ff 0%,#f0f9ff 100%);border:1px solid #e9d5ff;border-radius:12px;margin:24px 0;padding:24px}.ai-analysis-block h4{color:#7c3aed;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.ai-analysis-block p{color:#334155;margin-bottom:12px;font-size:.98rem;line-height:1.8}.ai-analysis-block p:last-child{margin-bottom:0}.next-article{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:40px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.next-article:hover{background:#faf5ff;border-color:#7c3aed}.next-label{color:#7c3aed;font-size:.8rem;font-weight:600}.next-title{color:#1e293b;margin-top:2px;font-size:1.05rem;font-weight:600}.next-arrow{color:#7c3aed;font-size:1.5rem}.result-summary{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.result-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.result-card .label{color:#64748b;margin-bottom:4px;font-size:.8rem}.result-card .value{color:#1e293b;font-size:1.3rem;font-weight:700}.result-card .sub{color:#7c3aed;margin-top:2px;font-size:.8rem}.type-good{color:#16a34a;background:#f0fdf4}.type-bad{color:#dc2626;background:#fef2f2}.type-neutral{color:#ca8a04;background:#fefce8}.type-challenge{color:#ea580c;background:#fff7ed}.type-s{color:#7c3aed;background:#faf5ff}.type-a{color:#2563eb;background:#eff6ff}.type-b{color:#059669;background:#ecfdf5}.grade-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.92rem}.grade-table th{color:#fff;text-align:left;background:#7c3aed;padding:11px 12px;font-size:.88rem;font-weight:600}.grade-table td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px 12px}.grade-table tr:nth-child(2n){background:#faf5ff}.grade-table tr:hover{background:#f0e7ff}.grade-strong-4{background:#fff1f2!important}.grade-strong-3{background:#fff7ed!important}.grade-strong-2{background:#fefce8!important}.grade-strong-1,.grade-weak-1{background:#f0fdf4!important}.grade-weak-2{background:#fefce8!important}.grade-weak-3{background:#fff7ed!important}.grade-weak-4{background:#fff1f2!important}.grade-badge{white-space:nowrap;border-radius:10px;padding:2px 9px;font-size:.75rem;font-weight:700;display:inline-block}.badge-s4{color:#b91c1c;background:#fee2e2}.badge-s3{color:#c2410c;background:#fed7aa}.badge-s2{color:#854d0e;background:#fef08a}.badge-s1,.badge-w1{color:#166534;background:#bbf7d0}.badge-w2{color:#854d0e;background:#fef08a}.badge-w3{color:#c2410c;background:#fed7aa}.badge-w4{color:#b91c1c;background:#fee2e2}.criteria-grid{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}.criteria-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;transition:all .2s}.criteria-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.criteria-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.criteria-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.criteria-title{color:#0f172a;font-size:1.1rem;font-weight:700}.criteria-hanja{color:#7c3aed;font-size:.82rem;font-weight:600}.criteria-desc{color:#334155;font-size:.95rem;line-height:1.7}.feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.feature-card{border-radius:12px;padding:20px 22px}.feature-card.strong{background:#fff7ed;border:1px solid #fed7aa}.feature-card.weak{background:#eff6ff;border:1px solid #bfdbfe}.feature-card h3{margin-top:0;margin-bottom:10px;font-size:1.05rem;font-weight:700}.feature-card.strong h3{color:#c2410c}.feature-card.weak h3{color:#1d4ed8}.feature-card ul{margin-bottom:0;margin-left:18px}.feature-card li{color:#334155;margin-bottom:6px;font-size:.93rem}.checklist{background:#faf5ff;border:1px solid #ddd6fe;border-radius:12px;margin:24px 0;padding:24px 28px}.checklist h3{color:#6d28d9;margin-top:0;margin-bottom:14px;font-size:1.08rem}.check-item{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.check-box{background:#fff;border:2px solid #7c3aed;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.check-text{color:#334155;font-size:.95rem;line-height:1.5}.faq-list{margin:24px 0}.sipsung-grid{grid-template-columns:1fr;gap:20px;margin:28px 0;display:grid}.sipsung-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s}.sipsung-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.sipsung-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sipsung-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.sipsung-name{color:#0f172a;font-size:1.15rem;font-weight:700}.sipsung-hanja{color:#7c3aed;font-size:.82rem;font-weight:600}.sipsung-keywords{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sipsung-tag{border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.tag-personality{color:#6d28d9;background:#ede9fe}.tag-career{color:#1d4ed8;background:#dbeafe}.tag-love{color:#be185d;background:#fce7f3}.tag-health{color:#065f46;background:#d1fae5}.sipsung-desc{color:#334155;font-size:.93rem;line-height:1.7}.sipsung-extra{color:#64748b;border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px;font-size:.88rem;line-height:1.6}.pair-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.95rem}.pair-table th{color:#fff;text-align:left;background:#7c3aed;padding:12px 14px;font-weight:600}.pair-table td{border-bottom:1px solid #e2e8f0;padding:10px 14px}.pair-table tr:nth-child(2n){background:#faf5ff}.pair-table tr:hover{background:#f0e7ff}.cycle-box{text-align:center;background:#faf5ff;border:1px solid #ddd6fe;border-radius:12px;margin:28px 0;padding:24px 28px}.cycle-box h3{color:#6d28d9;margin-top:0;margin-bottom:14px;font-size:1.08rem}.cycle-arrows{color:#334155;font-size:1.1rem;line-height:2.2}.cycle-arrows strong{color:#7c3aed}.stage-grid{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;display:grid}@media (max-width:540px){.stage-grid{grid-template-columns:1fr}}.stage-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;transition:all .2s;position:relative;overflow:hidden}.stage-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.stage-accent{border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stage-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.stage-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.stage-name{color:#0f172a;font-size:1.1rem;font-weight:800}.stage-hanja{color:#64748b;margin-left:4px;font-size:.8rem;font-weight:600}.stage-en{border-radius:8px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:600}.stage-desc{color:#334155;margin-bottom:8px;font-size:.92rem;line-height:1.7}.stage-modern{color:#64748b;background:#f8fafc;border-left:3px solid #c4b5fd;border-radius:8px;padding:8px 12px;font-size:.83rem}.cycle-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:20px 0;display:flex}.cycle-dot{flex-direction:column;align-items:center;gap:3px;display:flex}.cycle-dot-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.7rem;font-weight:800;display:flex}.cycle-dot-label{color:#64748b;font-size:.62rem;font-weight:600}.cycle-arrow{color:#cbd5e1;align-self:center;margin-top:-14px;font-size:.9rem}.stem-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.stem-table th{color:#fff;text-align:center;background:#7c3aed;padding:10px 14px;font-weight:600}.stem-table td{text-align:center;border-bottom:1px solid #e2e8f0;padding:9px 14px}.stem-table tr:nth-child(2n){background:#faf5ff}.stem-table tr:hover{background:#f0e7ff}.phase-group{margin:32px 0 24px}.phase-label{color:#0f172a;border-radius:10px;margin-bottom:14px;padding:8px 14px;font-size:1.1rem;font-weight:700;display:inline-block}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:20px 22px;transition:all .2s;position:relative;overflow:hidden}.detail-card:hover{box-shadow:0 4px 20px #0000000f}.detail-card-accent{width:4px;position:absolute;top:0;bottom:0;left:0}.detail-card-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.detail-card-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:800;display:flex}.detail-card-name{color:#0f172a;font-size:1.15rem;font-weight:800}.detail-card-hanja{color:#64748b;margin-left:4px;font-size:.82rem}.detail-card-body p{color:#334155;margin-bottom:6px;font-size:.93rem;line-height:1.75}.detail-card-body p:last-child{margin-bottom:0}.detail-label{color:#6d28d9;margin-right:4px;font-size:.82rem;font-weight:700}.detail-modern{color:#64748b;background:#f8fafc;border-left:3px solid #c4b5fd;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:.85rem}.detail-caution{color:#92400e;background:#fffbeb;border-left:3px solid #fbbf24;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:.85rem}.pillar-diagram{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:24px}.element-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;display:grid}.element-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 8px}.element-icon{margin-bottom:4px;font-size:1.8rem}.element-name{color:#1e293b;font-size:.85rem;font-weight:700}.element-hanja{color:#7c3aed;font-size:.75rem}.element-desc{color:#64748b;margin-top:2px;font-size:.7rem}.month-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.month-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.month-card .month-name{color:#7c3aed;margin-bottom:4px;font-size:.85rem;font-weight:700}.month-card .month-desc{color:#64748b;font-size:.8rem}.yongsin-grid{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}.yongsin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;transition:all .2s}.yongsin-card:hover{border-color:#7c3aed;box-shadow:0 2px 16px #7c3aed14}.yongsin-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.yongsin-emoji{font-size:1.8rem;line-height:1}.yongsin-name{color:#0f172a;font-size:1.15rem;font-weight:700}.yongsin-hanja{color:#7c3aed;font-size:.85rem;font-weight:600}.yongsin-desc{color:#334155;margin-bottom:8px;font-size:.95rem;line-height:1.7}.yongsin-example{color:#64748b;background:#f8fafc;border-left:3px solid #a78bfa;border-radius:8px;padding:10px 14px;font-size:.88rem}.strength-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.95rem}.strength-table th{text-align:center;padding:12px 14px;font-size:1rem;font-weight:700}.strength-table th.strong{color:#fff;background:#6d28d9}.strength-table th.weak{color:#fff;background:#0369a1}.strength-table td{text-align:center;border:1px solid #e2e8f0;padding:10px 14px}.strength-table tr:nth-child(2n) td{background:#f8fafc}.tag{border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.tag-strong{color:#6d28d9;background:#ede9fe}.tag-weak{color:#0369a1;background:#e0f2fe}.progress-bar{z-index:100;background:linear-gradient(90deg,#3b82f6,#7c3aed,#ec4899);height:3px;transition:width .1s;position:fixed;top:0;left:0}.hero-image-area{aspect-ratio:16/7;background:linear-gradient(135deg,#1e1b4b,#312e81,#0f172a);width:100%;position:relative;overflow:hidden}.hero-image-area img{object-fit:cover;width:100%;height:100%}.hero-image-area .placeholder-text{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;inset:0}.hero-image-area .placeholder-text .icon{opacity:.4;font-size:48px}.hero-overlay{background:linear-gradient(#0000 0%,#000000b3 100%);padding:40px 24px 20px;position:absolute;bottom:0;left:0;right:0}.image-credit{color:#ffffff80;font-size:10px;position:absolute;bottom:8px;right:12px}.mag-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.mag-tag-purple{color:#fff;background:#7c3aed}.mag-tag-pink{color:#fff;background:#ec4899}.mag-tag-amber{color:#fff;background:#f59e0b}.mag-tag-outline{color:#6b7280;background:0 0;border:1px solid #d1d5db}.info-table{border-collapse:collapse;width:100%}.info-table tr{border-bottom:1px solid #f0f0f0}.info-table tr:last-child{border-bottom:none}.info-table th{text-align:left;color:#9ca3af;vertical-align:top;width:90px;padding:12px 0;font-size:13px;font-weight:600}.info-table td{color:#1a1a1a;padding:12px 0 12px 12px;font-size:14px;line-height:1.6}.photo-card{aspect-ratio:4/3;background:linear-gradient(135deg,#e8e0f0,#f0e8f5);border-radius:12px;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%}.photo-card .placeholder{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.photo-card .placeholder .icon{opacity:.5;font-size:32px}.photo-card .placeholder .text{font-size:11px}.photo-credit{color:#9ca3af;text-align:right;margin-top:4px;font-size:10px}.quote-box{background:#f5f3ff;border-left:3px solid #7c3aed;border-radius:0 8px 8px 0;padding:16px 20px}.quote-box p{color:#4c1d95;font-size:15px;font-style:italic;font-weight:600;line-height:1.7}.timeline-item{gap:16px;display:flex;position:relative}.timeline-dot{background:#7c3aed;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:5px;box-shadow:0 0 0 4px #ede9fe}.timeline-line{background:#e5e7eb;width:2px;position:absolute;top:20px;bottom:-16px;left:5px}.saju-insight{background:linear-gradient(135deg,#faf5ff,#f0f0ff);border:1px solid #e9d5ff;border-radius:16px;padding:24px}.cta-dark{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a,#1e1b4b);border-radius:20px;padding:40px 24px}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#7c3aed,#ec4899);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.cta-btn:hover{opacity:.9;transform:translateY(-1px)}.fade-up{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:480px){.hero-image-area{aspect-ratio:16/8}.info-table th{width:76px;font-size:12px}.info-table td{font-size:13px}}.cast-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.cast-slider::-webkit-scrollbar{display:none}.cast-card{scroll-snap-align:start;flex:0 0 140px;text-decoration:none;transition:transform .2s}.cast-card:hover{transform:translateY(-4px)}.cast-card img{object-fit:cover;border-radius:16px;width:140px;height:140px;box-shadow:0 2px 8px #0000001a}.tab-nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafafaf7;border-bottom:1px solid #e5e7eb;position:sticky;top:44px}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;padding:6px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.tab-btn:hover{color:#7c3aed;border-color:#c4b5fd}.tab-btn.active{color:#7c3aed;background:#f3f0ff;border-color:#c4b5fd}.hero-banner{text-align:center;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);padding:40px 24px;position:relative;overflow:hidden}.hero-banner:before{content:"";background:radial-gradient(at 30% 20%,#7c3aed26 0%,#0000 60%),radial-gradient(at 70% 80%,#3b82f61a 0%,#0000 60%);position:absolute;inset:0}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.info-grid-item{text-align:center;background:#f9fafb;border-radius:12px;padding:12px}.fortune-type{text-align:center;background:#f9fafb;border-radius:12px;padding:16px 12px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;text-decoration:none;transition:all .3s;display:block}.profile-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 8px 24px #7c3aed14}.profile-card .emoji-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.profile-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.coming-soon-card{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:24px}.link-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.link-card:hover{border-color:#c4b5fd}.tarot-card-detail{background:#f8f9fa;border-radius:12px;gap:1.5rem;margin:2rem 0;padding:1.5rem;display:flex}.tarot-card-detail img{border-radius:10px;flex-shrink:0;max-width:180px;box-shadow:0 4px 16px #0000001f}.tarot-card-info{flex:1}.tarot-card-info h3{color:#1a1a2e;margin:0 0 .5rem}.tarot-keywords{color:#6b21a8;margin:.5rem 0;font-weight:600}.tarot-tip{background:#ede9fe;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}@media (max-width:600px){.tarot-card-detail{text-align:center;text-align:center;flex-direction:column;align-items:center}}.card-compare-grid{grid-template-columns:1fr;gap:24px;margin:2rem 0;display:grid}.card-compare{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.card-compare-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-compare-header img{border-radius:8px;width:60px;height:auto;box-shadow:0 2px 8px #0000001a}.card-compare-header .card-name{color:#0f172a;font-size:1.1rem;font-weight:700}.card-compare-header .card-numeral{color:#7c3aed;font-size:.85rem;font-weight:600}.card-compare- .card-compare-col{padding:16px 20px}.card-compare-col:first-child{background:#f0fdf4;border-right:1px solid #e2e8f0}.card-compare-col:last-child{background:#fef2f2}.card-compare-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:700}.card-compare-label.upright{color:#16a34a}.card-compare-label.reversed{color:#dc2626}.card-compare-col p{color:#334155;margin:0;font-size:.92rem;line-height:1.6}.school-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:1.5rem 0;display:grid}.school-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.school-num{color:#7c3aed;margin-bottom:4px;font-size:1.8rem;font-weight:800}.school-name{color:#0f172a;margin-bottom:8px;font-size:1rem;font-weight:700}.school-desc{color:#64748b;font-size:.88rem;line-height:1.5}.tarot-card-display{text-align:center;margin:1.5rem 0}.tarot-card-display img{border-radius:12px;max-width:200px;box-shadow:0 4px 20px #00000026}.tarot-card-caption{color:#666;margin-top:.5rem;font-size:.9rem}.tarot-card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.suit-card{text-align:center;background:#f8f9fa;border-radius:12px;padding:1.5rem}.suit-emoji{font-size:2rem}.suit-name{margin:.5rem 0;font-weight:700}.compare-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.compare-table th{color:#fff;text-align:left;background:#7c3aed;padding:12px 16px;font-weight:600}.compare-table td{border-bottom:1px solid #e2e8f0;padding:12px 16px}.compare-table tr:nth-child(2n) td{background:#faf5ff}.compare-table .col-label{color:#1e293b;white-space:nowrap;font-weight:600}.match-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.match-table th{color:#f8fafc;text-align:center;background:#0f172a;padding:12px 14px;font-weight:600}.match-table td{text-align:center;border-bottom:1px solid #e2e8f0;padding:12px 14px}.match-table tr:nth-child(2n) td{background:#f8fafc}.spread-diagram{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:2rem auto;padding:24px;position:relative}.spread-card{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:6px;justify-content:center;align-items:center;width:52px;height:76px;font-size:1rem;font-weight:700;display:flex;position:absolute;box-shadow:0 2px 8px #7c3aed4d}.spread-card-label{color:#64748b;text-align:center;width:80px;font-size:.7rem;position:absolute}.spread-one{max-width:180px;height:140px}.spread-three{max-width:380px;height:160px}.spread-celtic{max-width:520px;height:380px}.spread-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.spread-table th{color:#fff;text-align:left;background:#7c3aed;padding:12px 16px;font-weight:600}.spread-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:12px 16px}.spread-table tr:hover td{background:#faf5ff}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.hero-card{border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(160deg,#1e1b4b 0%,#312e81 30%,#0f172a 70%,#1e1b4b 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-bg img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(#0000 0%,#0a0f1e4d 50%,#0a0f1ef2 100%);position:absolute;inset:0}.hero-decoration{border:2px solid #a78bfa33;border-radius:50%;width:180px;height:180px;animation:3s ease-in-out infinite pulse-ring;position:absolute;top:30px;right:30px}.hero-decoration:before{content:"命";background:linear-gradient(135deg,#a78bfa66,#f472b666);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:64px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-violet), var(--accent-pink), transparent);width:2px;position:absolute;top:0;bottom:0;left:8px}.saju-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;transition:border-color .3s,transform .2s;overflow:hidden}.saju-card:hover{border-color:#a78bfa4d;transform:translateY(-2px)}.scene-banner{align-items:flex-end;min-height:160px;padding:32px 24px;display:flex;position:relative}.scene-banner:after{content:"";background:linear-gradient(#0000 0%,#1e293bf2 100%);position:absolute;inset:0}.element-badge{letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.saju-pillars{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pillar{background:#0f172a99;border:1px solid #64748b33;border-radius:12px;padding:12px 8px}.pillar-hanja{font-size:22px;font-weight:800;line-height:1.2}.pillar-hangul{color:var(--text-secondary);margin-top:2px;font-size:11px}.insight-box{background:#7c3aed14;border:1px solid #7c3aed33;border-radius:12px;padding:16px}.insight-box .icon{background:linear-gradient(135deg, var(--accent-violet), var(--accent-pink));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.quiz-card{text-align:center;background:linear-gradient(135deg,#7c3aed26,#ec48991a);border:1px solid #7c3aed40;border-radius:20px;padding:28px 24px}.quiz-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.quiz-opt{cursor:pointer;color:var(--text-primary);background:#0f172a99;border:1px solid #64748b4d;border-radius:12px;padding:14px 12px;font-size:14px;transition:all .2s}.quiz-opt:hover{border-color:var(--accent-violet);background:#7c3aed1f}.quiz-opt.correct{color:#86efac;background:#22c55e26;border-color:#22c55e}.quiz-opt.wrong{color:#fca5a5;opacity:.6;background:#ef44441a;border-color:#ef4444}.quiz-result{text-align:left;background:#0f172a99;border-radius:12px;margin-top:16px;padding:16px;font-size:14px;line-height:1.6;display:none}.cta-btn:active{transform:scale(.98)}.card-number{z-index:10;background:linear-gradient(135deg, var(--accent-violet), var(--accent-pink));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #7c3aed66}.tag-purple{color:#d8b4fe;background:#7c3aed33}.tag-pink{color:#f9a8d4;background:#ec489933}.tag-blue{color:#93c5fd;background:#3b82f633}.tag-amber{color:#fcd34d;background:#f59e0b33}.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;text-decoration:none;transition:all .3s;display:block}.blog-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 8px 24px #7c3aed14}.blog-card h3{color:#1a1a1a;margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.4}.blog-card p{color:#6b7280;font-size:.9rem;line-height:1.6}.blog-card .tag{color:#7c3aed;background:#f3f0ff;border-radius:4px;margin-bottom:10px;margin-right:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.blog-card .tag-ko{color:#92400e;background:#fef3c7}.hub-banner{background:linear-gradient(135deg,#f5f3ff,#eef2ff);border:1px solid #e9d5ff;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s;display:flex}.hub-banner:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed14}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172acc;border:1px solid #94a3b81f}.blog-container{max-width:768px;margin:0 auto;padding:40px 20px}.pillar-box{color:#f8fafc;background:#0f172a99;border:1px solid #64748b33;border-radius:8px;margin:14px 0;padding:16px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #64748b33;padding:14px}.emoji{margin-right:2px;font-size:1.2em}.blog-body{color:#1e293b;background:#fff}.blog-content{color:#334155;line-height:1.7}.blog-content h2{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-top:44px;margin-bottom:18px;padding-bottom:8px;font-size:1.65rem;font-weight:700}.blog-content h2:first-child{margin-top:0}.blog-content h3{color:#1e293b;margin-top:28px;margin-bottom:12px;font-size:1.2rem;font-weight:600}.blog-content h4{color:#1e293b;margin-top:20px;margin-bottom:8px;font-size:1.05rem;font-weight:600}.blog-content p{color:#334155;margin-bottom:18px;font-size:1.05rem}.blog-content li{color:#334155;margin-bottom:8px;font-size:1.02rem}.blog-content li strong{color:#6d28d9}.blog-content strong{color:#0f172a}.blog-content a{color:#7c3aed;text-decoration:underline}.blog-content ul,.blog-content ol{margin-bottom:20px;margin-left:24px}.blog-content table{color:#334155}.blog-content th{color:#1e293b}.blog-content td{color:#334155}.comparison-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.95rem}.comparison-table th{color:#6d28d9;text-align:left;background:#f5f3ff;border-bottom:1px solid #e2e8f0;padding:12px;font-weight:600}.comparison-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:12px}.comparison-table tr:hover{background:#faf5ff}.highlight-box{color:#334155;background:#faf5ff;border-left:4px solid #7c3aed;border-radius:8px;margin:24px 0;padding:20px 24px}.highlight-box strong{color:#6d28d9}.glass-result{color:#f8fafc}.glass-result h3{color:#f1f5f9}.glass-result p{color:#cbd5e1}.pillar-box{color:#f8fafc}.cta-dark{color:#fff}