:root{--achtergrond:#faf7f2;--kaart:#fff;--tekst:#2a2622;--zacht:#8a8279;--lijn:#e6e0d6;--accent:#2f6f5e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--achtergrond);color:var(--tekst);-webkit-tap-highlight-color:transparent;margin:0}.app{max-width:640px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.tabs{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--lijn);background:var(--kaart);min-height:44px;color:var(--tekst);font:inherit;border-radius:22px;flex:none;padding:0 16px;font-size:16px}.tab.actief{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.balk{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.balk h1{overflow-wrap:anywhere;margin:0;font-size:22px}.nieuw{margin:12px 0}.nieuw input{border:1px solid var(--lijn);background:var(--kaart);width:100%;min-height:48px;font:inherit;color:var(--tekst);border-radius:12px;padding:0 14px;font-size:16px}.nieuw input:focus{outline:2px solid var(--accent);outline-offset:1px}.taken{background:var(--kaart);border:1px solid var(--lijn);border-radius:12px;margin:0;padding:0;list-style:none}.taken li{border-top:1px solid var(--lijn);align-items:center;gap:4px;min-height:52px;padding:4px 12px 4px 4px;display:flex}.taken li:first-child{border-top:none}.bolletje{background:0 0;border:none;flex:none;width:44px;height:44px;padding:0;position:relative}.bolletje:before{content:"";border:2px solid var(--zacht);border-radius:50%;position:absolute;inset:11px}.bolletje:active:before{background:var(--accent);border-color:var(--accent)}.tekst{overflow-wrap:anywhere;flex:1;min-width:0;font-size:17px;line-height:1.35}.leeg{text-align:center;color:var(--zacht);margin-top:48px}.knop{border:1px solid var(--lijn);background:var(--kaart);min-height:44px;color:var(--tekst);font:inherit;border-radius:10px;padding:0 14px;font-size:15px}.knop.gevaar{color:#b3261e}.ongedaan{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);background:var(--tekst);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:608px;margin:0 auto;padding:6px 6px 6px 16px;display:flex;position:fixed}.ongedaan button{color:#9fe0cc;min-height:44px;font:inherit;background:0 0;border:none;border-radius:8px;padding:0 14px;font-weight:600}.blad-achter{background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.blad{width:100%;max-width:640px;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);background:var(--achtergrond);border-radius:16px 16px 0 0;gap:8px;display:grid}.blad .knop{width:100%;font-size:16px}