:root{color-scheme:light dark;--bg:#fff;--fg:#18181b;--muted:#737378;--line:#dedee1;--accent:#cc3040}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif;text-align:center;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}header{padding:28px 0;font-size:17px;font-weight:800;letter-spacing:.2em}header span{color:var(--accent)}main{width:100%;max-width:650px;margin:2vh auto;flex:1}nav,.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}button{min-height:44px;cursor:pointer;font:inherit;border:1px solid var(--line);border-radius:28px;padding:10px 22px;background:var(--bg);color:var(--fg)}button[aria-pressed=true]{border-color:var(--fg);font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#endpoint{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-height:18px}.eyebrow{margin-top:36px;color:var(--muted)}.reading{display:flex;justify-content:center;align-items:baseline;gap:12px;min-height:clamp(100px,24vw,173px)}.reading strong{font-size:clamp(76px,19vw,144px);line-height:1.15;letter-spacing:-.045em;font-weight:750;font-variant-numeric:tabular-nums}.reading span{color:var(--muted)}#state{min-height:48px;font-size:14px}#start{background:var(--fg);color:var(--bg)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding:24px 0;margin-top:30px}.results dt{font-size:12px;color:var(--muted)}.results dd{margin:10px 0;min-height:24px;font-variant-numeric:tabular-nums}footer{font-size:.65625rem;line-height:1.7;color:var(--muted);padding:22px 0;max-width:680px;margin:auto}@media(max-width:380px){.results{gap:6px}.results dd{font-size:13px}}@media(prefers-color-scheme:dark){:root{--bg:#111113;--fg:#f5f5f7;--muted:#a1a1a8;--line:#39393d}}