.topbar{gap:12px}.brand{margin-right:auto}.page-back,.sheet-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #b99be92b;background:#c6a0ff09;border-radius:13px;min-height:44px;padding:7px 12px;color:#e2cef7;font-size:17px;flex-shrink:0}.page-back{font-size:27px;line-height:1}.page-back span{font-size:16px}.page-back[hidden]{display:none}.sheet-back{font-size:16px;min-width:74px}.sheet-heading{position:sticky;top:-24px;z-index:3;gap:10px;padding:12px 0;background:#1b1424f5;backdrop-filter:blur(16px);border-bottom:1px solid #ba98e21a;margin-bottom:16px}.sheet-heading .eyebrow{flex:1;font-size:12px;letter-spacing:0;line-height:1.5}.sheet-heading .close-sheet{min-width:40px;min-height:40px}.sheet-handle{margin-bottom:4px}body:not([data-route=home]) .brand-mark{display:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ceb0fa;outline-offset:4px}.birth-form-section{margin:20px 0}.birth-form-section h3{font-size:16px;color:#d4bdec;margin:0 0 12px}.birth-options{margin-top:18px;border-top:1px solid #b89bdd26;padding-top:15px}.birth-options>summary{cursor:pointer;color:#b9a3cd;font-size:15px;min-height:32px}.birth-options .form-grid{margin:14px 0}.birth-form-actions{position:sticky;bottom:-28px;background:linear-gradient(transparent,#17101fee 18%);padding:18px 0 12px;z-index:2}.birth-form-actions .primary-btn{min-height:52px;font-size:17px}.birth-form-actions .form-error{margin:0 0 8px;min-height:0}.birth-form-actions .form-error:empty{display:none}.input-mode-note{font-size:13px;color:#a590b9;margin-top:9px}
@media(max-width:680px){.topbar{padding-inline:18px;gap:10px}.page-back{padding:7px 10px}.brand{font-size:16px;gap:8px}body:not([data-route=home]) .brand-divider{margin-inline:3px}.sheet-heading{top:-20px}.sheet-heading .eyebrow{font-size:12px}dialog{padding-inline:20px}.birth-form-actions{bottom:-28px}}
#chart-form>.form-grid{margin:15px 0 18px}.birth-form-section{margin:15px 0 20px}.birth-form-section>.field:not(.wide){flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:14px}.birth-form-section>.field:not(.wide)>select{width:65%;font-size:16px}.birth-form-section>#lunar-leap-field{margin-top:15px}
@media(max-width:365px){.topbar{padding-inline:13px;gap:8px}.brand{font-size:14px}.page-back{padding-inline:8px}.page-back span{font-size:15px}.menu-trigger{height:40px;width:40px}}