:root{color-scheme:dark;--bg:#111311;--surface:#1b1e1a;--text:#f2f3e9;--muted:#a3a99e;--line:#34392f;--accent:#d5ed9b;--accent-text:#1b2611;--focus:#d5ed9b;font-family:Arial,Helvetica,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f5f5ee;--surface:#eaece2;--text:#1c2119;--muted:#5b6355;--line:#c9cebf;--accent:#334c1e;--accent-text:#fff;--focus:#334c1e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button,summary,a{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}.skip-link{position:absolute;top:-80px;left:16px;padding:12px;background:var(--accent);color:var(--accent-text);z-index:5}.skip-link:focus{top:12px}.site-header{max-width:1440px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:600;letter-spacing:-.6px}.brand svg{width:29px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.help-link{font-size:13px;text-decoration:none;color:var(--muted)}.help-link span{margin-left:10px;color:var(--text)}.clock-section{text-align:center;padding:58px 24px 50px;min-height:650px}.section-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}.section-label{display:flex;align-items:center;justify-content:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:18px 0 38px}.clock-face{width:100%;max-width:1300px;margin:auto;min-height:197px;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-row{display:flex;justify-content:center;align-items:baseline;gap:.16em;white-space:nowrap;font:500 clamp(32px,13.7vw,190px)/1.1 'Courier New',monospace;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.period{font:400 .18em/1 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--accent)}.date{font-size:19px;letter-spacing:.2px;margin:24px 0 0;min-height:23px}.source-note{font-size:12px;color:var(--muted);margin:34px 0 28px}.controls{display:flex;justify-content:center;align-items:stretch;gap:12px}.settings{display:flex;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:5px}.settings button{border:0;background:none;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;min-height:42px}.settings button+button{border-left:1px solid var(--line)}#format-toggle{flex-direction:column;gap:4px;min-width:108px}.setting-label{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.switch{width:26px;height:15px;border-radius:20px;background:var(--muted);position:relative}.switch:after{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:var(--bg)}[aria-pressed=true] .switch{background:var(--accent)}[aria-pressed=true] .switch:after{left:14px}.sun-icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round}.fullscreen-button{display:flex;gap:11px;align-items:center;justify-content:center;border:0;border-radius:10px;padding:17px 22px;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600}.fullscreen-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feedback{color:var(--muted);font-size:12px;min-height:18px;margin:14px 0 0}.fullscreen-hint{display:none}.about-section,.faq-section,footer{max-width:1100px;margin:auto;border-top:1px solid var(--line)}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:58px 0 66px}h2{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin:18px 0}.intro-copy>p,.instructions p,.faq-list p{font-size:14px;color:var(--muted);line-height:1.7;max-width:430px}.intro-copy>p{max-width:320px}.instructions h3{font-size:14px;font-weight:600;margin:0 0 8px}.instructions h3:not(:first-child){margin-top:24px}.instructions p{margin:0}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:48px 0 58px}.faq-section h2{font-size:25px;margin:6px 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{padding:19px 30px 19px 0;cursor:pointer;font-size:14px;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:18px;color:var(--muted)}details[open] summary:after{content:'−'}.faq-list p{margin:0 0 20px}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 32px;font-size:11px;color:var(--muted)}.noscript{font-size:18px;max-width:500px;line-height:1.7}
html:fullscreen .site-header,html:fullscreen .about-section,html:fullscreen .faq-section,html:fullscreen footer{display:none}html:fullscreen .clock-section{height:100dvh;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px}html:fullscreen h1{font-size:16px;margin:12px 0 20px}html:fullscreen .clock-face{min-height:0;max-width:none}html:fullscreen .time-row{font-size:min(15vw,30dvh)}html:fullscreen .date{font-size:clamp(14px,3dvh,26px);margin-top:18px}html:fullscreen .source-note{margin:20px 0}html:fullscreen .fullscreen-hint{display:block;font-size:11px;color:var(--muted);margin:0}html:fullscreen .controls{flex-shrink:0}html:fullscreen .feedback{margin:8px 0}
@media(min-width:1600px){.clock-section{padding-top:80px;min-height:710px}}@media(max-width:1180px){.about-section,.faq-section,footer{margin-left:40px;margin-right:40px}.about-section,.faq-section{gap:50px}.clock-face{min-height:180px}}@media(max-width:650px){.site-header{padding:23px 22px}.brand{font-size:17px}.help-link{font-size:11px}.clock-section{padding:46px 16px 40px;min-height:560px}h1{font-size:19px;margin-bottom:28px}.clock-face{min-height:145px}.time-row{font-size:13.7vw}.date{font-size:15px;margin-top:22px}.source-note{font-size:11px;margin:22px 0}.controls{flex-direction:column;gap:10px;width:100%;max-width:390px;margin:auto}.settings{justify-content:space-between}.settings button{padding:9px 8px;gap:6px;font-size:12px;flex:1}.switch,.sun-icon{flex-shrink:0}#format-toggle{min-width:68px}.setting-label{font-size:7px}.fullscreen-button{min-height:46px;padding:13px 20px}.about-section,.faq-section{grid-template-columns:1fr;gap:30px;margin:0 24px;padding:40px 0}h2{font-size:29px}.intro-copy>p{max-width:none}.faq-section h2{margin:0}.faq-list p{max-width:none}footer{margin:0 24px;font-size:10px;padding:23px 0}html:fullscreen .controls{flex-direction:column;max-width:390px}html:fullscreen .settings button{padding:8px}html:fullscreen .fullscreen-button{padding:10px}html:fullscreen .time-row{font-size:min(14vw,26dvh)}html:fullscreen .source-note{margin:16px 0}html:fullscreen .section-label{display:none}}
@media(max-height:500px) and (orientation:landscape){html:fullscreen h1,html:fullscreen .section-label,html:fullscreen .source-note{display:none}html:fullscreen .clock-section{padding:12px}html:fullscreen .time-row{font-size:min(14vw,33dvh)}html:fullscreen .date{margin:8px 0 12px;font-size:14px}html:fullscreen .settings button{padding:4px 12px;min-height:30px}html:fullscreen .fullscreen-button{padding:8px 14px}html:fullscreen .controls{flex-direction:row}html:fullscreen .feedback{min-height:14px;margin:5px 0;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}