*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f0c75e;--primary-light:#ffd080;--accent:#ff6b9d;--bg1:#0a0e2a;--bg2:#141850;--card:#ffffff0f;--card-border:#f0c75e14;--card-shadow:#0000004d;--text:#f5f0e8;--text-dim:#f5f0e880;--text-light:#f5f0e84d;--glow:#f0c75e40;--radius:24px;--radius-sm:16px}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(170deg,#0a0e2a 0%,#141850 40%,#0d1235 70%,#080b20 100%);font-family:Gowun Dodum,Noto Sans KR,sans-serif}body{overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 40%,#f0c75e0f 0%,#0000 50%),radial-gradient(at 30% 20%,#7c3aed0a 0%,#0000 40%),radial-gradient(at 70% 70%,#ff6b9d08 0%,#0000 40%);position:fixed;inset:0}.stars-container{z-index:0;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.star{background:var(--star-color,#f0c75e);box-shadow:0 0 6px 2px var(--star-glow,#f0c75e66), 0 0 12px 4px var(--star-glow2,#f0c75e26);animation:twinkle var(--duration,4s) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes floatStar{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.25;transform:translateY(-12px)}}.app-container{z-index:1;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.inner{width:100%;max-width:500px;margin:0 auto;padding:20px 20px 40px}.screen-enter{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{border-radius:var(--radius);background:#0e1232e0;border:1px solid #f0c75e14;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,0 0 1px #f0c75e1a}.card:before{display:none}.card-glow{box-shadow:0 0 24px #f0c75e14,0 8px 32px #0000004d}h1{font-size:44px;font-weight:900;line-height:1.3}h2{margin-bottom:14px;font-size:30px;font-weight:800}h3{margin-bottom:10px;font-size:24px;font-weight:800}p{color:var(--text-dim);font-size:17px;line-height:1.75}h1,h2,h3,.gradient-text,.feature-title{font-family:Gamja Flower,Gowun Dodum,cursive}.gradient-text{background:linear-gradient(135deg,#f0c75e,#ffd080,#ff6b9d,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.btn{cursor:pointer;border:none;border-radius:50px;min-height:44px;padding:14px 28px;font-family:inherit;font-size:17px;font-weight:700;transition:all .25s;position:relative;overflow:hidden}.btn-primary{color:#0a0e2a;background:linear-gradient(135deg,#f0c75e,#e8b030);font-weight:800;box-shadow:0 4px 20px #f0c75e59}.btn-primary:hover{background:linear-gradient(135deg,#ffd080,#f0c75e);transform:translateY(-2px);box-shadow:0 6px 28px #f0c75e80}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #f0c75e33}.btn-full{width:100%}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{display:none}.feature-card{border-radius:var(--radius);cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:28px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.feature-card:before{display:none}.feature-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-6px);box-shadow:0 8px 32px #f0c75e26}.feature-card:active{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.feature-card .feature-icon{margin-bottom:12px;font-size:48px}.feature-card .feature-title{color:#fff;margin-bottom:6px;font-size:22px;font-weight:900}.feature-card .feature-desc{color:#fffc;font-size:16px;font-weight:600}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:360px;margin:0 auto;display:grid}.intro-subtitle{color:var(--text-dim);margin-bottom:32px;font-size:14px;line-height:1.6}.input-group{margin-bottom:16px}.input-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700;display:block}input,select{width:100%;color:var(--text);-webkit-appearance:none;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:14px;padding:13px 16px;font-family:inherit;font-size:16px;transition:all .25s}select option{color:#f5f0e8;background:#0a0e2a}input:focus,select:focus{background:#ffffff1a;border-color:#f0c75e80;outline:none;box-shadow:0 0 0 3px #f0c75e26}.select-row{gap:8px;display:flex}.select-row .input-group{flex:1;margin-bottom:0}.pill-toggle{background:#ffffff0f;border-radius:50px;gap:4px;padding:4px;display:flex}.pill-toggle button{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:50px;flex:1;min-height:44px;padding:12px;font-family:inherit;font-size:16px;font-weight:700;transition:all .25s}.pill-toggle button.active{color:#0a0e2a;background:linear-gradient(135deg,#f0c75e,#e8b030);box-shadow:0 2px 8px #f0c75e40}.time-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:100%;display:grid}.time-option{text-align:center;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border:1.5px solid #0000;border-radius:10px;min-width:0;min-height:44px;padding:10px 4px;font-size:11px;transition:all .2s;overflow:hidden}.time-option:active{background:#ffffff1f}.time-option:hover{border-color:var(--primary-light)}.time-option.selected{border-color:var(--primary);color:#ffd080;background:#f0c75e26;font-weight:700}.time-range{color:var(--text);white-space:nowrap;margin-bottom:1px;font-size:12px;font-weight:800;display:block}.time-hanja{margin-bottom:1px;font-size:12px;font-weight:600}.time-hangul{color:var(--text-dim);font-size:10px}.time-option.unknown-time{grid-column:1/-1}.exact-time-section{margin-top:10px}.exact-time-toggle{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.exact-time-checkbox{width:20px;height:20px;color:var(--primary);background:#ffffff0f;border:1.5px solid #fff3;border-radius:4px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.exact-time-checkbox.checked{border-color:var(--primary);background:#f0c75e26}.exact-time-inputs{align-items:center;gap:8px;margin-top:8px;display:flex}.exact-time-select{width:80px;color:var(--text);appearance:auto;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;flex:none;min-height:44px;padding:10px;font-size:16px;font-weight:600}.exact-time-select:focus{border-color:var(--primary);outline:none}.exact-time-siju{color:var(--primary-light);font-size:13px;font-weight:600}.exact-time-note{color:var(--text-dim);margin-top:6px;margin-bottom:0;font-size:12px}.option-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option-card{border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text);background:#ffffff0f;border:1.5px solid #ffffff1a;min-height:44px;padding:16px 12px;font-size:16px;font-weight:600;transition:all .2s}.option-card:hover{border-color:var(--primary-light);background:#f0c75e14}.option-card.selected{border-color:var(--primary);color:#fff;background:#f0c75e1a}.option-card .icon{margin-bottom:6px;font-size:24px;display:block}.pair-toggle{align-items:center;gap:8px;margin-bottom:12px;display:flex}.pair-btn{cursor:pointer;text-align:center;color:#ffffff80;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:14px;flex:1;min-height:44px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.pair-btn.active{color:#0a0e2a;border-color:var(--primary);background:linear-gradient(135deg,#f0c75e,#e8b030)}.vs{color:var(--text-light);font-size:12px}.progress-dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.dot{background:#ffffff26;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.done{background:var(--primary-light)}.dot.active{background:var(--primary);border-radius:5px;width:28px}.loading-step{opacity:.3;color:var(--text);align-items:center;gap:12px;padding:14px 0;font-size:16px;font-weight:600;transition:all .5s;display:flex}.loading-step.active{opacity:1}.loading-step.done{opacity:.6}.loading-step .spinner{border:3px solid #f0c75e26;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-step.done .spinner{border-color:var(--mint);border-top-color:var(--mint);animation:none;display:none}.loading-step .check{color:#6ee7b7;font-size:18px;display:none}.loading-step.done .check{display:block}.section-divider{text-align:center;color:#f0c75e99;letter-spacing:1px;text-transform:uppercase;margin:32px 0 16px;font-size:15px;font-weight:800;position:relative}.section-divider:before{content:"";background:#f0c75e26;width:30%;height:1px;position:absolute;top:50%;left:0}.section-divider:after{content:"";background:#f0c75e26;width:30%;height:1px;position:absolute;top:50%;right:0}.pillar-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pillar{border-radius:var(--radius-sm);background:#f0c75e0a;border:1px solid #f0c75e14;padding:12px 8px}.pillar-label{color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:700}.stem,.branch{font-size:32px;font-weight:800}.elem{border-radius:6px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.elem-wood{color:#68d391;background:#48bb781f}.elem-fire{color:#fc8181;background:#f565651f}.elem-earth{color:#ecc94b;background:#ecc94b1f}.elem-metal{color:#cbd5e0;background:#a0aec01f}.elem-water{color:#90cdf4;background:#4299e11f}.bar-chart{margin:8px 0}.bar-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bar-label{text-align:center;flex-shrink:0;width:36px;font-size:13px;font-weight:700}.bar-track{background:#ffffff14;border-radius:5px;flex:1;height:10px;overflow:hidden}.bar-fill{color:#fff;border-radius:5px;align-items:center;height:100%;padding-left:6px;font-size:10px;font-weight:700;transition:width 1s;display:flex}.bar-fill.elem-wood{background:linear-gradient(90deg,#48bb78,#68d391)}.bar-fill.elem-fire{background:linear-gradient(90deg,#fc8181,#feb2b2)}.bar-fill.elem-earth{color:#744210;background:linear-gradient(90deg,#ecc94b,#f6e05e)}.bar-fill.elem-metal{color:#2d3748;background:linear-gradient(90deg,#a0aec0,#cbd5e0)}.bar-fill.elem-water{background:linear-gradient(90deg,#63b3ed,#90cdf4)}.bar-fill.wood{background:linear-gradient(90deg,#48bb78,#68d391)}.bar-fill.fire{background:linear-gradient(90deg,#fc8181,#feb2b2)}.bar-fill.earth{color:#744210;background:linear-gradient(90deg,#ecc94b,#f6e05e)}.bar-fill.metal{color:#2d3748;background:linear-gradient(90deg,#a0aec0,#cbd5e0)}.bar-fill.water{background:linear-gradient(90deg,#63b3ed,#90cdf4)}.llm-text{color:var(--text);font-size:17px;line-height:1.85}.llm-section{border-radius:var(--radius-sm);box-shadow:0 1px 8px var(--card-shadow);background:#ffffff0a;border:1px solid #f0c75e0f;margin-bottom:16px;padding:24px;transition:all .3s}.llm-section:after{display:none}.llm-section:hover{background:#ffffff12;border-color:#f0c75e26;transform:translateY(-1px)}.llm-section h3{color:var(--text);align-items:center;gap:10px;margin-bottom:14px;font-size:22px;font-weight:900;display:flex}.llm-section h3 .s-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.llm-section h3 .s-title{flex:1}.llm-section .s-keyword{border-radius:8px;margin-bottom:10px;margin-right:4px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.llm-section p,.llm-section span{font-size:17px;line-height:1.75}.llm-section.llm-hero{text-align:center;background:linear-gradient(135deg,#f0c75e14,#ff6b9d0d);border:1px solid #f0c75e1f;padding:24px;font-size:16px;font-weight:700}.s-red{color:#fc8181;background:#feb2b233}.s-orange{color:#fbb89a;background:#fbbf9233}.s-yellow{color:#ecc94b;background:#f6e05e33}.s-green{color:#68d391;background:#9ae6b433}.s-blue{color:#90cdf4;background:#90cdf433}.s-purple{color:#c4b5fd;background:#d6bcfa33}.s-pink{color:#f9a8d4;background:#feb2b233}.s-teal{color:#5eead4;background:#81e6d933}.kw-tag{color:#ffd080;background:#f0c75e1a;border:1px solid #f0c75e26}.result-header{text-align:center;padding:16px 0 8px}.result-header .name{font-size:24px;font-weight:800}.result-header .sub{color:var(--text-dim);margin-top:4px;font-size:13px}.hero-text{text-align:center;color:var(--text);padding:20px;font-size:20px;font-weight:800;line-height:1.6}.heart-loader{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.heart-beat{font-size:24px;animation:1.2s ease-in-out infinite heartBeat;display:inline-block}.cute-loading-card{background:linear-gradient(135deg,#f0c75e0f,#ff6b9d0f);border-color:#f0c75e1f}.back-btn{cursor:pointer;color:#f0c75e;z-index:100;white-space:nowrap;background:linear-gradient(135deg,#f0c75e40,#ffd08026);border:2px solid #f0c75e66;border-radius:21px;justify-content:center;align-items:center;gap:4px;height:44px;min-height:44px;padding:0 16px;font-family:Gowun Dodum,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 16px #f0c75e40}.back-btn:hover{background:linear-gradient(135deg,#f0c75e66,#ffd0804d);transform:scale(1.1);box-shadow:0 6px 24px #f0c75e59}.back-btn:active{transform:scale(.95)}.side-by-side{justify-content:space-around;gap:16px;margin-bottom:16px;display:flex}.compat-score{text-align:center;margin:8px 0;font-size:56px;font-weight:900}.compat-cat{align-items:center;gap:10px;margin-bottom:10px;display:flex}.compat-cat-name{width:60px;color:var(--text-dim);flex-shrink:0;font-size:15px;font-weight:700}.compat-bar{background:#ffffff14;border-radius:4px;flex:1;height:8px;overflow:hidden}.compat-bar-fill{background:linear-gradient(90deg, var(--primary-light), var(--primary));border-radius:4px;height:100%;transition:width 1s}.blur-preview{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.blur-overlay{border-radius:var(--radius-sm);background:#0006;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.paywall-cta{color:#0a0e2a;cursor:pointer;background:linear-gradient(135deg,#f0c75e,#e8b030,#d4960a);border:none;border-radius:50px;width:100%;min-height:48px;padding:18px 32px;font-family:inherit;font-size:19px;font-weight:800;transition:all .3s;box-shadow:0 4px 24px #f0c75e66}.paywall-cta:active{transform:scale(.97)}.paywall-cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f0c75e80}.paywall-cta:after{display:none}@keyframes ctaPulse{0%,to{box-shadow:0 4px 20px #f0c75e59}50%{box-shadow:0 6px 28px #f0c75e73}}.locked-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:12px 16px;display:flex}.locked-item .lock-icon{opacity:.4;font-size:14px}.locked-item .item-title{color:var(--text);flex:1;font-size:15px;font-weight:700}.locked-item .item-hint{color:var(--text-dim);font-size:13px;font-style:italic}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@media (max-width:480px){.inner{padding:16px 16px 32px}.feature-grid{gap:10px}.pillar-grid{gap:4px}.card{padding:16px}.back-btn{height:36px;padding:0 12px;font-size:12px;top:14px;left:12px}.time-range,.time-hanja{font-size:11px}.time-hangul{font-size:9px}.btn{padding:12px 20px;font-size:15px}.llm-section{padding:16px}.llm-section h3{font-size:18px}.llm-section p,.llm-section span{font-size:15px}.select-row,.exact-time-inputs{flex-wrap:wrap}.pillar .stem,.pillar .branch{font-size:26px}h1{font-size:32px}h2{font-size:24px}}@media (max-width:340px){.time-grid{grid-template-columns:repeat(3,1fr);gap:4px}.time-option{padding:6px 2px}.time-range{font-size:10px}.pillar .stem,.pillar .branch{font-size:22px}h1{font-size:28px}}@media (max-width:320px){.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{min-height:100px;padding:20px 16px}}.btn,.feature-card,.option-card,.pair-btn,.pill-toggle button,.back-btn,.paywall-cta{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active,.option-card:active,.pair-btn:active,.pill-toggle button:active{transform:scale(.97)}.payment-page{max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}.payment-header{align-items:center;gap:12px;margin-bottom:24px;padding:8px 0;display:flex}.payment-header h1{color:var(--text);margin:0;font-size:20px;font-weight:700}.payment-card{border-radius:var(--radius-sm);background:#0e1232e0;border:1px solid #ffffff14;margin-bottom:16px;padding:20px}.payment-card h2{color:var(--text);margin:0 0 4px;font-size:17px;font-weight:700}.payment-price{color:var(--primary);margin:12px 0;font-size:28px;font-weight:800}.payment-price .won{color:var(--text);opacity:.7;margin-left:2px;font-size:16px;font-weight:500}.payment-info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:13px;display:flex}.payment-info-row:last-child{border-bottom:none}.payment-info-label{color:#f5f0e880;flex-shrink:0;min-width:80px}.payment-info-value{color:var(--text);text-align:right;word-break:keep-all}.payment-desc{color:#f5f0e88c;border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px;font-size:12.5px;line-height:1.7}.payment-checkbox-group{margin-bottom:16px}.payment-checkbox{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.payment-checkbox input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--primary);cursor:pointer;margin-top:1px}.payment-checkbox label{color:#f5f0e8cc;cursor:pointer;font-size:13px;line-height:1.5}.payment-checkbox-all{border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:12px}.payment-checkbox-all label{color:var(--text);font-weight:700}.payment-btn{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#0a0e2a;border:none;width:100%;padding:16px;font-family:inherit;font-size:17px;font-weight:700;transition:all .2s}.payment-btn:disabled{color:#f5f0e84d;cursor:not-allowed;background:#ffffff14}.payment-btn:not(:disabled):active{transform:scale(.98)}.payment-notice{text-align:center;color:#f5f0e866;margin-top:12px;font-size:11.5px;line-height:1.5}.payment-refund{border-radius:var(--radius-sm);background:#ffffff08;margin-bottom:16px;padding:16px}.payment-refund h3{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:700}.payment-refund ul{margin:0;padding-left:16px}.payment-refund li{color:#f5f0e88c;margin-bottom:4px;font-size:12px;line-height:1.7}.payment-footer{color:#f5f0e84d;border-top:1px solid #ffffff0f;margin-top:32px;padding-top:20px;font-size:11.5px;line-height:1.8}.payment-footer a{color:#f5f0e873;text-underline-offset:2px;text-decoration:underline}.payment-footer-links{gap:12px;margin-top:10px;display:flex}.payment-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.payment-result-icon{margin-bottom:20px;font-size:64px}.payment-result h1{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:700}.payment-result p{color:#f5f0e899;margin:0 0 24px;font-size:14px;line-height:1.6}.payment-result-summary{background:var(--card);border-radius:var(--radius-sm);text-align:left;width:100%;margin-bottom:24px;padding:20px}