.navkeuze{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-text)}.navkeuze::-webkit-backdrop{background:var(--color-overlay);animation:navkeuze-fade .2s var(--ease-out) both}.navkeuze::backdrop{background:var(--color-overlay);animation:navkeuze-fade .2s var(--ease-out) both}.navkeuze-paneel{position:absolute;left:0;right:0;bottom:0;max-height:calc(100dvh - 48px);overflow-y:auto;box-sizing:border-box;padding:var(--space-2) var(--space-4) calc(env(safe-area-inset-bottom, 0px) + var(--space-4));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-raised);animation:navkeuze-lade .26s cubic-bezier(.32,.72,0,1) both}.navkeuze-greep{display:block;width:40px;height:4px;margin:0 auto var(--space-3);border-radius:2px;background:var(--color-border-strong)}.navkeuze-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.navkeuze-titel{margin:0;font-family:var(--font-display);font-size:1.35rem;line-height:1.2}.navkeuze-sluit{display:inline-grid;place-items:center;width:44px;height:44px;margin-right:calc(var(--space-2) * -1);border:0;border-radius:50%;background:none;color:var(--color-muted);cursor:pointer}.navkeuze-uitleg{margin:var(--space-1) 0 var(--space-3);color:var(--color-muted);font-size:.92rem}.navkeuze-apps{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.navkeuze-app{display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:1.05rem;font-weight:600;text-align:start;cursor:pointer;transition:transform .12s var(--ease-out),border-color .12s var(--ease-out)}.navkeuze-app:hover{border-color:var(--color-border-strong)}.navkeuze-app:active{transform:scale(.98)}.navkeuze-app:focus-visible,.navkeuze-onthoud input:focus-visible,.navkeuze-sluit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.navkeuze-icoon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in oklab,var(--color-signaal) 16%,transparent);color:var(--color-text)}.navkeuze-icoon svg{width:22px;height:22px}.navkeuze-onthoud{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);cursor:pointer}.navkeuze-onthoud input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--color-signaal)}.navkeuze-onthoud span{display:grid;grid-gap:2px;gap:2px}.navkeuze-onthoud small{color:var(--color-muted);font-size:.82rem}@media (min-width:1024px){.navkeuze::-webkit-backdrop{background:color-mix(in oklab,var(--color-overlay) 40%,transparent)}.navkeuze::backdrop{background:color-mix(in oklab,var(--color-overlay) 40%,transparent)}.navkeuze-paneel{left:50%;right:auto;bottom:auto;top:50%;width:400px;transform:translate(-50%,-50%);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);animation:navkeuze-fade .16s var(--ease-out) both}.navkeuze-greep{display:none}}@keyframes navkeuze-fade{0%{opacity:0}}@keyframes navkeuze-lade{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.navkeuze::-webkit-backdrop{animation:none}.navkeuze-paneel,.navkeuze::backdrop{animation:none}}.navinstel-nu{margin:var(--space-2) 0;font-weight:600}.navinstel-opties{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;border:0}.navinstel-optie{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer;font-weight:600}.navinstel-optie:has(input:checked){border-color:var(--color-signaal);background:color-mix(in oklab,var(--color-signaal) 10%,var(--color-surface-2))}.navinstel-optie input{width:20px;height:20px;margin:0;accent-color:var(--color-signaal)}.navinstel-optie input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.navinstel-optie .navkeuze-icoon{width:34px;height:34px;font-weight:700}