:root{--ukies-dark-green:#3b4f46;--ukies-light-green:#567a70;--ukies-superlight-green:#e6ebea;--ukies-dark-orange:#d19112;--ukies-light-orange:#ffb41e;--ukies-superlight-orange:#ffe9bd;--ukies-text:#333;--ukies-text-on-dark:#fff;--ukies-radius:.3rem;--ukies-font-header:"Lora", Georgia, serif;--ukies-font-body:"Poppins", system-ui, sans-serif;--ukies-shell-max-width:480px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ukies-superlight-green);color:var(--ukies-text);font-family:var(--ukies-font-body);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--ukies-font-header);color:var(--ukies-dark-green);margin:0;font-style:italic;font-weight:600}p{margin:0}button{font-family:inherit}input,textarea{font-family:inherit;font-size:1rem}#root{justify-content:center;min-height:100dvh;display:flex}.app-shell{width:100%;max-width:var(--ukies-shell-max-width);background:#fff;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=540px){.app-shell{border-radius:1.25rem;min-height:min(100dvh,900px);margin-block:max(24px,5dvh);box-shadow:0 30px 60px -20px #3b4f4659}}.app-header{background:var(--ukies-dark-green);color:var(--ukies-text-on-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.app-header__logo{width:auto;height:32px}.slide{flex-direction:column;flex:1;gap:20px;padding:28px 22px 24px;animation:.26s slide-in;display:flex}.welcome-slide{background-image:url(/quiz-achtergrond.jpg);background-position:50%;background-size:cover;padding:20px}.ukies-button--primary{background:var(--ukies-light-green)}.ukies-button--primary:not(:disabled):hover{background:var(--ukies-dark-green)}.ukies-button--accent{background:var(--ukies-dark-orange)}.ukies-button--accent:not(:disabled):hover{background:var(--ukies-light-orange)}.welcome-slide__panel{border-radius:var(--ukies-radius);background:#ffffffbf;flex-direction:column;flex:1;gap:20px;padding:24px 20px;display:flex}.result-slide{position:relative}.result-slide__video{object-fit:cover;opacity:.1;width:100%;height:100%;position:absolute;inset:0}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}