@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}:root{--color-bg:#f4f1ea;--color-surface:#fff;--color-line:#eeeae1;--color-input-border:#d8d2c4;--color-header:#17382a;--color-header-deep:#10291f;--color-header-raised:#1e4434;--color-header-line:#2e5a44;--color-on-header:#fff;--color-on-header-muted:#cfe3d5;--color-mint:#cfe3d5;--color-text:#17221b;--color-text-muted:#5a6660;--color-text-subtle:#3d4842;--color-text-done:#b9d2c3;--color-accent:#c23b22;--color-accent-hover:#9a2c17;--color-on-accent:#fff;--color-progress:#f2b33d;--color-day-sport:#2563a8;--color-day-weekend:#c2410c;--color-day-normaal:#1f6b3a;--color-on-day:#fff;--color-tag-snel-bg:#ddebdf;--color-tag-snel-fg:#1f5a33;--color-tag-uitgebreid-bg:#f9ddcf;--color-tag-uitgebreid-fg:#8e2f0a;--color-tag-licht-bg:#dce6f3;--color-tag-licht-fg:#1e4f86;--color-tag-vast-bg:#fce9c2;--color-tag-vast-fg:#6b4a06;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--text-display-xl:800 52px/.92 var(--font-display);--text-display-l:800 44px/.95 var(--font-display);--text-display-m:800 36px/.95 var(--font-display);--text-display-s:800 20px/1.1 var(--font-display);--text-title:700 16px/1.3 var(--font-body);--text-body:500 15px/1.5 var(--font-body);--text-small:600 13px/1.4 var(--font-body);--text-meta:500 12px/1.4 var(--font-body);--text-label:700 12px/1.2 var(--font-body);--letter-spacing-display:-.02em;--letter-spacing-label:.08em;--radius-s:8px;--radius-m:12px;--radius-l:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--gutter:16px;--gutter-header:20px;--content-max:720px;--content-max-wide:1100px;--sidebar-width:220px;--tap-min:44px;--row-height:60px;--row-height-shop:56px;--checkbox-shop:26px;--duration-fast:.15s;--duration-move:.25s;--ease-out:cubic-bezier(.2, .8, .2, 1);--shadow-fab:0 6px 16px #17382a40}body{padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--color-bg);color:var(--color-text);font:var(--text-body);margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}main{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=900px){#app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);align-items:start;display:grid}main{min-height:100dvh}.header>*{max-width:var(--content-max)}}button{cursor:pointer}button,.btn-primary,.btn-secondary{transition:transform var(--duration-fast) var(--ease-out)}button:not(:disabled):active,.btn-primary:active,.btn-secondary:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}.header{gap:var(--space-3);padding:calc(28px + env(safe-area-inset-top)) var(--gutter-header) 18px;background:var(--color-header);color:var(--color-on-header);flex-direction:column;display:flex}.header h1{font:var(--text-display-l);letter-spacing:var(--letter-spacing-display);overflow-wrap:anywhere;margin:0}.header h1.sub{font:var(--text-display-m);letter-spacing:var(--letter-spacing-display)}.header .subtitle{font:var(--text-small);color:var(--color-on-header-muted);font-weight:500}.header-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.back{min-height:var(--tap-min);font:var(--text-small);color:var(--color-on-header-muted);align-items:center;text-decoration:none;display:flex}.content{box-sizing:border-box;width:100%;max-width:var(--content-max);padding:var(--gutter);flex-direction:column;gap:14px;display:flex}.content.wide{max-width:var(--content-max-wide)}.card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-l);background:var(--color-surface);flex-direction:column;display:flex}.card h2{font:var(--text-display-s);margin:0}.field{flex-direction:column;gap:6px;display:flex}.label{font:var(--text-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted)}.input{box-sizing:border-box;border:1.5px solid var(--color-input-border);border-radius:var(--radius-m);background:var(--color-surface);min-width:0;min-height:48px;color:var(--color-text);font:var(--text-body);padding:0 14px}@media (pointer:coarse){input,textarea,select{font-size:16px!important}}textarea.input{padding:var(--space-3) 14px;resize:vertical}.btn-primary,.btn-secondary{box-sizing:border-box;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-l);font:var(--text-title);justify-content:center;align-items:center;text-decoration:none;display:flex}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);border:0}.btn-secondary{border:2px solid var(--color-header);color:var(--color-header);background:0 0}.chip{min-height:36px;padding:0 var(--space-3);border:1.5px solid var(--color-mint);border-radius:var(--radius-pill);color:var(--color-on-header);font:var(--text-small);background:0 0;font-weight:700}.chip[aria-pressed=true]{background:var(--color-mint);color:var(--color-header)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{padding:2px var(--space-2);border-radius:var(--radius-s);background:var(--color-line);color:var(--color-text-subtle);font:var(--text-meta);font-weight:700}.tag-snel{background:var(--color-tag-snel-bg);color:var(--color-tag-snel-fg)}.tag-uitgebreid{background:var(--color-tag-uitgebreid-bg);color:var(--color-tag-uitgebreid-fg)}.tag-licht{background:var(--color-tag-licht-bg);color:var(--color-tag-licht-fg)}.tag-vast{background:var(--color-tag-vast-bg);color:var(--color-tag-vast-fg)}.day-sport,.day-normaal,.day-weekend{color:var(--color-on-day)}.day-sport{background:var(--color-day-sport)}.day-normaal{background:var(--color-day-normaal)}.day-weekend{background:var(--color-day-weekend)}.badge{padding:3px var(--space-2);border-radius:var(--radius-s);background:var(--color-tag-vast-bg);color:var(--color-tag-vast-fg);font:var(--text-meta);white-space:nowrap;font-size:11px;font-weight:700}.status{font:var(--text-small);color:var(--color-text-muted);margin:0}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.koppel{min-height:var(--tap-min);background:0 0;border:0;padding:0}.koppel span{border:1.5px solid var(--color-header);border-radius:var(--radius-pill);color:var(--color-header);font:var(--text-meta);padding:3px 10px;font-weight:700;display:block}@media (hover:hover){.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary:hover,.koppel:hover span{background:var(--color-mint)}.chip:not([aria-pressed=true]):hover{background:var(--color-header-raised)}}.toasts{right:var(--gutter);bottom:calc(var(--gutter) + env(safe-area-inset-bottom));left:var(--gutter);z-index:1;gap:var(--space-2);max-width:var(--content-max);flex-direction:column;margin:0 auto;display:flex;position:fixed}.toasts.above-nav{bottom:calc(84px + env(safe-area-inset-bottom))}.toast{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-l);background:var(--color-header);color:var(--color-on-header);font:var(--text-small);box-shadow:var(--shadow-fab);animation:toast-in var(--duration-move) var(--ease-out);display:flex}@keyframes toast-in{0%{transform:translateY(var(--space-4));opacity:0}}.toast-action{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-m);background:var(--color-mint);color:var(--color-header);font:var(--text-small);border:0;flex:none;margin-left:auto;font-weight:700}@media (width>=900px){.toasts,.toasts.above-nav{bottom:var(--space-6);left:calc(var(--sidebar-width) + var(--gutter))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}nav[data-v-67bd57b6]{padding:6px var(--space-2) max(18px, env(safe-area-inset-bottom));background:var(--color-surface);order:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:sticky;bottom:0}a[data-v-67bd57b6]{min-height:48px;font:600 11px/1.2 var(--font-body);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}a.active[data-v-67bd57b6]{color:var(--color-header);font-weight:700}.brand[data-v-67bd57b6],.wide-only[data-v-67bd57b6]{display:none}@media (width>=900px){nav[data-v-67bd57b6],nav.wide-only[data-v-67bd57b6]{gap:var(--space-1);box-sizing:border-box;height:100dvh;padding:calc(28px + env(safe-area-inset-top)) var(--space-3) var(--space-5);background:var(--color-header);flex-direction:column;order:0;display:flex;position:sticky;top:0}.brand[data-v-67bd57b6]{padding:0 var(--space-3) var(--space-5);font:800 28px/1 var(--font-display);letter-spacing:var(--letter-spacing-display);color:var(--color-on-header);display:block}a[data-v-67bd57b6]{justify-content:flex-start;gap:var(--space-3);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-m);font:var(--text-title);color:var(--color-on-header);flex-direction:row;font-weight:600;display:flex}a.active[data-v-67bd57b6]{background:var(--color-mint);color:var(--color-header);font-weight:700}a.last[data-v-67bd57b6]{margin-top:auto}}@media (width>=900px) and (hover:hover){a[data-v-67bd57b6]:not(.active):hover{background:var(--color-header-raised)}}.weeks[data-v-1cd7ee58]{align-items:center;display:flex}.arrow[data-v-1cd7ee58]{width:var(--tap-min);height:var(--tap-min);color:var(--color-on-header-muted);font:var(--text-title);place-items:center;text-decoration:none;display:grid}.arrow[data-v-1cd7ee58]:first-child{margin-left:-14px}.fill[data-v-1cd7ee58]{min-height:var(--tap-min);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font:var(--text-small);border:0;padding:0 14px;font-weight:700}.days[data-v-1cd7ee58],.tips[data-v-1cd7ee58]{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tips[data-v-1cd7ee58]{margin-top:var(--space-2)}.row[data-v-1cd7ee58]{border-radius:var(--radius-m);background:var(--color-surface);display:flex;overflow:hidden}.day[data-v-1cd7ee58]{min-width:0;min-height:var(--row-height);color:var(--color-text);flex:1;text-decoration:none;display:flex}.swap[data-v-1cd7ee58]{width:var(--tap-min);color:var(--color-text-muted);font:var(--text-title);background:0 0;border:0;flex:none}.tip[data-v-1cd7ee58]{min-height:var(--row-height);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) 14px;text-align:left;border:0;text-decoration:none;display:flex;overflow:hidden}.tip .name[data-v-1cd7ee58]{flex:1}.type[data-v-1cd7ee58]{flex-direction:column;flex:none;justify-content:center;align-items:center;width:58px;display:flex}.abbr[data-v-1cd7ee58]{font:800 18px/1.1 var(--font-display);text-transform:capitalize}.kind[data-v-1cd7ee58]{font:700 10px/1.2 var(--font-body);letter-spacing:.05em;text-transform:uppercase}.body[data-v-1cd7ee58]{min-width:0;padding:var(--space-2) 14px;flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.name[data-v-1cd7ee58]{font:var(--text-title)}.empty[data-v-1cd7ee58]{color:var(--color-accent)}.info[data-v-1cd7ee58]{font:var(--text-meta);color:var(--color-text-muted)}@media (hover:hover){.day[data-v-1cd7ee58]:hover,.swap[data-v-1cd7ee58]:hover,.tip[data-v-1cd7ee58]:hover{background:var(--color-line)}.fill[data-v-1cd7ee58]:hover{background:var(--color-accent-hover)}}