.btn{min-height:var(--tap);border-radius:var(--radius-control);text-align:center;cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{cursor:default;opacity:.55}.btn[aria-busy=true]{cursor:progress;opacity:.9}.btn[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{rotate:1turn}}.btn--wide{width:100%}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:disabled:not([aria-busy=true]){background:var(--sunk);color:var(--muted);opacity:1}.btn--secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn--quiet{color:var(--accent);background:0 0;padding-inline:12px}.btn--danger{border-color:var(--line);color:var(--bad);background:0 0}@media (hover:hover){.btn--primary:not(:disabled):hover{background:color-mix(in oklab, var(--accent) 88%, var(--ink))}.btn--secondary:not(:disabled):hover,.btn--quiet:not(:disabled):hover{background:var(--sunk)}.btn--danger:not(:disabled):hover{border-color:var(--bad);background:var(--bad-soft)}}.btn--primary:not(:disabled):active{background:color-mix(in oklab, var(--accent) 80%, var(--ink))}.btn--secondary:not(:disabled):active,.btn--quiet:not(:disabled):active{background:var(--sunk)}.btn--danger:not(:disabled):active{border-color:var(--bad);background:var(--bad-soft)}@media (prefers-reduced-motion:no-preference){.btn:not(:disabled):active{transform:scale(.98)}}.field{gap:6px;display:grid}.field__label{color:var(--ink);padding:0;font-size:.9375rem;font-weight:600}.field__control{width:100%;min-height:var(--tap);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:10px 12px}.field__control:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field__control[aria-invalid=true]{border-color:var(--bad)}.field__control--select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 20px center,right 14px center;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.field__hint{color:var(--muted);font-size:.875rem}.field__error{color:var(--bad);font-size:.875rem}.choices{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.choices__list{gap:8px;display:grid}.choice{min-height:var(--tap);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.choice input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.choice__text{gap:2px;display:grid}.choice__label{font-weight:600}.choice__description{color:var(--muted);font-size:.875rem}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:999px;justify-self:start;min-width:0;margin:0;padding:3px;display:inline-flex}.segmented__option{min-width:64px;min-height:var(--tap);color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option:has(input:checked){background:var(--accent);color:var(--on-accent)}.segmented__option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.segmented__option:not(:has(input:checked)):hover{color:var(--ink)}}.chips{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.chips__list{flex-wrap:wrap;gap:8px;display:flex}.chips__list--scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin-block:-4px;margin-inline:-4px;padding-block:4px;padding-inline:4px 24px;overflow-x:auto;-webkit-mask-image:linear-gradient(270deg,#0000,#000 24px);mask-image:linear-gradient(270deg,#0000,#000 24px)}.chips__list--scroll::-webkit-scrollbar{display:none}.chips__list--scroll .chip{white-space:nowrap;flex:none}.chip{min-height:var(--tap);background:var(--panel);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.9375rem;line-height:1.2;display:inline-flex;position:relative}.chip:active{background:var(--sunk)}.chip input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}.chip:has(input:checked):before{content:"✓" / "";color:var(--accent)}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.chip:has(input:disabled){cursor:default;opacity:.5}.chip__swatch{border:1px solid color-mix(in oklab, var(--ink) 30%, transparent);border-radius:50%;flex:none;width:16px;height:16px}.modetoggle{width:var(--tap,44px);height:var(--tap,44px);color:var(--nav-fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;margin-left:auto;padding:0;display:inline-grid}.modetoggle svg{width:22px;height:22px}@media (hover:hover){.modetoggle:hover{border-color:currentColor}}.modetoggle:focus-visible{outline:2px solid var(--nav-accent,currentColor);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.modetoggle{transition:border-color .12s}}.back-link{min-height:var(--tap);justify-self:start;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.action-sheet__trigger{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;place-items:center;padding:0;display:inline-grid}.action-sheet__trigger svg{width:22px;height:22px}.action-sheet__trigger:active{background:var(--sunk)}.action-sheet__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}
