:root{--bg: #222222;--surface: #2f2f2f;--text: #ffffff;--muted: #9e9e9e;--accent: #7b1fa2;--accent-soft: #ce93d8;--warn: #f44336}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font-family:inherit}.clock-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:1rem;line-height:1.5}.clock-header a{color:var(--muted);text-decoration:none}.clock-header a:hover{color:var(--text)}.clock-header nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.wordmark{font-weight:700}.button{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid transparent;font-family:inherit;font-size:1rem;line-height:1.5;text-decoration:none;font-weight:600;cursor:pointer}.button.secondary{background:transparent;border-color:var(--accent-soft)}.button:disabled{opacity:.45;cursor:not-allowed}.button:focus-visible,.clock-header a:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}@media(max-width:40rem){.clock-header{position:static;flex-wrap:wrap;gap:.35rem 1rem}}