:root{--night:#171a2b;--night-deep:#101322;--card:#1f2337;--gold:#c9a227;--gold-soft:#e3c563;--vermilion:#a63c3c;--moonlight:#efebdd;--haze:#8b8fa8;--line:#efebdd17}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(120% 90% at 50% -10%, #232848 0%, var(--night) 45%, var(--night-deep) 100%);color:var(--moonlight);min-height:100vh;overflow-x:hidden}.serif{font-family:var(--font-serif),"Nanum Myeongjo",serif}.num{font-variant-numeric:tabular-nums}.stars,.stars:after{pointer-events:none;z-index:0;content:"";position:fixed;inset:0}.stars{background-image:radial-gradient(1px 1px at 12% 18%,#efebddcc 50%,#0000 51%),radial-gradient(1px 1px at 78% 9%,#efebdd99 50%,#0000 51%),radial-gradient(1.5px 1.5px at 33% 40%,#e3c563b3 50%,#0000 51%),radial-gradient(1px 1px at 60% 28%,#efebdd80 50%,#0000 51%),radial-gradient(1px 1px at 90% 45%,#efebdda6 50%,#0000 51%),radial-gradient(1.5px 1.5px at 8% 62%,#efebdd66 50%,#0000 51%),radial-gradient(1px 1px at 47% 12%,#efebddb3 50%,#0000 51%),radial-gradient(1px 1px at 70% 60%,#e3c56380 50%,#0000 51%);animation:5s ease-in-out infinite alternate twinkle}.stars:after{background-image:radial-gradient(1px 1px at 22% 78%,#efebdd80 50%,#0000 51%),radial-gradient(1px 1px at 85% 82%,#efebdd73 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 88%,#efebdd59 50%,#0000 51%),radial-gradient(1px 1px at 38% 66%,#e3c56366 50%,#0000 51%);animation:7s ease-in-out infinite alternate-reverse twinkle}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stars,.stars:after{animation:none}*{transition:none!important;animation:none!important}}.wrap{z-index:1;max-width:960px;margin:0 auto;padding:0 20px;position:relative}header{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:2px;padding:20px 0;display:flex}.logo{color:var(--moonlight);white-space:nowrap;flex-shrink:0;align-items:baseline;gap:8px;text-decoration:none;display:flex}.logo .mark{font-family:var(--font-serif),serif;color:var(--gold);font-size:22px;font-weight:700}.logo .sub{color:var(--haze);letter-spacing:.14em;font-size:11px}nav{flex-wrap:wrap;justify-content:flex-end;gap:0 10px;margin-left:auto;font-size:13.5px;display:flex}nav a{color:var(--haze);padding:10px 4px;text-decoration:none;transition:color .2s}nav a:hover,nav a:focus-visible{color:var(--gold-soft)}nav a:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.hero{text-align:center;padding:44px 0 36px}.moon-stage{width:190px;height:190px;margin:0 auto 6px;position:relative}.moon-glow{background:radial-gradient(circle,#efebdd29 0%,#0000 62%);border-radius:50%;position:absolute;inset:-34px}#moonSvg{filter:drop-shadow(0 0 22px #efebdd38);position:relative}.moon-label{color:var(--haze);letter-spacing:.28em;margin-top:14px;font-size:12px}.hero-date{color:var(--gold-soft);letter-spacing:.1em;margin-top:22px;font-size:14px}h1{font-family:var(--font-serif),serif;letter-spacing:-.01em;margin:10px 0 14px;font-size:clamp(26px,5.4vw,40px);font-weight:700;line-height:1.42}h1 em{color:var(--gold-soft);font-style:normal}.hero p{color:var(--haze);font-size:15px;line-height:1.7}.cta{background:linear-gradient(135deg,var(--gold) 0%, #a8841b 100%);color:#1a1505;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;margin-top:26px;padding:14px 34px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block;box-shadow:0 6px 24px #c9a22747}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a22766}.cta:disabled{opacity:.55;cursor:wait;transform:none}section{padding:40px 0}.eyebrow{letter-spacing:.3em;color:var(--gold);margin-bottom:8px;font-size:11px}h2{font-family:var(--font-serif),serif;margin-bottom:22px;font-size:22px;font-weight:700}.zodiac-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (max-width:640px){.zodiac-grid{grid-template-columns:repeat(4,1fr)}}.zo{color:var(--moonlight);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:6px 0;text-decoration:none;transition:transform .18s;display:flex}.zo .disc{background:var(--card);border:1px solid var(--line);border-radius:50%;place-items:center;width:62px;height:62px;font-size:27px;transition:border-color .2s,box-shadow .2s;display:grid}.zo span{color:var(--haze);font-size:12.5px}.zo:hover{transform:translateY(-3px)}.zo:hover .disc{border-color:var(--gold);box-shadow:0 0 0 3px #c9a22724,0 6px 18px #00000059}.zo:hover span{color:var(--gold-soft)}.preview{background:linear-gradient(160deg, #242a47 0%, var(--card) 60%);border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:26px 26px 22px;display:grid}@media (max-width:560px){.preview{text-align:center;grid-template-columns:1fr}}.score-ring{width:104px;height:104px;margin:0 auto;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-num{font-family:var(--font-serif),serif;color:var(--gold-soft);place-items:center;font-size:30px;font-weight:700;display:grid;position:absolute;inset:0}.score-num small{color:var(--haze);font-size:11px;font-family:var(--font-sans)}.preview h3{font-family:var(--font-serif),serif;margin-bottom:8px;font-size:17px}.preview h3 b{color:var(--gold-soft)}.preview p{color:#c9c5b4;font-size:14px;line-height:1.75}.lucky{color:var(--haze);gap:14px;justify-content:inherit;flex-wrap:wrap;margin-top:14px;font-size:12.5px;display:flex}.lucky b{color:var(--gold-soft);font-weight:500}.paid-hook{background:var(--card);border:1px solid #c9a22759;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:16px 20px;display:flex}.paid-hook .txt{color:var(--haze);font-size:13.5px;line-height:1.6}.paid-hook .txt b{color:var(--moonlight);font-weight:500}.paid-hook .go{white-space:nowrap;color:#1a1505;background:linear-gradient(135deg,var(--gold) 0%, #a8841b 100%);border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s;display:inline-block;box-shadow:0 4px 16px #c9a22740}.paid-hook .go:hover{transform:translateY(-2px)}.privacy-note{color:var(--haze);margin-top:10px;font-size:11.5px;line-height:1.7}.menu-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:560px){.menu-grid{grid-template-columns:1fr}}.menu{background:var(--card);border:1px solid var(--line);color:var(--moonlight);border-radius:18px;padding:22px;text-decoration:none;transition:transform .18s,border-color .2s;display:block;position:relative;overflow:hidden}.menu:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#c9a22780,#0000);height:1px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.menu:hover{border-color:#c9a22766;transform:translateY(-3px)}.menu:hover:before{opacity:1}.menu .ico{margin-bottom:10px;font-size:24px;display:block}.menu h3{font-family:var(--font-serif),serif;margin-bottom:6px;font-size:16.5px}.menu h3 .tag{font-family:var(--font-sans);color:#e08a8a;vertical-align:2px;letter-spacing:.05em;border:1px solid #e08a8a73;border-radius:99px;margin-left:6px;padding:2px 7px;font-size:10px}.menu p{color:var(--haze);font-size:13px;line-height:1.65}.form-card{background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:560px;padding:26px}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.form-field{flex:1;min-width:108px}.form-field label{color:var(--haze);margin-bottom:6px;font-size:12px;display:block}.form-field input,.form-field select{border:1px solid var(--line);background:var(--night-deep);width:100%;color:var(--moonlight);border-radius:10px;min-height:44px;padding:11px 10px;font-family:inherit;font-size:15px}.form-field input:focus,.form-field select:focus{outline:1px solid var(--gold);border-color:var(--gold)}.form-check{color:var(--haze);cursor:pointer;align-items:flex-start;gap:9px;margin:4px 0 14px;font-size:13px;line-height:1.55;display:flex}.form-check input{accent-color:var(--gold);flex:none;width:18px;height:18px;margin-top:1px}.form-error{color:#e08a8a;margin-top:10px;font-size:13px}.result-card{background:linear-gradient(160deg, #242a47 0%, var(--card) 60%);border:1px solid var(--line);border-radius:20px;margin-top:24px;padding:26px}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.pillar{background:var(--night-deep);border:1px solid var(--line);text-align:center;border-radius:14px;padding:14px 6px}.pillar .lab{color:var(--haze);letter-spacing:.2em;margin-bottom:8px;font-size:11px}.pillar .val{font-family:var(--font-serif),serif;color:var(--gold-soft);font-size:22px;font-weight:700}.pillar .hj{color:var(--haze);margin-top:4px;font-size:12px}.result-card p{color:#c9c5b4;margin-bottom:12px;font-size:14.5px;line-height:1.85}.element-bar{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.element-chip{border:1px solid var(--line);color:var(--haze);border-radius:99px;padding:6px 12px;font-size:12.5px}.element-chip b{color:var(--gold-soft);font-weight:500}.reading-body{color:#ddd9c9;font-size:15px;line-height:1.95}.reading-body p{white-space:pre-wrap;margin-bottom:14px}.reading-body h2{color:var(--gold-soft);margin:26px 0 10px;font-size:17.5px}.reading-body h2:first-child{margin-top:4px}.notice{color:var(--haze);border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:12px;line-height:1.7}.pay-overlay{z-index:50;background:#0a0c18b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pay-sheet{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;max-width:400px;padding:28px;box-shadow:0 20px 60px #00000080}.pay-sheet h3{font-family:var(--font-serif),serif;margin-bottom:16px;font-size:18px}.pay-line{color:var(--haze);border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.pay-line b{color:var(--moonlight);font-weight:500}.pay-total{justify-content:space-between;padding:14px 0 4px;font-size:16px;display:flex}.pay-total b{color:var(--gold-soft);font-family:var(--font-serif),serif;font-size:20px}.pay-actions{gap:10px;margin-top:18px;display:flex}.pay-actions .cta{text-align:center;flex:1;margin-top:0;padding:13px 0}.btn-ghost{border:1px solid var(--line);color:var(--haze);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:13px 0;font-family:inherit;font-size:14px}.btn-ghost:hover{color:var(--moonlight);border-color:var(--haze)}.pay-mock-badge{color:#e08a8a;letter-spacing:.08em;border:1px solid #e08a8a73;border-radius:99px;margin-bottom:12px;padding:2px 8px;font-size:10.5px;display:inline-block}.season-hero{text-align:center;padding:60px 0 40px}.season-hero .year{font-family:var(--font-serif),serif;color:var(--gold-soft);letter-spacing:.04em;font-size:clamp(48px,10vw,84px);font-weight:700;line-height:1.1}.season-list{max-width:620px;margin:0 auto}.season-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:18px 0;display:flex}.season-item .no{font-family:var(--font-serif),serif;color:var(--gold);min-width:34px;font-size:20px}.season-item h3{font-size:16px;font-family:var(--font-serif),serif;margin-bottom:6px}.season-item p{color:var(--haze);font-size:13.5px;line-height:1.7}footer{border-top:1px solid var(--line);color:var(--haze);text-align:center;margin-top:30px;padding:28px 0 40px;font-size:12px;line-height:1.8}footer .fam{margin-bottom:8px}footer a{color:var(--gold-soft);text-decoration:none}