.birth-widget{max-width:1100px;margin:3rem auto;padding:clamp(18px,4vw,42px);border:1px solid #c9b59855;border-radius:24px;background:linear-gradient(140deg,#211b36,#30273d);color:#f5ecde}.birth-heading{max-width:640px}.birth-widget h2{font-size:clamp(28px,4vw,42px);line-height:1.1}.birth-widget p{line-height:1.6}.birth-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.birth-widget label{display:grid;gap:8px}.birth-widget input,.birth-widget select{min-width:0;width:100%;min-height:46px;background:#171423;color:#f5ecde;border:1px solid #d4bea46b;border-radius:10px;padding:10px;font:inherit;box-sizing:border-box;color-scheme:dark}.birth-form fieldset,.birth-form details,.birth-form>p,.birth-form>button{grid-column:1/-1}.birth-manual:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid #d4bea46b;border-radius:12px}.birth-manual p{grid-column:1/-1}.birth-widget button{cursor:pointer;padding:12px 18px;min-height:46px}.birth-widget button:disabled{opacity:.5}.birth-result{display:flex;align-items:center;gap:24px;margin-top:30px}.birth-result svg{flex-shrink:0;width:280px;max-width:100%;stroke:#d3b58c;fill:none}.birth-result svg text{text-anchor:middle}.birth-result svg .birth-center{font-size:38px}.birth-result svg .birth-point{fill:#e4cfb2}.birth-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.birth-cards article{border:1px solid #d4bea44b;padding:16px;border-radius:14px}.birth-cards h3{font-size:22px;margin:10px 0}.birth-cards p,.birth-note{font-size:14px;color:#d5cbbc}.birth-save{border-top:1px solid #d4bea44b;margin-top:24px;padding-top:24px;display:grid;gap:16px}.birth-widget .check-row{display:flex;align-items:flex-start}.birth-widget .check-row input{width:20px;min-height:20px;flex-shrink:0;margin:2px 0}.birth-widget small{font-size:13px}.birth-widget :focus-visible{outline:2px solid #e8c592;outline-offset:3px}@media(max-width:650px){.birth-form{grid-template-columns:1fr}.birth-result{flex-direction:column}.birth-cards{width:100%;grid-template-columns:1fr}.birth-manual:not([hidden]){grid-template-columns:1fr}.birth-widget{margin:20px 0}}

.birth-reflection{margin-top:24px;padding:20px;border-left:3px solid #d3b58c;background:#ffffff08;border-radius:0 12px 12px 0}.birth-reflection h3{margin-top:0}

.birth-result .natal-wheel{width:min(100%,440px)}.birth-result{flex-direction:column}.birth-cards{width:100%}

.birth-result .natal-wheel{stroke:none;fill:initial}