/* Shared calculator surfaces follow the zodiac calculator palette. */
html body{--calculator-panel:rgba(150,150,150,.10);--calculator-field:rgba(150,150,150,.14)}
html body.age-tool-focused,html.theme-dark body.age-tool-focused{--age-glass:var(--calculator-panel);--age-field:var(--calculator-field)}
html body.age-tool-focused .card,html body .flames-panel,html body.zodiac-neutral main,html body .form-card,html body .results-section,html body #natal-redesigned{background:var(--calculator-panel)!important;backdrop-filter:blur(32px) saturate(100%)!important;-webkit-backdrop-filter:blur(32px) saturate(100%)!important;border:0!important;box-shadow:none!important}
html body.age-tool-focused :is(input,select,textarea,.mat-select),html body .flames-panel :is(input,select,textarea),html body.zodiac-neutral main :is(input,select,textarea),html body .form-card :is(input,select,textarea){background:var(--calculator-field)!important;color:var(--hc-ink)!important;border:0!important;box-shadow:none!important}
html body :is(.flames-panel,.results-section,#natal-redesigned) :is(article,details,[data-result],.natal-summary>div,.classical-whole-summary),html body .zodiac-unified-date{background:var(--calculator-panel)!important}
html body.age-tool-focused .date-calendar-switch button[aria-pressed=false],html body .zodiac-calendar-toggle button[aria-pressed=false]{background:var(--calculator-field)!important;color:var(--hc-ink)!important}
html body .mat-select-panel{background:var(--hc-surface)!important;color:var(--hc-ink)!important}