:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#eee;background:#111;margin:0}.page{max-width:480px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;gap:12px;margin:0 auto;display:flex}.card{background:#1c1c1c;border-radius:12px;padding:12px 16px}.card h2{margin:0 0 8px;font-size:1.1rem}.card ol{margin:0;padding-left:20px}.card li{margin:6px 0}.card li span{color:#999;font-size:.9rem;display:block}input,button{font:inherit;color:inherit;background:#222;border:1px solid #333;border-radius:8px;padding:12px}button{background:#3b82f6;border:0}.muted{color:#999;margin:0 0 8px;font-size:.9rem}.set-form{align-items:center;gap:8px;margin:8px 0;display:flex}.set-form span{color:#999;width:1.5em}.set-form input{flex:1;min-width:0}.card>button{margin-top:8px}button.secondary,button.link{background:#2a2a2a}button.link{color:#3b82f6;background:0 0;align-self:flex-start;padding:4px 0}.resume{border:1px solid #3b82f6}input[aria-invalid=true]{border-color:#ef4444}.timer{font-variant-numeric:tabular-nums;color:#999;margin:0 0 12px}.done{float:right;color:#999;font-size:.9rem;font-weight:400}