@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-devanagari-400-normal-Dy6c0U2e.woff2)format("woff2"),url(/assets/kalam-devanagari-400-normal-Dyzod-UE.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-ext-400-normal-DtcdGa4L.woff2)format("woff2"),url(/assets/kalam-latin-ext-400-normal-AcQmRO9z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2)format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-devanagari-700-normal-BeU_-hjz.woff2)format("woff2"),url(/assets/kalam-devanagari-700-normal-B52CSkpd.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-ext-700-normal-CwgfRD_T.woff2)format("woff2"),url(/assets/kalam-latin-ext-700-normal-BA-KJHgr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2)format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-vietnamese-400-normal-Dj7eBp_3.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-400-normal-D1YxRXwC.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-latin-ext-400-normal-BDztQS4c.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-400-normal-Bm5hzUPR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-latin-400-normal-DlzeKIMS.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-400-normal-CwTnoNB3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--r:34px;--kantlijn:60px;--rand-r:16px;--papier:#fbf8ef;--lijn:#c3d6e7;--kantlijn-rood:#e79a94;--inkt:#22388c;--inkt-licht:#4a5fa8;--druk:#3a3631;--potlood:#8a857c;--rode-pen:#c0392b;--kraft:#b88a58;--kraft-donker:#94683b;--etiket:#fffdf6;--etiket-rand:#6f8fc4;--hand:"Kalam", "Segoe Print", "Bradley Hand", cursive;--drukletter:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--zak-hand:9px;--zak-druk:6px;--vezel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .37 0 0 0 0 .28 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--karton:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27256%27%20height%3D%27256%27%3E%3Cfilter%20id%3D%27w%27%20x%3D%270%27%20y%3D%270%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.03%27%20numOctaves%3D%272%27%20seed%3D%274%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%20.35%20%200%200%200%200%20.22%20%200%200%200%200%20.1%20%200%200%200%20.9%20-.38%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27k%27%20x%3D%270%27%20y%3D%270%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.8%27%20numOctaves%3D%272%27%20seed%3D%272%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%20.25%20%200%200%200%200%20.15%20%200%200%200%200%20.05%20%200%200%200%20.55%20-.18%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27d%27%20x%3D%270%27%20y%3D%270%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.45%20.9%27%20numOctaves%3D%271%27%20seed%3D%279%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%20.2%20%200%200%200%200%20.12%20%200%200%200%200%20.04%20%200%200%200%2010%20-6.4%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27l%27%20x%3D%270%27%20y%3D%270%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.9%20.4%27%20numOctaves%3D%271%27%20seed%3D%2721%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%20.96%20%200%200%200%200%20.87%20%200%200%200%200%20.72%20%200%200%200%2010%20-6.9%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23w)%27%2F%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23k)%27%2F%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23d)%27%2F%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23l)%27%2F%3E%3C%2Fsvg%3E")}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--kraft) var(--karton);color:var(--druk);font-family:var(--drukletter);font-size:17px;line-height:var(--r);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px dashed var(--inkt-licht);outline-offset:2px;border-radius:2px}input.hand:focus-visible,textarea.hand:focus-visible{outline:none}h1,h2,p,ol,ul{margin:0;padding:0}li{list-style:none}#app{padding-top:env(safe-area-inset-top);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.pagina{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:var(--papier);background-image:var(--vezel), linear-gradient(to right, transparent calc(var(--kantlijn) - 1.5px), var(--kantlijn-rood) calc(var(--kantlijn) - 1.5px), var(--kantlijn-rood) var(--kantlijn), transparent var(--kantlijn)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--r) - 1px), var(--lijn) calc(var(--r) - 1px) var(--r));background-attachment:local;flex:1;width:100%;max-width:600px;position:relative;overflow:hidden auto;box-shadow:0 0 0 1px #50341440,0 1px 3px #3c230a40}@media (min-width:640px){#app{padding-top:calc(env(safe-area-inset-top) + 18px)}.pagina{border-radius:2px 2px 0 0}}.blad{min-height:100%;padding:var(--r) var(--rand-r) calc(var(--r) * 3) calc(var(--kantlijn) + 10px);position:relative}.kantlabel,.moment .tijd,.nr{left:calc(-1 * var(--kantlijn) - 10px);width:calc(var(--kantlijn) - 8px);text-align:right;font-family:var(--drukletter);color:var(--potlood);top:var(--zak-druk);font-size:14px;position:absolute}.hand{font-family:var(--hand);color:var(--inkt);top:var(--zak-hand);font-size:21px;position:relative}.druk{font-family:var(--drukletter);color:var(--druk)}.potlood{color:var(--potlood)}.rood,.hand.rood{color:var(--rode-pen)}.klein{font-size:15px}.regel-1{min-height:var(--r);top:var(--zak-druk);position:relative}.uitleg{max-width:34em;top:var(--zak-druk);position:relative}.paginakop{height:var(--r);justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.paginakop h1{font-family:var(--drukletter);font-size:30px;font-weight:600;line-height:var(--r);color:var(--druk);position:relative;top:2px}.paginakop .potlood{top:var(--zak-druk);font-size:15px;position:relative}.kopje{margin-top:var(--r);font-family:var(--drukletter);font-size:19px;font-weight:600;line-height:var(--r);color:var(--druk);top:var(--zak-druk);position:relative}.terug{min-height:44px;color:var(--druk);align-items:center;gap:2px;margin-left:-8px;font-size:17px;display:inline-flex}svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.icoon{width:22px;height:22px;color:var(--inkt);flex:none}.icoon path{stroke-width:1.9px}.rondje{width:calc(100% + 6px);height:100%;color:var(--inkt);pointer-events:none;position:absolute;top:0;left:-3px;overflow:visible}.rondje path{vector-effect:non-scaling-stroke;stroke-width:1.7px;stroke-dasharray:1;stroke-dashoffset:0;animation:.28s ease-out both teken}.streep{color:var(--inkt);display:block;overflow:visible}.streep path{stroke-width:1.6px}@keyframes teken{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.gemarkeerd{isolation:isolate;max-width:100%;display:inline-block;position:relative}.gemarkeerd .marker{z-index:-1;width:calc(100% + 10px);height:22px;position:absolute;top:9px;left:-5px;overflow:visible}.marker path{stroke:none}.gemarkeerd .marker path{fill:var(--stift);stroke:none;opacity:.62;mix-blend-mode:multiply}.gemarkeerd>.hand{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.kleur-geel{--stift:#f6dd3a}.kleur-roze{--stift:#f58fb8}.kleur-groen{--stift:#8fdc7e}.kleur-blauw{--stift:#7fcbef}.kleur-oranje{--stift:#f7a552}.vinkknop{width:44px;height:var(--r);color:var(--inkt);flex:none;place-items:center;display:grid;position:relative;top:5px}.vinkknop:before{content:"";position:absolute;inset:-5px 0}.hokje{overflow:visible}.hokje .rand{stroke-width:1.5px;color:var(--druk);stroke:var(--druk);opacity:.8}.hokje .vink{stroke-width:2.6px;stroke:var(--inkt);stroke-dasharray:1;animation:.22s ease-out both teken}.etiket{min-height:calc(var(--r) * 2 - 12px);background:var(--etiket);color:var(--inkt);font-family:var(--drukletter);border-radius:5px;justify-content:center;align-items:center;margin:6px 0;padding:0 22px;font-size:18px;font-weight:600;line-height:1.2;display:inline-flex;position:relative;transform:rotate(-.6deg);box-shadow:0 0 0 1px #5a46282e,0 1px 2px #3c280f2e,0 3px 8px -3px #3c280f40}.etiket:before{content:"";border:1.5px solid var(--etiket-rand);pointer-events:none;border-radius:3px;position:absolute;inset:4px}.etiket:active{transform:rotate(-.6deg)translateY(1px);box-shadow:0 0 0 1px #5a46282e,0 1px 1px #3c280f33}.etiket[disabled]{color:var(--potlood);cursor:default}.penlink{min-height:44px;font-family:var(--hand);color:var(--inkt);flex-direction:column;justify-content:center;align-items:flex-start;font-size:20px;line-height:1.1;display:inline-flex}.penlink .streep{width:100%;margin-top:1px}.penlink.rood,.penlink.rood .streep{color:var(--rode-pen)}.penlink.klein{min-height:34px;font-size:17px}.acties{margin-top:var(--r);flex-direction:column;align-items:flex-start;gap:0;display:flex}.acties.rij{flex-direction:row;gap:18px;margin-top:0}.uitslag{max-width:34em}.rood-notitie{margin:0 0 var(--r);color:var(--rode-pen);font-family:var(--hand);font-size:19px;line-height:var(--r);display:block;position:relative}.rood-notitie span{top:var(--zak-hand);position:relative}.rood-notitie:before{content:"let op";left:calc(-1 * var(--kantlijn) - 10px);width:calc(var(--kantlijn) - 8px);text-align:right;font-family:var(--hand);top:var(--zak-hand);font-size:15px;position:absolute;transform:rotate(-6deg)}.rood-notitie .hoe{text-underline-offset:4px;align-items:center;gap:2px;margin-left:4px;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.rood-notitie .icoon{color:var(--rode-pen);width:18px;height:18px}.stempel{font-family:var(--drukletter);color:#6b8a6a;opacity:.8;white-space:nowrap;border:1.5px solid;border-radius:3px;margin-bottom:7px;padding:4px 7px 3px;font-size:12.5px;font-weight:600;line-height:1;transform:rotate(-4deg)}.stempel.bezig{color:var(--potlood)}.stempel.offline,.stempel.fout{color:var(--rode-pen)}.tabs{width:100%;max-width:600px;padding:0 8px calc(env(safe-area-inset-bottom) + 6px);flex:none;justify-content:center;gap:5px;display:flex}.tab{max-width:180px;min-height:46px;font-family:var(--drukletter);color:#4b3b29;background:#d9c29c var(--vezel);border-radius:0 0 9px 9px;flex:1;place-items:center;margin-top:0;padding:2px 0 4px;font-size:16px;font-weight:500;display:grid;box-shadow:inset 0 6px 5px -5px #3c230a59,0 1px 2px #321e0a4d}.tab:nth-child(2){background-color:#c9d3bd}.tab:nth-child(3){background-color:#d2c6d6}.tab.actief{background:var(--papier) var(--vezel);color:var(--inkt);font-weight:600;position:relative;box-shadow:0 1px 2px #321e0a4d}.tab.actief:before{content:"";background:var(--papier);height:3px;position:absolute;top:-2px;left:0;right:0}.dagkop{height:calc(var(--r) * 2);grid-template-columns:1fr auto;grid-template-rows:var(--r) var(--r);align-items:end;display:grid;position:relative}.dagnummer{left:calc(-1 * var(--kantlijn) - 10px);width:calc(var(--kantlijn) - 6px);text-align:right;font-family:var(--drukletter);color:var(--druk);letter-spacing:-1px;font-size:50px;font-weight:600;line-height:1;position:absolute;bottom:2px}.dagnaam{font-family:var(--drukletter);color:var(--druk);grid-row:1;font-size:24px;font-weight:600;position:relative;top:3px}.maand{font-family:var(--drukletter);color:var(--potlood);top:var(--zak-druk);grid-row:2;font-size:15px;position:relative}.bladeren{grid-area:1/2/span 2;align-self:center;display:flex}.pijl{place-items:center;width:44px;height:44px;display:grid}.terug-vandaag{align-items:center;gap:2px;display:inline-flex}.terug-vandaag .icoon{width:18px;height:18px;color:var(--potlood)}.momenten{margin-top:0}.moment{height:var(--r);align-items:center;display:flex;position:relative}.moment .tijd{color:var(--druk);font-size:15px;font-weight:500}.moment .wat{min-width:0;height:var(--r);flex:1;align-items:center;display:flex}.moment .gemarkeerd{margin-top:-2px}.moment.voorbij .tijd{color:var(--potlood)}.moment.voorbij .gemarkeerd .marker path{opacity:.35}.moment.klaar .hand{color:var(--inkt-licht)}.nu-rij{height:var(--r);color:var(--rode-pen);align-items:center;gap:6px;display:flex;position:relative}.nu-rij .tijd{color:var(--rode-pen);font-family:var(--hand);font-size:16px;top:6px}.nu-rij .hand{color:var(--rode-pen);flex:none;font-size:17px;top:3px}.nu-rij .streep{color:var(--rode-pen);opacity:.75;flex:1;margin-top:4px}.leeg{padding-top:0}.meldingen{margin-top:0}.melding-rij{min-height:calc(var(--r) * 2);align-items:flex-start;display:flex;position:relative}.melding-rij .wat{flex-direction:column;flex:1;min-width:0;display:flex}.titelregel{height:var(--r);align-items:center;display:flex}.titelregel .gemarkeerd{margin-top:-2px}.samenvatting{font-family:var(--drukletter);color:var(--druk);font-size:15px;line-height:var(--r);top:var(--zak-druk);position:relative}.samenvatting .volgende{color:var(--potlood)}.samenvatting .rood{color:var(--rode-pen)}.melding-rij.uit .hand{color:var(--potlood);-webkit-text-decoration:line-through #22388c80;text-decoration:line-through #22388c80}.melding-rij.uit .gemarkeerd .marker path{opacity:.25}.nieuwe-rij a,.nieuwe-rij button{height:var(--r);color:var(--potlood);align-items:center;gap:6px;margin-left:-4px;display:flex}.nieuwe-rij .hand{color:var(--potlood);font-size:20px}.nieuwe-rij .icoon{color:var(--potlood);width:20px;height:20px}.voorbeelden li a{min-height:calc(var(--r) * 2);flex-direction:column;display:flex}.voorbeelden .gemarkeerd{height:var(--r);align-self:flex-start;align-items:center;margin-top:-2px;display:flex}.veld{min-height:var(--r);position:relative}.veld+.veld{margin-top:0}.titelveld{height:var(--r);margin-top:var(--r);align-items:flex-end;display:flex}.titelveld .gemarkeerd.groot{min-width:0;max-width:100%;display:inline-grid}.gemarkeerd.groot>.spiegel,.gemarkeerd.groot>input{grid-area:1/1}.gemarkeerd.groot>.spiegel{visibility:hidden;white-space:pre;height:var(--r);padding-right:6px;font-size:27px;top:0;overflow:hidden}.gemarkeerd.groot .marker{height:24px;top:12px}.titelveld .titelklik{cursor:text;position:absolute;inset:0}input.hand,textarea.hand,select.hand{appearance:none;line-height:var(--r);height:var(--r);padding:0;padding-top:var(--zak-hand);color:var(--inkt);background:0 0;border:0;border-radius:0;margin:0;top:0}input.hand::placeholder,textarea.hand::placeholder{color:var(--potlood);opacity:.75}#titel{width:100%;min-width:6ch;font-size:27px;font-weight:400;position:relative}textarea.hand{resize:none;width:100%;min-height:calc(var(--r) * 2);font-size:20px;display:block;overflow:hidden}.stiften{height:var(--r);align-items:center;gap:4px;display:flex}.stift{width:52px;height:var(--r);place-items:center;display:grid;position:relative}.stift .marker{width:38px;height:20px;position:static;overflow:visible}.stift .marker path{fill:var(--stift);opacity:.8;mix-blend-mode:multiply}.aanregel{height:var(--r);align-items:center;gap:2px;margin-left:-10px;display:flex}.regels{margin-top:0}.regel-dicht{position:relative}.regelzin{text-align:left;width:100%;min-height:var(--r);display:block;position:relative}.regelzin .hand{font-size:20px;line-height:var(--r);display:block}.regel-dicht .nr,.regel-open .nr{font-size:14px}.regel-open{margin:0 0 var(--r);position:relative}.regel-open:before{content:"";border:1.5px solid var(--potlood);opacity:.6;border-right:0;border-radius:3px 0 0 3px;width:6px;position:absolute;top:6px;bottom:6px;left:-14px}.soorten{flex-wrap:wrap;column-gap:6px;display:flex}.soort{height:var(--r);font-family:var(--hand);color:var(--potlood);padding:0 8px;font-size:18px;position:relative}.soort span{top:var(--zak-hand);position:relative}.soort.gekozen{color:var(--inkt)}.invulzin{flex-wrap:wrap;align-items:center;column-gap:8px;display:flex}.invulzin>*,.tijd-met-weg{height:var(--r)}.invulzin .druk{top:var(--zak-druk);font-size:17px;position:relative}.tijdveld,.datumveld,.invulzin select{font-size:22px;border-bottom:1.5px dotted #22388c73!important}.tijdveld{field-sizing:content;width:2.7em;min-width:2.6em}.datumveld{field-sizing:content;width:7.4em;min-width:6.5em}.tijdveld::-webkit-calendar-picker-indicator{display:none}.datumveld::-webkit-calendar-picker-indicator{display:none}.tijdveld::-webkit-date-and-time-value{text-align:left;margin:0}.datumveld::-webkit-date-and-time-value{text-align:left;margin:0}.invulzin select{field-sizing:content;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.4 C3.6 5.7 4.8 6.9 6 8 C7.2 6.8 8.4 5.6 9.8 4.2' fill='none' stroke='%2322388c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;background-size:12px;padding-right:18px}.tijd-met-weg{align-items:center;display:inline-flex}.weg{width:28px;height:var(--r);color:var(--potlood);place-items:center;margin-left:-2px;display:grid}.weg svg path{stroke-width:1.6px}.erbij{height:var(--r);color:var(--potlood);font-family:var(--hand);align-items:center;gap:2px;font-size:18px;display:inline-flex}.erbij .icoon{width:18px;height:18px;color:var(--potlood)}.erbij span{top:var(--zak-hand);position:relative}.dagen{height:var(--r);gap:0;display:flex}.dag{min-width:0;max-width:46px;height:var(--r);color:var(--potlood);flex:1 1 0;position:relative}.dag .hand{color:var(--potlood);font-size:19px;top:2px}.dag .rondje{width:calc(100% - 4px);top:1px;left:2px}.dag.aan .hand{color:var(--inkt)}.snelkeuze{height:var(--r);align-items:center;gap:14px;display:flex}.snel{font-family:var(--hand);color:var(--potlood);height:var(--r);flex-direction:column;justify-content:center;font-size:17px;display:inline-flex;position:relative}.snel.gekozen{color:var(--inkt)}.snel .streep{width:100%;position:absolute;bottom:3px;left:0;right:0}.zin-nu{top:var(--zak-druk);font-size:15px;position:relative}.regel-knoppen{gap:22px;display:flex}.komend li{top:var(--zak-druk);font-size:16px;position:relative}.stappen li{line-height:var(--r);font-size:17px;position:relative}.stappen li>span:last-child{top:var(--zak-druk);position:relative}.stappen .icoon{vertical-align:-4px;width:20px;height:20px}.stappen b{font-weight:600}.toestellen li{min-height:var(--r);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.toestellen .druk.klein{color:var(--potlood)}.code{letter-spacing:1px;white-space:nowrap;font-size:26px}.codeveld{text-transform:uppercase;width:100%;font-size:22px;border-bottom:1.5px dotted #22388c73!important}.codeveld::placeholder{text-transform:none}.logboek li{top:var(--zak-druk);white-space:nowrap;text-overflow:ellipsis;font-size:15px;position:relative;overflow:hidden}.logboek .wanneer{color:var(--druk);font-weight:500}.briefje{left:50%;bottom:calc(env(safe-area-inset-bottom) + 64px);background:#fbeb8f var(--vezel);width:min(360px,100% - 32px);color:var(--druk);font-family:var(--hand);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 12px;font-size:18px;line-height:1.3;animation:.2s ease-out both plak;display:flex;position:fixed;transform:translate(-50%)rotate(-1.2deg);box-shadow:0 1px 1px #3c2d0a33,0 8px 14px -8px #3c2d0a73}.briefje button{font-family:var(--hand);color:var(--inkt);text-underline-offset:4px;flex:none;min-height:40px;font-size:18px;text-decoration:underline}@keyframes plak{0%{opacity:0;transform:translate(-50%)translateY(8px)rotate(-1.2deg)}}body.op-kaft #app{overflow-y:auto}.kaft{width:100%;max-width:520px;min-height:100%;padding:40px 24px calc(env(safe-area-inset-bottom) + 40px);flex-direction:column;justify-content:center;align-items:center;gap:28px;margin:0 auto;display:flex}.etiket-groot{background:var(--etiket) var(--vezel);border-radius:10px;width:min(330px,100%);padding:18px 22px 14px;position:relative;transform:rotate(-1deg);box-shadow:0 0 0 1px #5a3c1440,0 2px 3px #3c230a4d}.etiket-groot:before{content:"";border:2px solid var(--etiket-rand);pointer-events:none;border-radius:6px;position:absolute;inset:6px}.etiket-regel{border-bottom:1px solid #9fb4d6;align-items:baseline;gap:10px;height:46px;padding:0 14px;display:flex}.etiket-regel:last-child{border-bottom:0}.etiket-regel .hand{font-size:26px;top:6px}.etiket-regel .naam{font-size:38px;font-weight:700;top:8px}.etiket-regel .klein-hand{font-size:21px}.kaft-tekst{text-align:center;max-width:300px;font-family:var(--drukletter);color:#3a2814;font-size:18px;font-weight:500;line-height:1.45}.kaft-briefje{background:var(--papier) var(--vezel);width:min(340px,100%);padding:12px 16px 14px;transform:rotate(.8deg);box-shadow:0 1px 2px #3c230a4d}.kaft-briefje .hand{font-size:20px;top:0}.kaft-briefje .stappen li{margin-top:6px;padding-left:26px;line-height:1.5}.kaft-briefje .stappen .nr{text-align:left;width:18px;top:0;left:0}.kaft-briefje .stappen li>span:last-child{top:0}.kaft-knop{padding:0 30px;font-size:19px}@media (prefers-reduced-motion:reduce){.rondje path,.hokje .vink{animation-duration:.12s}.briefje{animation:none}}.eentje{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}