:root{--bg:oklch(97.2% .01 70);--bg-1:oklch(95.5% .012 70);--bg-2:oklch(93% .014 70);--fg:oklch(22% .015 70);--fg-2:oklch(42% .015 70);--fg-3:oklch(56% .014 70);--lijn:oklch(88% .012 70);--accent:oklch(46% .1 235);--accent-zacht:oklch(93% .03 235);--ok:oklch(52% .12 150);--warn:oklch(58% .12 80);--radius:14px;--doel:44px}html{background:var(--bg)}body{color:var(--fg);grid-template-columns:244px 1fr;min-height:100dvh;font-size:15.5px;display:grid}.bedrag,dd,.daarna b,.dag h2 b{font-variant-numeric:tabular-nums}.zijbalk{background:var(--bg-1);border-right:1px solid var(--lijn);flex-direction:column;gap:18px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.merk{align-items:center;gap:10px;font-size:15px;display:flex}.merk span:last-child{color:var(--fg-3);font-size:13px}.bol{background:radial-gradient(circle at 35% 35%, oklch(85% .06 235), var(--accent));border-radius:50%;width:14px;height:14px;animation:6s ease-in-out infinite adem}@keyframes adem{50%{transform:scale(1.12)}}.zoek{border:1px solid var(--lijn);height:36px;color:var(--fg-3);background:var(--bg);border-radius:999px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13.5px;display:flex}.zoek kbd{font:11px var(--site-sans);color:var(--fg-3)}.zijbalk nav{flex-direction:column;gap:2px;display:flex}.zijbalk nav a{height:36px;color:var(--fg-2);border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;text-decoration:none;display:flex}.zijbalk nav a em{color:var(--fg-3);font-size:12.5px;font-style:normal}.zijbalk nav a[aria-current]{background:var(--bg-2);color:var(--fg);font-weight:500}.zijbalk nav a[aria-current] em{color:var(--accent)}.lijstjes{letter-spacing:.02em;color:var(--fg-3);margin:8px 12px -10px;font-size:12px;font-weight:600}.verbinding{color:var(--fg-3);align-items:center;gap:8px;margin-top:auto;padding:0 12px;font-size:12.5px;display:flex}.verbinding i{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px oklch(52% .12 150/.18)}.kop-mobiel{display:none}.inhoud{grid-template-columns:minmax(0,1fr) 300px;gap:28px 56px;width:min(100% - 2*clamp(20px,4vw,56px),1080px);margin-inline:auto;padding:36px 0 160px;display:grid}.segment{background:var(--bg-2);border-radius:999px;grid-column:1/-1;gap:2px;width:max-content;padding:3px;display:inline-flex}.segment button{height:30px;color:var(--fg-2);border-radius:999px;padding:0 14px;font-size:13.5px}.segment button[aria-selected=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px oklch(0% 0 0/.08)}.weeknav{color:var(--fg-3);align-items:center;gap:14px;margin-bottom:18px;font-size:13px;display:flex}.weeknav a{border:1px solid var(--lijn);width:28px;height:28px;color:var(--fg-2);border-radius:50%;place-items:center;font-size:16px;text-decoration:none;display:grid}h1{font-family:var(--site-serif);letter-spacing:-.015em;font-variation-settings:"opsz" 72;max-width:18ch;font-size:clamp(32px,3.2vw,46px);font-weight:400;line-height:1.1}h1 .bedrag{font-style:italic;font-weight:450}.zin{max-width:56ch;color:var(--fg-2);margin-top:16px;line-height:1.55}.herkomst{color:var(--fg-3);align-items:center;gap:7px;margin-top:12px;font-size:12.5px;display:inline-flex}.herkomst i{background:var(--accent);opacity:.7;border-radius:50%;width:6px;height:6px}.dagen{margin:40px 0 0;padding:0;list-style:none;position:relative}.dagen:before{content:"";background:var(--lijn);width:1px;position:absolute;top:10px;bottom:10px;left:5px}.dag{margin-bottom:26px;padding-left:28px;position:relative}.dag:before{content:"";background:var(--bg);border:1px solid var(--fg-3);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:0}.dag.is-vandaag:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-zacht)}.dag h2{font:600 13px/1.2 var(--site-sans);color:var(--fg);border-bottom:1px solid var(--lijn);align-items:baseline;gap:10px;padding:2px 0 10px;display:flex}.dag h2 small{color:var(--accent);font-size:12px;font-weight:500}.dag h2 b{color:var(--fg-3);margin-left:auto;font-weight:500}.dag ul{margin:0;padding:0;list-style:none}.rij{border-bottom:1px solid var(--lijn);grid-template-columns:20px minmax(0,1fr) auto;align-items:start;column-gap:14px;min-height:54px;padding:13px 0;display:grid}.rij:last-child{border-bottom:0}.vink{border:1px solid var(--lijn);border-radius:50%;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.vink svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.is-klaar .vink{background:var(--ok);border-color:var(--ok)}.is-klaar .wat>span:first-child,.is-klaar .bedrag{color:var(--fg-3)}.wat{flex-direction:column;gap:3px;min-width:0;display:flex}.wat small{color:var(--fg-3);font-size:13px}.rij .bedrag{white-space:nowrap;font-size:15.5px}.is-in .bedrag{color:var(--ok)}.is-in .vink{border-style:dashed}.is-onzeker{background:repeating-linear-gradient(#0000 0 100%)}.is-onzeker .vink{border-style:dashed}.is-onzeker .bedrag,.is-onzeker .wat>span:first-child{color:var(--fg-2)}.is-onzeker .herkomst{margin-top:4px}.is-akkoord{border-radius:var(--radius);outline:1px dashed var(--warn);outline-offset:-1px;background:oklch(98.5% .012 80);margin:4px -14px 4px -12px;padding:14px 14px 14px 12px}.is-akkoord .vink{border-color:var(--warn)}.status{color:var(--warn);margin-top:2px;font-size:13px;font-weight:500}.acties{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;display:flex}.pil{background:var(--fg);height:36px;color:var(--bg);transition:transform .3s var(--ease-uit), background .2s;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.pil:hover{background:var(--accent);transform:translateY(-1px)}.tekst{color:var(--fg-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--lijn);text-decoration-color:var(--lijn);min-height:36px;font-size:14px}[data-staat=wacht]{outline-style:solid;outline-color:var(--accent)}[data-staat=wacht] .status{color:var(--accent)}[data-staat=wacht] .acties,[data-staat=klaar] .acties,[data-staat=nee] .acties{display:none}[data-staat=klaar]{background:0 0;outline:0}[data-staat=klaar] .status{color:var(--ok)}[data-staat=klaar] .vink{background:var(--ok);border-color:var(--ok)}[data-staat=nee] .status{color:var(--fg-3)}[data-staat=nee]{background:0 0;outline:0}.zijkolom{padding-top:112px;font-size:14.5px}.zijkolom h2{font:600 13px/1.2 var(--site-sans);color:var(--fg-3);margin:0 0 10px}.zijkolom dl{margin:0 0 32px}.zijkolom dl div{border-bottom:1px solid var(--lijn);justify-content:space-between;padding:9px 0;display:flex}.zijkolom dt{color:var(--fg-2)}.zijkolom dd{margin:0}.zijkolom .som{border-bottom:0;padding-top:12px}.zijkolom .som dt{color:var(--fg);font-weight:500}.zijkolom .som dd{font-family:var(--site-serif);font-size:24px;font-weight:500;line-height:1}.in{color:var(--ok)}.daarna{margin:0 0 32px;padding:0;list-style:none}.daarna li{border-bottom:1px solid var(--lijn);grid-template-columns:64px 1fr auto;gap:10px;padding:8px 0;display:grid}.daarna li span:first-child{color:var(--fg-3);font-size:13px}.daarna b{font-weight:500}.hint{color:var(--fg-2);line-height:1.5}.hint a{color:var(--accent);text-underline-offset:3px}.composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--lijn);background:oklch(99% .006 70/.92);border-radius:999px;align-items:center;gap:8px;width:min(680px,100vw - 300px);height:52px;padding:0 8px 0 10px;display:flex;position:fixed;bottom:22px;left:calc(50vw + 122px);transform:translate(-50%);box-shadow:0 12px 40px oklch(30% .02 70/.12)}.composer button{background:var(--accent);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.composer svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;width:18px;height:18px}.composer input{font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.composer input::placeholder{color:var(--fg-3)}.onderbalk{display:none}.bewijs{opacity:0;pointer-events:none;background:var(--fg);color:var(--bg);transition:opacity .35s var(--ease-uit), transform .45s var(--ease-uit);z-index:5;border-radius:12px;align-items:center;gap:14px;max-width:min(560px,92vw);padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%,16px)scale(.98)}.bewijs.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.bewijs button{color:oklch(85% .06 235);text-underline-offset:3px;font-weight:500;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (width<=1199px){.inhoud{grid-template-columns:1fr}.zijkolom{border-top:1px solid var(--lijn);padding-top:8px}.composer{width:min(680px,100vw - 292px)}}@media (width<=1023px){body{grid-template-columns:64px 1fr}.zijbalk{padding:20px 10px}.zijbalk .merk b,.merk span:last-child,.zoek span,.zijbalk nav a em,.lijstjes,.klein,.verbinding{display:none}.zijbalk nav a{justify-content:center;height:40px;font-size:0}.zijbalk nav a:before{content:"•";font-size:18px}.composer{width:min(680px,100vw - 104px);left:calc(50vw + 32px)}}@media (width<=759px){body{font-size:16px;display:block}.zijbalk{display:none}.kop-mobiel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:oklch(97.2% .01 70/.9);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.avatar{background:var(--bg-2);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.inhoud{gap:24px;width:auto;padding:14px 16px 190px}h1{font-size:32px}.dagen{margin-top:28px}.dag{padding-left:22px}.rij{grid-template-columns:18px minmax(0,1fr) auto;column-gap:10px}.rij .bedrag{font-size:15px}.is-akkoord{margin-inline:-10px;padding:12px 10px}.acties .pil{text-align:center;flex:100%;justify-content:center}.composer{left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));width:auto;transform:none}.onderbalk{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-1);border-top:1px solid var(--lijn);z-index:4;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.onderbalk a{color:var(--fg-3);place-items:center;font-size:11.5px;text-decoration:none;display:grid;position:relative}.onderbalk a[aria-current]{color:var(--accent);font-weight:600}.onderbalk a i{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:18px}.bewijs{bottom:136px}}