:root{--sky-text-scale:1;font-size:max(var(--sky-text-min, 0px), calc(16px * var(--sky-text-scale)))}
.text-size-open{white-space:nowrap}
.text-size-header{font-size:max(var(--sky-text-min, 0px), calc(11px * var(--sky-text-scale)));padding:6px 10px;min-height:36px;color:#d7c394;border-color:#c3ac7240}
.text-size-header>span{font:600 max(var(--sky-text-min, 0px), calc(16px * var(--sky-text-scale)))/1 system-ui;margin-right:4px}
.text-size-fullscreen{display:none;font:500 max(var(--sky-text-min, 0px), calc(15px * var(--sky-text-scale)))/1 system-ui;padding:7px 10px}
.observatory:fullscreen .text-size-fullscreen{display:block}
.clock-view:fullscreen .text-size-fullscreen{display:none}
.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-block:10px}
.clock-view #clock-daily{max-height:29dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b69c6766 transparent;overscroll-behavior:contain}
@media(max-width:900px){.clock-view #viewport{top:calc(var(--clock-readout-bottom,190px) + 12px)}}
@media(max-width:600px){.topbar{min-height:56px;gap:7px}.text-size-header{font-size:max(var(--sky-text-min, 0px), calc(9px * var(--sky-text-scale)));padding:5px 7px}.text-size-header>span{font-size:max(var(--sky-text-min, 0px), calc(13px * var(--sky-text-scale)))}.clock-view #clock-daily{max-height:29dvh}}
#text-size-dialog{width:min(510px,calc(100vw - 28px));max-height:90dvh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #d2b87855;border-radius:14px;background:#091421;color:#dce1e7;box-shadow:0 24px 100px #000a}
#text-size-dialog::backdrop{background:#010611c9;backdrop-filter:blur(8px)}
#text-size-dialog .calendar-heading h2{font-size:max(var(--sky-text-min, 0px), calc(24px * var(--sky-text-scale)));line-height:1.3;margin:6px 0 18px}
#text-size-dialog>p{font-size:max(var(--sky-text-min, 0px), calc(12px * var(--sky-text-scale)));line-height:1.7;color:#aebfce}
#text-size-dialog .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), .72em);line-height:1.3}
.text-size-choices{border:0;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.text-size-choices legend{font-size:max(var(--sky-text-min, 0px), calc(11px * var(--sky-text-scale)));color:#a2b4c5;margin-bottom:9px}
.text-size-choices label{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:10px 5px;border:1px solid #a3b5ca36;border-radius:7px;cursor:pointer;font-size:max(var(--sky-text-min, 0px), calc(14px * var(--sky-text-scale)));line-height:1.35;text-align:center}
.text-size-choices label:has(input:checked){color:#f0d59b;background:#c9a5611c;border-color:#d3b577}
.text-size-choices label:focus-within{outline:2px solid #9cc8f2;outline-offset:2px}
.text-size-choices input{position:absolute;width:1px;height:1px;opacity:0}
.text-size-preview{padding:17px;background:#101f30;border-radius:7px;border-left:2px solid #c3aa73}
.text-size-preview>span,.text-size-preview>small{display:block;font-size:max(var(--sky-text-min, 0px), calc(11px * var(--sky-text-scale)));color:#b2c0cf}
.text-size-preview>p{font-size:max(var(--sky-text-min, 0px), calc(20px * var(--sky-text-scale)));line-height:1.5;color:#eddfbf;margin:10px 0}
#text-size-status{min-height:1.5em}
@media(max-width:600px){#text-size-dialog{padding:18px}.text-size-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.text-size-choices label{min-height:60px}}

#visual-svg>svg{width:calc(100% * var(--sky-text-scale));max-width:none}