:root{color-scheme:dark;--bg:#101a27;--panel:#162436;--line:#3a4d64;--text:#f0f5fa;--muted:#bac8d8;--accent:#79d4e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}header{max-width:960px;margin:auto;padding:24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}header a{color:var(--text);text-decoration:none}.brand{border:1px solid var(--line);border-radius:12px;padding:4px 11px;font-size:1.3rem;font-weight:750}.research{margin-left:auto;font-size:.9rem}main{max-width:740px;margin:auto;padding:16px 24px 40px}h1{font-size:2rem;line-height:1.2;letter-spacing:-.03em;margin:10px 0 32px}.intro,.clock-face{text-align:center}.eyebrow{font-size:.875rem;color:var(--muted)}.clock-face{padding:28px 8px;border-block:1px solid var(--line)}#display-time{display:block;font-size:clamp(3rem,11vw,6.8rem);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.35;letter-spacing:-.04em;color:var(--accent)}#date{margin:0 0 20px;color:var(--muted)}.actual{font-size:1.05rem;margin:14px 0}.actual time{font-weight:650;font-variant-numeric:tabular-nums;margin-left:10px}#phase,#sync{color:var(--muted);font-size:.9rem;margin:8px 0}progress{height:5px;width:min(100%,380px);accent-color:var(--accent);margin-top:20px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0 10px}button,select,input{font:inherit;border-radius:10px;min-height:44px}button{padding:10px 18px;border:1px solid var(--accent);background:var(--accent);color:#102333;cursor:pointer;font-weight:600}button.secondary{background:transparent;color:var(--text);border-color:var(--line)}button:hover{filter:brightness(1.12)}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#status{min-height:1.6em;text-align:center;color:var(--accent);font-size:.9rem}details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}summary{cursor:pointer;font-weight:650;font-size:1rem;min-height:36px}details p{color:var(--muted)}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:650;margin-bottom:10px}label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-size:.9rem}input,select{width:100%;background:var(--panel);color:var(--text);padding:10px 12px;border:1px solid var(--line)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hint{font-size:.875rem;color:var(--muted);margin:8px 0}.advanced{margin-top:8px}.text-button{background:transparent;border:0;color:var(--accent);padding-left:0;text-decoration:underline}footer{max-width:960px;margin:auto;padding:20px 24px 32px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.875rem}[hidden]{display:none!important}main:fullscreen{max-width:none;background:var(--bg);overflow:auto;padding:35px max(24px,calc((100vw - 690px)/2));display:flex;flex-direction:column;justify-content:safe center;min-height:100vh}main:fullscreen .intro{margin-top:0}@media(max-width:480px){header{padding:18px;gap:14px}.research{margin-left:0;width:100%}main{padding:12px 18px 30px}.pair{grid-template-columns:1fr;gap:0}h1{font-size:1.75rem}.clock-face{padding:25px 0}#display-time{font-size:clamp(2.6rem,12vw,4.5rem)}}

.brand{display:inline-flex;align-items:center;gap:10px;border:0;padding:0}.brand img{display:block;border-radius:50%}

#wallpaper-preview{position:relative;aspect-ratio:9/16;width:min(100%,260px);margin:20px auto;border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;touch-action:none;cursor:move}#wallpaper-time{position:absolute;white-space:nowrap;transform:translate(-50%,-50%);font-size:clamp(1.3rem,8vw,2.2rem);line-height:1;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums;pointer-events:none}input[type=range]{padding:0;accent-color:var(--accent)}

.app-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;font-weight:600}.app-download:hover{filter:brightness(1.12)}

/* Keep shared disclosure panels readable on the dark clock. */
#clock .s7-disclosure,#clock .s7-disclosure[open]{background:var(--panel)!important;color:var(--text);border-color:var(--line)!important}#clock .s7-disclosure>summary{color:var(--text)}#clock .s7-disclosure>summary:hover{background:#20334a}#clock .s7-bottom-label{color:var(--muted)}#wallpaper-preview.position-locked{cursor:default;touch-action:pan-y}button:disabled,input:disabled{cursor:default;opacity:.55}