:root{--linen:#f5ece2;--paper:#fbf6f0;--card:#fffcf8;--perzik:#f2c6a4;--perzik2:#f8ddc6;--abrikoos:#e6a077;--mandarijn:#d8733f;--cacao:#3b2a21;--cacao2:#6b5446;--line:#e8d9ca;--err-bg:#f3d6c6;--err-fg:#6a2a0e;--ok-bg:#e4eddd;--ok-fg:#2f4a22;--serif:"Newsreader Variable", "Newsreader", Georgia, serif;--sans:"Commissioner Variable", "Commissioner", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--linen);color:var(--cacao);font-family:var(--sans);margin:0;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mandarijn);outline-offset:2px}h1,h2,h3{font-family:var(--serif);margin:0 0 8px;font-weight:500}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 10px}a{color:inherit}.frame{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.side{background:var(--cacao);color:var(--linen);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.side .wm{font-family:var(--serif);align-items:center;gap:8px;margin-bottom:4px;font-size:20px;display:flex}.side .stage{opacity:.7;margin-bottom:18px;font-size:11px}.side nav button{text-align:left;width:100%;color:inherit;opacity:.85;background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.side nav button[aria-current=page]{opacity:1;background:#f5ece224;font-weight:600}.side .who{opacity:.8;word-break:break-all;margin-top:auto;font-size:12px}.side .who button{color:inherit;background:0 0;border:1px solid #f5ece266;border-radius:999px;margin-top:8px;padding:4px 10px}.main{max-width:1200px;padding:24px 32px 48px}@media (width<=760px){.frame{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center}.side .stage,.side .who{margin:0}.side nav{gap:4px;display:flex}.main{padding:16px}}.muted{color:var(--cacao2)}.small{font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:14px 16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr}}.btn{background:var(--cacao);color:var(--linen);border:1px solid var(--cacao);border-radius:999px;padding:7px 14px;font-weight:500}.btn.ghost{color:var(--cacao);background:0 0}.btn.danger{background:var(--err-bg);color:var(--err-fg);border-color:var(--err-bg)}.btn.sm{padding:4px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}.link{text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.chip{background:var(--perzik2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.chip.actief{background:var(--ok-bg);color:var(--ok-fg)}.chip.concept{background:var(--paper);border:1px solid var(--line)}.chip.ingetrokken{background:var(--err-bg);color:var(--err-fg)}.chip.dark{background:var(--cacao);color:var(--linen)}.errbox{background:var(--err-bg);color:var(--err-fg);border-radius:10px;margin:8px 0;padding:9px 12px}.okbox{background:var(--ok-bg);color:var(--ok-fg);border-radius:10px;margin:8px 0;padding:9px 12px}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--cacao2);margin-bottom:4px;font-size:12.5px;display:block}input[type=text],input[type=email],input[type=password],input[type=date],input[type=search],input:not([type]),textarea,select{background:var(--card);border:1px solid var(--line);border-radius:8px;width:100%;padding:7px 10px}textarea{resize:vertical}textarea.code{font-family:var(--mono);tab-size:2;min-height:420px;font-size:12.5px;line-height:1.5}.checks{flex-wrap:wrap;gap:14px;display:flex}.checks label{align-items:center;gap:6px;display:flex}table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--cacao2);background:var(--paper);font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.click{cursor:pointer}tr.click:hover td{background:var(--paper)}.files{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.files button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;font-family:var(--mono);background:0 0;justify-content:space-between;gap:6px;padding:8px 10px;font-size:12.5px;display:flex}.files li:last-child button{border-bottom:0}.files button[aria-current=true]{background:var(--perzik2)}pre.file{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);max-height:70vh;margin:0;font-size:12.5px;line-height:1.5;overflow:auto}.diff{font-family:var(--mono);background:var(--card);border:1px solid var(--line);border-radius:12px;max-height:60vh;font-size:12.5px;line-height:1.5;overflow:auto}.diff div{white-space:pre-wrap;word-break:break-word;padding:0 10px}.diff .add{background:var(--ok-bg)}.diff .del{background:var(--err-bg);-webkit-text-decoration:line-through #6a2a0e59;text-decoration:line-through #6a2a0e59}.diff .fold{color:var(--cacao2);background:var(--paper);text-align:center}.signin{max-width:380px;margin:10vh auto;padding:0 16px}.signin .card{padding:22px}.qr{justify-content:center;margin:10px 0;display:flex}.qr svg{width:180px;height:180px}