:root{font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff;font-synthesis:none;--bg:#fff;--fg:#111;--muted:#6b6b6b;--line:#e2e2e2;color-scheme:light}:root[data-theme=dark]{color:#fff;background:#000;--bg:#000;--fg:#fff;--muted:#a3a3a3;--line:#292929;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,5vw,80px);background:var(--bg);color:var(--fg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:10px 0;white-space:nowrap}button:hover{opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:6px;border-radius:2px}[hidden]{display:none!important}header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:22px;letter-spacing:-1px;font-weight:600;color:inherit;text-decoration:none}.brand svg{width:27px;height:27px}.header-right{display:flex;align-items:center;gap:30px;font-size:12px}.live{display:flex;align-items:center;gap:9px;color:var(--muted)}.live-dot{height:5px;width:5px;background:var(--fg);border-radius:50%}#install{border-bottom:1px solid var(--line)}#install span{margin-left:8px}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0 70px}.clock-area{margin:auto 0;text-align:center;width:100%;padding:50px 0 95px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted);margin:0 0 39px}.clock{display:flex;justify-content:center;align-items:baseline;gap:clamp(4px,.6vw,10px);font-variant-numeric:tabular-nums;white-space:nowrap}.digits{display:flex;align-items:baseline;font-size:min(22.8vw,48svh);font-weight:400;letter-spacing:-.075em;line-height:1.05}.colon{position:relative;top:-.075em;margin:0 .035em;font-weight:300}.fraction{display:flex;flex-direction:column;align-items:flex-start;position:relative;letter-spacing:-.05em;font-size:min(6vw,13svh);line-height:1}.clock-meta{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:42px;font-size:12px;color:var(--muted);letter-spacing:.015em}.clock-meta p{margin:0}.meta-divider{height:3px;width:3px;border-radius:50%;background:var(--muted)}.day-progress{height:2px;width:100%;background:var(--line)}#progress{width:0;height:100%;background:var(--fg)}.day-caption{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.03em}footer{border-top:1px solid var(--line);min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted);padding-bottom:env(safe-area-inset-bottom)}footer p{margin:0}.controls{display:flex;align-items:center;gap:22px}.controls button{display:flex;align-items:center;gap:8px}.controls svg{width:17px;height:17px}.control-divider{width:1px;height:12px;background:var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#notice{position:fixed;bottom:85px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);background:var(--fg);color:var(--bg);padding:15px 20px;font-size:12px;text-align:center;border-radius:3px}@media(max-width:700px){header{min-height:90px}.brand{font-size:20px}.header-right{gap:16px}.live{font-size:10px}main{padding:20px 0 38px}.clock-area{padding:50px 0 90px}.eyebrow{font-size:10px;margin-bottom:30px}.digits{letter-spacing:-.08em}.clock{gap:4px}.clock-meta{font-size:10px;gap:10px;margin-top:38px;flex-wrap:wrap}footer{min-height:100px;gap:14px;flex-wrap:wrap;align-content:center;justify-content:center;padding:18px 0 calc(18px + env(safe-area-inset-bottom))}footer>p{width:100%;text-align:center;order:2;margin-top:8px}.controls{gap:22px}.day-caption{font-size:9px}}@media(max-height:500px)and (orientation:landscape){header{min-height:60px}main{padding:10px 0 20px}.clock-area{padding:10px 0 40px}.eyebrow{margin-bottom:15px}.clock-meta{margin-top:26px}footer{min-height:55px;flex-wrap:nowrap}footer>p{width:auto;order:0;margin:0}}@media(display-mode:standalone){header{padding-top:env(safe-area-inset-top)}}