.vd{--vd-noor:var(--color-gold-deep);--vd-ink:var(--color-ivory);--vd-mut:color-mix(in oklab,var(--color-shadow-ink) 55%,transparent);--vd-line:color-mix(in oklab,var(--color-shadow-ink) 12%,transparent);--vd-surface:color-mix(in oklab,var(--color-surface) 90%,transparent);min-height:calc(100svh - var(--nav-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--space-5));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 18px 40px;text-align:center}.vd-switch{display:flex;gap:10px}.vd-tab{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--vd-line);background:color-mix(in oklab,var(--color-surface) 40%,transparent);border-radius:16px;padding:10px 16px;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s ease}.vd-tab:active{transform:scale(.97)}.vd-tab.on{border-color:var(--vd-noor);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-gold-deep) 14%,transparent)}.vd-tab-glyph{font-size:22px;line-height:1}.vd-tab-lab{font-size:.72rem;color:var(--vd-mut);letter-spacing:.02em}.vd-noor{display:flex;gap:8px;margin-top:-8px}.vd-noor i{width:9px;height:9px;border-radius:50%;background:var(--vd-line);transition:background .4s ease,box-shadow .4s ease}.vd-noor i[data-aan="1"]{background:var(--vd-noor);box-shadow:0 0 10px color-mix(in oklab,var(--color-gold-deep) 70%,transparent)}.vd-card{width:min(92vw,460px);border:1px solid var(--vd-line);border-radius:24px;padding:40px 26px 30px;background:linear-gradient(165deg,var(--vd-surface),color-mix(in oklab,var(--color-surface) 70%,transparent));box-shadow:0 12px 40px color-mix(in oklab,var(--color-shadow-ink) 9%,transparent);display:flex;flex-direction:column;align-items:center;gap:14px;animation:vd-rise .46s cubic-bezier(.16,1,.3,1) both}@keyframes vd-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.vd-card.vd-done{border-color:color-mix(in oklab,var(--color-gold-deep) 40%,transparent)}.vd-glyph{font-size:64px;line-height:1;filter:drop-shadow(0 4px 18px color-mix(in oklab,var(--color-gold-deep) 35%,transparent));animation:vd-breathe 6s ease-in-out infinite}@keyframes vd-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.vd-done .vd-glyph,.vd-eyebrow{color:var(--vd-noor)}.vd-eyebrow{margin:0;font-family:var(--font-mono,ui-monospace,monospace);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.vd-action{margin:0;font-size:1.2rem;line-height:1.4;color:var(--vd-ink);max-width:34ch;text-wrap:balance}.vd-dim,.vd-sub{color:var(--vd-mut)}.vd-sub{margin:0;font-size:.9rem;line-height:1.45;max-width:36ch}.vd-sub a{color:var(--vd-noor)}.vd-bron,.vd-why{margin:0;font-size:.92rem;line-height:1.45;color:var(--vd-ink);max-width:36ch}.vd-why-k{font-family:var(--font-mono,ui-monospace,monospace);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-right:4px}.vd-bron a,.vd-why-k{color:var(--vd-noor)}.vd-bron-tekst{display:block;margin-top:4px;font-style:italic;color:var(--vd-mut)}.vd-vier{border-color:color-mix(in oklab,var(--color-gold-deep) 55%,transparent);background:linear-gradient(165deg,color-mix(in oklab,var(--color-surface-2) 95%,transparent),var(--vd-surface));animation:vd-bloom .7s cubic-bezier(.16,1,.3,1) both}@keyframes vd-bloom{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1.02)}to{transform:none}}.vd-glyph-vier{color:var(--vd-noor);animation:vd-glow 2.4s ease-in-out infinite}@keyframes vd-glow{0%,to{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 10px color-mix(in oklab,var(--color-gold-deep) 45%,transparent))}50%{transform:scale(1.12) rotate(8deg);filter:drop-shadow(0 0 26px color-mix(in oklab,var(--color-gold-deep) 85%,transparent))}}.vd-dank{margin:0;font-family:var(--font-display,serif);font-size:1.6rem;color:var(--vd-noor)}.vd-acties{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.vd-do{position:-webkit-sticky;position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-3));z-index:2;border:0;border-radius:13px;padding:12px 26px;font-size:.95rem;font-weight:600;color:var(--color-on-gold);background:var(--gradient-cta);cursor:pointer;min-height:44px;transition:transform .14s cubic-bezier(.16,1,.3,1),filter .14s ease}.vd-do:hover{filter:brightness(1.05)}.vd-do:active{transform:scale(.96)}.vd-stil{border:1px solid var(--vd-line);background:transparent;border-radius:13px;padding:12px 20px;font-size:.95rem;color:var(--vd-mut);cursor:pointer;transition:border-color .14s ease}.vd-stil:hover{border-color:var(--vd-noor)}.vd-foot{font-size:.85rem;color:var(--vd-mut)}@media (prefers-reduced-motion:reduce){.vd-card,.vd-glyph,.vd-glyph-vier,.vd-vier{animation:none}.vd-do,.vd-noor i,.vd-stil,.vd-tab{transition:none}.vd-do:active,.vd-tab:active{transform:none}}.ts{width:min(100%,360px);margin:0 auto 4px;color:var(--vd-gold,var(--color-gold-deep))}.ts-svg{display:block;width:100%;height:auto;overflow:visible}.ts-kraal{fill:var(--color-surface-2);stroke:var(--color-border-strong);stroke-width:1.2;transition:fill .3s ease,stroke .3s ease,transform .3s ease;transform-box:fill-box;transform-origin:center}.ts-kraal.ts-aan{fill:var(--color-gold);stroke:var(--color-gold-deep);filter:drop-shadow(0 0 4px color-mix(in oklab,var(--color-gold) 55%,transparent))}.ts-ster{fill:currentColor}.ts-nieuw{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--color-gold) 90%,transparent))}.ts[data-puls="1"] .ts-nieuw{animation:ts-gloed .6s cubic-bezier(.16,1,.3,1) both}@keyframes ts-gloed{0%{transform:scale(.4);opacity:.2}60%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}.ts[data-subject=baby] .ts-kraal.ts-aan{fill-opacity:.5}.vd-do.vd-do-kraal{border-radius:999px;width:56px;height:56px;padding:0;min-width:0;font-size:0;animation:vd-kraal-in .6s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 0 0 color-mix(in oklab,var(--color-gold) 70%,transparent)}@keyframes vd-kraal-in{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in oklab,var(--color-gold) 70%,transparent)}to{transform:scale(.9);box-shadow:0 0 0 18px transparent}}.vd-vier.vd-mijlpaal{animation:vd-bloom .9s cubic-bezier(.16,1,.3,1) both}.vd-deeltjes{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.vd-deeltjes i{position:absolute;left:50%;top:42%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--color-gold-hi),var(--color-gold-deep));opacity:0;animation:vd-deeltje 1.2s ease-out both;animation-delay:var(--d,0s);transform:translate(-50%,-50%)}@keyframes vd-deeltje{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}}.vd-mijlpaal-zin{margin:4px 0 10px;font-weight:600;color:var(--vd-gold,var(--color-gold-deep))}.vd-baby-licht{width:72px;height:72px;margin:8px auto 12px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-gold-hi) 95%,transparent),transparent);animation:vd-breathe 3s ease-in-out infinite}.vd-geluid{margin:14px auto 0;display:block;background:none;border:0;color:inherit;opacity:.55;font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:44px}.vd-vier{position:relative}@media (prefers-reduced-motion:reduce){.ts[data-puls="1"] .ts-nieuw,.vd-baby-licht,.vd-deeltjes i,.vd-do.vd-do-kraal,.vd-vier.vd-mijlpaal{animation:none}.vd-deeltjes{display:none}}