@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.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{--bg:#f6f4ff;--paper:#fff;--ink:#1d1838;--muted:#6b6787;--line:#e7e3f6;--primair:#6d4aff;--primair-ink:#fff;--zon:#ffd23f;--schaduw:0 1px 2px #2814780f, 0 8px 24px -12px #2814782e;--r:20px;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--body:"Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#110e22;--paper:#1c1833;--ink:#efedfb;--muted:#a39fc0;--line:#2e2950;--primair:#9b85ff;--primair-ink:#110e22;--schaduw:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#110e22;--paper:#1c1833;--ink:#efedfb;--muted:#a39fc0;--line:#2e2950;--primair:#9b85ff;--primair-ink:#110e22;--schaduw:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cat-toets{--c:#ef4444}.cat-oefentoets{--c:#f97316}.cat-huiswerk{--c:#3b82f6}.cat-schoolinfo{--c:#64748b}.cat-leerblok{--c:#8b5cf6}.cat-taak{--c:#10b981}.cat-sport{--c:#eab308}.cat-gezin{--c:#ec4899}.cat-afspraak{--c:#06b6d4}.cat-vakantie{--c:#84cc16}[class*=cat-]{--c-zacht:color-mix(in srgb, var(--c) 13%, var(--paper));--c-tekst:color-mix(in srgb, var(--c) 75%, var(--ink))}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0}:focus-visible{outline:3px solid var(--primair);outline-offset:2px;border-radius:8px}.laden-scherm,.fout-scherm{text-align:center;color:var(--muted);padding:30vh 16px}.knop{border:1px solid var(--line);background:var(--paper);box-shadow:var(--schaduw);border-radius:999px;padding:10px 18px;font-weight:700}.knop.klein{padding:6px 14px;font-size:.875rem}.knop.primair{background:var(--primair);color:var(--primair-ink);border-color:#0000}.knop.groot{padding:14px 24px;font-size:1.05rem}.knop:hover:not(:disabled){border-color:var(--primair)}.link{color:var(--primair);background:0 0;border:0;padding:6px 0;font-weight:700}.rond{border:1px solid var(--line);background:var(--paper);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:1.4rem;line-height:1;display:grid}.rond:hover{border-color:var(--primair)}.pil{font:700 .72rem/1.6 var(--body);vertical-align:2px;background:var(--c-zacht,var(--line));color:var(--c-tekst,var(--muted));border-radius:999px;margin-left:8px;padding:1px 8px;display:inline-block}.pil.groot{margin:0;font-size:.85rem}.leeg{color:var(--muted);margin:4px 0}.leeg-klein{color:var(--muted);opacity:.7;font-size:.8rem}.melding{background:var(--paper);border:1px dashed var(--line);border-radius:14px;margin:0 0 12px;padding:12px 14px}.melding.fout{color:#ef4444;border-color:#ef4444}.invoer{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;min-width:0;padding:10px 12px}.invoer:focus{outline:2px solid var(--primair);outline-offset:0}.avatar{background:color-mix(in srgb, var(--kleur,var(--kind,var(--primair))) 18%, var(--paper));border-radius:22px;flex:none;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.avatar.klein{border-radius:16px;width:48px;height:48px;font-size:1.5rem}.avatar-knop{cursor:pointer;color:inherit;border:0;padding:0;transition:transform .15s;position:relative}.avatar-knop:hover{transform:scale(1.05)}.avatar-knop:focus-visible{outline:3px solid var(--primair);outline-offset:2px}.avatar-tandwiel{background:var(--paper);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 4px #140a3c40}@media (prefers-reduced-motion:reduce){.avatar-knop{transition:none}}.vinkje{--c:var(--primair);border:2.5px solid color-mix(in srgb, var(--c) 60%, var(--line));background:var(--paper);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:background .15s,transform .15s;display:grid}[class*=cat-] .vinkje{--c:inherit}.vinkje svg{fill:none;stroke:#0000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.vinkje:hover:not(:disabled){transform:scale(1.08)}.vinkje.aan{background:var(--c);border-color:var(--c);animation:.3s plop}.vinkje.aan svg{stroke:#fff}.vinkje:disabled{opacity:.6}@keyframes plop{50%{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.vinkje.aan{animation:none}}.profielen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.profielen-binnen{text-align:center;justify-items:center;gap:20px;width:min(640px,100%);display:grid}.profielen h1{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.logo{box-shadow:var(--schaduw);border-radius:28px;transform:rotate(-4deg)}.merk{font:800 clamp(2.6rem, 9vw, 3.6rem)/1 var(--display);letter-spacing:.04em;color:var(--primair);margin:-6px 0 0}.profiel-rij{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%;display:grid}.profiel{background:var(--paper);box-shadow:var(--schaduw);border:2px solid #0000;border-radius:26px;justify-items:center;gap:6px;padding:22px 16px;transition:transform .15s,border-color .15s;display:grid}.profiel:hover{border-color:var(--kleur);transform:translateY(-3px)}.profiel b{font-family:var(--display);font-size:1.25rem}.profiel small{color:var(--muted)}.ouder-rij{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.klein{color:var(--muted);font-size:.8rem}.app{max-width:1240px;padding:16px max(16px, env(safe-area-inset-right)) 96px max(16px, env(safe-area-inset-left));gap:14px;margin:0 auto;display:grid}.kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kop-links{align-items:center;gap:12px;min-width:0;display:flex}.kop h1{font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800}.sub{color:var(--muted);margin:0;font-size:.875rem}.kop-rechts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kind-wissel{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.kind-wissel button{background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:.875rem;font-weight:700}.kind-wissel button.aan{background:var(--kind);color:#fff}.werkbalk{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segment{background:var(--paper);border:1px solid var(--line);box-shadow:var(--schaduw);border-radius:999px;padding:4px;display:flex}.segment button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 18px;font-weight:700}.segment button.aan{background:var(--primair);color:var(--primair-ink)}.nav{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.periode{text-align:center;flex:1;min-width:0;font-size:1.15rem;font-weight:700}.weergave-rij{align-items:center;gap:8px;display:flex}.vandaag-knop{flex:none;padding:9px 16px}.vandaag-knop:disabled{opacity:.45;box-shadow:none}@media (width>=641px){.nav{max-width:560px}}@media (width<=640px){.werkbalk{gap:10px;display:grid}.segment{flex:1}.segment button{flex:1;padding-inline:10px}.nav{width:100%}.periode{flex:1;font-size:1.05rem}}.filters{scrollbar-width:none;gap:8px;margin-inline:-2px;padding:2px 2px 6px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{border:1.5px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.filter small{background:var(--line);border-radius:999px;padding:0 7px;font-size:.72rem}.filter.aan{border-color:var(--c);background:var(--c-zacht,var(--paper));color:var(--c-tekst,var(--ink))}.filter.aan small{background:var(--c);color:#fff}.filter.alles.aan{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter:not(.aan){opacity:.7}.inhoud{align-items:start;gap:16px;display:grid}.kolom-agenda,.kolom-taken{min-width:0}@media (width<=959px){.inhoud[data-tab=agenda] .kolom-taken,.inhoud[data-tab=todo] .kolom-agenda{display:none}}@media (width>=960px){.inhoud{grid-template-columns:minmax(0,1fr) 360px}.kolom-taken{position:sticky;top:16px}.tabbalk{display:none!important}.periode{font-size:1.35rem}}.kaart{background:var(--paper);border-radius:var(--r);box-shadow:var(--schaduw);gap:12px;padding:16px;display:grid}.kaart-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.kaart-kop h3{font-size:1.1rem;font-weight:800}.teller{color:var(--muted);font-size:.85rem;font-weight:700}.lijst{gap:8px;display:grid}.rij{background:var(--c-zacht);border-left:4px solid var(--c);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.rij .vinkje{margin-top:1px}.rij-knop{text-align:left;background:0 0;border:0;flex:1;gap:12px;min-width:0;padding:0;display:flex}.rij-tijd{font-variant-numeric:tabular-nums;width:3.4rem;color:var(--c-tekst);flex:none;padding-top:2px;font-size:.9rem;font-weight:700}.rij-body{gap:2px;min-width:0;display:grid}.rij-titel{font-weight:700}.rij-tekst{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.rij.gedaan .rij-titel,.rij.gedaan .rij-tekst{opacity:.55;text-decoration:line-through}.met-dag{gap:4px;display:grid}.dag-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:700}.dag{gap:14px;display:grid}.school-tot{color:var(--muted);margin:0;font-weight:700}.voortgang{background:var(--line);border-radius:999px;place-items:center;width:110px;height:22px;display:grid;position:relative;overflow:hidden}.voortgang span{background:#10b981;transition:width .3s;position:absolute;inset:0 auto 0 0}.voortgang b{font-size:.75rem;position:relative}.aftellen{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.aftel{text-align:left;background:var(--c-zacht);border:0;border-top:4px solid var(--c);border-radius:16px;gap:2px;width:100%;padding:12px 14px;display:grid}.aftel span{color:var(--c-tekst);font-size:.85rem;font-weight:700}.aftel small{color:var(--muted)}.chip{background:var(--c-zacht);border-left:3px solid var(--c);border-radius:10px;align-items:center;gap:6px;min-width:0;padding:5px 7px;display:flex}.chip .vinkje{border-width:2px;width:22px;height:22px}.chip .vinkje svg{width:13px;height:13px}.chip-knop{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;line-height:1.25;display:grid}.chip-tijd{color:var(--c-tekst);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.chip-titel{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.chip-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.chip.gedaan .chip-titel{opacity:.55;text-decoration:line-through}.week{gap:10px;display:grid}.weekdag{background:var(--paper);box-shadow:var(--schaduw);border-radius:18px;grid-template-columns:64px minmax(0,1fr);align-content:start;align-items:start;gap:10px;padding:10px;display:grid}.weekdag.voorbij{opacity:.6}.weekdag-kop{background:0 0;border:0;border-radius:12px;justify-items:center;gap:0;padding:4px 0;display:grid}.weekdag-kop:hover{background:var(--bg)}.weekdag-kop .wd{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.weekdag-kop .dn{font-family:var(--display);border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.6rem;font-weight:800;line-height:1.1;display:grid}.weekdag-kop .school{color:var(--muted);white-space:nowrap;font-size:.68rem}.weekdag.is-vandaag{outline:2px solid var(--primair)}.weekdag.is-vandaag .dn{background:var(--primair);color:var(--primair-ink)}.weekdag-items{align-content:start;gap:5px;min-height:32px;padding-top:4px;display:grid}@media (width>=760px){.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekdag{grid-template-columns:1fr;min-height:340px;padding:8px}}.maand{background:var(--paper);border-radius:var(--r);box-shadow:var(--schaduw);padding:10px}.maand-koppen,.maand-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.maand-koppen span{text-align:center;text-transform:uppercase;color:var(--muted);padding:4px 0 8px;font-size:.72rem;font-weight:700}.mcel{background:var(--bg);border-radius:12px;align-content:start;gap:3px;min-height:58px;padding:4px;display:grid;position:relative}.mcel.buiten{opacity:.4}.mcel-dag{background:0 0;border:0;border-radius:999px;justify-self:start;padding:2px 6px;font-size:.85rem;font-weight:700}.mcel.is-vandaag .mcel-dag{background:var(--primair);color:var(--primair-ink)}.mcel-items{gap:3px;min-width:0;display:none}.mcel-items .chip{border-left-width:2px;padding:2px 5px}.mcel-items .chip-titel{font-size:.72rem}.meer{color:var(--muted);text-align:left;background:0 0;border:0;padding:0 4px;font-size:.72rem;font-weight:700}.mcel-stippen{flex-wrap:wrap;gap:3px;padding:0 4px;display:flex}.stip{background:var(--c);border-radius:50%;width:7px;height:7px}@media (width<=759px){.mcel-dag{text-align:left;vertical-align:top;border-radius:12px;width:100%;padding:6px 8px;display:block;position:absolute;inset:0}.mcel.is-vandaag .mcel-dag{color:var(--primair);text-underline-offset:4px;background:0 0;text-decoration:underline;text-decoration-thickness:3px}.mcel{min-height:64px}.mcel-stippen{pointer-events:none;margin-top:34px}}@media (width>=760px){.mcel{min-height:118px}.mcel-items{display:grid}.mcel-stippen{display:none}}.paneel{gap:14px;display:grid}.taak-form{gap:8px;display:grid}.taak-form-rij{flex-wrap:wrap;gap:8px;display:flex}.taak-form-rij .invoer{flex:140px;width:auto}.taken{gap:6px;margin:0;padding:0;list-style:none;display:grid}.taak{--c:#10b981;border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 4px;display:flex}.taak:last-child{border-bottom:0}.taak-body{flex:1;gap:2px;min-width:0;padding-top:3px;display:grid}.taak-titel{font-weight:700}.taak.gedaan .taak-titel{opacity:.55;text-decoration:line-through}.taak-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.te-laat{color:#ef4444;font-weight:700}.koppeling{background:var(--bg);color:var(--primair);text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:999px;max-width:100%;padding:1px 8px;font-size:.78rem;font-weight:700;overflow:hidden}.koppeling.groot{white-space:normal;text-align:left;justify-self:start;padding:8px 14px;font-size:.9rem}.weg{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:2px 6px;font-size:1.3rem;line-height:1}.weg:hover{color:#ef4444;background:var(--bg)}.sheet{background:var(--paper);color:var(--ink);border:0;border-radius:28px;width:min(560px,100vw);max-width:100vw;max-height:88dvh;padding:0;box-shadow:0 20px 60px -10px #140a3c66}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140c3273}.sheet[open]{animation:.22s ease-out omhoog}@keyframes omhoog{0%{opacity:0;transform:translateY(24px)}}@media (width<=640px){.sheet{width:100vw;padding-bottom:env(safe-area-inset-bottom);border-radius:28px 28px 0 0;margin:auto 0 0}}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}}.sheet-binnen{border-top:8px solid var(--c);gap:12px;padding:20px;display:grid}.sheet-kop{justify-content:space-between;align-items:center;display:flex}.sheet-cat{color:var(--c-tekst);font-size:.9rem;font-weight:700}.sluit{background:var(--bg);border:0;border-radius:50%;width:36px;height:36px;font-size:1.4rem;line-height:1}.sheet-titelrij{align-items:center;gap:12px;display:flex}.sheet h2{font-size:1.6rem;font-weight:800}.sheet p{margin:0}.sheet-wanneer{font-weight:700}.sheet-wanneer:first-letter{text-transform:uppercase}.relatief{color:var(--muted);font-weight:400}.sheet-tekst{color:var(--muted);white-space:pre-line}.sheet-sectie{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.sheet-sectie h3{font-size:1.05rem}.tip{background:color-mix(in srgb, var(--zon) 25%, var(--paper));border-radius:12px;padding:10px 12px;font-size:.9rem}.bron{color:var(--muted);font-size:.78rem}.voet{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.bron-status{background:var(--paper);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.bron-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px}.bron-status.demo:before{background:#eab308}.bron-status.fout:before{background:#ef4444}.tabbalk{z-index:5;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 16px calc(6px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:auto 0 0}.tabbalk button{color:var(--muted);background:0 0;border:0;border-radius:14px;justify-items:center;gap:2px;padding:6px;font-size:.78rem;font-weight:700;display:grid;position:relative}.tabbalk button span{font-size:1.3rem}.tabbalk button.aan{color:var(--primair);background:color-mix(in srgb, var(--primair) 10%, transparent)}.tabbalk small{color:#fff;background:#ef4444;border-radius:999px;padding:0 6px;font-size:.7rem;position:absolute;top:2px;left:calc(50% + 10px)}.timer-knop{background:var(--c);color:#fff;box-shadow:0 4px 12px -4px color-mix(in srgb, var(--c) 70%, transparent);border:0;border-radius:999px;flex:none;align-self:center;padding:6px 12px;font-size:.85rem;font-weight:700;transition:transform .15s}.timer-knop:hover{transform:scale(1.05)}.sheet-binnen>.knop.groot{justify-self:start}.leerplan{gap:12px;display:grid}.leerplan-velden{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.stepper{background:var(--bg);border-radius:16px;gap:6px;padding:10px 12px;display:grid}.stepper-naam{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:700}.stepper-rij{justify-content:space-between;align-items:center;gap:8px;display:flex}.stepper-rij button{border:1.5px solid var(--line);background:var(--paper);border-radius:50%;flex:none;width:36px;height:36px;font-size:1.25rem;font-weight:700;line-height:1}.stepper-rij button:hover:not(:disabled){border-color:var(--primair);color:var(--primair)}.stepper-rij button:disabled{opacity:.35}.stepper-waarde{text-align:center;line-height:1.1}.stepper-waarde b{font-family:var(--display);font-size:1.5rem}.stepper-waarde small{color:var(--muted);font-size:.75rem;display:block}.schakel{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:flex}.schakel input{width:20px;height:20px;accent-color:var(--primair)}.leerplan-totaal{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:.9rem;display:flex}.invoer.tijd{flex:0 120px}.hint{color:var(--muted);align-self:center;font-size:.8rem}.focus{z-index:50;background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, #8b5cf6 35%, var(--bg)), var(--bg));padding:24px 16px calc(24px + env(safe-area-inset-bottom));place-items:center;animation:.25s ease-out omhoog;display:grid;position:fixed;inset:0;overflow-y:auto}.focus-binnen{text-align:center;justify-items:center;gap:12px;width:min(460px,100%);display:grid}.focus-eyebrow{color:#8b5cf6;margin:0;font-weight:700}.focus h2{font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800}.focus-tekst{color:var(--muted);max-width:36ch;margin:0}.ring{aspect-ratio:1;width:min(280px,72vw);margin:8px 0;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-baan{fill:none;stroke:var(--line);stroke-width:16px}.ring-voortgang{fill:none;stroke:#8b5cf6;stroke-width:16px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ring.klaar .ring-voortgang{stroke:#10b981}.ring-tekst{place-content:center;gap:2px;display:grid;position:absolute;inset:0}.ring-tijd{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(3rem,14vw,4.2rem);font-weight:800;line-height:1}.ring-sub{color:var(--muted);font-size:.85rem;font-weight:700}.ring-klaar{font-family:var(--display);color:#10b981;font-size:2.2rem;font-weight:800}.ring.klaar{animation:.5s 2 plop}.focus-moed{min-height:1.5em;margin:0;font-weight:700}.focus-knoppen{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}@media (prefers-reduced-motion:reduce){.focus,.ring.klaar{animation:none}.ring-voortgang{transition:none}}.meldingen{z-index:40;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));gap:8px;width:min(460px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}@media (width>=960px){.meldingen{bottom:24px}}.toast{background:var(--ink);color:var(--paper);border-radius:18px;align-items:center;gap:10px;padding:12px 14px;animation:.25s ease-out omhoog;display:flex;box-shadow:0 12px 32px -8px #140a3c80}.toast-icoon{font-size:1.3rem}.toast-tekst{flex:1;min-width:0;font-weight:700}.toast .link{color:var(--zon)}.toast .weg{color:inherit;opacity:.7}.slim-tip{background:color-mix(in srgb, var(--zon) 22%, var(--paper));border:2px dashed color-mix(in srgb, var(--zon) 70%, var(--ink));border-radius:18px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.6s wiebel;display:flex}.slim-tip-icoon{font-size:2rem;line-height:1}.slim-tip-body{gap:6px;min-width:0;display:grid}.slim-tip-body p{margin:0;font-size:.9rem}.slim-tip-knoppen{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@keyframes wiebel{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(7deg)}95%{transform:rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.slim-tip{animation:none}}.buffer-wrap{justify-items:start;gap:4px;display:grid}.buffer{font:inherit;cursor:pointer;--b:var(--primair);background:color-mix(in srgb, var(--b) 15%, var(--paper));color:color-mix(in srgb, var(--b) 75%, var(--ink));border:0;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:700}.buffer.voor{--b:#10b981}.buffer.achter{--b:#f97316}.buffer-uitleg{max-width:260px;color:var(--muted);margin:0;font-size:.8rem}.druk-melding{background:color-mix(in srgb, #f97316 14%, var(--paper));border-radius:12px;margin:0 0 10px;padding:8px 12px;font-size:.875rem}.weekdag-kop .druk{color:color-mix(in srgb, #f97316 80%, var(--ink));white-space:nowrap;font-size:.68rem;font-weight:700}.mcel.is-druk{box-shadow:inset 0 0 0 2px #f973168c}.installatie{background:var(--paper);border:1.5px solid color-mix(in srgb, var(--primair) 35%, var(--line));width:100%;box-shadow:var(--schaduw);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.installatie img{border-radius:12px;flex:none}.installatie-tekst{flex:1;gap:2px;min-width:0;font-size:.9rem;display:grid}.installatie-tekst span{color:var(--muted)}.deel-icoon{vertical-align:-.2em;fill:none;width:1.15em;height:1.15em;stroke:var(--primair);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.inlog-uitleg{color:var(--muted);max-width:40ch;margin:-6px 0 4px}.google-knop{color:var(--ink);align-items:center;gap:10px;padding:14px 24px;font-size:1.05rem;text-decoration:none;display:inline-flex}.profiel.gekozen{border-color:var(--primair);box-shadow:0 0 0 3px color-mix(in srgb, var(--primair) 25%, transparent)}.rol-details{text-align:left;width:100%;margin:0}.veld{gap:6px;display:grid}.veld>span{font-size:.9rem;font-weight:700}.emoji-rij{flex-wrap:wrap;gap:6px;display:flex}.emoji-rij button{border:2px solid var(--line);background:var(--bg);border-radius:12px;width:44px;height:44px;font-size:1.4rem}.emoji-rij button.aan{border-color:var(--primair);background:color-mix(in srgb, var(--primair) 14%, var(--paper))}.gezin h2{font-size:1.4rem}.ouders{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ouders li{background:var(--bg);border-radius:14px;gap:6px;padding:10px 12px;display:grid}.ouders li>div,.account>div{display:grid}.ouders small,.account small{color:var(--muted)}.link.gevaar{color:#e5484d;justify-self:start;padding:0}.koppelcode{text-align:center;background:color-mix(in srgb, var(--primair) 10%, var(--paper));border-radius:18px;justify-items:center;gap:4px;padding:16px;display:grid}.koppelcode p{margin:0}.koppelcode .code{font:800 2.6rem/1.1 var(--display);letter-spacing:.12em;color:var(--primair);font-variant-numeric:tabular-nums}.kind-koppelen{gap:10px;display:grid}.code-invoer{font:700 1.6rem var(--display);letter-spacing:.3em;text-align:center}.account{justify-content:space-between;align-items:center;gap:12px;display:flex}.knop:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.magister{background:var(--bg);border-radius:14px;gap:6px;padding:10px 12px;display:grid}.magister p{margin:0}.sleutel{word-break:break-all;background:var(--paper);border:1px dashed var(--line);-webkit-user-select:all;user-select:all;border-radius:10px;padding:8px 10px;font-size:.85rem;display:block}.extra-agendas{background:var(--bg);border-radius:14px;gap:8px;padding:10px 12px;display:grid}.extra-agendas>p{margin:0}.ouders li.feed{background:var(--paper);grid-template-columns:1fr auto;align-items:center}.feed-form{gap:10px;display:grid}.dag-rij{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.dag-rij button{border:2px solid var(--line);background:var(--bg);border-radius:12px;justify-items:center;gap:2px;padding:8px 0;font-size:.85rem;font-weight:700;display:grid}.dag-rij button.vrij{background:color-mix(in srgb, #84cc16 16%, var(--paper));border-color:#84cc16}.dag-rij button:disabled{opacity:.5;cursor:default}.dag-rij button span{font-size:1rem}.schakel-rij:first-child{border-top:0;padding-top:0}.schakel-rij{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.schakel-rij>span{gap:2px;min-width:0;display:grid}.schakel-rij .klein{margin:0}.schakel-rij input{width:22px;height:22px;accent-color:var(--primair);flex:none}.schakel-rij input:disabled{cursor:default}.even-weg{background:color-mix(in srgb, var(--zon) 25%, var(--paper));border-radius:14px;margin:0;padding:10px 14px;font-weight:700}.focus-tip{color:var(--muted);margin:0;font-size:.85rem}.leertijd{margin-top:14px}.leertijd-totaal{margin:0}.leertijd-totaal small{color:var(--muted)}.vak-balken{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vak-balken li{grid-template-columns:minmax(70px,30%) 1fr auto;align-items:center;gap:8px;font-size:.85rem;display:grid}.vak-naam{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.vak-balk{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.vak-balk span{background:#8b5cf6;border-radius:999px;height:100%;display:block}.vak-min{color:var(--muted);font-variant-numeric:tabular-nums}.terugblik{background:var(--bg);border-radius:14px;gap:6px;padding:10px 12px;display:grid}.terugblik p{margin:0}.terugblik-knoppen{flex-wrap:wrap;gap:6px;display:flex}:root{--gewoon:transparent;--zeldzaam:#85b7eb;--episch:#afa9ec;--legendarisch:#ef9f27}.sticker-plaatje{aspect-ratio:1;width:100%;max-width:96px;margin:0 auto;display:block}.sticker-plaatje svg{width:100%;height:100%;display:block}.sticker-plaatje.groot{max-width:160px}.set-tabs{scrollbar-width:thin;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.set-tabs button{border:2px solid var(--line);background:var(--paper);min-width:76px;color:var(--ink);border-radius:16px;flex:none;justify-items:center;gap:2px;padding:8px 10px 6px;font-size:.85rem;font-weight:700;display:grid;position:relative}.set-tabs button.aan{border-color:var(--primair);background:color-mix(in srgb, var(--primair) 10%, var(--paper))}.set-tabs small{color:var(--muted);font-weight:600}.set-ring{background:conic-gradient(var(--primair) var(--deel), var(--line) 0);border-radius:50%;width:26px;height:26px;-webkit-mask:radial-gradient(circle,#0000 7px,#000 8px);mask:radial-gradient(circle,#0000 7px,#000 8px)}.nieuw-stip{border:2px solid var(--paper);background:#e24b4a;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px}.set-over{margin:0}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(min(130px,42%),1fr));gap:10px;display:grid}.sticker-kaart{text-align:center;background:var(--bg);color:var(--ink);font:inherit;border:2px solid #0000;border-radius:18px;align-content:start;justify-items:center;gap:4px;padding:10px 8px;display:grid;position:relative}.sticker-kaart b{font-size:.85rem;line-height:1.2}.sticker-kaart small{color:var(--muted);font-size:.72rem}.sticker-kaart.verdiend{color:#2c2c2a;box-shadow:var(--schaduw);background:#fff7e0}.sticker-kaart.verdiend small{color:#5f5e5a}.sticker-kaart.verdiend .sticker-plaatje{transform:rotate(-4deg)}.sticker-kaart.verdiend:nth-child(2n) .sticker-plaatje{transform:rotate(3deg)}.sticker-kaart.zeldzaam{border-color:var(--zeldzaam)}.sticker-kaart.episch{border-color:var(--episch)}.sticker-kaart.legendarisch{border-color:var(--legendarisch)}.sticker-kaart.nog-niet b{color:var(--muted)}.nieuw-label{z-index:1;color:#fff;background:#e24b4a;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:800;position:absolute;top:-6px;right:-4px;transform:rotate(6deg)}.sticker-detail{text-align:center;background:var(--bg);border-radius:18px;justify-items:center;gap:6px;padding:16px;display:grid}.sticker-detail p{margin:0}.zeldzaam-chip{color:#444441;background:#f1efe8;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.zeldzaam-chip.zeldzaam{color:#0c447c;background:#e6f1fb}.zeldzaam-chip.episch{color:#3c3489;background:#eeedfe}.zeldzaam-chip.legendarisch{color:#633806;background:#faeeda}.pakje-melding{text-align:left;width:100%;font:inherit;color:var(--ink);border:2px dashed var(--legendarisch);background:color-mix(in srgb, var(--zon) 18%, var(--paper));border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pakje-melding>span:first-child{font-size:1.8rem;animation:2.4s ease-in-out infinite wiebel}.pakje-melding b,.pakje-melding small{display:block}.pakje-melding small{color:var(--muted)}.pakje{justify-items:stretch}.pakje-knop{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:8px;display:grid}.pakje-knop>span:first-child{aspect-ratio:1;width:min(200px,60vw);animation:1.8s ease-in-out infinite wiebel}.pakje-knop>span:first-child svg{width:100%;height:100%}.pakje-knop.scheur>span:first-child{animation:.65s ease-in forwards scheur}.pakje-tip{color:var(--muted);font-weight:700}.pakje-inhoud{grid-template-columns:repeat(auto-fill,minmax(min(140px,42%),1fr));gap:10px;display:grid}.pakje-sticker{text-align:center;color:#2c2c2a;background:#fff7e0;border:2px solid #0000;border-radius:18px;justify-items:center;gap:4px;padding:10px 8px;animation:.7s cubic-bezier(.2,1.6,.4,1) both plak;display:grid}.pakje-sticker small{color:#5f5e5a;font-size:.75rem}.pakje-sticker.zeldzaam{border-color:var(--zeldzaam)}.pakje-sticker.episch{border-color:var(--episch)}.pakje-sticker.legendarisch{border-color:var(--legendarisch)}.segment.mini{box-shadow:none;flex:none;padding:2px}.segment.mini button{padding:4px 10px;font-size:.8rem}@keyframes plak{0%{opacity:0;transform:scale(2.2)rotate(-25deg)}60%{opacity:1;transform:scale(.92)rotate(-3deg)}to{transform:scale(1)rotate(-2deg)}}@keyframes scheur{0%{transform:scale(1)}40%{transform:scale(1.08)rotate(-6deg)}70%{transform:scale(1.12)rotate(6deg)}to{opacity:0;transform:scale(.2)rotate(0)}}@media (prefers-reduced-motion:reduce){.pakje-sticker,.pakje-knop>span:first-child,.pakje-knop.scheur>span:first-child,.pakje-melding>span:first-child{animation:none}}.kolom-taken>*,.paneel,.kaart{min-width:0;max-width:100%}.taak-form-rij>*{min-width:0}select.invoer{text-overflow:ellipsis;width:100%;max-width:100%}.taak-form-rij select.invoer{flex:100%}input.invoer{max-width:100%}.taak-titel,.rij-titel,.sheet h2,.terugblik p,.ouders b,.ouders small{overflow-wrap:anywhere}.kaart,.paneel,.lijst,.taak-form,.kind-koppelen,.feed-form{grid-template-columns:minmax(0,1fr)}@media (width<=959px){.inhoud{grid-template-columns:minmax(0,1fr)}}