.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}:root{--dok-onder:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 0.5rem);--dok-boven:calc(env(safe-area-inset-top, 0px) + 3.25rem);--dok-marge:max(0.6rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--dok-links:0px}@media (min-width:1024px){:root{--dok-onder:calc(env(safe-area-inset-bottom, 0px) + 1.25rem);--dok-marge:1.25rem;--dok-links:var(--nav-w)}}.dok{position:fixed;right:var(--dok-marge);bottom:var(--dok-onder);width:min(28rem,calc(100vw - 2 * var(--dok-marge)));z-index:40;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.55rem .5rem .55rem .35rem;border-radius:16px;background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-soft);touch-action:none;animation:dok-in .18s cubic-bezier(.23,1,.32,1)}.dok[data-sleept=true]{animation:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.dok{animation:none}}@keyframes dok-in{0%{opacity:0}to{opacity:1}}.dok-meters{position:absolute;top:0;left:0;width:0;overflow:hidden;pointer-events:none;visibility:hidden}.dok-meet-boven{display:block;height:var(--dok-boven)}.dok-meet-onder{display:block;height:var(--dok-onder)}.dok-meet-marge{display:block;width:var(--dok-marge);height:0}.dok-meet-links{display:block;width:var(--dok-links);height:0}.dok-melding{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.dok-greep{display:inline-grid;place-items:center;width:28px;height:44px;border:0;background:transparent;color:var(--color-muted);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.23,1,.32,1),color .14s ease,opacity .14s ease}.dok-greep:hover{color:var(--color-gold-deep);transform:scale(1.12)}.dok-greep:active{color:var(--color-gold-deep);transform:scale(.92)}.dok-greep:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px;color:var(--color-gold-deep)}.dok[data-sleept=true] .dok-greep{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.dok-greep{transition:none}.dok-greep:active,.dok-greep:hover,.dok[data-sleept=true] .dok-greep{transform:none}}.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:hover{background:var(--color-gold-hi);transform:scale(1.06)}.dok-knop:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.dok-knop{transition:none}.dok-knop:active,.dok-knop:hover{transform:none}}.dok-knop:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.dok-stop{background:transparent;color:var(--color-muted)}.dok-stop:hover{background:var(--color-surface);color:var(--color-text)}.app-shell{padding-bottom:5.5rem}