:root{--bg: #f4f1ea;--face: #fffdf8;--ink: #1d1b18;--muted: #6f6a60;--tick: #b9b2a5;--chronos: #1d1b18;--deci: #c2410c;--centi: #2563eb;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #14130f;--face: #1f1d18;--ink: #ede8de;--muted: #a39d91;--tick: #555046;--chronos: #ede8de;--deci: #fb923c;--centi: #60a5fa}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}main{width:min(100% - 32px,440px);text-align:center;padding:32px 0}.clock{width:100%;height:auto;display:block}.face{fill:var(--face);stroke:var(--tick);stroke-width:2}.deci-ring{fill:none;stroke:var(--tick);stroke-width:1;stroke-dasharray:2 4}.tick{stroke:var(--tick);stroke-width:1.5}.tick-mid{stroke-width:2}.tick-major{stroke:var(--ink);stroke-width:3}.label-chronos,.label-deci{text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums}.label-chronos{fill:var(--ink);font-size:20px;font-weight:600}.label-deci{fill:var(--deci);font-size:13px;font-weight:500}.hand-chronos{stroke:var(--chronos)}.hand-deci{stroke:var(--deci)}.hand-centi{stroke:var(--centi)}.hub{fill:var(--deci);stroke:var(--face);stroke-width:2}.readout{flex-wrap:wrap;margin:24px 0 4px;font-variant-numeric:tabular-nums;display:flex;justify-content:center;align-items:baseline;gap:6px}.readout-chronos,.readout-deci{font-size:40px;font-weight:600}.readout-deci{color:var(--deci);margin-left:12px}.readout-centi{font-size:40px;font-weight:600;color:var(--centi);margin-left:12px}.unit{color:var(--muted);font-size:14px}.legend{margin:0;color:var(--muted);font-size:13px}.decimal-clock{margin:20px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.decimal-clock .unit{margin-left:6px;font-family:ui-sans-serif,system-ui,sans-serif}