.natal{--ink:#172e48;--gold:#bda16d;--paper:#f6f8fa;max-width:1100px;color:var(--ink);overflow-wrap:anywhere;margin:0 auto;padding:28px;font:16px/1.6 Arial,sans-serif}.natal *{box-sizing:border-box}.natal header{border-bottom:1px solid var(--gold);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.natal a{color:inherit}.natal header label{align-items:center;gap:12px;font-size:13px;display:flex}.natal select{max-width:130px}.natal-opening{max-width:780px;padding:64px 0 40px;position:relative;overflow:hidden}.natal h1{z-index:1;max-width:650px;margin:20px 0;font:clamp(38px,6vw,70px)/1.05 Georgia,serif;position:relative}.natal-opening p{z-index:1;max-width:510px;position:relative}.natal-orbit{border:1px solid var(--gold);width:370px;height:370px;color:var(--gold);opacity:.5;border-radius:50%;place-items:center;font-size:100px;display:grid;position:absolute;top:20px;right:-160px}.natal-orbit:before,.natal-orbit:after{content:"";border:1px solid var(--gold);border-radius:50%;position:absolute;inset:30px}.natal-orbit:after{inset:60px}.natal form{background:var(--paper);max-width:850px;padding:30px}.natal fieldset{border:0;min-width:0;margin:0;padding:0}.natal legend{margin-bottom:24px;font:26px Georgia,serif}.natal-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.natal label{font-size:14px;display:block}.natal input,.natal select{color:var(--ink);background:#fff;border:1px solid #8a99a9;border-radius:3px;width:100%;min-width:0;margin-top:6px;padding:12px;font:16px Arial,sans-serif;display:block}.natal button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:3px;min-height:48px;padding:14px 22px;font:16px Arial,sans-serif}.natal button:disabled{opacity:.55;cursor:wait}.natal .quiet{color:var(--ink);background:#fff}.natal :focus-visible{outline-offset:4px;outline:3px solid #b78125}.natal-note{color:#4f6274;font-size:13px}.natal-result{text-align:center;padding:24px 0}.natal-result h1{margin:24px auto;font-size:46px}.natal-chart{max-width:660px;margin:30px auto}.natal-chart svg{width:100%;height:auto;display:block}.natal-method{max-width:650px;margin:25px auto}.natal h2{font:30px Georgia,serif}.natal-readings,.natal-positions{text-align:left;max-width:740px;margin:45px auto}.natal-readings p{border-bottom:1px solid #d9caaa;padding-bottom:18px}.natal table{border-collapse:collapse;width:100%;font-size:15px}.natal th,.natal td{text-align:left;border-bottom:1px solid #dce1e5;padding:12px 6px}.natal th{font-weight:400}.natal-houses{grid-template-columns:1fr 1fr;column-gap:20px;font-size:13px;display:grid}.natal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;display:flex}.natal-error{color:#81263b;background:#fff4f4;border:1px solid #9c3448;padding:16px}.natal footer{border-top:1px solid var(--gold);margin-top:50px;padding:18px 0;font-size:12px}@media (max-width:600px){.natal{padding:18px}.natal header{align-items:flex-start}.natal header label{display:block}.natal-opening{padding-top:35px}.natal form{padding:20px 16px}.natal-fields{grid-template-columns:1fr}.natal-result h1{font-size:36px}.natal th,.natal td{padding:10px 3px;font-size:12px}.natal-houses{font-size:12px}.natal-orbit{right:-270px}.natal-chart{margin:22px -8px}}@media print{.natal{max-width:none;padding:0;font-size:11px}.natal header,.natal-actions,.natal-tools,.natal-result>button,.natal-error{display:none}.natal-chart{max-width:120mm}.natal-result h1{font-size:28px}.natal-readings{break-before:page}.natal-positions,.natal-readings{margin:15px auto}.natal td,.natal th{padding:4px}.natal h2{font-size:22px}.natal-houses p{margin:3px 0}}.natal .city-picker .secondary{color:var(--ink);background:#fff;margin-top:10px}.natal .city-picker li button{color:var(--ink);background:#fff;border-color:#c9d1da;border-radius:6px}.natal-switch{margin:4px 0 18px;text-decoration:underline;min-height:0!important;color:var(--ink)!important;background:0 0!important;border:0!important;padding:8px 0!important;font-size:14px!important}.natal-more{margin:0 0 18px;font-size:14px}.natal-more summary{cursor:pointer;color:#4f6274}.natal-more label{margin-top:12px}.natal-more p{color:#4f6274;font-size:13px}