:root{--letter:"Literata", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--maat:1180px;--gutter:clamp(16px, 4vw, 40px)}body.palet-dag{--bg:#e9eeef;--bg-card:#f6f8f8;--ink:#1a2226;--ink-soft:#43505a;--muted:#6c7980;--line:#d2dadb;--accent:#a8323f;--klok-vlak:#f6f8f8;--hemel-nacht:#2b3350;--hemel-schemer:#e2a064;--hemel-dag:#dce2cf;--foto-filter:none;--vogel-filter:none}body.palet-schemer{--bg:#e8e7e9;--bg-card:#f4f3f4;--ink:#221f26;--ink-soft:#4d4855;--muted:#76707c;--line:#d6d3d8;--accent:#a32f3c;--klok-vlak:#f4f3f4;--hemel-nacht:#2b3350;--hemel-schemer:#d98a55;--hemel-dag:#e1dccb;--foto-filter:saturate(.95) brightness(.97);--vogel-filter:none}body.palet-nacht{--bg:#dbe1e5;--bg-card:#e8ecef;--ink:#1b2329;--ink-soft:#435059;--muted:#67737b;--line:#c6cfd5;--accent:#9c2e3b;--klok-vlak:#e8ecef;--hemel-nacht:#2b3350;--hemel-schemer:#c98458;--hemel-dag:#d3d9c7;--foto-filter:brightness(.94) saturate(.95);--vogel-filter:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--letter);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.55;transition:background-color 1.2s,color 1.2s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink)}img{max-width:100%;display:block}audio{accent-color:var(--accent)}main{max-width:var(--maat);padding:0 var(--gutter) 96px;margin:0 auto}.kop{max-width:var(--maat);padding:28px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin:0 auto;display:flex}.merk{color:var(--ink);flex-direction:column;gap:4px;display:flex}.merk:hover{color:var(--ink)}.merk-naam{letter-spacing:-.025em;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:600;line-height:.95}.merk-plek{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:.72rem}.hoofdnav{flex-wrap:wrap;gap:6px;display:flex}.hoofdnav a{color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.95rem;transition:background-color .2s,color .2s,border-color .2s}.hoofdnav a:hover{border-color:var(--ink-soft);color:var(--ink)}.hoofdnav a.actief{background:var(--ink);border-color:var(--ink);color:var(--bg)}@media (width<=560px){.hoofdnav{flex-wrap:nowrap;gap:3px}.hoofdnav a{white-space:nowrap;padding:5px 9px;font-size:.82rem}.nav-lang{display:none}}.weerstrook{max-width:var(--maat);padding:0 var(--gutter);margin:18px auto 0}.weerbalk{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);line-height:1.2;font-family:var(--mono);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 0;font-size:.78rem;display:flex}.weerbalk .temp{color:var(--ink);font-weight:500}.weerbalk .zonnen{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.weerbalk .zonnen .zonicoon{display:block}.zonicoon{flex-shrink:0}.weerbalk .muted{color:var(--muted)}.weerbalk .bullet{display:none}.weerbalk .geluid{color:var(--muted);font-style:italic;font-family:var(--letter);font-size:.9rem}.weerbalk .bron{color:var(--muted);margin-left:auto}.weerbalk .bron a{color:var(--muted);border-bottom:1px solid var(--line)}.vandaag{text-align:center;max-width:46rem;margin:0 auto;padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px)}.vandaag .op-dit-moment{text-align:left;max-width:30rem;margin-left:auto;margin-right:auto}.datumkop{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 14px;font-size:.78rem}.dagboek{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:400;line-height:1.35}.dagboek strong{color:var(--accent);font-style:italic;font-weight:600}.gehoord{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,56px);padding-bottom:clamp(40px,6vw,80px);display:grid}.gehoord-klok{position:sticky;top:20px}@media (width<=820px){.gehoord{grid-template-columns:1fr}.gehoord-klok{order:2;width:100%;max-width:300px;margin:0 auto;position:static}}.dagklok{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.dagklok:focus{outline:none}.dagklok:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:50%}.klok-vlak{fill:var(--klok-vlak)}.hemel{fill:none;stroke-width:12px}.hemel-nacht{stroke:var(--hemel-nacht)}.hemel-schemer{stroke:var(--hemel-schemer)}.hemel-dag{stroke:var(--hemel-dag)}.uurstreep{stroke:var(--muted);stroke-width:1.5px}.uurlabel{font-family:var(--mono);fill:var(--ink-soft);font-size:26px}.zonlabel{color:var(--accent);pointer-events:none}.zonlabel text{font-family:var(--mono);fill:var(--accent);font-size:15px}.staaf{stroke:var(--ink-soft);stroke-width:6px;stroke-linecap:round;opacity:.55}.staaf.leeg{opacity:.18}.klok-keuze{fill:var(--accent);opacity:.14;transition:opacity .2s}.dagklok.vast .klok-keuze{opacity:.3}.klok-soort line{stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.wijzer{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;pointer-events:none}.wijzer-knop{fill:var(--accent);stroke:var(--klok-vlak);stroke-width:4px}.klok-getal{font-family:var(--letter);fill:var(--ink);letter-spacing:-2px;pointer-events:none;font-size:92px;font-weight:600}.klok-onder{font-family:var(--letter);fill:var(--ink-soft);pointer-events:none;font-size:24px;font-style:italic}.klok-klein{font-family:var(--mono);fill:var(--ink-soft);pointer-events:none;font-size:22px}.klok-hint{text-align:center;min-height:32px;font-family:var(--mono);color:var(--muted);flex-direction:column;align-items:center;gap:8px;margin:10px 0 0;font-size:.72rem;display:flex}.klok-reset{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px}.klok-reset:hover{border-color:var(--ink)}.collage{aspect-ratio:1000/640;width:100%;position:relative;container-type:inline-size}.vogel{color:var(--ink-soft);flex-direction:column;align-items:center;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),width .7s cubic-bezier(.2,.8,.2,1),opacity .4s,transform .4s;display:flex;position:absolute}.vogel img{width:100%;height:auto;filter:var(--vogel-filter);transition:transform .3s}.vogel:hover img,.vogel:focus-visible img{transform:scale(1.06)rotate(-2deg)}.vogel:focus-visible{outline:none}.vogel:focus-visible .vogel-naam{color:var(--accent);text-decoration:underline}.vogel-naam{white-space:nowrap;transform:rotate(var(--draai));pointer-events:none;margin-top:-.2em;font-size:max(11px,1.35cqi);font-style:italic;line-height:1.1}.vogel:hover .vogel-naam{color:var(--accent)}.vogel.weg{opacity:0;pointer-events:none;transform:scale(.6)}.vogel-foto img{aspect-ratio:1;object-fit:cover;border-radius:50%}.vogel-leeg{aspect-ratio:1;background:var(--line);width:100%;color:var(--muted);border-radius:50%;place-items:center;font-style:italic;display:grid}@media (prefers-reduced-motion:reduce){.vogel{transition:none}}.wolk-kader{margin:0 0 56px;container-type:inline-size}.wolk{width:100%;aspect-ratio:var(--ar,1000 / 760);position:relative}.wolk .vogel{left:var(--x);top:var(--y);width:var(--b)}.wolk .vogel-naam{font-size:max(10px,1.15cqi)}@container (width<=560px){.wolk{aspect-ratio:var(--ars,600 / 1500)}.wolk .vogel{left:var(--xs);top:var(--ys);width:var(--bs)}}.op-dit-moment{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;grid-template-columns:64px 1fr;align-items:center;gap:16px;margin:28px auto 0;padding:14px 16px;display:grid}.op-dit-moment .foto,.op-dit-moment .foto-leeg{object-fit:cover;width:64px;height:64px;filter:var(--foto-filter);border-radius:50%}.op-dit-moment .foto-leeg{background:var(--line);color:var(--muted);place-items:center;display:grid}.op-dit-moment .intro{margin:0;font-size:1.05rem;line-height:1.3}.op-dit-moment .intro:before{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s ease-in-out infinite puls;display:inline-block}.op-dit-moment .intro a{color:var(--ink)}.op-dit-moment .klok{font-family:var(--mono);color:var(--muted);margin:0 0 6px;font-size:.72rem}.op-dit-moment audio{width:100%;height:32px;display:block}@keyframes puls{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.op-dit-moment .intro:before{animation:none}}.sectiekop{border-top:1px solid var(--ink);letter-spacing:-.015em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:0 0 20px;padding-top:14px;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;display:flex}.sectiekop span{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:.72rem;font-weight:400}.sparkline-wrap{flex-direction:column;align-items:stretch;gap:2px;display:inline-flex}.sparkline{flex-shrink:0;width:110px;height:26px}.sparkline-uren,.sparkline-maanden{font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:.6rem;display:flex}.sparkline-maanden span{text-align:center;flex:1}.sparkline-rij{align-items:flex-end;gap:10px;margin:10px 0 0;display:flex}.sparkline-label{font-family:var(--mono);color:var(--muted);font-size:.65rem}.samenvatting{max-width:34em;margin:clamp(28px,5vw,56px) 0 28px;font-size:clamp(1.3rem,2.3vw,1.75rem);font-weight:400;line-height:1.35}.samenvatting strong{color:var(--accent);font-style:italic;font-weight:600}.stilte{color:var(--muted);margin:56px 0;font-size:1.3rem;font-style:italic}.soort-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;display:grid}.soort-rij{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;grid-template-columns:96px 1fr;gap:14px;min-width:0;padding:12px;transition:border-color .2s,transform .2s;display:grid;position:relative}.soort-rij a.naam:after{content:"";border-radius:inherit;position:absolute;inset:0}.soort-rij audio,.soort-rij .meer{z-index:1;position:relative}.soort-rij:hover{border-color:var(--ink-soft);transform:translateY(-2px)}.soort-rij:hover a.naam{color:var(--accent)}.soort-rij:has(a.naam:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.soort-rij a.naam:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.soort-rij:hover{transform:none}}.soort-rij .foto,.soort-rij .foto-leeg{object-fit:cover;width:96px;height:96px;filter:var(--foto-filter);border-radius:10px}.soort-rij .foto-leeg{background:var(--line);color:var(--muted);place-items:center;font-size:1.4rem;font-style:italic;display:grid}.soort-rij .info{min-width:0}.soort-rij a.naam{color:var(--ink);margin-right:6px;font-size:1.1rem;font-weight:500}.soort-rij a.naam:hover{color:var(--accent)}.soort-rij .latijn{color:var(--muted);font-size:.82rem;font-style:italic}.soort-rij .meta{font-family:var(--mono);color:var(--ink-soft);margin-top:2px;font-size:.7rem}.soort-rij audio{width:100%;height:30px;margin-top:8px;display:block}.soort-rij .toelichting{color:var(--ink-soft);margin:8px 0 0;font-size:.86rem;line-height:1.45}.soort-rij .toelichting-tekst{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.soort-rij .credit{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:.6rem}.toelichting .meer{white-space:nowrap;font-style:italic}.rarity,.nieuw-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:var(--bg);vertical-align:2px;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.6rem}.audio-gewist{font-family:var(--mono);color:var(--muted);margin:6px 0 0;font-size:.68rem}.alfabet{font-family:var(--mono);flex-wrap:wrap;gap:4px;margin:0 0 32px;display:flex}.alfabet a,.alfabet span{border-radius:8px;place-items:center;width:32px;height:32px;font-size:.85rem;display:grid}.alfabet a{color:var(--ink);border:1px solid var(--line)}.alfabet a:hover{background:var(--ink);color:var(--bg)}.alfabet span{color:var(--line)}.letter-sectie{margin:0 0 40px;scroll-margin-top:16px}.letter-sectie h3{border-top:1px solid var(--ink);margin:0 0 14px;padding-top:10px;font-size:2.2rem;font-weight:600;line-height:1}.eerste-jaar{margin-top:64px}.phenology{columns:2 320px;column-gap:40px;margin:0;padding:0;list-style:none}.phenology li{border-bottom:1px solid var(--line);break-inside:avoid;grid-template-columns:96px 1fr;gap:2px 14px;padding:8px 0;display:grid}.phenology .dat{font-family:var(--mono);color:var(--accent);padding-top:4px;font-size:.75rem}.phenology .naam a{color:var(--ink)}.phenology .naam a:hover{color:var(--accent)}.phenology .latijn{color:var(--muted);grid-column:2;font-size:.8rem;font-style:italic}.soort-kop{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,64px);padding:clamp(28px,5vw,56px) 0 40px;display:grid}@media (width<=860px){.soort-kop{grid-template-columns:1fr}}.soort-kop figure{margin:0}.soort-kop figure img{aspect-ratio:4/3;object-fit:cover;width:100%;filter:var(--foto-filter);border-radius:18px}.soort-kop .soort-tekening img{aspect-ratio:auto;object-fit:contain;filter:var(--vogel-filter);border-radius:0;max-height:460px;margin:0 auto}.soort-kop figcaption{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:.65rem}.soort-kop h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.6rem,7vw,5.2rem);font-weight:600;line-height:.92}.soort-kop .latijn-groot{color:var(--ink-soft);margin:10px 0 0;font-size:1.3rem;font-style:italic}.soort-kop .familie{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 0;font-size:.75rem}.soort-kop .levensloop{color:var(--ink-soft);margin:16px 0 0;font-size:1.1rem;line-height:1.45}.soort-kop .levensloop strong{color:var(--accent);font-weight:600}.soort-body{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding-top:28px;display:grid}@media (width<=860px){.soort-body{grid-template-columns:1fr}}.soort-body .over p{margin:0 0 12px;font-size:1.1rem;line-height:1.6}.soort-body .verwijzingen{font-family:var(--mono);flex-wrap:wrap;gap:16px;font-size:.75rem;display:flex}.ritmes{gap:24px;display:grid}.ritme h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;font-size:.72rem;font-weight:400}.ritme .sparkline-wrap{width:100%}.ritme .sparkline{width:100%;height:72px}.ritme p{color:var(--muted);margin:6px 0 0;font-size:.8rem;font-style:italic}.opnames{margin-top:56px}.opname-lijst{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.opname-lijst li{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.opname-lijst .tijd{font-weight:500}.opname-lijst .detail{font-family:var(--mono);color:var(--muted);font-size:.68rem}.opname-lijst audio{width:100%;height:30px;margin-top:8px;display:block}.voet{max-width:var(--maat);padding:0 var(--gutter) 48px;margin:0 auto}.voet-beeld{border-radius:18px;margin:0;position:relative;overflow:hidden}.voet-beeld img{object-fit:cover;object-position:center 58%;width:100%;height:clamp(220px,34vw,420px);filter:var(--foto-filter)}.voet-beeld figcaption{color:#f6f1e6;background:linear-gradient(#0000,#12100ccc);max-width:40em;padding:60px clamp(16px,4vw,36px) 22px;font-size:clamp(1rem,2vw,1.35rem);font-style:italic;line-height:1.35;position:absolute;inset:auto 0 0}.voet-links{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin:20px 0 0;font-size:.88rem;display:flex}.voet-links a{color:var(--ink-soft);border-bottom:1px solid var(--line)}.voet-links .beheer{font-family:var(--mono);color:var(--muted);border:none;margin-left:auto;font-size:.7rem}