:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#10191c;color:#e7eeea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:32px max(24px,env(safe-area-inset-right)) 24px;background:radial-gradient(ellipse at 50% 30%,#203331 0,transparent 65%)}header,footer{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between}a{color:inherit;text-decoration:none}.brand{font-size:24px;letter-spacing:.12em;font-weight:650}.brand span{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px;color:#8caaa0}nav{display:flex;gap:12px}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #496059;border-radius:24px;padding:9px 16px;background:transparent}button:hover{background:#ffffff0b}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c3e5a4;outline-offset:5px}main{max-width:860px;margin:70px auto 64px;text-align:center}.eyebrow{font-size:10px;letter-spacing:.24em;color:#93aaa0;margin-bottom:48px}.coordinate{border:0;display:flex;align-items:center;flex-direction:column;width:100%;padding:0;border-radius:12px}.label{font-size:11px;letter-spacing:.2em;color:#b1c8bb}.number{font-variant-numeric:tabular-nums;font-weight:250;letter-spacing:-.035em;line-height:1.25;min-height:1.25em}.earth .number{font-size:clamp(29px,6.2vw,76px);margin:10px 0}.hint{font-size:13px;line-height:1.7;color:#a0b5ad}.divider{width:48px;height:1px;background:#52665d;margin:35px auto}.solar .number{font-size:clamp(44px,8vw,72px);color:#c3e5a4}.orbit{height:1px;background:#4a5c51;position:relative;max-width:380px;margin:32px auto 12px}.orbit span{position:absolute;left:50%;top:-4px;width:9px;height:9px;background:#c3e5a4;border-radius:50%;box-shadow:0 0 20px #c3e5a460;visibility:hidden}.scale{display:flex;justify-content:space-between;max-width:380px;margin:auto;color:#8da196;font-size:10px}#status{color:#b4c7bc;font-size:12px;margin:35px 0 18px}.actions{display:flex;gap:10px;justify-content:center}.actions button{font-size:12px}footer{border-top:1px solid #33443d;padding-top:20px;font-size:10px;letter-spacing:.08em;color:#8da196}dialog{color:inherit;background:#182723;border:1px solid #4a6055;border-radius:24px;width:min(520px,calc(100% - 32px));max-height:85svh;padding:26px}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.dialogHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h2{font-size:22px;margin:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:20px}input[type=checkbox]{width:24px;height:24px;accent-color:#c3e5a4}input[type=number]{width:100%;min-width:0;background:#10191c;color:inherit;border:1px solid #637c6d;padding:12px;border-radius:10px}.inputRow{display:flex;gap:8px;margin:12px 0 16px}dl{font-size:13px;line-height:1.7}dt{color:#a0b5ad}dd{margin:0 0 12px;overflow-wrap:anywhere}dialog a{text-decoration:underline}#locationStatus{font-size:13px;color:#d5cead}@media(max-width:500px){body{padding-top:22px}main{margin:46px auto}.eyebrow{margin-bottom:35px}footer{gap:15px;font-size:9px}.earth .number{font-size:clamp(27px,7.3vw,38px)}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
.earth .number{white-space:nowrap}
.earth .minorDigits{font-size:.55em;vertical-align:baseline;letter-spacing:0}
.orbit::before{content:"";position:absolute;left:50%;top:-3px;width:1px;height:7px;background:#8da196;transform:translateX(-50%)}
.orbit #sun{transform:translateX(-50%)}