:root{--achtergrond:#faf6f3;--kaart:#fff;--kaart-zacht:#f3ebe6;--tekst:#2d2126;--tekst-zacht:#6f5f66;--primair:#b34a72;--primair-donker:#93395c;--primair-zacht:#f7e3eb;--accent:#3d7068;--accent-zacht:#e0efec;--waarschuwing:#b3541e;--waarschuwing-zacht:#fbe9dd;--gevaar:#b3261e;--gevaar-zacht:#fbe2e0;--succes:#2e7d4f;--succes-zacht:#e1f0e7;--rand:#e5d9d2;--schaduw:0 2px 12px #2d212614;--radius:16px;--nav-hoogte:68px}:root[data-theme=dark]{--achtergrond:#1c1519;--kaart:#2a2127;--kaart-zacht:#342a30;--tekst:#f3e9ee;--tekst-zacht:#b39fa9;--primair:#d97ba0;--primair-donker:#e295b3;--primair-zacht:#47303b;--accent:#7ab5ab;--accent-zacht:#27403c;--waarschuwing:#e08b52;--waarschuwing-zacht:#46311f;--gevaar:#e57373;--gevaar-zacht:#4a2523;--succes:#7cc39a;--succes-zacht:#24382d;--rand:#453a41;--schaduw:0 2px 12px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--achtergrond:#1c1519;--kaart:#2a2127;--kaart-zacht:#342a30;--tekst:#f3e9ee;--tekst-zacht:#b39fa9;--primair:#d97ba0;--primair-donker:#e295b3;--primair-zacht:#47303b;--accent:#7ab5ab;--accent-zacht:#27403c;--waarschuwing:#e08b52;--waarschuwing-zacht:#46311f;--gevaar:#e57373;--gevaar-zacht:#4a2523;--succes:#7cc39a;--succes-zacht:#24382d;--rand:#453a41;--schaduw:0 2px 12px #00000059}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--achtergrond);color:var(--tekst);overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.kop{padding:max(12px, env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.kop h1{font-size:20px;font-weight:700}.kop .subtitel{color:var(--tekst-zacht);font-size:13px}.inhoud{padding:4px 16px calc(var(--nav-hoogte) + 24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex}.nav{width:100%;max-width:480px;height:calc(var(--nav-hoogte) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--kaart);border-top:1px solid var(--rand);z-index:50;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{color:var(--tekst-zacht);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.nav button .icoon{font-size:22px;line-height:1}.nav button.actief{color:var(--primair)}.kaart{background:var(--kaart);border-radius:var(--radius);box-shadow:var(--schaduw);border:1px solid var(--rand);padding:16px}.kaart h2{margin-bottom:8px;font-size:16px;font-weight:700}.kaart h3{font-size:15px;font-weight:700}.kaart .zacht{color:var(--tekst-zacht);font-size:14px}.kaart.waarschuwing{background:var(--waarschuwing-zacht);border-color:var(--waarschuwing)}.kaart.gevaar{background:var(--gevaar-zacht);border-color:var(--gevaar)}.kaart.succes{background:var(--succes-zacht);border-color:var(--succes)}.kaart.info{background:var(--accent-zacht);border-color:var(--accent)}button{font-family:inherit}.knop{border-radius:var(--radius);cursor:pointer;background:var(--primair);color:#fff;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:12px 20px;font-size:18px;font-weight:700;display:flex}.knop:active{transform:scale(.98)}.knop.secundair{background:var(--kaart-zacht);color:var(--tekst);border:1px solid var(--rand)}.knop.accent{background:var(--accent);color:#fff}.knop.gevaar-knop{background:var(--gevaar);color:#fff}.knop.omlijnd{border:2px solid var(--primair);color:var(--primair);background:0 0}.knop.klein{border-radius:12px;min-height:44px;padding:8px 14px;font-size:15px}.knop:disabled{opacity:.45;cursor:default}.timer-knop{aspect-ratio:1;cursor:pointer;color:#fff;background:radial-gradient(circle at 30% 25%, var(--primair), var(--primair-donker));touch-action:manipulation;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(230px,60vw);margin:8px auto;font-size:22px;font-weight:800;display:flex;box-shadow:0 6px 24px #b34a7266}.timer-knop:active{transform:scale(.97)}.timer-knop.bezig{background:radial-gradient(circle at 30% 25%, var(--accent), #2c5550);box-shadow:0 6px 24px #3d706866}.timer-knop .tijd{font-variant-numeric:tabular-nums;font-size:40px}.timer-knop .label{opacity:.9;font-size:16px;font-weight:600}.spoor{flex-direction:column;display:flex}.spoor-groep{align-items:center;gap:8px;padding:2px 0 6px;display:flex}.spoor-groep-naam{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-size:13px;font-weight:800}.spoor-stap.sub{margin-left:18px}.spoor-stap.sub .spoor-stip{width:20px;height:20px;font-size:11px}.spoor-stap.sub .kolom{width:22px}.spoor-stap{text-align:left;width:100%;min-height:52px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;gap:12px;padding:0;display:flex}.spoor-stap .kolom{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.spoor-stip{border:2px solid var(--rand);background:var(--kaart);width:26px;height:26px;color:var(--tekst-zacht);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.spoor-lijn{background:var(--rand);border-radius:2px;flex:1;width:3px;min-height:14px}.spoor-stap.voltooid .spoor-stip{background:var(--succes);border-color:var(--succes);color:#fff}.spoor-stap.voltooid .spoor-lijn{background:var(--succes)}.spoor-stap.huidig .spoor-stip{background:var(--primair);border-color:var(--primair);color:#fff;box-shadow:0 0 0 5px var(--primair-zacht)}.spoor-tekst{flex:1;padding-bottom:14px}.spoor-tekst .titel{font-weight:600}.spoor-stap.huidig .spoor-tekst .titel{color:var(--primair);font-weight:800}.spoor-tekst .meta{color:var(--tekst-zacht);font-size:13px}.veld{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.veld label{color:var(--tekst-zacht);font-size:14px;font-weight:600}.veld input,.veld select,.veld textarea{border:1.5px solid var(--rand);background:var(--kaart);min-height:50px;color:var(--tekst);border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:17px}.veld textarea{resize:vertical;min-height:80px}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--primair);outline-offset:1px}.keuze-rij{flex-wrap:wrap;gap:8px;display:flex}.keuze-rij .keuze{border:2px solid var(--rand);background:var(--kaart);min-height:52px;color:var(--tekst);cursor:pointer;touch-action:manipulation;border-radius:12px;flex:calc(50% - 8px);padding:10px;font-size:15px;font-weight:600}.keuze-rij .keuze.gekozen{border-color:var(--primair);background:var(--primair-zacht);color:var(--primair)}.stat-rooster{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--kaart-zacht);border-radius:12px;padding:10px 12px}.stat .waarde{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.stat .label{color:var(--tekst-zacht);font-size:12px;font-weight:600}.tijdlijn-item{border-bottom:1px solid var(--rand);gap:12px;padding:10px 0;display:flex}.tijdlijn-item:last-child{border-bottom:none}.tijdlijn-item .tijd{font-variant-numeric:tabular-nums;color:var(--primair);white-space:nowrap;font-weight:700}.tijdlijn-item .icoon{font-size:18px}.tijdlijn-item .tekst{flex:1;font-size:15px}.tijdlijn-item .verwijder{color:var(--tekst-zacht);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.wee-rij{border-bottom:1px solid var(--rand);align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.wee-rij:last-child{border-bottom:none}.wee-rij .tijden{flex:1}.wee-rij .duur{font-variant-numeric:tabular-nums;font-weight:700}.wee-rij .badge{background:var(--kaart-zacht);color:var(--tekst-zacht);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.wee-rij .badge.oefen{background:var(--accent-zacht);color:var(--accent)}.wee-rij .badge.twijfel{background:var(--waarschuwing-zacht);color:var(--waarschuwing)}.wee-rij .bewerk{cursor:pointer;color:var(--tekst-zacht);background:0 0;border:none;padding:6px;font-size:18px}.adem-scherm{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:30px 0;display:flex}.adem-cirkel{background:radial-gradient(circle at 35% 30%, var(--primair-zacht), var(--primair));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;font-size:20px;font-weight:700;transition:transform .4s;display:flex}.adem-cirkel.in{animation:4s ease-in-out forwards ademIn}.adem-cirkel.uit{animation:6s ease-in-out forwards ademUit}@keyframes ademIn{0%{transform:scale(.72)}to{transform:scale(1.06)}}@keyframes ademUit{0%{transform:scale(1.06)}to{transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.adem-cirkel.in,.adem-cirkel.uit{animation:none}}.volledig-scherm{z-index:100;background:var(--achtergrond);padding:max(16px, env(safe-area-inset-top)) 20px max(16px, env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0;overflow-y:auto}.volledig-scherm::-webkit-scrollbar{display:none}.modaal::-webkit-scrollbar{display:none}.modaal{scrollbar-width:none}.toast{bottom:calc(28px + env(safe-area-inset-bottom));background:var(--succes);color:#fff;z-index:200;white-space:nowrap;pointer-events:none;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;animation:.2s toastIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.rij{gap:10px;display:flex}.rij>*{flex:1}.gecentreerd{text-align:center}.klein-tekst{color:var(--tekst-zacht);font-size:13px}.sectie-titel{text-transform:uppercase;letter-spacing:.5px;color:var(--tekst-zacht);margin:6px 0 -4px;font-size:14px;font-weight:800}.disclaimer-balk{color:var(--tekst-zacht);text-align:center;padding:8px 16px;font-size:12.5px}.modaal-achtergrond{z-index:90;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modaal{background:var(--kaart);width:100%;max-width:480px;max-height:88dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;display:flex;overflow-y:auto}a.tel-link{color:inherit;text-decoration:none;display:block}