:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;font-size:28px;line-height:1.2;--bg:#fff;--ink:#000;--chosen:#003b80;--selected:#fff;--red:#a00000}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}main{width:100%;max-width:560px;min-height:100svh;margin:auto;padding:24px 20px 12px;display:flex;flex-direction:column;gap:24px}h1,p{margin:0}h1{font-size:64px;line-height:1.05;font-weight:800;letter-spacing:-1px;overflow-wrap:normal}#until{font-size:40px;font-weight:700;margin-top:8px;font-variant-numeric:tabular-nums}#next{margin-top:16px;min-height:34px}#warning{color:var(--red);font-weight:750;margin-top:12px}h2{font-size:32px;line-height:1.15;margin:0 0 16px}#groups{display:grid;grid-template-columns:1fr 1fr;gap:8px}#change{font-size:24px;min-height:48px;align-self:flex-start;border:0;padding:0;text-decoration:underline;text-underline-offset:5px;font-weight:400}button{font:inherit;font-weight:700;min-height:60px;padding:8px 12px;border:3px solid var(--ink);border-radius:4px;background:var(--bg);color:var(--ink);cursor:pointer}button[aria-pressed=true]{background:var(--chosen);border-color:var(--chosen);color:var(--selected)}button:disabled{opacity:1;cursor:default}footer{margin-top:auto}nav{display:flex;gap:28px}a{color:var(--ink);text-underline-offset:5px;min-height:48px;display:inline-flex;align-items:center}#stamp{margin-top:8px;font-variant-numeric:tabular-nums}.source{font-size:16px;min-height:44px}button:focus-visible,a:focus-visible{outline:4px solid #c86300;outline-offset:3px}[hidden]{display:none!important}
@media(prefers-color-scheme:dark){:root{--bg:#000;--ink:#fff;--chosen:#ffdc35;--selected:#000;--red:#ff9393}}
@media(max-height:740px){main{padding-top:16px;gap:16px}button{min-height:56px}}
