:root{--navy-900:#0c1528;--navy-800:#14213d;--navy-700:#1e3357;--navy-600:#2b4670;--navy-500:#3c5b8a;--cream-50:#fdfaf5;--cream-100:#fbf6ef;--cream-200:#f4ede2;--cream-300:#e8e2d8;--orange-700:#b85a15;--orange-600:#d96d1a;--orange-500:#f5822a;--orange-200:#fbd3ae;--orange-100:#fde9d6;--slate-700:#3a4356;--slate-500:#5a6478;--slate-400:#8792a6;--slate-300:#b6becc;--sage-600:#3f6b4c;--sage-500:#4a7c59;--sage-100:#e3eee6;--amber-600:#9c6f1c;--amber-500:#c08a2e;--amber-100:#f7ebd5;--clay-600:#8e3931;--clay-500:#a8443a;--clay-100:#f6e4e1;--bg:var(--cream-100);--bg-verhoogd:#fff;--bg-diep:var(--navy-800);--tekst:var(--navy-900);--tekst-zacht:var(--slate-500);--tekst-op-diep:var(--cream-50);--tekst-zacht-op-diep:var(--slate-300);--lijn:var(--cream-300);--lijn-sterk:var(--slate-300);--actie:var(--orange-500);--actie-donker:var(--orange-600);--font-display:"Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-tekst:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-h1:clamp(28px, 4.2vw, 40px);--t-h2:clamp(22px, 3vw, 28px);--t-h3:19px;--t-body-l:17px;--t-body:15px;--t-small:13.5px;--t-caption:12px;--t-overline:11.5px;--t-cijfer-l:clamp(34px, 6vw, 46px);--t-cijfer:26px;--lh-strak:1.12;--lh-kop:1.22;--lh-tekst:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-klein:8px;--r-basis:12px;--r-groot:18px;--r-rond:999px;--sluier:color-mix(in srgb, var(--navy-900) 50%, transparent);--schaduw-rust:0 1px 2px #0c15280f;--schaduw-opgetild:0 10px 28px #0c152824;--schaduw-tekst-op-foto:0 1px 3px #000000b3;--rand:1px solid var(--lijn);--rand-sterk:1.5px solid var(--navy-800);--duur-kort:.14s;--duur-basis:.24s;--duur-lang:.42s;--duur-teken:.62s;--soepel:cubic-bezier(.22, .61, .36, 1);--resoluut:cubic-bezier(.4, 0, .2, 1);--raak-min:44px;--werkkolom-min:150px;--focus:0 0 0 3px var(--orange-200)}[data-thema=donker]{--bg:#101724;--bg-verhoogd:#182233;--bg-diep:#1d2b41;--tekst:#fbf6ec;--tekst-zacht:#97a3b8;--tekst-zacht-op-diep:#97a3b8;--lijn:#23304a;--lijn-sterk:#37455f;--sage-600:#8fcba1;--amber-600:#e2b865;--clay-600:#e89a90;--orange-700:#f6a96a;--sage-100:#1e3329;--amber-100:#3b2e17;--clay-100:#3e221e;--orange-100:#3e2514;--schaduw-rust:0 1px 2px #0006;--schaduw-opgetild:0 10px 28px #00000080}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--tekst);font-family:var(--font-tekst);font-size:var(--t-body);line-height:var(--lh-tekst);-webkit-font-smoothing:antialiased;margin:0}.kw-h1{font-family:var(--font-display);font-weight:800;font-size:var(--t-h1);line-height:var(--lh-strak);letter-spacing:-1.1px;margin:0}.kw-h2{font-family:var(--font-display);font-weight:800;font-size:var(--t-h2);line-height:var(--lh-kop);letter-spacing:-.7px;margin:0}.kw-h3{font-family:var(--font-tekst);font-weight:700;font-size:var(--t-h3);margin:0;line-height:1.3}.kw-body-l{font-size:var(--t-body-l);line-height:var(--lh-tekst)}.kw-small{font-size:var(--t-small);color:var(--tekst-zacht);line-height:1.5}.kw-caption{font-size:var(--t-caption);color:var(--tekst-zacht)}.kw-cijfer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--t-cijfer);letter-spacing:-.5px;line-height:1}.kw-cijfer-l{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--t-cijfer-l);letter-spacing:-1px;line-height:1}.kw-overline{align-items:center;gap:var(--s-3);font-size:var(--t-overline);letter-spacing:2.2px;text-transform:uppercase;color:var(--actie-donker);margin-bottom:var(--s-3);font-weight:700;display:flex}.kw-overline:before{content:"";background:var(--actie);flex:none;width:28px;height:2px}.ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ic-s{stroke-width:1.9px;width:16px;height:16px}.ic-l{stroke-width:1.6px;width:26px;height:26px}.ic-xl{stroke-width:1.4px;width:40px;height:40px}.kw-knop{--knop-bg:var(--navy-800);--knop-tekst:var(--cream-50);--knop-rand:transparent;justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--raak-min);padding:0 var(--s-5);border:1.5px solid var(--knop-rand);border-radius:var(--r-klein);background:var(--knop-bg);color:var(--knop-tekst);font-family:var(--font-tekst);font-size:var(--t-body);letter-spacing:.1px;cursor:pointer;transition:background var(--duur-kort) var(--resoluut), transform var(--duur-kort) var(--resoluut), box-shadow var(--duur-kort) var(--resoluut);font-weight:700;text-decoration:none;display:inline-flex;position:relative}.kw-knop:hover{background:color-mix(in srgb, var(--knop-bg) 88%, #000)}.kw-knop:active{transform:translateY(1px)}.kw-knop:focus-visible{box-shadow:var(--focus);outline:none}.kw-knop[disabled],.kw-knop.is-uit{background:var(--cream-200);color:var(--slate-400);cursor:not-allowed;border-color:#0000;transform:none}.kw-knop--actie{--knop-bg:var(--orange-500);--knop-tekst:var(--tekst-op-diep)}.kw-knop--tweede{--knop-bg:transparent;--knop-tekst:var(--tekst);--knop-rand:var(--tekst)}.kw-knop--tweede:hover{background:color-mix(in srgb, var(--tekst) 8%, transparent)}.kw-knop--stil{--knop-bg:transparent;--knop-tekst:var(--tekst-zacht);--knop-rand:transparent;min-height:36px;padding:0 var(--s-2);font-weight:600}.kw-knop--stil:hover{color:var(--tekst);background:0 0}.kw-knop--gevaar{--knop-bg:transparent;--knop-tekst:var(--clay-600);--knop-rand:var(--clay-500)}.kw-knop--breed{width:100%}.kw-knop--groot{min-height:54px;font-size:var(--t-body-l);padding:0 var(--s-6)}.kw-icoonknop{width:var(--raak-min);height:var(--raak-min);border:var(--rand);border-radius:var(--r-klein);background:var(--bg-verhoogd);color:var(--tekst);cursor:pointer;transition:border-color var(--duur-kort) var(--resoluut), background var(--duur-kort) var(--resoluut);justify-content:center;align-items:center;display:inline-flex}.kw-icoonknop:hover{border-color:var(--lijn-sterk)}.kw-icoonknop.is-gevuld{border-color:var(--actie);background:var(--orange-100);color:var(--actie-donker)}.kw-knop.is-bezig{pointer-events:none}.kw-knop.is-bezig:after{content:"";left:var(--s-4);right:var(--s-4);opacity:.35;height:2px;animation:kw-laadstreep 1.1s var(--soepel) infinite;background:currentColor;border-radius:2px;position:absolute;bottom:9px}.kw-vastebalk{z-index:20;padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--rand);position:sticky;bottom:0}.kw-chip{border-radius:var(--r-rond);font-size:var(--t-caption);letter-spacing:.1px;background:var(--cream-200);color:var(--slate-700);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-weight:700;display:inline-flex}.kw-chip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.kw-chip--nu{background:var(--orange-100);color:var(--orange-700)}.kw-chip--binnenkort{background:var(--cream-200);color:var(--slate-700)}.kw-chip--klaar{background:var(--sage-100);color:var(--sage-600)}.kw-chip--klaar:before{content:"✓";background:0 0;border-radius:0;width:auto;height:auto;font-size:12px;line-height:1}.kw-chip--opletten{background:var(--amber-100);color:var(--amber-600)}.kw-chip--vlag{background:var(--clay-100);color:var(--clay-600)}.kw-chip--vlag:before{content:"";background:0 0;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid;border-radius:0;width:0;height:0}.kw-chip--rust{color:var(--tekst-zacht);box-shadow:inset 0 0 0 1px var(--lijn);background:0 0}.kw-chip--rust:before{box-shadow:inset 0 0 0 1.5px var(--slate-300);background:0 0}.kw-chip--slot:before{content:"";background:0 0;border-radius:2px 2px 0 0;width:7px;height:7px;box-shadow:inset 0 0 0 1.5px}.kw-kaart{color:var(--tekst);background:var(--bg-verhoogd);border:var(--rand);border-radius:var(--r-basis);padding:var(--s-4);box-shadow:var(--schaduw-rust)}.kw-kaart--actie{background:var(--bg-diep);color:var(--tekst-op-diep);border-radius:var(--r-groot);padding:var(--s-5);box-shadow:var(--schaduw-opgetild);border:none;position:relative;overflow:hidden}.kw-kaart--actie:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(var(--cream-50) 1px, transparent 1px), linear-gradient(90deg, var(--cream-50) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 88% 0,#000,#0000 70%);mask-image:radial-gradient(120% 90% at 88% 0,#000,#0000 70%)}.kw-kaart--actie .kw-overline{color:var(--orange-500)}.kw-kaart--actie .kw-small,.kw-kaart--actie .kw-chip--rust,.kw-kaart--actie .kw-knop--stil,.kw-kaart--actie .kw-knop--stil:hover{color:var(--tekst-zacht-op-diep)}.kw-kaart--fase{gap:var(--s-4);grid-template-columns:44px 1fr;align-items:start;display:grid}.kw-fasenummer{font-family:var(--font-display);color:var(--slate-300);font-size:30px;font-weight:600;line-height:1}.kw-kaart--fase.is-nu{border-color:var(--navy-800);box-shadow:inset 3px 0 0 var(--orange-500), var(--schaduw-rust)}.kw-kaart--fase.is-nu .kw-fasenummer{color:var(--orange-500)}.kw-kaart--fase.is-klaar .kw-fasenummer{color:var(--sage-500)}.kw-woning{gap:var(--s-4);padding:var(--s-3);cursor:pointer;grid-template-columns:84px 1fr;align-items:stretch;display:grid}.kw-woning__beeld{border-radius:var(--r-klein);background:var(--cream-200);min-height:84px;position:relative;overflow:hidden}.kw-woning__beeld img{object-fit:cover;width:100%;height:100%;display:block}.kw-woning__kop{justify-content:space-between;gap:var(--s-3);align-items:flex-start;display:flex}.kw-woning__titel{font-weight:700;font-size:var(--t-body)}.kw-woning__meta{font-size:var(--t-small);color:var(--tekst-zacht)}.kw-woning__labels{margin-top:var(--s-2);flex-wrap:wrap;gap:6px;display:flex}.kw-woning.is-af{opacity:.55}.kw-zegel{border-radius:var(--r-klein);width:44px;height:44px;font-family:var(--font-display);color:var(--tekst-op-diep);background:var(--sage-500);flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.kw-zegel--midden{background:var(--amber-500)}.kw-zegel--laag{background:var(--clay-500)}.kw-zegel--leeg{background:var(--cream-200);color:var(--slate-400)}.kw-taak{gap:var(--s-3);cursor:pointer;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;display:grid}.kw-vink{border-radius:var(--r-klein);border:2px solid var(--lijn-sterk);width:26px;height:26px;color:var(--tekst-op-diep);transition:background var(--duur-basis) var(--soepel), border-color var(--duur-basis) var(--soepel);background:0 0;flex:none;place-items:center;display:grid}.kw-vink>.ic{opacity:0;transition:opacity var(--duur-basis) var(--soepel)}.kw-taak.is-klaar .kw-vink{background:var(--sage-500);border-color:var(--sage-500)}.kw-vink--vlag.is-gevuld{background:var(--clay-500);border-color:var(--clay-500)}.kw-taak.is-klaar .kw-vink>.ic,.kw-vink.is-gevuld>.ic{opacity:1}.kw-taak.is-klaar .kw-taak__titel{color:var(--tekst-zacht);text-decoration:line-through}.kw-taak__titel{font-weight:700;font-size:var(--t-body)}.kw-taak__werk{grid-column:1/-1}.kw-taak__hoek{justify-items:end;gap:var(--s-1);display:grid}.kw-uitklap{width:var(--raak-min);height:var(--raak-min);color:var(--tekst-zacht);cursor:pointer;border-radius:var(--r-klein);transition:transform var(--duur-basis) var(--soepel), color var(--duur-kort) var(--soepel);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(90deg)}.kw-uitklap:hover{color:var(--tekst)}.kw-uitklap.is-open{color:var(--tekst);transform:rotate(-90deg)}.kw-taak__uitleg{font-size:var(--t-small);color:var(--tekst-zacht);margin-top:2px}.kw-melding{gap:var(--s-3);border-radius:var(--r-basis);padding:var(--s-3) var(--s-4);border:1px solid #0000;grid-template-columns:22px 1fr;display:grid}.kw-melding--vlag{background:var(--clay-100);border-color:color-mix(in srgb, var(--clay-500) 26%, transparent);color:var(--clay-600)}.kw-melding--opletten{background:var(--amber-100);border-color:color-mix(in srgb, var(--amber-500) 26%, transparent);color:var(--amber-600)}.kw-melding--goed{background:var(--sage-100);border-color:color-mix(in srgb, var(--sage-500) 26%, transparent);color:var(--sage-600)}.kw-melding--info{background:var(--bg-verhoogd);border-color:var(--lijn);color:var(--tekst-zacht);box-shadow:inset 3px 0 0 var(--orange-500)}.kw-melding strong{color:var(--tekst);display:block}.kw-melding p{font-size:var(--t-small);margin:2px 0 0;line-height:1.5}.kw-resultaat{text-align:center;padding:var(--s-5)}.kw-resultaat__label{font-size:var(--t-caption);color:var(--tekst-zacht);text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.kw-resultaat__getal{margin:var(--s-2) 0 var(--s-1)}.kw-resultaat__duiding{font-size:var(--t-small);color:var(--tekst-zacht)}.kw-resultaat--diep{background:var(--bg-diep);color:var(--tekst-op-diep);border:none}.kw-resultaat--diep .kw-resultaat__label,.kw-resultaat--diep .kw-resultaat__duiding{color:color-mix(in srgb, var(--cream-50) 72%, transparent)}.kw-vergelijk{border-collapse:collapse;width:100%;font-size:var(--t-small)}.kw-vergelijk th{background:var(--bg-diep);color:var(--tekst-op-diep);font-size:var(--t-caption);padding:var(--s-3) var(--s-2);text-align:center;font-weight:700}.kw-vergelijk th:first-child{background:0 0}.kw-vergelijk td{padding:var(--s-3) var(--s-2);border-bottom:var(--rand);text-align:center;background:var(--bg-verhoogd)}.kw-vergelijk td:first-child{text-align:left;color:var(--tekst-zacht);background:0 0;font-weight:600}.kw-vergelijk .wint{color:var(--sage-600);font-weight:700}.kw-route{align-items:center;gap:0;display:flex}.kw-route__stap{flex:1;align-items:center;display:flex}.kw-route__stap:last-child{flex:none}.kw-route__bol{width:26px;height:26px;font-size:var(--t-caption);background:var(--bg-verhoogd);color:var(--slate-400);box-shadow:inset 0 0 0 1.5px var(--lijn-sterk);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.kw-route .kw-route__bol{width:11px;height:11px;box-shadow:none;border:1.5px solid var(--lijn);background:0 0;font-size:0}.kw-route .kw-route__bol .ic{display:none}.kw-route__lijn{background:var(--lijn);flex:1;height:1px}.kw-route .kw-route__stap.is-nu .kw-route__bol{background:var(--actie);border-color:var(--actie)}.kw-routestand{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-top:var(--s-2);display:flex}.kw-routestand__naam{font-family:var(--font-display);font-weight:700;font-size:var(--t-body);color:var(--tekst);min-width:0}.kw-routestand__stap{font-size:var(--t-small);color:var(--tekst-zacht);white-space:nowrap}.kw-routeknop{width:100%;min-height:var(--raak-min);padding:var(--s-2) 0;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;display:block}.kw-faserij{align-items:center;gap:var(--s-3);width:100%;min-height:var(--raak-min);padding:var(--s-2);border-radius:var(--r-klein);font:inherit;font-size:var(--t-body);color:var(--tekst);text-align:left;cursor:pointer;transition:background var(--duur-kort) var(--soepel);background:0 0;border:0;display:flex}.kw-faserij:hover{background:var(--bg-verhoogd)}.kw-faserij__naam{flex:1;font-weight:600}.kw-faserij__status{font-size:var(--t-small);color:var(--tekst-zacht)}.kw-faserij.is-klaar .kw-route__bol{background:var(--sage-500);color:var(--tekst-op-diep);box-shadow:none}.kw-faserij.is-nu{background:var(--orange-100)}.kw-faserij.is-nu .kw-route__bol{background:var(--orange-500);color:var(--tekst-op-diep);box-shadow:none}.kw-faserij.is-nu .kw-faserij__status{color:var(--orange-700);font-weight:700}.kw-balk{border-radius:var(--r-rond);background:var(--lijn);height:8px;overflow:hidden}.kw-balk__vul{background:var(--actie);border-radius:var(--r-rond);width:0;height:100%;transition:width var(--duur-lang) var(--soepel)}.kw-balk--goed .kw-balk__vul{background:var(--sage-500)}.kw-meter{width:168px;position:relative}.kw-meter svg{width:100%;display:block}.kw-meter__spoor{fill:none;stroke:var(--lijn);stroke-width:10px;stroke-linecap:round}.kw-meter__vul{fill:none;stroke:var(--actie);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset var(--duur-lang) var(--soepel)}.kw-meter__cijfer{text-align:center;position:absolute;bottom:4px;left:0;right:0}.kw-segmenten{gap:4px;display:flex}.kw-segmenten span{background:var(--lijn);border-radius:3px;flex:1;height:10px}.kw-segmenten span.aan{background:var(--actie)}.kw-segmenten--goed span.aan{background:var(--sage-500)}.kw-deadline{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:var(--rand);font-size:var(--t-small);flex-wrap:wrap;display:flex}.kw-deadline>*{min-width:0}.kw-deadline .kw-invoer{flex:auto;width:auto}.kw-deadline:last-child{border-bottom:none}.kw-deadline__waarde{font-weight:700}.kw-deadline.is-nu .kw-deadline__waarde{color:var(--orange-600)}.kw-deadline.is-klaar .kw-deadline__waarde{color:var(--sage-600)}.kw-deadline.is-vlag .kw-deadline__waarde{color:var(--clay-600)}.kw-werk{gap:var(--s-4);margin-top:var(--s-4);display:grid}.kw-werk__kolommen{gap:var(--s-4);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--werkkolom-min)), 1fr));display:grid}.kw-werk__kop{font-size:var(--t-caption);letter-spacing:.8px;text-transform:uppercase;color:var(--tekst-zacht);margin-bottom:var(--s-2);font-weight:700}.kw-werkitem{align-items:center;gap:var(--s-3);min-height:var(--raak-min);padding:var(--s-1) 0;border-bottom:var(--rand);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.kw-werkitem:last-of-type{border-bottom:none}.kw-werkitem__tekst{font-size:var(--t-body);overflow-wrap:break-word;min-width:0}.kw-werkitem.is-af .kw-werkitem__tekst{color:var(--tekst-zacht);text-decoration:line-through}.kw-werkitem.is-af .kw-vink{background:var(--sage-500);border-color:var(--sage-500)}.kw-werkitem.is-af .kw-vink>.ic{opacity:1}.kw-werkitem__weg{width:var(--raak-min);height:var(--raak-min);color:var(--tekst-zacht);cursor:pointer;border-radius:var(--r-klein);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.kw-werkitem__weg:hover{color:var(--clay-600)}.kw-werk__toevoegen{gap:var(--s-2);align-items:center;display:flex}.kw-werk__toevoegen .kw-invoer{flex:auto;width:auto}.kw-werk__uitkomst{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-klein);background:var(--bg);border:var(--rand);flex-wrap:wrap;display:flex}.kw-werk__uitkomst b{font-family:var(--font-display);font-size:var(--t-cijfer)}.kw-werklink{gap:var(--s-2);display:grid}.kw-veld{display:block}.kw-veld__label{font-size:var(--t-small);margin-bottom:6px;font-weight:700;display:block}.kw-invoer{width:100%;max-width:100%;min-height:var(--raak-min);padding:0 var(--s-4);border:1.5px solid var(--lijn);border-radius:var(--r-klein);background:var(--bg-verhoogd);color:var(--tekst);font-family:var(--font-tekst);font-size:var(--t-body-l);transition:border-color var(--duur-kort) var(--resoluut), box-shadow var(--duur-kort) var(--resoluut);font-weight:600}.kw-invoer:focus{border-color:var(--navy-800);box-shadow:var(--focus);outline:none}.kw-invoer::placeholder{color:var(--slate-400);font-weight:400}.kw-invoer--bedrag{font-family:var(--font-display);font-size:var(--t-cijfer);letter-spacing:-.5px;min-height:60px;padding-top:6px}.kw-veld__hulp{font-size:var(--t-caption);color:var(--tekst-zacht);margin-top:6px}.kw-veld.is-fout .kw-invoer{border-color:var(--clay-500)}.kw-veld.is-fout .kw-veld__hulp{color:var(--clay-600)}.kw-schuif{appearance:none;border-radius:var(--r-rond);background:var(--lijn);outline:none;width:100%;height:8px}.kw-schuif::-webkit-slider-thumb{-webkit-appearance:none;background:var(--navy-800);border:3px solid var(--bg-verhoogd);width:26px;height:26px;box-shadow:var(--schaduw-rust);cursor:pointer;border-radius:50%}.kw-schuif::-moz-range-thumb{background:var(--navy-800);border:3px solid var(--bg-verhoogd);cursor:pointer;border-radius:50%;width:26px;height:26px}.kw-segment{background:var(--bg-verhoogd);border:var(--rand);border-radius:var(--r-basis);padding:4px;display:flex}.kw-segment button{border-radius:var(--r-klein);min-height:38px;font-family:var(--font-tekst);font-size:var(--t-small);color:var(--tekst-zacht);cursor:pointer;transition:background var(--duur-basis) var(--soepel), color var(--duur-basis) var(--soepel);background:0 0;border:none;flex:1;font-weight:700}.kw-segment button.aan{background:var(--navy-800);color:var(--cream-50)}.kw-schakelaar{align-items:center;gap:var(--s-3);cursor:pointer;display:inline-flex;position:relative}.kw-schakelaar input{opacity:0;position:absolute}.kw-schakelaar__spoor{border-radius:var(--r-rond);background:var(--lijn-sterk);width:50px;height:30px;transition:background var(--duur-basis) var(--soepel);flex:none;position:relative}.kw-schakelaar__spoor:after{content:"";background:var(--tekst-op-diep);width:24px;height:24px;box-shadow:var(--schaduw-rust);transition:transform var(--duur-basis) var(--soepel);border-radius:50%;position:absolute;top:3px;left:3px}.kw-schakelaar input:checked+.kw-schakelaar__spoor{background:var(--sage-500)}.kw-schakelaar input:checked+.kw-schakelaar__spoor:after{transform:translate(20px)}.kw-keuze{text-align:left;cursor:pointer;width:100%;color:var(--tekst);background:var(--bg-verhoogd);border:2px solid var(--lijn);border-radius:var(--r-basis);padding:var(--s-4);transition:border-color var(--duur-basis) var(--soepel), background var(--duur-basis) var(--soepel);display:block}.kw-keuze:hover{border-color:var(--lijn-sterk)}.kw-keuze.is-gekozen{border-color:var(--orange-500);background:var(--orange-100)}.kw-keuze__titel{font-weight:700;font-size:var(--t-body-l);align-items:center;gap:var(--s-3);display:flex}.kw-keuze__uitleg{font-size:var(--t-small);color:var(--tekst-zacht);margin-top:4px}.kw-fotos{gap:var(--s-2);padding-bottom:4px;display:flex;overflow-x:auto}.kw-foto{border-radius:var(--r-klein);background:var(--cream-200);flex:none;width:76px;height:76px;position:relative;overflow:hidden}.kw-foto img{object-fit:cover;width:100%;height:100%}.kw-foto__bijschrift{color:var(--tekst-op-diep);text-shadow:var(--schaduw-tekst-op-foto);font-size:9px;font-weight:700;position:absolute;bottom:5px;left:6px;right:6px}.kw-foto__weg{background:var(--navy-800);width:22px;height:22px;color:var(--tekst-op-diep);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.kw-foto--nieuw{border:2px dashed var(--lijn-sterk);color:var(--tekst-zacht);cursor:pointer;background:0 0;place-items:center;display:grid}.kw-foto.is-gekozen{box-shadow:var(--focus)}.voortgangsstrook{align-items:center;gap:10px;padding:4px 20px 12px;display:flex}.checkkaart.is-goed{box-shadow:inset 3px 0 0 var(--sage-500), var(--schaduw-rust)}.checkkaart.is-let{box-shadow:inset 3px 0 0 var(--amber-500), var(--schaduw-rust)}.checkkaart.is-vlag{box-shadow:inset 3px 0 0 var(--clay-500), var(--schaduw-rust)}.oordeelrij{gap:6px;margin-top:12px;display:flex}.oordeel{border:1.5px solid var(--lijn);background:var(--bg);border-radius:var(--r-klein);min-height:38px;font-family:var(--font-tekst);color:var(--tekst-zacht);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.oordeel.goed.aan{border-color:var(--sage-500);background:var(--sage-100);color:var(--sage-600)}.oordeel.let.aan{border-color:var(--amber-500);background:var(--amber-100);color:var(--amber-600)}.oordeel.vlag.aan{border-color:var(--clay-500);background:var(--clay-100);color:var(--clay-600)}.groepkop{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 0;display:flex}.groepkop:first-child{margin-top:4px}.zweefknop{z-index:25;background:var(--navy-800);color:var(--cream-50);border-radius:var(--r-rond);font-family:var(--font-tekst);cursor:pointer;box-shadow:var(--schaduw-opgetild);border:none;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;bottom:150px;right:18px}.zweefknop .teller{background:var(--orange-500);border-radius:var(--r-rond);padding:1px 8px;font-size:12.5px}.menurij{cursor:pointer;align-items:center;gap:14px;margin-bottom:8px;display:flex}.menurij>div{flex:1}.menurij b{font-size:14.5px;display:block}.menurij span{color:var(--tekst-zacht);font-size:12.5px}.kw-scorerij{align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.kw-scorerij span:first-child{width:128px;color:var(--tekst-zacht);flex:none}.kw-scorerij b{text-align:right;width:34px}.kw-sbalk{background:var(--lijn);border-radius:var(--r-rond);flex:1;height:8px;overflow:hidden}.kw-sbalk i{background:var(--actie);border-radius:var(--r-rond);height:100%;display:block}.kw-sheet-laag{background:var(--sluier);z-index:50;align-items:flex-end;display:flex;position:absolute;inset:0}.kw-sheet{background:var(--bg);border-radius:var(--r-groot) var(--r-groot) 0 0;width:100%;padding:var(--s-5) var(--s-4) var(--s-6);box-shadow:var(--schaduw-opgetild)}.kw-sheet__greep{background:var(--lijn-sterk);width:40px;height:4px;margin:0 auto var(--s-4);border-radius:2px}.kw-toast{align-items:center;gap:var(--s-3);background:var(--navy-800);color:var(--cream-50);padding:var(--s-3) var(--s-4);border-radius:var(--r-klein);font-size:var(--t-small);box-shadow:var(--schaduw-opgetild);font-weight:600;display:inline-flex}.kw-toast--goed .ic{color:var(--sage-500)}.kw-leeg{text-align:center;padding:var(--s-7) var(--s-4)}.kw-leeg .ic{color:var(--slate-300);margin-bottom:var(--s-3)}.kw-leeg__titel{font-family:var(--font-display);font-weight:700;font-size:var(--t-h3)}.kw-leeg__tekst{font-size:var(--t-small);color:var(--tekst-zacht);max-width:34ch;margin:var(--s-2) auto var(--s-4)}.kw-skelet{background:linear-gradient(90deg, var(--cream-200) 25%, var(--cream-100) 37%, var(--cream-200) 63%);border-radius:var(--r-klein);background-size:400% 100%;animation:1.4s ease-in-out infinite kw-glans}.kw-slot{border-radius:var(--r-basis);position:relative;overflow:hidden}.kw-slot__inhoud{filter:blur(3px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.kw-slot__deur{text-align:center;padding:var(--s-4);background:color-mix(in srgb, var(--bg) 62%, transparent);place-items:center;display:grid;position:absolute;inset:0}.kw-slot__deur .kw-chip{margin-bottom:var(--s-2)}.kw-uitleg{background:var(--navy-800);width:17px;height:17px;color:var(--cream-50);cursor:pointer;vertical-align:1px;border-radius:50%;flex:none;place-items:center;margin-left:4px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-grid}.kw-rij{align-items:center;gap:var(--s-3);display:flex}.kw-stapel{gap:var(--s-3);flex-direction:column;display:flex}.app-wortel{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.scherm{flex-direction:column;height:100%;display:flex}.scherm--vol{padding:0}.schermkop{justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 20px 10px;display:flex}.scherminhoud{flex-direction:column;flex:1;gap:18px;padding:6px 22px 20px;display:flex;overflow-y:auto}.scherminhoud p,.scherminhoud .kw-small,.scherminhoud .kw-taak__uitleg{max-width:46ch}.kw-melding p{max-width:42ch}.schermkop .kw-small{max-width:34ch}.scherminhoud::-webkit-scrollbar{width:0}.blokkop{letter-spacing:1.2px;text-transform:uppercase;color:var(--tekst-zacht);align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.vlak{flex:1;padding:34px 26px 10px;overflow-y:auto}.vlak p,.vlak .kw-small{max-width:44ch}.vlak-midden{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:0 28px;display:flex}.vlak-midden p{max-width:40ch}.vlak-midden .ic-xl{color:var(--navy-800)}.voetruimte{padding:0 20px calc(26px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:6px;display:flex}.kw-lijn{border:none;border-top:var(--rand);margin:4px 0}.tweevak{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.tabbalk{border-top:var(--rand);background:var(--bg-verhoogd);padding:8px 4px calc(12px + env(safe-area-inset-bottom,0px));display:flex}.tab{font-family:var(--font-tekst);color:var(--tekst-zacht);cursor:pointer;min-height:var(--raak-min);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:600;display:flex}.tab.aan{color:var(--actie);font-weight:700}.keuzerij{flex-wrap:wrap;gap:7px;display:flex}.keuzepil{border:1.5px solid var(--lijn);background:var(--bg-verhoogd);color:var(--tekst-zacht);border-radius:var(--r-rond);font-family:var(--font-tekst);font-size:var(--t-small);cursor:pointer;min-height:var(--raak-min);padding:9px 14px;font-weight:600}.keuzepil.aan{border-color:var(--orange-500);background:var(--orange-100);color:var(--orange-700);font-weight:700}@keyframes kw-teken{to{stroke-dashoffset:0}}.kw-anim-vink path{stroke-dasharray:26;stroke-dashoffset:26px;animation:kw-teken var(--duur-teken) var(--soepel) forwards}@keyframes kw-vullen{0%{width:0}}.kw-anim-vullen{animation:kw-vullen var(--duur-lang) var(--soepel) both}@keyframes kw-bol{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.kw-anim-bol{animation:kw-bol var(--duur-basis) var(--soepel) both}@keyframes kw-open{0%{opacity:0;transform:translateY(-6px)}}.kw-anim-open{animation:kw-open var(--duur-basis) var(--soepel) both}@keyframes kw-omhoog{0%{transform:translateY(100%)}}.kw-anim-omhoog{animation:kw-omhoog var(--duur-lang) var(--soepel) both}@keyframes kw-binnen{0%{opacity:0;transform:translateY(8px)}}.kw-anim-binnen,.kw-trap>*{animation:kw-binnen var(--duur-basis) var(--soepel) both}.kw-trap>:first-child{animation-delay:0s}.kw-trap>:nth-child(2){animation-delay:45ms}.kw-trap>:nth-child(3){animation-delay:90ms}.kw-trap>:nth-child(4){animation-delay:.135s}.kw-trap>:nth-child(5){animation-delay:.18s}.kw-trap>:nth-child(6){animation-delay:.225s}@keyframes kw-veer{0%{transform:scale(.9)}55%{transform:scale(1.04)}to{transform:scale(1)}}.kw-anim-veer{animation:kw-veer var(--duur-basis) var(--soepel) both}@keyframes kw-puls{0%,to{box-shadow:0 0 0 0 var(--orange-200)}50%{box-shadow:0 0 0 8px #0000}}.kw-anim-puls{animation:kw-puls 2.4s var(--soepel) infinite}@keyframes kw-laadstreep{0%{transform-origin:0;transform:scaleX(.15)}50%{transform-origin:0;transform:scaleX(1)}51%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(.15)}}@keyframes kw-glans{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}