:root{--soa-bg: #FFF1E3;--soa-actie: #FF4F26;--soa-actie-schaduw: #C9350F;--soa-actie-hover: #E84520;--soa-accent: #FFD84D;--soa-inkt: #191713;--soa-body: #4A453D;--soa-gedempt: #8A847A;--soa-lijn: #EFE2D0;--soa-kaart: #FFFFFF;--soa-chip-perzik: #FFC9B8;--soa-chip-mint: #C9E8D2;--soa-chip-lila: #D6D9FF;--soa-indicator: #C9C3B8;--soa-font-display: "Archivo Black", system-ui, sans-serif;--soa-font-body: "DM Sans", system-ui, sans-serif;--soa-font-mono: "JetBrains Mono", ui-monospace, monospace;--soa-radius-pill: 99px;--soa-radius-kaart: 26px;--soa-radius-blok: 22px;--soa-radius-foto: 28px;--soa-marge: 26px;--soa-gap-kaart: 12px;--soa-gap-sectie: 22px;--soa-safe-bottom: 34px;--soa-rand: 2px solid var(--soa-inkt);--soa-schaduw-hard: 0 8px 0 0 var(--soa-actie-schaduw)}:root{--soa-soepel: cubic-bezier(.3, .72, .24, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}#root{display:flex;flex-direction:column;height:100dvh}body{margin:0;background:var(--soa-bg);color:var(--soa-inkt);font-family:var(--soa-font-body);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.soa-scherm{display:flex;flex:1;flex-direction:column;width:100%;max-width:390px;min-height:0;margin:0 auto;background:var(--soa-bg)}.soa-kop{display:flex;align-items:center;justify-content:space-between;padding:20px var(--soa-marge) 0;padding-top:calc(20px + env(safe-area-inset-top))}.soa-merk{font-family:var(--soa-font-display);font-size:15px;letter-spacing:.06em;color:var(--soa-actie)}.soa-terug{width:44px;height:44px;border-radius:var(--soa-radius-pill);border:var(--soa-rand);background:transparent;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.soa-terug:hover:not(:disabled){background:var(--soa-inkt);color:var(--soa-bg)}.soa-terug:disabled{opacity:0;pointer-events:none}.soa-tekstknop{height:44px;min-width:44px;padding:0 16px;border:none;border-radius:var(--soa-radius-pill);background:transparent;color:var(--soa-gedempt);font-weight:700;font-size:15px;transition:color .18s ease}.soa-tekstknop:hover{color:var(--soa-inkt)}.soa-tekstknop--leeg{visibility:hidden}.soa-voortgang{padding:18px var(--soa-marge) 0;display:flex;flex-direction:column;gap:10px}.soa-voortgang__meta{display:flex;justify-content:space-between;font-family:var(--soa-font-mono);font-size:12px;letter-spacing:.1em;color:var(--soa-gedempt);min-height:16px}.soa-voortgang__balk{display:flex;gap:6px}.soa-voortgang__segment{flex:1;height:8px;border-radius:var(--soa-radius-pill);background:var(--soa-accent);transition:background .5s ease}.soa-voortgang__segment--af{background:var(--soa-actie)}.soa-vraagkop{padding:24px var(--soa-marge) 0;display:flex;flex-direction:column;gap:8px}.soa-eyebrow{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--soa-actie)}.soa-schermtitel{font-family:var(--soa-font-display);font-size:40px;line-height:.96;letter-spacing:-.02em;color:var(--soa-inkt);margin:0;text-wrap:balance}.soa-hulptekst{font-size:16px;line-height:1.45;color:var(--soa-body);margin:0;text-wrap:pretty}.soa-romp{flex:1;min-height:0;padding:18px var(--soa-marge) 0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none}.soa-romp::-webkit-scrollbar{width:0}.soa-opties{display:flex;flex-direction:column;gap:var(--soa-gap-kaart)}.soa-blok{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:15px 18px;text-align:left;background:var(--soa-kaart);border:2px solid transparent;border-radius:var(--soa-radius-blok);transition:border-color .18s ease,background .18s ease,transform .18s var(--soa-soepel)}.soa-blok:active{transform:scale(.98)}.soa-blok:hover{border-color:var(--soa-inkt)}.soa-blok--perzik{background:var(--soa-chip-perzik)}.soa-blok--aan{background:var(--soa-accent);border-color:var(--soa-inkt)}.soa-blok__indicator{flex:0 0 auto;width:26px;height:26px;border-radius:var(--soa-radius-pill);border:2px solid var(--soa-indicator);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.soa-blok--aan .soa-blok__indicator{background:var(--soa-inkt);border-color:var(--soa-inkt);color:var(--soa-accent)}.soa-blok__tekst{display:flex;flex-direction:column;gap:2px}.soa-blok__label{font-family:var(--soa-font-display);font-size:20px;color:var(--soa-inkt)}.soa-blok__hint{font-size:14px;color:var(--soa-gedempt)}.soa-blok--aan .soa-blok__hint{color:var(--soa-body)}.soa-stepper{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:12px 16px;background:var(--soa-kaart);border:2px solid transparent;border-radius:var(--soa-radius-blok)}.soa-stepper__label{font-weight:700;font-size:15px;color:var(--soa-body)}.soa-stepper__bediening{display:flex;align-items:center;gap:12px}.soa-stepper__knop{width:44px;height:44px;border-radius:var(--soa-radius-pill);border:var(--soa-rand);background:transparent;font-family:var(--soa-font-display);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.soa-stepper__knop:hover:not(:disabled){background:var(--soa-inkt);color:var(--soa-bg)}.soa-stepper__knop:disabled{border-color:var(--soa-indicator);color:var(--soa-indicator);cursor:not-allowed}.soa-stepper__getal{font-family:var(--soa-font-display);font-size:26px;min-width:44px;text-align:center}.soa-invoer{width:100%;height:60px;padding:0 18px;background:var(--soa-kaart);border:2px solid transparent;border-radius:var(--soa-radius-blok);font-family:var(--soa-font-display);font-size:20px;color:var(--soa-inkt)}.soa-invoer::placeholder{font-family:var(--soa-font-body);font-weight:400;font-size:17px;color:var(--soa-gedempt)}.soa-invoer:focus{outline:none;border-color:var(--soa-inkt)}.soa-suggesties{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.soa-chip{padding:8px 14px;border:2px solid transparent;border-radius:var(--soa-radius-pill);background:var(--soa-kaart);font-weight:700;font-size:14px;color:var(--soa-inkt);transition:border-color .18s ease,transform .18s var(--soa-soepel)}.soa-chip:active{transform:scale(.95)}.soa-chip:hover{border-color:var(--soa-inkt)}.soa-chip--aan{background:var(--soa-accent);border-color:var(--soa-inkt)}.soa-chip--perzik{background:var(--soa-chip-perzik)}.soa-chip--lila{background:var(--soa-chip-lila)}.soa-chip--mint{background:var(--soa-chip-mint)}.soa-chip--geel{background:var(--soa-accent)}.soa-melding{font-size:15px;color:var(--soa-gedempt)}.soa-melding strong{color:var(--soa-inkt)}.soa-voet{padding:12px var(--soa-marge) var(--soa-safe-bottom);padding-bottom:calc(var(--soa-safe-bottom) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.soa-knop-primair{width:100%;height:60px;border:none;border-radius:var(--soa-radius-pill);background:var(--soa-actie);color:#fff;font-family:var(--soa-font-display);font-size:19px;box-shadow:var(--soa-schaduw-hard);transition:background .18s ease,transform .13s ease,box-shadow .13s ease}.soa-knop-primair:hover:not(:disabled){background:var(--soa-actie-hover)}.soa-knop-primair:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px 0 0 var(--soa-actie-schaduw)}.soa-knop-primair:disabled{background:var(--soa-indicator);box-shadow:none;color:var(--soa-bg);cursor:not-allowed}.soa-knop-secundair{width:100%;height:56px;border:var(--soa-rand);border-radius:var(--soa-radius-pill);background:transparent;color:var(--soa-inkt);font-weight:700;font-size:17px;transition:background .18s ease,color .18s ease}.soa-knop-secundair:hover{background:var(--soa-inkt);color:var(--soa-bg)}.soa-voetnoot{text-align:center;font-size:14px;color:var(--soa-gedempt)}.soa-modus-kaart{display:flex;flex-direction:column;gap:6px;width:100%;padding:20px;text-align:left;background:var(--soa-kaart);border:2px solid transparent;border-radius:28px;transition:border-color .18s ease,background .18s ease,transform .13s ease,box-shadow .13s ease}.soa-modus-kaart:hover{border-color:var(--soa-inkt)}.soa-modus-kaart:not(.soa-modus-kaart--verras):active{transform:scale(.985)}.soa-modus-kaart__merk{width:46px;height:46px;margin-bottom:2px;border-radius:var(--soa-radius-pill);background:var(--soa-chip-lila);display:flex;align-items:center;justify-content:center;font-family:var(--soa-font-display);font-size:22px;color:var(--soa-inkt)}.soa-modus-kaart__titel{font-family:var(--soa-font-display);font-size:26px;line-height:1.05;color:var(--soa-inkt)}.soa-modus-kaart__uitleg{font-size:15px;line-height:1.4;color:var(--soa-body)}.soa-modus-kaart--verras{background:var(--soa-actie);border-color:transparent;box-shadow:var(--soa-schaduw-hard)}.soa-modus-kaart--verras:hover{background:var(--soa-actie-hover);border-color:transparent}.soa-modus-kaart--verras:active{transform:translateY(4px);box-shadow:0 4px 0 0 var(--soa-actie-schaduw)}.soa-modus-kaart--verras .soa-modus-kaart__merk{background:var(--soa-accent)}.soa-modus-kaart--verras .soa-modus-kaart__titel{color:#fff}.soa-modus-kaart--verras .soa-modus-kaart__uitleg{color:#ffe0d6}.soa-badge{padding:7px 13px;border-radius:var(--soa-radius-pill);background:var(--soa-chip-mint);font-weight:700;font-size:13px;color:var(--soa-inkt)}.soa-staat{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 var(--soa-marge)}.soa-staat__titel{font-family:var(--soa-font-display);font-size:30px;line-height:1;color:var(--soa-inkt)}.soa-puls{display:flex;gap:8px}.soa-puls span{width:14px;height:14px;border-radius:var(--soa-radius-pill);background:var(--soa-accent);animation:soa-puls 1.4s ease-in-out infinite}.soa-puls span:nth-child(2){animation-delay:.2s}.soa-puls span:nth-child(3){animation-delay:.4s}@keyframes soa-puls{0%,to{background:var(--soa-accent);transform:translateY(0)}50%{background:var(--soa-actie);transform:translateY(-6px)}}.soa-overgang--scherm,.soa-overgang--midden{display:flex;flex:1;flex-direction:column;min-height:0}@keyframes soa-in-vooruit{0%{opacity:0;transform:translate(20px)}}@keyframes soa-in-terug{0%{opacity:0;transform:translate(-20px)}}@keyframes soa-uit-vooruit{to{opacity:0;transform:translate(-12px)}}@keyframes soa-uit-terug{to{opacity:0;transform:translate(12px)}}.soa-overgang--in-vooruit{animation:soa-in-vooruit .46s var(--soa-soepel) backwards}.soa-overgang--in-terug{animation:soa-in-terug .46s var(--soa-soepel) backwards}.soa-overgang--uit-vooruit{animation:soa-uit-vooruit .2s ease-in both}.soa-overgang--uit-terug{animation:soa-uit-terug .2s ease-in both}@keyframes soa-omhoog{0%{opacity:0;transform:translateY(14px)}}.soa-overgang--in .soa-opties>*,.soa-overgang--in .soa-stepper,.soa-overgang--in .soa-kalender,.soa-overgang--in .soa-invoer,.soa-overgang--in .soa-romp--modus>*{animation:soa-omhoog .5s var(--soa-soepel) backwards}.soa-overgang--in .soa-opties>*:nth-child(1){animation-delay:.08s}.soa-overgang--in .soa-opties>*:nth-child(2){animation-delay:.16s}.soa-overgang--in .soa-opties>*:nth-child(3){animation-delay:.24s}.soa-overgang--in .soa-opties>*:nth-child(4){animation-delay:.32s}.soa-overgang--in .soa-opties>*:nth-child(5){animation-delay:.4s}.soa-overgang--in .soa-stepper{animation-delay:.48s}.soa-overgang--in .soa-romp--modus>*:nth-child(1){animation-delay:.12s}.soa-overgang--in .soa-romp--modus>*:nth-child(2){animation-delay:.28s}@keyframes soa-pop{0%{transform:scale(.5)}60%{transform:scale(1.18)}to{transform:scale(1)}}.soa-blok--aan .soa-blok__indicator,.soa-dag--aan{animation:soa-pop .42s cubic-bezier(.2,.9,.3,1.4)}.soa-start__wolk{position:relative;flex:1;min-height:240px;margin:10px var(--soa-marge) 0}.soa-start__zweef{position:absolute;pointer-events:none;transform:rotate(var(--draai));animation:soa-zweef 7.5s ease-in-out infinite;animation-delay:var(--vertraging)}@keyframes soa-zweef{0%,to{transform:rotate(var(--draai)) translateY(0)}50%{transform:rotate(var(--draai)) translateY(-12px)}}.soa-start__tekst{padding:0 var(--soa-marge);display:flex;flex-direction:column;gap:10px}.soa-start__titel{font-size:46px;line-height:.94}.soa-kalender{background:var(--soa-kaart);border:2px solid transparent;border-radius:var(--soa-radius-blok);padding:16px 14px 14px}.soa-kalender__kop{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.soa-kalender__maand{font-family:var(--soa-font-display);font-size:20px;color:var(--soa-inkt)}.soa-kalender__pijlen{display:flex;gap:8px}.soa-kalender__pijl{width:40px;height:40px;border:var(--soa-rand);border-radius:var(--soa-radius-pill);background:transparent;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.soa-kalender__pijl:hover:not(:disabled){background:var(--soa-inkt);color:var(--soa-bg)}.soa-kalender__pijl:disabled{border-color:var(--soa-indicator);color:var(--soa-indicator);cursor:not-allowed}.soa-kalender__dagen,.soa-kalender__rooster{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.soa-kalender__dagen{padding-bottom:8px;font-family:var(--soa-font-mono);font-size:12px;letter-spacing:.1em;color:var(--soa-gedempt);text-align:center}.soa-kalender__rooster{animation:soa-omhoog .4s var(--soa-soepel) backwards}.soa-dag{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--soa-radius-pill);background:transparent;font-weight:700;font-size:15px;color:var(--soa-inkt);transition:border-color .18s ease,background .18s ease,transform .18s var(--soa-soepel)}.soa-dag--weekend{color:var(--soa-actie)}.soa-dag--vandaag{border-color:var(--soa-indicator)}.soa-dag:hover:not(:disabled){border-color:var(--soa-inkt)}.soa-dag:active:not(:disabled){transform:scale(.92)}.soa-dag--aan{background:var(--soa-accent);border-color:var(--soa-inkt)}.soa-dag:disabled{color:var(--soa-indicator);cursor:not-allowed}.soa-zoeken{gap:18px}.soa-zoeken__merk{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:76px;height:76px;font-family:var(--soa-font-display);font-size:56px;line-height:1;color:var(--soa-actie);animation:soa-draai 3.6s linear infinite}@keyframes soa-draai{to{transform:rotate(360deg)}}.soa-zoeken__balk{display:block;width:100%;height:8px;border-radius:var(--soa-radius-pill);background:var(--soa-accent);overflow:hidden}.soa-zoeken__balk>span{display:block;height:100%;border-radius:var(--soa-radius-pill);background:var(--soa-actie);transform-origin:left;animation:soa-vullen linear forwards}@keyframes soa-vullen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.soa-romp--modus{gap:14px}.soa-vraagkop--modus{padding-top:18px;gap:6px}@media(max-height:760px){.soa-vraagkop--modus .soa-schermtitel{font-size:34px}.soa-romp--modus{gap:10px}.soa-modus-kaart{padding:16px 20px}.soa-modus-kaart__merk{width:40px;height:40px;font-size:18px}.soa-modus-kaart__titel{font-size:22px}}.soa-lijstje{margin:0;padding-left:18px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}