:root{--color-text:#263238;--color-text-muted:#8a9095;--color-bg:#fff;--color-surface:#f5f5f6;--color-border:#e8e8e8;--color-secondary:#263238;--color-brand:#7a4235;--color-brand-soft:#d9c5c0;--color-brand-bg:#f4ece9;--color-brand-border:#e2cfc8;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--radius:10px;--radius-sm:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-tap-highlight-color:transparent;height:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}::selection{color:inherit;background:#7a423529}::selection{color:inherit;background:#7a423529}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}@media (width<=767px){input,textarea,select{font-size:16px!important}}body.vv-locked{overscroll-behavior:none;touch-action:manipulation;position:fixed;inset:0;overflow:hidden}html:has(body.vv-locked){overscroll-behavior:none}.data-row{transition:background .14s}.data-row:hover{background:#fafafa}.pijl-knop{transition:background .14s,color .14s}.pijl-knop:hover:not(:disabled){color:var(--color-text);background:#f4f4f5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes think-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.think-dot{background:var(--color-text-muted,#6b7280);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite think-bounce}.think-dot:nth-child(2){animation-delay:.15s}.think-dot:nth-child(3){animation-delay:.3s}@keyframes sheet-up{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheet-up{animation:.19s cubic-bezier(.32,.72,0,1) sheet-up}@media (prefers-reduced-motion:reduce){.sheet-up{animation:none}}.photo-overlay{opacity:0;transition:opacity .18s}.photo-btn:hover .photo-overlay{opacity:1}.foto-spinner{border:2px solid #d4d4d4;border-top-color:#8a8a8a;border-radius:50%;width:14px;height:14px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.icoon-knop{transition:background .12s,color .12s}.icoon-knop:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text);background:#f4f4f5}.antwoord-vak textarea::placeholder,.antwoord-vak input::placeholder{color:#b9bdc1;font-style:italic}