*{box-sizing:border-box}html{--bg:#f7f8f4;--surface:white;--ink:#182b20;--line:#d7e0d6;--brand:#245c45;--soft:#edf2eb;background:var(--bg);color:var(--ink);font:16px system-ui,sans-serif}html[data-dark=true]{--bg:#101914;--surface:#19261e;--ink:#edf3e9;--line:#49634e;--brand:#bad8a7;--soft:#263a2d;color-scheme:dark}html[data-large=true]{font-size:20px}body{margin:0}a{color:var(--brand)}.top{padding:24px 6%;display:flex;align-items:center;gap:24px;background:var(--surface)}.brand{font-size:32px;font-weight:800;text-decoration:none}nav{display:flex;gap:8px;padding:12px 6%;background:var(--surface);overflow:auto}nav a{padding:12px;text-decoration:none;white-space:nowrap;border-radius:10px}nav a[aria-current]{background:var(--soft);font-weight:700}main{max-width:1160px;margin:auto;padding:28px 20px 80px}h1{font-size:clamp(30px,5vw,44px)}h2{font-size:23px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:16px 0;min-width:0}.hero{padding:32px;background:var(--soft);border-radius:22px;margin:24px 0}.hero a{display:inline-block;margin:10px}.tag{display:inline-block;padding:6px 10px;background:var(--soft);border-radius:8px;font-size:.8rem}button{font:inherit;padding:12px 16px;border:1px solid var(--brand);border-radius:10px;background:var(--brand);color:var(--surface);cursor:pointer}button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}button.danger{background:#9c322c;color:white;border-color:#9c322c}button[aria-pressed=true]{outline:3px solid var(--brand);outline-offset:2px}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}label{display:block;margin:14px 0}input,select,textarea{font:inherit;padding:10px;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:6px}textarea{min-height:90px}p,li{line-height:1.6}details{margin:20px 0}li{margin:10px 0}dialog{width:min(760px,95vw);max-height:90vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px}dialog::backdrop{background:#10201999}.clock{font-size:clamp(32px,8vw,60px);font-weight:700;font-variant-numeric:tabular-nums}progress{width:100%;accent-color:var(--brand)}footer{text-align:center;padding:24px;font-size:.85rem}#notice:not(:empty){padding:18px;background:#fff1d0;color:#503718}#status:not(:empty){position:fixed;bottom:12px;left:12px;right:12px;max-width:650px;background:var(--ink);color:var(--bg);padding:14px;border-radius:12px;z-index:5}#error{color:#b43f36}:focus-visible{outline:3px solid #bd790e;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}html[data-reduced=true] *{animation:none!important}@media(max-width:520px){.top{align-items:flex-start;flex-direction:column;gap:0}nav{padding:8px;gap:0}nav a{padding:10px 8px;font-size:.84rem}.row>button{flex:1}dialog{padding:16px}.grid{grid-template-columns:1fr}}