:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--inkt:#10131a;--grond:#f3f4f7;--vlak:#fff;--vlak-2:#eceef3;--lijn:#d8dbe3;--lijn-sterk:#b9bec9;--stil:#5c6472;--accent:#2f6f5e;--accent-sterk:#255b4d;--accent-zacht:#dff0ea;--accent-tekst:#fff;--fout:#a22a22;--fout-vlak:#fbecea;--let:#8a5a09;--let-vlak:#fdf3e2;--kop:"Segoe UI Semibold", "Inter", system-ui, sans-serif;--tekst:"Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--cijfer:"SF Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--inkt:#e9ecf2;--grond:#11141a;--vlak:#181c24;--vlak-2:#1f242e;--lijn:#2a303b;--lijn-sterk:#3a414f;--stil:#99a2b2;--accent:#4fae93;--accent-sterk:#63c3a8;--accent-zacht:#16302a;--accent-tekst:#08120f;--fout:#f0918a;--fout-vlak:#2a1715;--let:#e3b263;--let-vlak:#2b2113}}*{box-sizing:border-box}body{background:var(--grond);color:var(--inkt);font-family:var(--tekst);margin:0;font-size:15px;line-height:1.55}h1{font-family:var(--kop);letter-spacing:-.01em;margin:0 0 6px;font-size:22px}h2{font-family:var(--kop);margin:0;font-size:17px}.stil{color:var(--stil)}.klein{font-size:13px}.kop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.merk{font-family:var(--kop);align-items:baseline;gap:7px;display:flex}.merk-teken{letter-spacing:.08em;background:var(--accent);color:var(--accent-tekst);border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700}.poort{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.kaart{border:1px solid var(--lijn);background:var(--vlak);border-radius:14px;width:100%;max-width:420px;padding:26px}.kaart.breed{max-width:560px}form{flex-direction:column;gap:14px;margin-top:18px;display:flex}label{color:var(--stil);flex-direction:column;gap:5px;font-size:13px;display:flex}input,textarea,select{border:1px solid var(--lijn);background:var(--grond);width:100%;color:var(--inkt);font:inherit;border-radius:8px;padding:9px 11px}textarea{resize:vertical;font-family:var(--cijfer);font-size:13px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{border:1px solid var(--lijn-sterk);background:var(--vlak-2);color:var(--inkt);font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--stil)}button:disabled{opacity:.5;cursor:not-allowed}button.primair{border-color:var(--accent);background:var(--accent);color:var(--accent-tekst);font-weight:600}button.primair:hover:not(:disabled){background:var(--accent-sterk);border-color:var(--accent-sterk)}button.ghost{color:var(--stil);background:0 0;border-color:#0000}button.ghost:hover{color:var(--inkt)}button.schakel{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.rij{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.fout{border:1px solid var(--fout);background:var(--fout-vlak);color:var(--fout);border-radius:8px;margin:0;padding:9px 11px;font-size:13px}.nadruk{border-left:5px solid var(--let);background:var(--let-vlak);color:var(--let);border-radius:0 8px 8px 0;margin:0 0 16px;padding:12px 14px;font-size:14px}.sleutelblok{border:1px solid var(--lijn);background:var(--grond);font-family:var(--cijfer);letter-spacing:.04em;white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;margin:0 0 16px;padding:14px;font-size:15px;line-height:1.9}.vink{color:var(--inkt);cursor:pointer;flex-direction:row;align-items:flex-start;gap:9px;margin:18px 0;font-size:14px}.vink input{width:auto;margin-top:3px}.instelblok{border:1px solid var(--lijn);border-radius:8px;margin-top:4px;padding:10px 14px}.instelblok summary{cursor:pointer;color:var(--stil);font-size:13px}.instelblok summary:hover{color:var(--inkt)}.instelblok .vink{margin:10px 0}.instelblok .vink small{margin-left:4px}.lengte input{width:6em}.lengte{margin-top:10px}.app{max-width:680px;margin:0 auto;padding:24px 16px 64px}.kluis-kop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.etiket{font-family:var(--kop);letter-spacing:.1em;text-transform:uppercase;color:var(--stil);margin:22px 0 8px;font-size:11px;font-weight:700}.leeg{border:1px dashed var(--lijn-sterk);color:var(--stil);text-align:center;border-radius:12px;padding:22px}.lijst{gap:8px;margin:0;padding:0;list-style:none;display:grid}.regel{border:1px solid var(--lijn);background:var(--vlak);border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.regel-naam{overflow-wrap:anywhere;min-width:0}.code{font-family:var(--cijfer);letter-spacing:.06em;color:var(--accent);background:0 0;border-color:#0000;padding:4px 10px;font-size:21px;font-weight:600}.code:hover{background:var(--vlak-2);border-color:var(--lijn)}.code.verborgen{letter-spacing:.14em;color:var(--stil);font-size:16px}.tijd{color:var(--stil);align-items:center;gap:6px;font-size:12px;display:flex}.tijd svg{width:22px;height:22px;transform:rotate(-90deg)}.tijd circle{fill:none;stroke-width:3.5px}.tijd .spoor{stroke:var(--lijn)}.tijd .loop{stroke:var(--accent);transition:stroke-dashoffset .25s linear}.tijd .bijna .loop{stroke:var(--fout)}.tijd .bijna+span{color:var(--fout)}.weg{color:var(--stil);background:0 0;border-color:#0000;padding:2px 8px;font-size:17px;line-height:1}.weg:hover{color:var(--fout);border-color:var(--lijn)}.melding{color:var(--accent);grid-column:1/-1;font-size:12px}.overlay{z-index:10;background:color-mix(in srgb, var(--grond) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay .kaart{flex-direction:column;gap:14px;max-width:460px;display:flex}.tabs{gap:6px;display:flex}.tabs button{flex:1 1 0}.tabs button.actief{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}@media print{body{color:#000;background:#fff}button,.vink{display:none!important}.kaart{border:0;max-width:none}.sleutelblok{border:1px solid #000}}.kop-rechts{align-items:center;gap:12px;display:flex}.stand-offline{background:var(--vlak-2);border:1px solid var(--lijn);color:var(--stil);border-radius:999px;padding:2px 8px;font-size:12px}.bladen{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.bladen button{padding:7px 14px}.bladen button.actief{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}.melding-blok{border-left:3px solid var(--accent);background:var(--accent-zacht);border-radius:0 8px 8px 0;margin:0 0 16px;padding:10px 13px;font-size:14px}.kaart-blok{border:1px solid var(--lijn);background:var(--vlak);border-radius:10px;margin-bottom:16px;padding:16px 18px}.vlag{background:var(--accent-zacht);color:var(--accent);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600}.regel.toestel{grid-template-columns:1fr auto;align-items:start}button.gevaar{border-color:var(--fout);color:var(--fout);background:var(--fout-vlak)}button.gevaar:hover:not(:disabled){border-color:var(--fout);filter:brightness(.97)}.uitleenvorm{border:1px solid var(--lijn);background:var(--vlak);border-radius:10px;gap:12px;padding:16px 18px;display:grid}.stand{font-weight:600}.stand-open{color:var(--accent)}.stand-gevraagd,.stand-aanvaard{color:var(--stil)}.stand-ingetrokken,.stand-geweigerd{color:var(--fout)}.geleende-code{flex-direction:column;align-items:flex-end;display:flex}.geleende-code strong{font-family:var(--cijfer);letter-spacing:.06em;color:var(--accent);font-size:21px}.plannen{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:12px;margin:16px 0;display:grid}.plan{border:1px solid var(--lijn);background:var(--vlak);border-radius:12px;flex-direction:column;gap:6px;padding:18px;display:flex}.plan h3{margin:0;font-size:15px}.plan .bedrag{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:30px;font-weight:700}.plan button{margin-top:auto}.poort-hint{margin:10px 0}.qrvak{border:1px solid var(--lijn);background:#fff;border-radius:10px;justify-content:center;margin:14px 0;padding:12px;display:flex}.qrvak canvas{max-width:100%;height:auto;display:block}.zoeker{aspect-ratio:1;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.zoeker video{object-fit:cover;width:100%;height:100%;display:block}.zoeker-kader{pointer-events:none;border:2px solid #ffffffd9;border-radius:8px;position:absolute;inset:18%;box-shadow:0 0 0 100vmax #00000059}.taalknop{border:1px solid var(--lijn);border-radius:7px;display:inline-flex;overflow:hidden}.taalknop button{color:var(--stil);letter-spacing:.04em;background:0 0;border:none;border-radius:0;padding:5px 9px;font-size:12px;font-weight:600}.taalknop button+button{border-left:1px solid var(--lijn)}.taalknop button:hover{color:var(--inkt)}.taalknop button.actief{background:var(--vlak-2);color:var(--inkt);cursor:default}.meldrij{justify-content:center;margin-top:28px}.meldrij button{font-size:13px}.knoplabel{cursor:pointer;border:1px solid var(--lijn);background:var(--vlak-2);color:var(--inkt);border-radius:4px;align-items:center;padding:8px 10px;font-size:14px;font-weight:600;display:inline-flex}.knoplabel:hover{border-color:var(--accent)}.knoplabel input{display:none}