:root{--grond: #fbfaf8;--vlak: #ffffff;--rand: #6b6f6a;--rand-zacht: #d9d6d1;--tekst: #1c1f1d;--tekst-zacht: #4a4f4b;--accent: #2f5d45;--accent-tekst: #ffffff;--bloeding: #8c2f39;--venster: #e8eef0;--venster-1: #d6e6ec;--venster-2: #a4c6d6;--venster-3: #5f93a8;--focus: #2f5d45;--vruchtbaar: #1f6f6b;--op-bloeding: #ffffff;--markering: #1c1f1d;--waarschuwing-vlak: #fdf4e3;--waarschuwing-rand: #8a6414;--radius: .625rem;--raster: .75rem}@media (prefers-color-scheme: dark){:root{--grond: #14161a;--vlak: #1c1f24;--rand: #9aa0a6;--rand-zacht: #3a3f45;--tekst: #f2f3f4;--tekst-zacht: #c3c7cb;--accent: #8fc7a8;--accent-tekst: #10231a;--bloeding: #f29aa2;--venster: #26313a;--venster-1: #27323c;--venster-2: #3a4b5a;--venster-3: #577086;--focus: #8fc7a8;--vruchtbaar: #7fd3ce;--op-bloeding: #14161a;--markering: #f2f3f4;--waarschuwing-vlak: #2c2415;--waarschuwing-rand: #e3bd6a}}*{box-sizing:border-box}html{font:-apple-system-body;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{margin:0;background:var(--grond);color:var(--tekst);line-height:1.5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html{scroll-padding-bottom:calc(var(--navhoogte, 6rem) + 1rem)}:focus-visible{scroll-margin-bottom:calc(var(--navhoogte, 6rem) + 1rem)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.2rem;margin-top:1.5rem}h3{font-size:1rem}p{margin:0 0 .75rem}.app{max-width:34rem;margin:0 auto;padding:var(--raster);padding-bottom:calc(var(--navhoogte, 6rem) + 1.5rem)}.kaart{background:var(--vlak);border:1px solid var(--rand-zacht);border-radius:var(--radius);padding:1rem;margin-bottom:var(--raster)}.hoofdzaak{font-size:1.6rem;font-weight:600;margin:0 0 .25rem}.bijzaak{color:var(--tekst-zacht)}button,.knop{font:inherit;min-height:2.75rem;min-width:2.75rem;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);cursor:pointer}button.primair{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);font-weight:600}button[disabled]{opacity:.55;cursor:not-allowed}button.stil{border-color:transparent;text-decoration:underline;padding-inline:.25rem}label{display:block;font-weight:600;margin-bottom:.25rem}input[type=password],input[type=text],input[type=number],input[type=date],input[type=file],select,textarea{font:inherit;width:100%;min-height:2.75rem;padding:.5rem .625rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--vlak);color:var(--tekst)}fieldset{border:1px solid var(--rand-zacht);border-radius:var(--radius);padding:.75rem;margin:0 0 1rem}legend{font-weight:600;padding-inline:.25rem}.keuze{display:flex;flex-wrap:wrap;gap:.5rem}.keuze label{display:flex;align-items:center;gap:.375rem;margin:0;padding:.5rem .75rem;min-height:2.75rem;border:1px solid var(--rand);border-radius:var(--radius);font-weight:400}.keuze input{min-height:auto;width:auto;margin:0}.keuze label:has(input:checked){border-color:var(--accent);border-width:2px;font-weight:600}.kalender-omhulsel{overflow-x:auto;max-width:100%;position:relative}.kalender{width:100%;min-width:19.25rem;border-collapse:collapse;table-layout:fixed}.kalender caption{text-align:left;font-weight:600;margin-bottom:.5rem}.kalender th{font-size:.8rem;color:var(--tekst-zacht);font-weight:600;padding:.25rem 0}.kalender td{padding:1px;text-align:center}.kalender button{width:100%;min-height:2.75rem;min-width:0;padding:.125rem;border:1px solid transparent;border-radius:6px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1}.kalender .vandaag{border-color:var(--markering);border-width:2px;font-weight:700}.kalender .bloeding-dag{background:var(--bloeding);color:var(--vlak)}.kalender .vruchtbaar{box-shadow:inset 0 -.25rem 0 -.05rem var(--vruchtbaar)}.kalender .eisprong{box-shadow:inset 0 -.45rem 0 -.05rem var(--vruchtbaar);font-weight:700}.kalender .bloeding-dag.vandaag{border-color:var(--op-bloeding)}.kalender .bloeding-dag:focus-visible{outline-color:var(--op-bloeding)}.kalender .verwacht-3:focus-visible{outline-color:var(--markering)}.kalender .verwacht-1{background:var(--venster-1)}.kalender .verwacht-2{background:var(--venster-2)}.kalender .verwacht-3{background:var(--venster-3)}.stip{font-size:.8rem;line-height:1}.uitleg{color:var(--tekst-zacht);font-size:.9rem}.waarschuwing{background:var(--waarschuwing-vlak);border:1px solid var(--waarschuwing-rand);border-left-width:4px;border-radius:var(--radius);padding:.75rem;margin-bottom:var(--raster)}.fout{background:var(--waarschuwing-vlak);border:2px solid var(--bloeding);border-radius:var(--radius);padding:.75rem;margin-bottom:var(--raster)}.balk{height:.75rem;background:var(--venster);border:1px solid var(--rand);border-radius:999px;overflow:hidden}.balk>div{height:100%;background:var(--accent)}.navigatie{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;gap:.25rem;padding:.375rem calc(.375rem + env(safe-area-inset-right)) calc(.375rem + env(safe-area-inset-bottom)) calc(.375rem + env(safe-area-inset-left));flex-wrap:wrap;background:var(--vlak);border-top:1px solid var(--rand-zacht)}.navigatie button{flex:1 1 auto;min-width:fit-content;border-color:transparent;font-size:.85rem;padding:.25rem .5rem;flex-direction:column}.navigatie button[aria-current=page]{border-color:var(--accent);border-width:2px;font-weight:700}.rij{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}label.rij{min-height:2.75rem}.rij.eind{justify-content:flex-end}.sprong{position:absolute;left:-9999px;top:0;background:var(--vlak);color:var(--tekst);padding:.75rem 1rem;border:2px solid var(--focus);border-radius:var(--radius);z-index:10}.sprong:focus{left:.5rem;top:.5rem}.alleen-voorlezen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dl.gegevens{margin:0}dl.gegevens div{display:flex;justify-content:space-between;gap:1rem;padding:.375rem 0;border-bottom:1px solid var(--rand-zacht)}dl.gegevens dt{color:var(--tekst-zacht);margin:0}dl.gegevens dd{margin:0;font-weight:600;text-align:right}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;letter-spacing:.05em;background:var(--venster);border:1px solid var(--rand);border-radius:var(--radius);padding:.75rem;word-break:break-all}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mt-s{margin-top:.5rem}.mt{margin-top:.75rem}.mt-m{margin-top:1rem}.mt-l{margin-top:1.5rem}.mb-r{margin-bottom:.75rem}.tussen{justify-content:space-between}.normaal{font-weight:400}.kansen{margin-top:1rem;display:grid;gap:.75rem}.vinkje{display:flex;align-items:center;gap:.5rem;font-weight:400;margin:1rem 0;min-height:2.75rem}.vinkje input{min-height:auto;width:auto;margin:0}.scheiding{border:0;border-top:1px solid var(--rand-zacht);margin:1.25rem 0}.tabel-tekst{width:100%;border-collapse:collapse;table-layout:auto}.tabel-tekst th,.tabel-tekst td{text-align:left;padding:.375rem 0}.tabel-tekst th[scope=row]{font-weight:400}.balk>.vul-0{width:0%}.balk>.vul-1{width:5%}.balk>.vul-2{width:10%}.balk>.vul-3{width:15%}.balk>.vul-4{width:20%}.balk>.vul-5{width:25%}.balk>.vul-6{width:30%}.balk>.vul-7{width:35%}.balk>.vul-8{width:40%}.balk>.vul-9{width:45%}.balk>.vul-10{width:50%}.balk>.vul-11{width:55%}.balk>.vul-12{width:60%}.balk>.vul-13{width:65%}.balk>.vul-14{width:70%}.balk>.vul-15{width:75%}.balk>.vul-16{width:80%}.balk>.vul-17{width:85%}.balk>.vul-18{width:90%}.balk>.vul-19{width:95%}.balk>.vul-20{width:100%}.lijst{list-style:none;margin:0 0 1rem;padding:0}.lijst li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.625rem 0;border-bottom:1px solid var(--rand-zacht)}details>summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";flex:none;width:0;height:0;margin-right:.5rem;border-left:.45rem solid currentColor;border-top:.32rem solid transparent;border-bottom:.32rem solid transparent;transition:transform .15s ease}details[open]>summary:before{transform:rotate(90deg)}details>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}