:root{--bg:#faf8f4;--vlak:#fff;--tekst:#1f1d1a;--zacht:#7a756c;--lijn:#e6e1d8;--accent:#b5562b;--gevaar:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171614;--vlak:#22201d;--tekst:#eeeae3;--zacht:#9d978c;--lijn:#35322d;--accent:#e08a5c;--gevaar:#f2948c}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--tekst);margin:0}body{-webkit-text-size-adjust:100%;font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}main{max-width:640px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));margin:0 auto}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;color:var(--accent);background:0 0;border:0;padding:10px 4px}button:disabled{opacity:.5}.link{color:var(--zacht)}.gevaar{color:var(--gevaar)}.fout{color:var(--gevaar);margin:0}.inlog{flex-direction:column;justify-content:center;gap:8px;display:flex}.inlog h1{margin:0 0 12px}.inlog form{flex-direction:column;gap:10px;display:flex}.inlog input{border:1px solid var(--lijn);background:var(--vlak);border-radius:10px;padding:12px;font-size:17px}.inlog button[type=submit]{background:var(--accent);color:#fff;border-radius:10px;padding:12px}.lijst header,.editor header{justify-content:space-between;align-items:center;gap:8px;display:flex}.lijst h1{margin:8px 0;font-size:28px}.lijst ul{margin:0;padding:0;list-style:none}.lijst li{cursor:pointer;border-bottom:1px solid var(--lijn);flex-direction:column;gap:2px;padding:12px 0;display:flex}.lijst li span{color:var(--zacht);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.leeg{color:var(--zacht)}.nieuw{right:20px;bottom:max(20px, env(safe-area-inset-bottom));background:var(--accent);color:#fff;border-radius:50%;width:56px;height:56px;font-size:30px;line-height:1;position:fixed;box-shadow:0 4px 14px #0003}.editor{flex-direction:column;display:flex}.status{color:var(--zacht);font-size:14px}.titel{background:0 0;border:0;outline:none;padding:8px 0;font-size:24px;font-weight:600}.editor textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:50dvh;padding:4px 0;font-size:17px}.editor footer{border-top:1px solid var(--lijn);flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;display:flex}.editor footer a{color:var(--tekst);overflow-wrap:anywhere}.knop{color:var(--accent);cursor:pointer;padding:10px 0}
