*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--chart-background);color:var(--chart-text-primary);font-family:var(--chart-text-font-family)}.preview{padding:1rem}.preview__intro{max-width:60ch}.chart-grid{grid-template-columns:1fr;gap:2rem;margin-block-start:1.5rem;display:grid}.chart-card{border:1px solid var(--chart-panel-border);background:var(--chart-panel);border-radius:.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.chart-card__heading{text-align:center;margin:0;font-size:1.05rem;font-weight:600}.chart-card__house-system{color:var(--chart-sign-glyph);font-weight:400}@media (width>=768px){.chart-grid{grid-template-columns:repeat(2,1fr)}}.form-page{padding:1rem}.form-page__intro{max-width:40ch;color:var(--chart-sign-glyph)}.birth-form{flex-direction:column;gap:1rem;max-width:26rem;margin-block-start:1.5rem;display:flex}.birth-form__field{flex-direction:column;gap:.35rem;display:flex}.birth-form__field input,.birth-form__field select{border:1px solid var(--chart-panel-border);background:var(--chart-panel);min-height:44px;color:var(--chart-text-primary);font:inherit;border-radius:.375rem;padding:.5rem .75rem}.birth-form__error{border:1px solid var(--chart-panel-border);background:var(--chart-panel);border-radius:.375rem;margin:0;padding:.75rem}.birth-form__submit{border:1px solid var(--chart-panel-border);background:var(--chart-panel);min-height:44px;color:var(--chart-text-primary);font:inherit;cursor:pointer;border-radius:.375rem}.birth-form__picked-place{color:var(--chart-sign-glyph);margin:-.5rem 0 0}.birth-form__escape-hatch{border:1px solid var(--chart-panel-border);border-radius:.375rem;padding:.5rem .75rem}.birth-form__escape-hatch summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.birth-form__escape-hatch .birth-form__field{margin-block-start:.75rem}.birth-form__escape-hatch-status{min-height:1.25rem;color:var(--chart-sign-glyph);font-size:.9rem}.convention-line{color:var(--chart-sign-glyph);margin:.5rem 0 1rem}.convention-line__fallback{color:var(--chart-text-primary)}.ambiguity-note{border:1px solid var(--chart-panel-border);background:var(--chart-panel);color:var(--chart-text-primary);border-radius:.375rem;margin:0 0 1rem;padding:.75rem}.house-picker{flex-wrap:wrap;align-items:end;gap:.75rem;margin-block-start:1.5rem;display:flex}.house-picker__label{flex-direction:column;gap:.35rem;display:flex}.house-picker__label select{border:1px solid var(--chart-panel-border);background:var(--chart-panel);min-height:44px;color:var(--chart-text-primary);font:inherit;border-radius:.375rem;padding:.5rem .75rem}.house-picker__submit{border:1px solid var(--chart-panel-border);background:var(--chart-panel);min-width:44px;min-height:44px;color:var(--chart-text-primary);font:inherit;cursor:pointer;border-radius:.375rem}.chart-page{flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-x:clip}.chart-page>h1{margin:0;font-size:1.5rem}