.bn{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in oklch,var(--color-surface) 84%,transparent);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);z-index:100}.bn-item{flex:1 1;display:grid;place-items:center;grid-gap:.2em;gap:.2em;color:var(--color-ivory-faint);font-size:.72rem;letter-spacing:.02em;transition:color var(--duration-normal) var(--ease-calm);min-height:44px}.bn-item svg{width:1.5rem;height:1.5rem}.bn-icon{display:grid;place-items:center;width:2.5rem;height:1.75rem;border-radius:999px;transition:background var(--duration-normal) var(--ease-out)}.bn-item[data-active=true]{font-weight:600}.bn-item[data-active=true] .bn-icon{background:color-mix(in oklch,var(--color-gold) 16%,transparent)}.bn-item[data-active=true] svg{filter:drop-shadow(0 2px 6px color-mix(in oklab,var(--color-gold) 45%,transparent))}.bn-item:active svg{transform:scale(.92)}.bn-item svg{transition:transform var(--duration-fast) var(--ease-out)}.bn{background:color-mix(in oklch,var(--color-night-raised) 92%,transparent);border-top:1px solid var(--color-night-border)}.bn-item{color:var(--color-ivory-dim);font-size:.68rem}.bn-item svg{stroke-width:1.6}.bn-item[data-active=true]{color:var(--color-gold-deep)}.bn-item[data-active=true] .bn-icon{background:var(--color-gold-soft)}.bn-item[data-active=true] svg{fill:color-mix(in oklab,var(--color-gold) 30%,transparent);filter:none}.dok{position:fixed;left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + .5rem);z-index:40;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.55rem .5rem .55rem .9rem;border-radius:16px;background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-soft);animation:dok-in .18s cubic-bezier(.23,1,.32,1)}@media (min-width:1024px){.dok{left:auto;right:1.25rem;bottom:1.25rem;width:min(28rem,calc(100vw - 2.5rem))}}@media (prefers-reduced-motion:reduce){.dok{animation:none}}@keyframes dok-in{0%{opacity:0}to{opacity:1}}.dok-tekst{display:grid;min-width:0;text-decoration:none;color:inherit;line-height:1.25}.dok-soort{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep)}.dok-titel{font-weight:600;font-size:.92rem}.dok-bron,.dok-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dok-bron{font-size:.74rem;color:var(--color-muted)}.dok-knop{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--color-gold-soft);color:var(--color-gold-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s ease}.dok-knop:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.dok-knop{transition:none}.dok-knop:active{transform:none}}.dok-knop:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.dok-stop{background:transparent;color:var(--color-muted)}.app-shell{padding-bottom:5.5rem}