:root{color:#102a43;background:#f8fafc;font-family:system-ui,sans-serif}main{max-width:42rem;margin:1rem auto;padding:1rem}label{margin:.75rem 0;display:block}input,select,button{min-height:44px;font:inherit;margin:.35rem .35rem .35rem 0;padding:.4rem .6rem}button{color:#fff;background:#155e75;border:0;border-radius:.25rem}nav{gap:.35rem;margin:.75rem 0;display:flex;overflow-x:auto}nav button[aria-pressed=true]{background:#0f766e;outline:3px solid #99f6e4}.quick,.tiles{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.quick form{margin:0}article,aside{background:#fff;border-radius:.4rem;margin:.65rem 0;padding:.75rem;box-shadow:0 1px 2px #102a4320}.timer output{font-variant-numeric:tabular-nums;margin:.3rem 0;font-size:1.5rem;display:block}.dark{color:#e5eef5;background:#102a43}.dark article,.dark aside{background:#243b53}@media (width<=420px){main{margin:0;padding:.75rem}.quick,.tiles{grid-template-columns:1fr}}