.birth-moon-hero{position:relative;overflow:hidden;border:1px solid var(--line,#DBC8A8);border-radius:24px;margin-bottom:20px;background:#17172b;color:#fff}.birth-moon-hero img{display:block;width:100%;height:auto;aspect-ratio:1400/768;object-fit:cover;opacity:.72}.birth-moon-hero-copy{position:absolute;inset:auto 0 0;padding:clamp(24px,5vw,48px);background:linear-gradient(transparent,rgba(17,14,32,.88))}.birth-moon-hero-copy h1{margin:4px 0 8px;text-shadow:0 2px 14px rgba(0,0,0,.5)}.birth-moon-hero-copy .lead{color:#f8efe5;max-width:720px}.birth-moon-kicker{margin:0;color:#f6cf8f;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.birth-moon-form{background:#fffaf1;border:1px solid var(--line,#DBC8A8);border-radius:20px;padding:20px;margin:18px 0}.birth-moon-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin:14px 0}.birth-moon-fields label{font-weight:900}.birth-moon-fields select{margin-top:5px}.birth-moon-date-field{display:flex;align-items:center;gap:7px}.birth-moon-date-field select{min-width:0;margin-top:0}.birth-moon-date-field span{flex:none}.birth-moon-submit{width:100%;margin-top:6px}.birth-moon-error{display:none;color:#9b2c2c;font-weight:900;margin:10px 0 0}.birth-moon-error.visible{display:block}.birth-moon-result{display:none;scroll-margin-top:18px;background:radial-gradient(circle at 88% 12%,rgba(178,160,224,.28),transparent 34%),linear-gradient(145deg,#fffaf1,#e9e0ec);border:1px solid var(--line,#DBC8A8);border-radius:22px;padding:clamp(20px,4vw,34px);margin:20px 0}.birth-moon-result.visible{display:block}.birth-moon-result-head{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:18px}.birth-moon-symbol{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#1d1935;color:#fff7d6;border:1px solid #8d7eb3;box-shadow:0 12px 28px rgba(45,31,77,.22);font-size:3rem}.birth-moon-date{color:var(--soft,#7A5838);font-size:.84rem}.birth-moon-result h2{margin:3px 0}.birth-moon-nature{font-size:1.02rem;margin:12px 0}.birth-moon-result-grid,.birth-moon-eight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.birth-moon-panel,.birth-moon-phase{background:rgba(255,255,255,.74);border:1px solid var(--line,#DBC8A8);border-radius:16px;padding:15px}.birth-moon-panel strong,.birth-moon-phase strong{display:block;margin-bottom:5px}.birth-moon-action{background:#44345f;color:#fff;border-radius:16px;padding:16px 18px;margin:14px 0}.birth-moon-action strong{display:block}.birth-moon-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.birth-moon-share button{flex:1 1 180px}.birth-moon-eight{grid-template-columns:repeat(4,minmax(0,1fr))}.birth-moon-phase span{display:block;font-size:1.8rem;color:#4c3c69;margin-bottom:4px}.birth-moon-phase small{display:block;color:var(--soft,#7A5838)}.birth-moon-note{font-size:.88rem;color:var(--soft,#7A5838)}@media(max-width:760px){.birth-moon-eight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.birth-moon-hero img{min-height:440px}.birth-moon-fields,.birth-moon-result-grid{grid-template-columns:1fr}.birth-moon-result-head{grid-template-columns:70px 1fr}.birth-moon-symbol{width:66px;height:66px;font-size:2.2rem}.birth-moon-hero-copy{padding:22px 18px}}
.birth-moon-related{margin:18px 0 0}.birth-moon-related a{display:block;background:#4c3c69;color:#fff;text-align:center;text-decoration:none;border-radius:16px;padding:14px 18px;font-weight:900}.birth-moon-related a span{display:block;margin-top:3px;color:#f5eafb;font-size:.82rem;font-weight:500}