:root{color-scheme:dark;--bg:#101722;--surface:rgba(255,255,255,.055);--text:#f3f7fb;--muted:#9aaabc;--accent:#76e1ca;--ring:rgba(118,225,202,.2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,var(--ring),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%)}.clock{min-height:100vh;min-height:100dvh;padding:clamp(22px,4vw,56px);display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}.topbar,.theme-picker{display:flex;align-items:center;justify-content:space-between;gap:18px}.location,.theme-picker>p,.eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.location span{font-size:10px;color:var(--accent);vertical-align:1px}.fullscreen{appearance:none;border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:8px 12px;cursor:pointer;transition:color .2s,border-color .2s}.fullscreen:hover,.fullscreen:focus-visible{color:var(--text);border-color:var(--text);outline:0}.display{align-self:center;text-align:center;padding-bottom:5vh}.eyebrow{margin-bottom:clamp(12px,2.5vh,28px)}#time{display:block;font-size:clamp(72px,18.4vw,330px);font-weight:300;letter-spacing:-.075em;line-height:.9;font-variant-numeric:tabular-nums;white-space:nowrap}.date{margin:clamp(18px,3.2vh,32px) 0 0;color:var(--text);font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:.01em}.theme-picker{justify-self:center;width:min(100%,680px);padding:14px 17px;border:1px solid color-mix(in srgb,var(--muted) 19%,transparent);border-radius:16px;background:var(--surface);backdrop-filter:blur(12px)}.theme-options{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.theme-option{appearance:none;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:8px 9px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.theme-option i{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--ring)}.theme-option.active,.theme-option:hover,.theme-option:focus-visible{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text);outline:0}body[data-theme="nordic"]{color-scheme:dark;--bg:#0c2029;--surface:rgba(200,242,248,.08);--text:#ecfbfc;--muted:#9dc7cc;--accent:#81d9ed;--ring:rgba(129,217,237,.22)}body[data-theme="amber"]{color-scheme:dark;--bg:#21170d;--surface:rgba(255,212,142,.075);--text:#fff7e9;--muted:#d5b988;--accent:#ffb64c;--ring:rgba(255,182,76,.21)}body[data-theme="paper"]{color-scheme:light;--bg:#f2eee6;--surface:rgba(33,42,49,.055);--text:#172129;--muted:#647078;--accent:#d46835;--ring:rgba(212,104,53,.15)}@media(max-width:600px){.clock{padding:20px}.display{padding-bottom:2vh}#time{font-size:clamp(58px,20vw,120px)}.theme-picker{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.theme-options{justify-content:flex-start}.theme-option{padding:7px 8px}.fullscreen{padding:7px 10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}