:root{color-scheme:light;--bg: #f6efe3;--vlak: #fffaf2;--vlak-2: #f0e6d4;--rand: #e2d4bc;--tekst: #2b231b;--zacht: #6f6253;--accent: #b5482a;--accent-tekst: #ffffff;--accent-zacht: #f6dcd2;--groen: #2f7a4f;--groen-zacht: #dcefe2;--geel: #9a6a00;--geel-zacht: #fbedc4;--blauw: #2d5f8f;--blauw-zacht: #dbe7f3;--roze: #b23a6b;--roze-zacht: #f7dbe7;--schaduw: 0 1px 2px rgb(60 40 20 / 8%), 0 4px 14px rgb(60 40 20 / 7%);--radius: 14px;--kop-font: "Fraunces", Georgia, serif;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h: 64px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #1d1915;--vlak: #28221c;--vlak-2: #332b23;--rand: #43392e;--tekst: #f1e8da;--zacht: #b3a491;--accent: #e0714f;--accent-tekst: #1d1915;--accent-zacht: #4a2b20;--groen: #7bc79a;--groen-zacht: #213a2b;--geel: #e6b94a;--geel-zacht: #3d3118;--blauw: #8ab6e0;--blauw-zacht: #1f3042;--roze: #ec8db5;--roze-zacht: #42232f;--schaduw: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 25%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tekst);font:16px/1.45 var(--font);min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}body:has(.nav[hidden]){padding-bottom:0}h1,h2,h3{font-family:var(--kop-font);line-height:1.2;margin:0}h1{font-size:1.7rem}h2{font-size:1.2rem;display:flex;align-items:center;gap:8px}h3{font-size:1rem;font-family:var(--font);font-weight:600}p{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.kop{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand)}.merk{display:flex;align-items:center;gap:6px;font-family:var(--kop-font);font-weight:700;font-size:1.1rem;color:var(--tekst);text-decoration:none;flex-shrink:0}.logo{font-size:1.4rem}.kop-weekend{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.8rem;line-height:1.3}.kop-weekend strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.kop-weekend span{color:var(--zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{position:relative;flex-shrink:0}.menu summary{list-style:none;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-tekst);font-weight:600;font-size:.85rem;object-fit:cover}.menu-paneel{position:absolute;right:0;top:calc(100% + 8px);width:min(260px,80vw);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:12px;display:flex;flex-direction:column;gap:8px}.menu-paneel p{display:flex;flex-direction:column;overflow-wrap:anywhere}.hoofd{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:16px}.hoofd>div{display:flex;flex-direction:column;gap:16px}.laden{color:var(--zacht);text-align:center;padding:40px 0}.voet{text-align:center;font-size:.75rem;color:var(--zacht);padding:8px 16px 16px}.voet a{color:inherit}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--vlak);border-top:1px solid var(--rand)}.nav a{position:relative;flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--zacht);text-decoration:none;font-size:.72rem;font-weight:500}.nav a .icoon{font-size:1.3rem;line-height:1;filter:grayscale(.6);opacity:.8}.nav a.aan{color:var(--accent)}.nav a.aan .icoon{filter:none;opacity:1}.badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-tekst);font-size:.7rem;font-weight:600;display:grid;place-items:center}.kaart,.blok{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:16px;display:flex;flex-direction:column;gap:12px}.midden{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:4vh}.midden .kaart{max-width:420px;width:100%;margin:0 auto}.lead{color:var(--zacht)}.bovenregel{color:var(--accent);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.klein{font-size:.82rem;color:var(--zacht)}.klein-midden{text-align:center;font-size:.85rem}.klein-midden a{color:var(--zacht)}.label{font-size:.85rem;font-weight:600}.fout{color:var(--accent);font-size:.9rem}.fout:empty{display:none}.leeg{color:var(--zacht);font-style:italic;list-style:none;padding:8px 0}.aantal{font-family:var(--font);font-size:.75rem;font-weight:600;color:var(--zacht);background:var(--vlak-2);border-radius:10px;padding:1px 8px}.archief{background:var(--geel-zacht);color:var(--geel);border-radius:var(--radius);padding:10px 14px;font-size:.9rem}.of{display:flex;align-items:center;gap:10px;color:var(--zacht);font-size:.8rem}.of:before,.of:after{content:"";flex:1;border-top:1px solid var(--rand)}.rij{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.rij>*{flex:1 1 120px;min-width:0}.rij>.knop{flex:0 0 auto}.acties{display:flex;flex-wrap:wrap;gap:8px}.veld{display:flex;flex-direction:column;gap:4px}form{display:flex;flex-direction:column;gap:10px}input:not([type=checkbox],[type=radio],[type=file]),select,textarea{width:100%;min-height:44px;padding:8px 12px;background:var(--bg);border:1px solid var(--rand);border-radius:10px}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-zacht)}select.klein,.select select{min-height:36px;padding:4px 8px;font-size:.85rem;color:var(--tekst)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--vlak-2);color:var(--tekst);border:1px solid var(--rand);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.knop:hover{border-color:var(--zacht)}.knop:disabled{opacity:.5;cursor:default}.knop.primair{background:var(--accent);color:var(--accent-tekst);border-color:var(--accent)}.knop.groot{min-height:52px;font-size:1.05rem;width:100%}.knop.klein{min-height:36px;padding:4px 12px;font-size:.85rem}.knop.google{background:var(--vlak)}.knop.google .g{font-weight:700;color:#4285f4;font-size:1.1rem}.link{background:none;border:0;padding:4px 0;color:var(--zacht);text-decoration:underline;cursor:pointer;font-size:.85rem;align-self:flex-start}.pin-kaart h1{font-size:2rem}.pin-invoer{font-size:1.8rem!important;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;min-height:60px!important}.spellen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.spel{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--rand)}.spel:first-child{border-top:0;padding-top:4px}.thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--vlak-2)}.thumb.leeg{display:grid;place-items:center;font-family:var(--kop-font);font-weight:700;color:var(--zacht);font-size:1.1rem;font-style:normal;padding:0}.spel-midden{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.spel-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}.alt,.meta{font-size:.8rem;color:var(--zacht)}.meta:empty{display:none}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips:empty{display:none}.chip{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--vlak-2);color:var(--zacht);white-space:nowrap}.chip.gat{background:var(--geel-zacht);color:var(--geel)}.chip.dubbel{background:var(--accent-zacht);color:var(--accent)}.chip.extra{background:var(--blauw-zacht);color:var(--blauw)}.chip.gedekt{background:var(--groen-zacht);color:var(--groen)}.chip.wil{background:var(--roze-zacht);color:var(--roze)}.wie{font-size:.8rem;color:var(--zacht)}.bediening{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.hart{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:4px 12px;border-radius:999px;border:1px solid var(--rand);background:var(--vlak);color:var(--zacht);font-size:1.1rem;cursor:pointer}.hart.aan{background:var(--roze-zacht);border-color:var(--roze);color:var(--roze)}.hart-label{font-size:.8rem;font-weight:600}.segmenten{display:inline-flex;border:1px solid var(--rand);border-radius:999px;overflow:hidden;background:var(--vlak)}.seg{min-height:40px;min-width:52px;padding:4px 12px;border:0;background:none;color:var(--zacht);font-weight:600;font-size:.85rem;cursor:pointer}.seg+.seg{border-left:1px solid var(--rand)}.seg.aan{background:var(--groen);color:var(--vlak)}.seg.aan:first-child{background:var(--vlak-2);color:var(--tekst)}.seg.aan:nth-child(2){background:var(--geel);color:var(--vlak)}.hart:disabled,.seg:disabled{cursor:default;opacity:.6}.meldingen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.melding{position:relative;border-radius:12px;padding:12px 14px;background:var(--vlak-2);display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--zacht)}.melding.waarschuwing{background:var(--accent-zacht);border-left-color:var(--accent)}.melding.vraag{background:var(--blauw-zacht);border-left-color:var(--blauw)}.melding.info{border-left-color:var(--groen)}.melding-knoppen{display:flex;flex-wrap:wrap;gap:8px}.melding-knoppen .knop{min-height:38px;padding:4px 14px;font-size:.85rem}.nieuw{align-self:flex-start;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.leeg-staat{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.groot-emoji{font-size:3rem;line-height:1}.samenvatting{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:560px){.samenvatting{grid-template-columns:repeat(4,1fr)}}.samenvatting>*{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;font-size:.8rem;color:var(--zacht)}.samenvatting strong{font-family:var(--kop-font);font-size:1.5rem;color:var(--tekst)}.filters{display:flex;flex-direction:column;gap:8px}.filterrij{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);font-size:.85rem;font-weight:500;cursor:pointer}.filter.aan{background:var(--tekst);color:var(--bg);border-color:var(--tekst)}.filter.aan .aantal{background:color-mix(in srgb,var(--bg) 20%,transparent);color:inherit}.select{display:flex;align-items:center;gap:4px}.zoekbalk input{font-size:1.05rem;min-height:50px}.niet-gevonden{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.niet-gevonden:empty{display:none}.import summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.import summary::-webkit-details-marker{display:none}.import summary:after{content:"▾";color:var(--zacht);transition:transform .2s}.import[open] summary:after{transform:rotate(180deg)}.import:not([open]){gap:0}.templates{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kolommen{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.85rem}.kolommen dt{font-family:ui-monospace,monospace;font-weight:600}.kolommen dd{margin:0;color:var(--zacht)}.upload{position:relative;overflow:hidden;align-self:flex-start}.bestand{position:absolute;inset:0;opacity:0;cursor:pointer}.voorbeeld{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--rand);padding-top:12px}.voorbeeldlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.voorbeeldlijst li{padding:8px 10px;border-radius:10px;background:var(--vlak-2);display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--groen)}.voorbeeldlijst li.twijfel{border-left-color:var(--geel)}.kast-extra{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.beheerlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.beheerlijst>li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--rand);flex-wrap:wrap}.beheerlijst>li:first-child{border-top:0}.beheerlijst>li.kolom{flex-direction:column;align-items:stretch}.beheerlijst>li>div:first-child{min-width:0;flex:1 1 180px}.beheerlijst .chip{margin-left:6px}.beheerknoppen{display:flex;gap:6px;flex-wrap:wrap}.beheerknoppen select{width:auto}.suggesties{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.weekend-form{width:100%;padding:12px;border-radius:12px;background:var(--vlak-2)}.sheet{border:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));margin:auto auto 0;width:100%;max-width:520px;border-radius:20px 20px 0 0;background:var(--vlak);color:var(--tekst);box-shadow:var(--schaduw)}.sheet[open]{display:flex;flex-direction:column;gap:12px;animation:omhoog .2s ease-out}.sheet::backdrop{background:#140e0873}.sheet-knoppen{display:flex;flex-direction:column;gap:8px}@keyframes omhoog{0%{transform:translateY(40px);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%,20px);opacity:0;transition:.25s;max-width:min(92vw,480px);padding:10px 16px;border-radius:12px;background:var(--tekst);color:var(--bg);font-size:.9rem;box-shadow:var(--schaduw)}.toast.zichtbaar{transform:translate(-50%);opacity:1}.toast-fout{background:var(--accent);color:var(--accent-tekst)}@media(min-width:720px){.hoofd{padding-top:24px}.sheet{margin:auto;border-radius:20px}.thumb{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:420px){.kop:has(.kop-weekend strong) .merknaam{display:none}.hart-label{display:none}.hart{min-width:44px;justify-content:center}}