@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Noto+Sans+KR:wght@300;400;700;900&display=swap";:root{--font-cosmic:"Outfit", "Noto Sans KR", sans-serif;--bg-deep:#060212;--bg-space:#0d0624;--bg-card:#150c3080;--border-glow:#a855f74d;--color-gold:#e2b74c;--color-gold-hover:#f3d077;--color-purple:#9333ea;--color-purple-light:#c084fc;--color-text-bright:#f3f4f6;--color-text-dim:#9ca3af;--el-wood:#2ecc71;--el-fire:#e74c3c;--el-earth:#f1c40f;--el-metal:#ecf0f1;--el-water:#3498db;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-cosmic);background:radial-gradient(circle at 50% 0%, #1c0e3d 0%, var(--bg-deep) 70%);color:var(--color-text-bright);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:4px}.cosmic-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 10px 40px #00000080}.glass-panel:hover{border-color:#a855f780;box-shadow:0 15px 50px #a855f726}.nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1rem 1.5rem;display:flex}.brand-title{background:linear-gradient(135deg, var(--color-gold) 0%, #fff 50%, var(--color-purple-light) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #e2b74c4d;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.nav-tabs{gap:.5rem;max-width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.nav-tab{color:var(--color-text-dim);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.nav-tab:hover{color:var(--color-text-bright);background:#9333ea26}.nav-tab.active{color:var(--color-gold);border-color:var(--color-gold);text-shadow:0 0 10px #e2b74c33;background:#9333ea40}.lang-toggle{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.4rem .8rem;font-weight:600}.lang-toggle:hover{background:#fff3}.gateway-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1rem;display:grid}.gateway-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;display:flex}.gateway-icon{transition:var(--transition-smooth);margin-bottom:.5rem;font-size:3rem}.gateway-card:hover .gateway-icon{filter:drop-shadow(0 0 15px var(--color-purple-light));transform:translateY(-8px)scale(1.1)}.cosmic-btn{background:linear-gradient(135deg, var(--color-purple) 0%, #7c3aed 100%);color:#fff;font-weight:700;font-family:var(--font-cosmic);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:.8rem 1.8rem;box-shadow:0 4px 15px #7c3aed4d}.cosmic-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.cosmic-btn-gold{background:linear-gradient(135deg, var(--color-gold) 0%, #d4af37 100%);color:#0d0624}.cosmic-btn-gold:hover{box-shadow:0 6px 20px #e2b74c80}.saju-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-dim);font-size:.9rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--border-glow);color:#fff;font-family:var(--font-cosmic);transition:var(--transition-smooth);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border-radius:8px;outline:none;padding:.8rem;font-size:1rem}select option{color:#fff;background-color:#150c30}.form-group input:focus,.form-group select:focus{border-color:var(--color-gold);box-shadow:0 0 10px #e2b74c4d}.pillars-container{grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0;display:grid}.pillar-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem 1rem}.pillar-title{color:var(--color-text-dim);margin-bottom:.8rem;font-size:.85rem}.pillar-character{border-radius:6px;margin:.5rem 0;padding:.4rem;font-size:1.6rem;font-weight:900}.elements-visualizer{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2rem;margin:2rem 0;display:flex}.element-bar-container{flex-direction:column;flex:1;gap:1rem;min-width:250px;display:flex}.element-row{align-items:center;gap:1rem;display:flex}.element-label{width:90px;font-size:.95rem;font-weight:700}.element-track{background:#ffffff0d;border-radius:6px;flex:1;height:12px;overflow:hidden}.element-bar{border-radius:6px;height:100%;transition:width 1s ease-out}.element-val{text-align:right;width:45px;font-weight:800}.polarity-bar{border:1px solid #ffffff1a;border-radius:12px;height:24px;margin:1.5rem 0;display:flex;overflow:hidden}.polarity-yang{color:#000;background:linear-gradient(90deg,#f1c40f,#e74c3c);justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:width 1s ease-out;display:flex}.polarity-yin{color:#fff;background:linear-gradient(90deg,#3498db,#060212);justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:width 1s ease-out;display:flex}.tarot-board{flex-direction:column;align-items:center;gap:2rem;display:flex}.spread-selector{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.spread-btn{border:1px solid var(--border-glow);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.spread-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#9333ea33}.deck-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:900px;padding:2rem;display:flex}.card-3d-container{perspective:1000px;cursor:pointer;width:110px;height:180px}.card-3d-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-3d-container.flipped .card-3d-inner{transform:rotateY(180deg)}.card-3d-front,.card-3d-back{backface-visibility:hidden;border:2px solid var(--color-gold);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-3d-front{color:var(--color-gold);background:radial-gradient(circle,#2e1a47 0%,#0d0624 100%)}.card-3d-front:after{content:"✨";text-shadow:0 0 10px var(--color-gold);font-size:2.2rem;animation:2s ease-in-out infinite pulse}.card-3d-back{background:linear-gradient(135deg,#1e1145 0%,#110a26 100%);flex-direction:column;justify-content:space-between;padding:.8rem .4rem;display:flex;overflow:hidden;transform:rotateY(180deg)}.card-3d-back.reversed{transform:rotateY(180deg)rotate(180deg)}.card-title-tiny{text-align:center;color:var(--color-gold);font-size:.75rem;font-weight:800}.card-symbol-tiny{text-shadow:0 0 10px #a855f766;font-size:2rem}.drawn-cards-result{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%;margin-top:2rem;display:flex}.drawn-card-details{flex:1;min-width:280px;padding:1.5rem}.resonance-circle-container{justify-content:center;align-items:center;margin:2.5rem 0;display:flex;position:relative}.resonance-circle{border:4px solid var(--color-gold);background:radial-gradient(circle,#9333ea26 0%,#0d0624cc 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;animation:3s infinite alternate pulse-glow;display:flex;box-shadow:0 0 40px #9333ea66}.resonance-score{color:var(--color-gold);text-shadow:0 0 15px #e2b74c80;font-size:3.5rem;font-weight:900}.magic-circle{border:2px dashed #e2b74c33;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;animation:30s linear infinite spin;display:flex;position:absolute}.magic-circle:before{content:"";border:1px solid #a855f733;border-radius:50%;width:180px;height:180px;animation:20s linear infinite spin-reverse;position:absolute}.study-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=768px){.study-grid{grid-template-columns:1fr}.pillars-container{grid-template-columns:repeat(2,1fr)}}.study-item-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:.8rem;padding:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes pulse-glow{0%{box-shadow:0 0 30px #9333ea4d}to{box-shadow:0 0 50px #e2b74c99}}.share-container{display:inline-block;position:relative}.share-btn{color:var(--color-gold);cursor:pointer;font-weight:700;font-family:var(--font-cosmic);transition:var(--transition-smooth);white-space:nowrap;background:linear-gradient(135deg,#9333ea4d,#e2b74c33);border:1px solid #e2b74c66;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem}.share-btn:hover{background:linear-gradient(135deg,#9333ea80,#e2b74c59);transform:translateY(-1px);box-shadow:0 4px 15px #e2b74c4d}.share-dropdown{z-index:100;min-width:180px;padding:.5rem;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 8px);right:0}.share-dropdown-item{text-align:left;width:100%;color:var(--color-text-bright);cursor:pointer;font-family:var(--font-cosmic);transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;padding:.7rem 1rem;font-size:.9rem;display:block}.share-dropdown-item:hover{color:var(--color-gold);background:#9333ea33}.share-backdrop{z-index:99;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.premium-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.premium-modal{background:linear-gradient(145deg,#150c30f2,#0d0624fa);border:1px solid #e2b74c66;width:100%;max-width:520px;max-height:90vh;padding:2.5rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 0 60px #9333ea4d,0 0 120px #e2b74c1a,inset 0 1px #ffffff0d}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.premium-close{color:var(--color-text-dim);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:1rem;right:1rem}.premium-close:hover{color:#fff;background:#e74c3c4d}.premium-header{text-align:center;margin-bottom:1.5rem}.premium-crown{margin-bottom:.5rem;font-size:3.5rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.premium-title{background:linear-gradient(135deg, var(--color-gold), #fff, var(--color-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem}.premium-subtitle{color:var(--color-text-dim);font-size:1rem}.premium-trigger-badge{text-align:center;color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.premium-benefits{margin:0 0 2rem;padding:0;list-style:none}.premium-benefit-item{color:var(--color-text-bright);border-bottom:1px solid #ffffff0a;align-items:center;gap:.8rem;padding:.7rem 0;font-size:.95rem;display:flex}.benefit-icon{flex-shrink:0;font-size:1.3rem}.premium-pricing{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.price-card{text-align:center;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem 1rem;position:relative}.price-card:hover{border-color:var(--color-gold);background:#e2b74c0d}.price-card-yearly{background:#e2b74c0d;border-color:#e2b74c80}.price-badge{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:-10px;right:-5px}.price-period{color:var(--color-text-dim);margin-bottom:.8rem;font-size:.85rem;font-weight:600}.price-amount{justify-content:center;align-items:baseline;gap:2px;display:flex}.price-currency{color:var(--color-gold);font-size:1rem;font-weight:700}.price-number{color:var(--color-gold);font-size:2rem;font-weight:900}.price-unit{color:var(--color-text-dim);font-size:.8rem}.price-save{color:#2ecc71;margin-top:.5rem;font-size:.8rem;font-weight:700}.premium-cta{width:100%;margin-bottom:.8rem;padding:1rem;font-size:1.1rem;animation:2s infinite alternate glow-pulse}@keyframes glow-pulse{0%{box-shadow:0 4px 15px #e2b74c4d}to{box-shadow:0 6px 30px #e2b74c99}}.premium-disclaimer{text-align:center;color:var(--color-text-dim);opacity:.7;font-size:.75rem}@media (width<=420px){.premium-pricing{grid-template-columns:1fr}.premium-modal{padding:1.5rem}}.price-card.selected{border-color:var(--color-gold);background:#e2b74c14;box-shadow:0 0 15px #e2b74c33}.payment-methods-selector{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem;margin-bottom:1.5rem;display:grid}.payment-method-btn{color:var(--color-text-dim);cursor:pointer;font-family:var(--font-cosmic);transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem;font-size:.95rem;font-weight:700}.payment-method-btn:hover{color:var(--color-text-bright);background:#ffffff14}.payment-method-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#9333ea26;box-shadow:0 0 10px #e2b74c26}.payment-action-area{justify-content:center;align-items:center;min-height:50px;margin-top:1rem;margin-bottom:1.5rem;display:flex}.premium-bypass-btn{color:var(--color-text-dim);cursor:pointer;transition:var(--transition-smooth);opacity:.6;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.premium-bypass-btn:hover{opacity:1;color:var(--color-gold)}.compat-form-layout{width:100%}.compat-inputs-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.compat-inputs-grid{grid-template-columns:1fr}}.compat-partner-card{border:1px solid var(--border-glow);background:#ffffff05;border-radius:12px;padding:1.5rem}.compat-relation-selector{background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:flex}.compat-lock-overlay{z-index:10;background:#0d0624bf;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.compat-lock-box{text-align:center;max-width:420px;padding:2.5rem 2rem;border:1.5px solid var(--color-gold)!important;background:linear-gradient(135deg,#150c30fa,#0d0624fc)!important;box-shadow:0 0 35px #e2b74c4d!important}.calendar-legend{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-dot{border-radius:30%;width:12px;height:12px;display:inline-block}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.8rem;margin:1.5rem 0;display:grid}@media (width<=600px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}.calendar-day-card{aspect-ratio:1;cursor:pointer;transition:var(--transition-smooth);border-radius:10px;flex-direction:column;justify-content:space-between;padding:.8rem;display:flex;position:relative}.calendar-day-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ffffff1a;border-color:#fff!important}.calendar-day-card.selected{outline-offset:2px;outline:2px solid #fff}.day-number{font-size:1.1rem;font-weight:800}.day-ganji{font-size:.75rem;font-weight:600}.day-best-star{color:var(--color-gold);text-shadow:0 0 5px #e2b74ccc;font-size:.95rem;position:absolute;top:4px;right:6px}.calendar-detail-panel{animation:.3s ease-out slideDown}.status-badge{border-radius:30px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.status-badge.status-best{color:var(--color-gold);border:1px solid var(--color-gold);background:#e2b74c33}.status-badge.status-good{color:var(--color-purple-light);border:1px solid var(--color-purple-light);background:#9333ea33}.status-badge.status-normal{color:#fff;background:#ffffff1a}.status-badge.status-bad{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c}.naming-el-badge{border:1px solid var(--border-glow);background:#ffffff0a;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 4px 20px #9333ea99,0 0 #9333ea66}70%{transform:scale(1.05);box-shadow:0 4px 25px #9333eacc,0 0 0 10px #9333ea00}to{transform:scale(1);box-shadow:0 4px 20px #9333ea99,0 0 #9333ea00}}.pulse{animation:2s infinite pulseGlow}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay>.glass-panel{animation:.3s cubic-bezier(.4,0,.2,1) modalFadeIn}