:root{--bg:#f4f5f2;--surface:#fff;--surface-2:#e9ece6;--text:#1b221f;--muted:#5a645e;--line:#d5dad3;--accent:#2d4a7a;--accent-soft:#dfe6f1;--on-accent:#fff;--open:#a86a14;--open-soft:#f6ead4;--danger:#a3342a;--danger-soft:#f6e0dc;--radius:14px;--shadow:0 1px 2px #1b221f0f, 0 4px 14px #1b221f0f;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121614;--surface:#1b211e;--surface-2:#252c28;--text:#e6ebe7;--muted:#a2ada6;--line:#333c37;--accent:#9db8e8;--accent-soft:#1f2a3d;--on-accent:#0d1424;--open:#e9b45f;--open-soft:#3a2d15;--danger:#ff8e7a;--danger-soft:#3d1f1a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:44rem;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:env(safe-area-inset-top,0px) calc(env(safe-area-inset-bottom,0px) + 4.5rem);margin-inline:auto}h1{letter-spacing:-.01em;margin:0;font-size:1.35rem}.muted{color:var(--muted)}.muted.klein,.klein{margin:0;font-size:.8rem;line-height:1.4}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leeg{color:var(--muted);text-align:center;margin:0;padding:3rem 0}.fout{color:var(--danger);margin:0}.link{all:unset;cursor:pointer;color:var(--accent);text-decoration:underline}.demo-bar{border-radius:var(--radius);background:var(--open-soft);color:var(--text);margin:.75rem 0 0;padding:.5rem .75rem;font-size:.85rem}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:.75rem;padding:1.25rem;display:grid}.kaart.smal{max-width:26rem;margin:3rem auto 0}.kaart p{margin:0;line-height:1.5}.formulier{gap:.4rem;display:grid}.formulier>input,.formulier>textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;margin-bottom:.5rem;padding:.65rem .75rem}.formulier textarea{resize:vertical;line-height:1.45}.formulier h2{margin:0 0 .5rem;font-size:1.1rem}.knop{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:.55rem .9rem}.knop:disabled{opacity:.6;cursor:default}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.knop.klein{padding:.3rem .65rem;font-size:.85rem}.knop.gevaar{color:var(--danger)}.kop{justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0 .5rem;display:flex}.paneel-kop{border-bottom:1px solid var(--line);gap:.6rem;padding-bottom:.75rem;display:grid}.filters{scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.filterknop{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:.35rem .8rem;font-size:.85rem}.filterknop[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.filterknop.beheer{color:var(--muted);border-style:dashed}.aantal{font-variant-numeric:tabular-nums;opacity:.7;font-size:.85em}.zoek{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:.6rem .75rem}.nieuw{gap:.5rem;display:grid}.nieuw-rij{gap:.5rem;display:flex}.nieuw-rij input{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:.6rem .75rem}.nieuw-opties,.velden{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));align-items:end;gap:.5rem;display:grid}.nieuw-opties label,.velden label{color:var(--muted);gap:.2rem;font-size:.75rem;display:grid}.nieuw-opties select,.nieuw-opties input[type=date],.velden select,.deadline-rij input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;min-width:0;padding:.45rem .55rem;font-size:.9rem}.velden{margin-bottom:.5rem}label.vinkje{color:var(--text);align-items:center;gap:.45rem;padding:.45rem 0;font-size:.9rem;display:flex}label.vinkje input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin:0}label.vinkje:has(input:disabled){color:var(--muted)}.taken{gap:1rem;padding-top:.75rem;display:grid}.dag h2{color:var(--muted);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.groep-te-laat h2{color:var(--danger)}.dag ul,.afgerond ul{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none}.taak{border-top:1px solid var(--line);align-items:flex-start;display:flex}.taak:first-child{border-top:0}.vink{all:unset;box-sizing:border-box;cursor:pointer;flex:none;align-content:start;align-self:stretch;place-items:center;width:2.9rem;padding-top:.75rem;display:grid}.vink svg{border:2px solid var(--muted);border-radius:50%;width:1.45rem;height:1.45rem;padding:.12rem}.vink path{fill:none;stroke:#0000;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.vink:hover svg{border-color:var(--accent)}.vink:hover path{stroke:var(--accent);opacity:.4}.vink:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}.taak.klaar .vink svg{background:var(--accent);border-color:var(--accent)}.taak.klaar .vink path{stroke:var(--on-accent);opacity:1}.taak-tekst{all:unset;box-sizing:border-box;cursor:pointer;flex:1;gap:.15rem;min-width:0;padding:.7rem .9rem .7rem 0;display:grid}.taak-tekst:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.titel{overflow-wrap:anywhere;font-weight:600;line-height:1.35}.notitie{color:var(--muted);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.deadline{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.05rem .4rem;font-weight:600}.deadline.te-laat{background:var(--danger-soft);color:var(--danger)}.taak.klaar .titel{color:var(--muted);font-weight:500;text-decoration:line-through}.afgerond summary{cursor:pointer;color:var(--muted);margin-bottom:.35rem;padding:.3rem 0;font-size:.85rem;font-weight:600}.afgerond summary .muted{font-weight:400}.dialoog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(32rem,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:1.25rem;box-shadow:0 10px 40px #00000040}.dialoog::backdrop{background:#0a0e0c73}.dialoog-knoppen{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.vul{flex:1}.dialoog-voet{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.deadline-rij{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.deadline-rij input{flex:9rem}.categorieen{margin:.25rem 0 .5rem;padding:0;list-style:none;display:grid}.categorieen li{border-top:1px solid var(--line);padding:.6rem 0}.categorieen li,.nieuw-categorie{gap:.4rem;display:grid}.categorieen input,.categorieen select{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);border-radius:10px;padding:.5rem .65rem}.categorie-acties{align-items:center;gap:.35rem;display:flex}.categorie-acties select{flex:1;padding-block:.35rem;font-size:.85rem}.categorieen .knop{min-width:2.2rem}.melding{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);pointer-events:none;z-index:20;justify-content:center;padding-inline:16px;display:flex;position:fixed}.melding span{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:.55rem 1rem;font-size:.9rem}@media (prefers-reduced-motion:no-preference){.melding span{animation:.18s ease-out op}@keyframes op{0%{opacity:0;transform:translateY(6px)}}}:root{--xp:#f2a93b;--xp-soft:#fbecd2;--vuur:#e8590c;--lid-0:#2d4a7a;--lid-1:#d9764a;--brons:#c47f45;--zilver:#9aa5b1;--goud:#e3b23c;--legendarisch:#8e6cd1;--goed:#2f8a5b;--goed-soft:#ddf1e5;--bonus-tekst:#8a5a00}@media (prefers-color-scheme:dark){:root{--xp:#f5b856;--xp-soft:#3a2d15;--vuur:#ff8a4c;--lid-0:#9db8e8;--lid-1:#f0a07a;--goed:#7fd0a5;--goed-soft:#183326;--bonus-tekst:#f5b856}}.icoonknop{all:unset;box-sizing:border-box;cursor:pointer;width:2.5rem;height:2.5rem;color:var(--muted);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.icoonknop:hover{background:var(--surface-2);color:var(--text)}.icoonknop:focus-visible{outline:2px solid var(--accent)}.icoonknop svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.45rem;height:1.45rem}.tabbalk{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbalk button{all:unset;cursor:pointer;color:var(--muted);justify-items:center;gap:.1rem;padding:.5rem .25rem .55rem;font-size:.75rem;display:grid}.tab-icoon{filter:grayscale();opacity:.7;font-size:1.15rem;line-height:1}.tabbalk button[aria-current=page]{color:var(--accent);font-weight:700}.tabbalk button[aria-current=page] .tab-icoon{filter:none;opacity:1}.tabbalk button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.melding{bottom:calc(env(safe-area-inset-bottom,0px) + 4.4rem)}.app{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5.5rem)}.statuskaart{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.65rem .8rem;display:grid}.statuskaart:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.level-ring,.dag-ring{--p:0;background:conic-gradient(var(--xp) calc(var(--p) * 360deg), var(--surface-2) 0);border-radius:50%;flex:none;place-items:center;width:2.9rem;height:2.9rem;display:grid;position:relative}.level-ring>span,.dag-ring>span{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:calc(100% - 8px);height:calc(100% - 8px);font-weight:800;display:grid}.level-ring>span{font-size:1.1rem}.level-ring.groot{width:5rem;height:5rem}.level-ring.groot>span{width:calc(100% - 12px);height:calc(100% - 12px);font-size:1.9rem}.dag-ring{background:conic-gradient(var(--accent) calc(var(--p) * 360deg), var(--surface-2) 0);width:2.6rem;height:2.6rem}.dag-ring>span{font-size:.72rem}.dag-ring.gehaald{background:var(--goed)}.dag-ring.gehaald>span{color:var(--goed);font-size:1.05rem}.status-tekst{gap:.2rem;min-width:0;display:grid}.status-titel{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.status-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.xp-balk{background:var(--surface-2);border-radius:4px;height:7px;display:block;overflow:hidden}.xp-balk>span{background:linear-gradient(90deg, var(--xp), #f7c96e);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.xp-balk.groot{border-radius:6px;height:11px}.status-chip{font-variant-numeric:tabular-nums;color:var(--vuur);align-items:center;gap:.15rem;font-size:1.05rem;font-weight:800;display:inline-flex}.status-chip.wacht .vlam{filter:grayscale(.6);opacity:.75}.status-chip.uit{color:var(--muted)}.status-chip.uit .vlam{filter:grayscale();opacity:.5}.taak{position:relative}.xp-hint{color:var(--muted);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-self:center;margin-right:.8rem;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.xp-hint.bonus{color:var(--bonus-tekst);background:var(--xp-soft)}.bonus-tip{grid-column:1/-1}.schone-lei{justify-items:center;gap:.25rem;display:grid}.schone-lei span{font-size:2.4rem}.schone-lei p{margin:0}.zwevers span{z-index:30;pointer-events:none;color:var(--xp);text-shadow:0 1px 0 var(--surface), 0 0 6px var(--surface);font-size:1.15rem;font-weight:900;animation:1.1s ease-out forwards zweef;position:fixed;transform:translate(-50%,-50%)}@keyframes zweef{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.confetti{pointer-events:none;z-index:40;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.taak.klaar .vink svg{animation:.32s cubic-bezier(.3,1.6,.5,1) plop}@keyframes plop{0%{transform:scale(.6)}to{transform:scale(1)}}}@media (prefers-reduced-motion:reduce){.zwevers span{animation-duration:.01ms}.xp-balk>span{transition:none}}.voortgang,.prestaties{gap:.9rem;padding-top:.25rem;display:grid}.held{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.held-tekst{gap:.3rem;min-width:0;display:grid}.held-tekst h2,.kaart h2{margin:0;font-size:1.1rem}.held-tekst .muted.klein{margin:0}.tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.tegel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.15rem;min-width:0;padding:.65rem .7rem;display:grid}.tegel.let-op{background:var(--xp-soft);border-color:#0000}.tegel.goed{background:var(--goed-soft);border-color:#0000}.tegel-label{color:var(--muted);font-size:.72rem}.tegel-getal{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(.95rem,4.3vw,1.2rem);font-weight:800}.tegel-delta{color:var(--muted);font-size:.7rem;line-height:1.3}@media (width<=340px){.tegels{grid-template-columns:1fr}}.schildregel{margin:-.3rem 0 0}.kaart-kop{gap:.25rem;display:grid}.kaart-kop .muted.klein{margin:0}.teambalk{background:var(--surface-2);border-radius:7px;height:14px;display:flex;overflow:hidden}.teambalk .deel{transition:width .6s}.lid-0{background:var(--lid-0)}.lid-1{background:var(--lid-1)}.teamregel{font-variant-numeric:tabular-nums;margin:0}.legenda{color:var(--muted);gap:1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.swatch{vertical-align:-.08rem;border-radius:3px;width:.75rem;height:.75rem;margin-right:.35rem;display:inline-block}.huis{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.huis-icoon{text-align:center;width:4.2rem;font-size:2.8rem;line-height:1}.scorebord{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.scorebord li{background:var(--surface-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam punten""sub punten";align-items:center;padding:.55rem .75rem;display:grid}.scorebord li.ik{box-shadow:inset 3px 0 0 var(--accent)}.score-naam{grid-area:naam;font-weight:700}.score-sub{color:var(--muted);grid-area:sub;font-size:.75rem}.score-punten{font-variant-numeric:tabular-nums;grid-area:punten;font-size:1.25rem;font-weight:800}.score-punten:after{content:" pt";color:var(--muted);font-size:.75rem;font-weight:600}.weekgrafiek{grid-template-columns:repeat(7,1fr);align-items:end;gap:.4rem;height:8.5rem;display:grid}.weekdag{grid-template-rows:auto 1fr auto;justify-items:center;gap:.2rem;height:100%;display:grid}.weekdag-staaf{background:var(--surface-2);border-radius:6px 6px 2px 2px;flex-direction:column-reverse;width:70%;max-width:2.2rem;display:flex;overflow:hidden}.weekdag-staaf .deel{width:100%;display:block}.weekdag-getal{font-variant-numeric:tabular-nums;min-height:1em;font-size:.72rem;font-weight:700}.weekdag-naam{color:var(--muted);font-size:.72rem}.weekdag.vandaag .weekdag-naam{color:var(--text);font-weight:800}.activiteit{margin:0;padding:0;list-style:none}.activiteit li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.88rem;line-height:1.35;display:grid}.activiteit li:first-child{border-top:0}.act-icoon{text-align:center;width:1.6rem;font-size:1.1rem}.act-tekst{overflow-wrap:anywhere}.knop.applaus{white-space:nowrap;background:var(--xp-soft);border-color:#0000;font-weight:700}.prestatie-totaal{margin:0;font-size:1.05rem}.groep-kop{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.25rem 0 .45rem;font-size:.8rem;font-weight:700}.badges{grid-template-columns:repeat(auto-fill,minmax(9.2rem,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;align-content:start;justify-items:center;gap:.3rem;padding:.8rem .7rem;display:grid}.badge:not(.behaald) .medaille{filter:grayscale();opacity:.45}.badge:not(.behaald) .badge-titel{color:var(--muted)}.badge.behaald{box-shadow:var(--shadow)}.badge-titel{font-size:.9rem;font-weight:700}.badge-tekst{color:var(--muted);font-size:.75rem;line-height:1.35}.badge-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.badge.behaald .badge-sub{color:var(--goed);font-weight:700}.badge-voortgang{gap:.2rem;width:100%;display:grid}.medaille{--rand:var(--brons);background:radial-gradient(circle at 35% 30%, var(--surface), var(--surface-2));width:3.3rem;height:3.3rem;box-shadow:inset 0 0 0 3px var(--rand), 0 2px 6px #0000001f;border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.medaille.zilver{--rand:var(--zilver)}.medaille.goud{--rand:var(--goud)}.medaille.legendarisch{--rand:var(--legendarisch);box-shadow:inset 0 0 0 3px var(--legendarisch), 0 0 14px #8e6cd173}.medaille.groot{width:6.5rem;height:6.5rem;box-shadow:inset 0 0 0 5px var(--rand), 0 6px 24px #0000002e;font-size:3.2rem}.medaille-getal{color:var(--xp);font-size:2.6rem;font-weight:900}.zeldzaam{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:800}.zeldzaam.brons{color:var(--brons)}.zeldzaam.zilver{color:var(--zilver)}.zeldzaam.goud{color:var(--goud)}.zeldzaam.legendarisch{color:var(--legendarisch)}.viering[open]{text-align:center;justify-items:center;gap:.5rem;padding:1.75rem 1.25rem 1.25rem;display:grid}.viering h2{margin:0;font-size:1.5rem}.viering p{margin:0;line-height:1.45}.viering-label{text-transform:uppercase;letter-spacing:.08em;color:var(--xp);font-size:.8rem;font-weight:800}.knop.breed{width:100%;margin-top:.75rem;padding-block:.75rem;font-size:1.05rem}@media (prefers-reduced-motion:no-preference){.viering[open] .medaille{animation:.7s cubic-bezier(.3,1.5,.5,1) medaille}@keyframes medaille{0%{opacity:0;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.12)rotate(6deg)}to{transform:scale(1)rotate(0)}}}.dialoog-kop{justify-content:space-between;align-items:center;display:flex}.dialoog-kop h2{margin:0}.instelling{border-top:1px solid var(--line);gap:.45rem;padding:.9rem 0 .4rem;display:grid}.instelling h3{margin:0;font-size:.95rem}.instellingen .categorieen li:first-child{border-top:0}.stepper{align-items:center;gap:.75rem;display:flex}.stepper .knop{width:2.6rem;height:2.6rem;padding:0;font-size:1.3rem}.stepper output{font-variant-numeric:tabular-nums}.uitleg{gap:.2rem;margin:0;padding-left:1.1rem;font-size:.88rem;display:grid}.snel{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.snel-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.link.klein{font-size:.8rem}.tip{margin:0}.tip i{background:var(--surface-2);border-radius:5px;padding:0 .3rem;font-style:normal}.herhaling{grid-column:1/-1;gap:.35rem;display:grid}.herhaling label{color:var(--muted);font-size:.75rem}.herhaling select,.herhaling input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;min-width:0;padding:.45rem .55rem;font-size:.9rem}.herhaling .muted.klein{margin:0}.herhaling-rij{align-items:center;gap:.5rem;display:flex}.herhaling-rij input{width:4.5rem}.weekdagen{flex-wrap:wrap;gap:.3rem;display:flex}.weekdagen .filterknop{min-width:2.4rem;padding-inline:.5rem}.ster{font-size:.85em}.melding span{pointer-events:auto;align-items:center;gap:.75rem;display:inline-flex}.melding-actie{all:unset;cursor:pointer;color:var(--xp);white-space:nowrap;font-weight:800}.melding-actie:focus-visible{outline:2px solid var(--xp);outline-offset:2px;border-radius:4px}.kop-knoppen{align-items:center;gap:.15rem;display:flex}.icoonknop[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.icoonknop.tomaat{font-size:1.25rem}.zoekbalk{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.zoekbalk input{flex:1;min-width:0}.zoekregel{margin:0}mark{background:var(--xp-soft);color:inherit;border-radius:3px;padding:0 1px}.tegels.vier{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=560px){.tegels.vier{grid-template-columns:repeat(4,minmax(0,1fr))}}.focus[open]{text-align:center;justify-items:center;gap:.75rem;padding:1.25rem 1.25rem 1.5rem;display:grid}.focus-kop{justify-content:space-between;align-items:center;width:100%;min-height:2.5rem;display:flex}.focus-kop h2{margin:0;font-size:1.2rem}.focus-taak{color:var(--muted);overflow-wrap:anywhere;max-width:100%;margin:0;font-weight:600}.focus-ring{--p:0;aspect-ratio:1;background:conic-gradient(#e0533d calc(var(--p) * 360deg), var(--surface-2) 0);border-radius:50%;place-items:center;width:min(15rem,70vw);transition:background .4s linear;display:grid}.focus-ring.pauze{background:conic-gradient(var(--goed) calc(var(--p) * 360deg), var(--surface-2) 0)}.focus-ring.klaar{background:var(--xp)}.focus-ring>span{background:var(--surface);font-variant-numeric:tabular-nums;letter-spacing:-.02em;border-radius:50%;place-content:center;width:calc(100% - 18px);height:calc(100% - 18px);font-size:clamp(2.4rem,13vw,3.4rem);font-weight:800;display:grid}.focus-ring small{color:var(--muted);letter-spacing:0;font-size:.8rem;font-weight:600;display:block}.focus-duren{flex-wrap:wrap;justify-content:center}.focus-knoppen{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.focus-klaar{justify-items:center;gap:.6rem;width:100%;display:grid}.focus .muted.klein{margin:0}.dialoog-voet{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}