:root{--brand: #ff6a13;--radius: 4px;--shadow: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .11);--font-display: "Segoe UI", "Segoe UI Variable", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--font-mono: Consolas, "Cascadia Mono", ui-monospace, Menlo, monospace;color-scheme:dark}:root,:root[data-theme=dark]{--bg: #1a1a1a;--panel: #262626;--line: #444444;--text: #f2f2f2;--muted: #b3b3b3;--accent: #ff8a3d;--accent-soft: #3d2a1a;--on-accent: #1a1a1a;--warn: #f0b84a;--warn-soft: #3a2d12;--ok: #4cd694;--ok-soft: #12342a;--err: #ff6b6b;--err-soft: #3d2020;--shadow: 0 1.6px 3.6px rgba(0, 0, 0, .5), 0 .3px .9px rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light;--bg: #f2f2f2;--panel: #ffffff;--line: #d6d6d6;--text: #262626;--muted: #666666;--accent: #c24d00;--accent-soft: #ffeadb;--on-accent: #ffffff;--warn: #8a5a00;--warn-soft: #fff1d6;--ok: #0b7a4b;--ok-soft: #dff3e8;--err: #b30000;--err-soft: #fde8e8;--shadow: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .11)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.43 var(--font-display);overflow-x:hidden;position:relative}.app{max-width:1100px;margin:0 auto;padding:28px 16px 80px}@media(max-width:640px){.app{padding:20px 12px 60px}}header.top{background:var(--brand);color:#262626;border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow)}header.top h1{font-size:28px;font-weight:600;line-height:1.2;margin:0}header.top p{margin:4px 0 0;color:#262626;font-size:14px}.tear{border:none;border-top:1px solid var(--line);margin:18px 0 22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.panel>h2{font-size:20px;font-weight:600;margin:0 0 12px}.drop{border:1px dashed var(--muted);border-radius:var(--radius);padding:32px 16px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.drop strong{color:var(--text);display:block;margin-bottom:4px;font-weight:600}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px;flex:1 1 160px;min-width:0}.field label{font-size:12px;color:var(--muted)}.field-label-spacer{font-size:12px;visibility:hidden}.field input,.field select{width:100%}@media(max-width:480px){.row{gap:10px}.row .field{flex:1 1 100%}}input,select,button,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;min-height:32px}input[type=time],input[type=date],input.time-input{font-variant-numeric:tabular-nums}input.time-input{width:6.5em;text-align:center}input.time-input[aria-invalid=true]{border-color:var(--danger, #c0392b)}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--accent)}button{cursor:pointer;background:var(--accent);border:1px solid transparent;border-radius:var(--radius);color:var(--on-accent);font-weight:600;font-family:var(--font-display);padding:5px 16px;box-shadow:none;transition:background .1s}button:hover:not(:disabled){filter:brightness(.92)}button:active:not(:disabled){filter:brightness(.85)}button.secondary{background:var(--panel);color:var(--text);border-color:var(--muted);font-weight:600}button.secondary:hover:not(:disabled){filter:none;background:var(--accent-soft)}button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){button{transition:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:10px}.bar>div{height:100%;background:var(--accent);transition:width .2s}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;vertical-align:middle}thead th{border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:600}tbody td{border-bottom:1px solid var(--line)}tr.off td{color:var(--muted)}.title-input{width:110px;max-width:100%}.mono{font-variant-numeric:tabular-nums}.status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--radius);display:inline-block}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.err{background:var(--err-soft);color:var(--err)}@media(max-width:640px){.table-wrap{overflow-x:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}table{border:none}tbody tr{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 40px 10px 12px;margin-bottom:10px}tbody td{border:none;padding:2px 0;display:flex;align-items:center;gap:6px;min-width:0}tbody td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--muted);flex:0 0 auto}tbody td[data-label=Datum]{flex:1 1 60%;order:1}tbody td[data-label=Dag]{flex:1 1 30%;order:2}tbody td[data-label=Van]{flex:1 1 45%;order:3}tbody td[data-label=Tot]{flex:1 1 45%;order:4}tbody td[data-label=Titel]{flex:1 1 100%;order:5}tbody td[data-label=Titel] .title-input{width:100%}tbody td[data-label=Activiteiten]{flex:1 1 100%;order:6;flex-direction:column;align-items:flex-start}tbody td[data-label=Status]{flex:1 1 100%;order:7}tbody td.cell-check{position:absolute;top:10px;right:10px;width:auto;order:0;padding:0}tbody td.cell-delete{position:absolute;top:44px;right:6px;width:auto;padding:0;order:8}td input[type=time],td input[type=date]{min-width:0}}.note{font-size:13px;padding:8px 10px 8px 12px;margin:6px 0;border-left:4px solid currentColor;border-radius:var(--radius)}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.ok{background:var(--ok-soft);color:var(--ok)}.note.err{background:var(--err-soft);color:var(--err)}.acts{font-size:13px;color:var(--muted);margin:4px 0 0;padding-left:18px}details summary{cursor:pointer;color:var(--muted);font-size:13px}.preview{max-width:100%;border:1px solid var(--line);border-radius:var(--radius);margin-top:10px}.muted{color:var(--muted);font-size:13px}.legend{margin:0 0 10px}.legend p{margin:2px 0}.grow{flex:1 1 200px}.spacer{flex:1}code{background:var(--accent-soft);padding:1px 5px;border-radius:2px;font-size:13px;font-family:var(--font-mono)}.iconbtn{background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-weight:400;line-height:1;padding:4px 8px;box-shadow:none}.iconbtn:hover:not(:disabled){color:var(--err);border-color:var(--line);filter:none}.paste-text{width:100%;box-sizing:border-box;margin:8px 0;font:inherit;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel, #fff);color:inherit}.theme-toggle{display:flex;justify-content:center;margin-top:8px}