:root{--grond:#f6f3ec;--vlak:#ffffff;--vlak-diep:#ece7d8;--inkt:#26140a;--inkt-zacht:#7a7160;--lijn:#e2ddc9;--granaat:#ff5a36;--granaat-vlak:#ffe4da;--granaat-tekst:#ffffff;--fout:#a3311f;--straal:14px;--schaduw:0 1px 2px rgba(38,20,10,.06),0 10px 24px -16px rgba(38,20,10,.25);--type-rood:#7c1030;--type-wit:#93672c;--type-rose:#a15065;--type-mousserend:#3f6b63;--type-rood-vlak:#f3e0e5;--type-wit-vlak:#f4ecd8;--type-rose-vlak:#f4e2e6;--type-mousserend-vlak:#e2ece8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grond:#1c1712;--vlak:#251f18;--vlak-diep:#2f281f;--inkt:#f0ece0;--inkt-zacht:#b4aa96;--lijn:#3a3324;--granaat:#ff7a57;--granaat-vlak:#3d2013;--granaat-tekst:#1a1108;--fout:#e8988a;--schaduw:0 1px 2px rgba(0,0,0,.35),0 10px 24px -16px rgba(0,0,0,.6);--type-rood:#c8615a;--type-wit:#d8ae72;--type-rose:#d896a5;--type-mousserend:#86c2b4;--type-rood-vlak:#38202a;--type-wit-vlak:#33291a;--type-rose-vlak:#362229;--type-mousserend-vlak:#1c2f2a}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--grond);color:var(--inkt);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance}h1{font-size:clamp(2.2rem,7vw,3rem);line-height:1.05}h1,h2{font-family:"Young Serif",Georgia,serif;font-weight:400}h2{font-size:1.6rem;line-height:1.15}p{margin:0;max-width:60ch}a{color:var(--granaat)}.blad{max-width:34rem;margin:0 auto;padding:clamp(2rem,8vw,4.5rem) 1.15rem calc(6.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.6rem}.label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.label,.zacht{color:var(--inkt-zacht)}.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--straal);box-shadow:var(--schaduw);padding:1.2rem 1.3rem;gap:.8rem}.kaart,form.inlog{display:flex;flex-direction:column}form.inlog{gap:.7rem}.veld{display:flex;flex-direction:column;gap:.35rem}.rij{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}label{font-size:.9rem;font-weight:500}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{font:inherit;color:var(--inkt);background:var(--grond);border:1px solid var(--lijn);border-radius:var(--straal);padding:.65rem .8rem;width:100%}textarea{resize:vertical}.regel-fijn{border:0;border-top:1px solid var(--lijn);margin:.2rem 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--granaat);outline-offset:2px}button{font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--granaat);border-radius:var(--straal);background:var(--granaat);color:var(--granaat-tekst);padding:.65rem 1rem}button:disabled{opacity:.55;cursor:not-allowed}button.stil{background:transparent;color:var(--inkt-zacht);border-color:var(--lijn)}.knop-link{display:block;text-align:center;font-weight:500;text-decoration:none;border:1px solid var(--granaat);border-radius:var(--straal);background:var(--granaat);color:var(--granaat-tekst);padding:.65rem 1rem}.knop-link.stil{background:transparent;color:var(--inkt);border-color:var(--lijn)}.tekstknop{align-self:flex-start;background:none;border:none;padding:0;font-weight:400;font-size:.85rem;color:var(--inkt-zacht);text-decoration:underline;text-underline-offset:.2em}.keuze-kaart{width:100%;text-align:left;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt);font-weight:400}.vinkje{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;font-size:.93rem;cursor:pointer}.vinkje input{margin-top:.15rem;flex:none}.klaar-lijst{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.klaar-lijst,.melding{font-size:.93rem}.melding.goed{color:var(--type-mousserend)}.melding.fout{color:var(--fout)}.lijst{display:flex;flex-direction:column;gap:.7rem}.wachtrij-balk{background:var(--vlak-diep);border-bottom:1px solid var(--lijn);color:var(--inkt-zacht);font-size:.85rem;padding:.55rem 1.15rem;text-align:center}.filterblok{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.1rem;background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--straal)}.regel-logboek{flex-direction:row;align-items:center;gap:.9rem;padding:.9rem 1rem}.regel-logboek[role=button]{cursor:pointer}.onthul-pijl{flex:none;margin-left:auto;align-self:center;color:var(--inkt-zacht);font-size:.75rem;transition:transform .15s ease}.onthul-pijl.open{transform:rotate(180deg)}.score-bol{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500;background:var(--granaat-vlak);color:var(--granaat)}.wijnnaam-rij{display:flex;align-items:center;gap:.5rem}.wijnnaam{font-weight:500}.klein{font-size:.85rem}.kelder-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.kelder-stat{flex:none;display:flex;flex-direction:column;align-items:center;gap:.3rem}.flessen-badge{min-width:3.2rem;padding:.4rem .5rem;border-radius:var(--straal);background:var(--granaat-vlak);color:var(--granaat);text-align:center;line-height:1.15}.flessen-badge .getal{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.3rem;font-weight:500}.flessen-badge .eenheid{display:block;font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.prijs-chip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;color:var(--inkt-zacht)}.stepper{display:flex;align-items:center;gap:.4rem}.stepper button{width:2.1rem;height:2.1rem;padding:0;font-size:1.1rem;line-height:1;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt)}.bewaaradvies{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;padding:.3rem .6rem;border-radius:999px;margin-top:.5rem;width:-moz-fit-content;width:fit-content;background:var(--type-wit-vlak);color:var(--type-wit)}.bewaaradvies.voorbij{background:var(--vlak-diep);color:var(--inkt-zacht)}.bewaaradvies.geschat{background:transparent;border:1px dashed var(--lijn);color:var(--inkt-zacht)}.bewaaradvies-reden{font-size:.82rem;font-style:italic;color:var(--inkt-zacht);margin-top:.35rem}.oordeel,.verwacht{font-size:.85rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--lijn);line-height:1.5}.oordeel .label,.verwacht .label{margin-right:.3rem}.oordeel .label{color:var(--granaat)}.verwacht.geschat{border-top-style:dashed}.type-stip{flex:none;width:.55rem;height:.55rem;border-radius:50%}.type-stip--rood{background:var(--type-rood)}.type-stip--wit{background:var(--type-wit)}.type-stip--rose{background:var(--type-rose)}.type-stip--mousserend{background:var(--type-mousserend)}.kompas{gap:1rem}.kompas,.kompas-rij{display:flex;flex-direction:column}.kompas-rij{gap:.45rem}.kompas-kop{display:flex;align-items:baseline;justify-content:space-between;font-size:.9rem;font-weight:500}.meter-schaal{display:flex;flex-direction:column;gap:.4rem}.meter-rij{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem}.meter-label{font-size:.82rem;color:var(--inkt-zacht);white-space:nowrap}.meter-track{height:.5rem;border-radius:999px;background:var(--granaat-vlak);overflow:hidden}.meter-vulling{height:100%;border-radius:999px;background:var(--granaat)}.meter-vulling.onzeker{opacity:.5}.meter-waarde{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--inkt-zacht);text-align:right;white-space:nowrap}.verband-rij{display:flex;flex-direction:column;gap:.3rem}.verband-kop{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font-size:.85rem}.verband-kop .kenmerk{font-weight:500;color:var(--inkt)}.verband-kop .waarde{color:var(--inkt-zacht)}.chip-rij{display:flex;flex-wrap:wrap;gap:.5rem}.chip-knop{font-size:.87rem;font-family:inherit;background:var(--vlak-diep);border:1px solid var(--lijn);border-radius:var(--straal);padding:.55rem .9rem;min-height:2.75rem;color:var(--inkt-zacht);cursor:pointer}.chip-knop.actief{background:var(--granaat-vlak);border-color:var(--granaat);color:var(--granaat);font-weight:500}.overzicht-blok{display:flex;flex-direction:column;gap:.7rem}.overzicht-kop{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.overzicht-door{font-size:.85rem;color:var(--inkt-zacht);text-decoration:none;white-space:nowrap}.kengetal-rooster{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--lijn);border:1px solid var(--lijn);border-radius:var(--straal);overflow:hidden}.kengetal-tegel{background:var(--vlak);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.3rem}.kengetal-getal{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.7rem;font-weight:500;line-height:1.1;color:var(--granaat);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.voetnoot{font-size:.85rem;color:var(--inkt-zacht);border-top:1px solid var(--lijn);padding-top:1.1rem}.topbalk{justify-content:space-between;gap:.75rem;max-width:34rem;margin:0 auto;padding:1.05rem 1rem;border-bottom:1px solid var(--lijn)}.topbalk,.topbalk .merk{display:flex;align-items:center}.topbalk .merk{gap:.5rem;flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--inkt);text-decoration:none}.merk-teken{width:1.5rem;height:1.5rem;flex:none}.inlog-kop{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.inlog-merk{width:4.2rem;height:4.2rem}.topbalk nav{display:flex;align-items:center;gap:.7rem;min-width:0;overflow-x:auto;scrollbar-width:none}.topbalk nav::-webkit-scrollbar{display:none}.topbalk nav a,.topbalk nav button{flex:none;font:inherit;font-size:.8rem;color:var(--inkt-zacht);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.topbalk nav a:hover,.topbalk nav button:hover{color:var(--inkt)}.onderbalk{justify-content:space-between;gap:.75rem;max-width:34rem;margin:0 auto;padding:1.1rem 1rem calc(4.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--lijn);font-size:.75rem;color:var(--inkt-zacht)}.onderbalk,.onderbalk nav{display:flex;align-items:center}.onderbalk nav{gap:.85rem}.onderbalk nav a,.onderbalk nav button{font:inherit;font-size:.75rem;color:var(--inkt-zacht);text-decoration:underline;text-underline-offset:.2em;background:none;border:none;padding:0;cursor:pointer}.onderbalk nav a:hover,.onderbalk nav button:hover{color:var(--inkt)}.score-veld{display:flex;align-items:center;gap:1rem}.score-uitlezing{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.9rem;font-weight:500;line-height:1;color:var(--granaat);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right;flex:none}.score-veld.leeg .score-uitlezing{color:var(--inkt-zacht)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;min-width:0;height:2.75rem;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.4rem;border-radius:999px;background:var(--vlak-diep);border:1px solid var(--lijn)}input[type=range]::-moz-range-track{height:.4rem;border-radius:999px;background:var(--vlak-diep);border:1px solid var(--lijn)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--granaat);border:2px solid var(--vlak);box-shadow:var(--schaduw);margin-top:calc((.4rem - 1.6rem) / 2)}input[type=range]::-moz-range-thumb{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--granaat);border:2px solid var(--vlak);box-shadow:var(--schaduw)}.score-veld.leeg input[type=range]::-webkit-slider-thumb{background:var(--inkt-zacht)}.score-veld.leeg input[type=range]::-moz-range-thumb{background:var(--inkt-zacht)}.vastleg-knop{position:fixed;right:max(1.15rem,env(safe-area-inset-right));bottom:calc(1.15rem + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:.45rem;padding:.8rem 1.25rem;border-radius:999px;background:var(--granaat);color:var(--granaat-tekst);border:1px solid var(--granaat);font-weight:500;font-size:.95rem;text-decoration:none;box-shadow:0 2px 6px rgba(37,26,16,.18),0 14px 30px -12px rgba(37,26,16,.45)}.vastleg-knop .plus{font-size:1.2rem;line-height:1;margin-top:-.1em}.vastleg-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.vastleg-overlay-achtergrond{position:absolute;inset:0;border:none;border-radius:0;background:rgba(37,26,16,.45);padding:0;margin:0;cursor:pointer}.vastleg-overlay-paneel{position:relative;z-index:1;width:100%;max-width:32rem;max-height:88vh;overflow-y:auto;background:var(--grond);border-radius:var(--straal) var(--straal) 0 0;padding:1.2rem 1.3rem calc(1.3rem + env(safe-area-inset-bottom));box-shadow:0 -8px 30px -12px rgba(37,26,16,.45)}.vastleg-overlay-kop{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.wachtrij-knop{display:block;width:100%;font:inherit;font-size:.85rem;text-align:center;cursor:pointer;padding:.55rem 1.15rem;background:var(--granaat-vlak);color:var(--fout);border:0;border-bottom:1px solid var(--lijn);border-radius:0}.wachtrij-paneel{background:var(--vlak-diep);border-bottom:1px solid var(--lijn);padding:.9rem 1.15rem;gap:.9rem;max-width:34rem;margin:0 auto}.wachtrij-paneel,.wachtrij-regel{display:flex;flex-direction:column}.wachtrij-regel{gap:.4rem}.wachtrij-regel+.wachtrij-regel{border-top:1px solid var(--lijn);padding-top:.9rem}.wachtrij-regel .reden{font-size:.82rem;color:var(--fout)}.wachtrij-regel .knoppen{display:flex;gap:.5rem;flex-wrap:wrap}.wachtrij-regel .knoppen button{font-size:.82rem;padding:.45rem .8rem}.skelet{background:var(--vlak-diep);border-radius:var(--straal);animation:ademen 1.4s ease-in-out infinite}.skelet-titel{height:2.4rem;width:60%}.skelet-kaart{height:4.6rem}@keyframes ademen{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skelet{animation:none}}.notitie-fragment{font-size:.85rem;color:var(--inkt-zacht);margin-top:.3rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}