:root{--bg:#f6f8f7;--kaart:#fff;--inkt:#14211d;--stil:#5c6b66;--accent:#0f7a5c;--fout:#b3261e;--rand:#d9e0dd;color:var(--inkt);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1614;--kaart:#18221f;--inkt:#e8efec;--stil:#9fb0aa;--accent:#4fd1a5;--fout:#ff8a80;--rand:#2a3833}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:32rem;padding:calc(env(safe-area-inset-top) + 1.5rem) 1rem calc(env(safe-area-inset-bottom) + 1.5rem);margin:0 auto}h1{margin:0;font-size:1.75rem}.lead,.leeg{color:var(--stil)}.status,.log{background:var(--kaart);border:1px solid var(--rand);border-radius:.75rem;margin:1rem 0;padding:.75rem 1rem .75rem 2rem}.status li,.log li{padding:.2rem 0}.log .fout{color:var(--fout)}.knoppen{gap:.5rem;display:grid}button{min-height:3rem;font:inherit;color:var(--bg);background:var(--accent);border:0;border-radius:.75rem;padding:0 1rem;font-weight:600}button.stil{color:var(--stil);border:1px solid var(--rand);background:0 0}button:disabled{opacity:.5}