:root{color-scheme:dark;--bg:#101210;--panel:#191c19;--line:#343a33;--text:#f0f1e9;--muted:#9ba397;--accent:#d1ef87}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;display:grid;grid-template-rows:auto 1fr auto}header,footer{display:flex;align-items:center;padding:24px 32px;min-height:88px}header{justify-content:space-between}.brand{font-size:18px;font-weight:600;letter-spacing:-.6px;color:var(--muted)}.brand span{color:var(--accent)}main{display:grid;align-items:center;padding:16px 2vw}.timer-panel{width:100%;position:relative}.spelled-countdown{position:absolute;bottom:100%;left:0;right:0;text-align:center;margin:0 0 16px;color:var(--accent);font-size:clamp(18px,3vw,48px);font-weight:500;letter-spacing:.25em;line-height:1.2;pointer-events:none}.digits{display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.digits[data-units="3"]{--number-size:28vw}.digits[data-units="2"]{--number-size:42vw}.digits[data-wide-days="true"]{--number-size:18vw}.digits[data-wide-days="true"][data-units="3"]{--number-size:24vw}.digits[data-wide-days="true"] #days-unit{flex:1.5}.digits div{flex:1;min-width:0;text-align:center}.digits div>span{display:block;font-size:clamp(2rem,var(--number-size,20vw),min(68svh,calc(100svh - 260px)));font-weight:400;letter-spacing:-.065em;line-height:.95;padding-right:.065em}.digits small{display:block;color:var(--muted);font-size:12px;letter-spacing:.22em;margin-top:24px}.digits b{font-size:clamp(1.5rem,5vw,6rem);font-weight:400;color:#454d42;transform:translateY(-20px)}.status{font-size:14px;color:var(--muted);text-align:left;margin:0;line-height:1.6;min-height:24px;min-width:0;overflow-wrap:anywhere}footer{justify-content:space-between;gap:16px}.footer-controls{display:flex;flex-wrap:wrap;max-width:65%;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.settings-button{display:grid;place-items:center}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.quiet{background:none;color:var(--muted);border:0;padding:12px;font-size:14px;min-width:44px;min-height:44px}.quiet:hover{color:var(--text)}#fullscreen{font-size:27px;padding:4px 10px}.stop{color:var(--accent)}dialog{width:calc(100% - 32px);max-width:440px;max-height:calc(100svh - 32px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 100px #0006}dialog::backdrop{background:#080b08b8;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}h1{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0}.close{font-size:26px;margin:-10px -12px -10px 0}label{font-size:14px;display:block}input[type=datetime-local],input[type=url]{font:inherit;background:var(--bg);color:var(--text);border:1px solid #485341;border-radius:8px;padding:14px 12px;margin-top:10px;width:100%;min-width:0}.help{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.6}.sound-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:25px 0 18px}.switch{appearance:none;width:43px;height:25px;background:#58624f;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0}.switch:before{content:'';width:19px;height:19px;background:var(--bg);border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translateX(18px)}.actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:8px;padding:14px 18px;font-size:14px;font-weight:500}.primary{flex:1;background:var(--accent);color:#1e2b13}.primary:hover{background:#ddf7a5}.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}#error{font-size:14px;color:#ffb9a5;line-height:1.5;margin-bottom:0}#error:empty{display:none}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.finished .digits{color:var(--accent);animation:celebrate 1.5s ease-in-out 3}@keyframes celebrate{50%{text-shadow:0 0 50px #d1ef8730}}@media(max-width:600px) and (orientation:portrait){header,footer{padding:16px 20px;min-height:76px}main{padding:16px 2vw}.digits{display:grid;grid-template-columns:1fr 1fr;gap:36px 16px}.digits b{display:none}.digits div>span{font-size:36vw}.digits[data-units="2"]{display:flex;gap:0}.digits[data-units="2"] b:not([hidden]){display:block}.digits[data-units="2"] div>span{font-size:43vw}.digits[data-wide-days="true"] div>span{font-size:28vw}.digits small{margin-top:10px}}@media(max-height:500px) and (orientation:landscape){header,footer{padding:6px 24px;min-height:48px}main{padding:8px 2vw}.digits div>span{font-size:min(var(--number-size,20vw),62svh)}.digits small{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}