.form-page{gap:18px;max-width:640px;padding-block:8px 104px;display:grid}.form-head{gap:8px;display:grid}.form-head h1{font-size:clamp(32px,9vw,52px)}.form-head .lede,.done .lede{color:var(--ink);font-size:17px;line-height:1.45}.form{gap:22px;display:grid}.form[hidden]{display:none}.field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.field>legend{margin-bottom:10px;padding:0;font-size:19px;font-weight:800;font-stretch:112%}.field legend small,.label small{color:var(--muted);font-size:14px;font-weight:500;font-stretch:100%}.kind-opt input,.toggle2 input,.cell input,.day input,.opt input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kind-opt{border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;align-content:start;gap:10px;min-height:92px;padding:12px;display:grid;position:relative}.kind-opt .badge{--size:38px}.kind-opt .badge .ico{width:20px;height:20px}.kind-name{font-size:15.5px;font-weight:750;line-height:1.2}.kind-opt:has(input:checked){border-color:var(--k);background:var(--ks);box-shadow:inset 0 0 0 1.5px var(--k)}.kind-opt:has(input:checked) .badge{background:var(--k);color:var(--surface)}.kind-opt:has(input:focus-visible),.toggle2 label:has(input:focus-visible),.cell:has(input:focus-visible),.day:has(input:focus-visible),.opt:has(input:focus-visible){outline:3px solid var(--water);outline-offset:2px}.toggle2{background:var(--surface);border:1px solid var(--line);border-radius:13px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.toggle2 label{min-height:var(--tap);color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;font-size:15px;font-weight:700;transition:background-color .25s,color .25s;display:grid;position:relative}.toggle2 label:has(input:checked),.cell:has(input:checked),.day:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--bg)}.label{font-size:14px;font-weight:650}.input,.textarea{width:100%;min-height:48px;font:500 16px var(--font);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.textarea{resize:vertical;min-height:96px;line-height:1.45}.counter{color:var(--muted);justify-self:end;font-size:12.5px}.counter[data-over]{color:var(--alert);font-weight:700}.form-error{background:var(--alert-soft);color:var(--alert);border-radius:12px;padding:10px 12px;font-size:15px;font-weight:650}.form-error[hidden]{display:none}.btn.big{border-radius:16px;width:100%;min-height:56px;font-size:17px}.btn[disabled]{opacity:.6;cursor:progress}.ts:empty{display:none}.fine{color:var(--muted);font-size:13px}.done{justify-items:start;gap:14px;padding-top:8px;display:grid}.done[hidden]{display:none}.done:focus{outline:none}.done h2{font-size:clamp(32px,9vw,48px)}@media (prefers-reduced-motion:no-preference){.kind-opt:has(input:checked) .badge{animation:pick-pop .45s var(--bounce)}@keyframes pick-pop{0%{transform:scale(.6)}}@keyframes open{0%{opacity:0;translate:0 -6px}}.done:not([hidden]) h2,.done:not([hidden]) .lede,.done:not([hidden]) .page-actions{animation:open .4s var(--ease-out) .45s backwards}}.sheet-bar{padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;gap:8px;display:flex}.sheet-bar .btn{min-height:54px;font-size:17px}.sheet-bar .btn.ghost{flex:none;padding-inline:18px}.sheet-bar .btn:not(.ghost){flex:1}
