*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--paper: #f7f4ec;--surface: #fffdf8;--surface-2: #f1ece0;--ink: #25302b;--ink-soft: #54625a;--line: #e2dccd;--forest: #3f6b4f;--forest-deep: #2f5340;--moss: #5a7d4f;--sky: #4a78a8;--sky-soft: #cfe0ee;--sand: #e7dcc4;--clay: #c0703f;--berry: #b14a3c;--gold: #d8a93e;--accent: var(--forest);--accent-contrast: #ffffff;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(37, 48, 43, .06), 0 2px 8px rgba(37, 48, 43, .05);--shadow-lg: 0 18px 40px rgba(37, 48, 43, .18);--maxw: 1180px;--illo-sky-top: #dcecf6;--illo-sky-bottom: #eef3e6;--illo-sun: #f3e2a8;--illo-perch: #b79b76;--illo-water: #bcd3e0;--illo-beak: #d79a3f;--illo-eye: #2b2f33;--illo-face: #fbfaf6;--illo-flower: #cf6f86;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #161a17;--surface: #1e2521;--surface-2: #232b26;--ink: #eef2ec;--ink-soft: #a7b3aa;--line: #313a33;--forest: #79a987;--forest-deep: #6a9a78;--moss: #8bab7e;--sky: #8bb4d8;--sky-soft: #2a3a48;--sand: #4a4233;--accent: var(--forest);--accent-contrast: #10231a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .55);--illo-sky-top: #2b3a47;--illo-sky-bottom: #243029;--illo-sun: #4a5237;--illo-perch: #5a4a37;--illo-water: #2c4250;--illo-beak: #c98f3c;--illo-eye: #0e1110;--illo-face: #e8ece6;--illo-flower: #b65d73}}body{font-family:var(--font-body);background-color:var(--paper);color:var(--ink);min-height:100dvh}#app{max-width:none;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;padding:1.1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line);background:var(--surface)}.site-header__brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink)}.site-header__mark{font-size:1.5rem}.site-header__name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:.01em}.site-header__tag{color:var(--ink-soft);font-size:.9rem}.site-footer{margin-top:auto;padding:2rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line);color:var(--ink-soft);font-size:.85rem;background:var(--surface)}.home{width:100%;max-width:var(--maxw);margin-inline:auto;padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.5rem)}.intro{display:flex;flex-direction:column;gap:.6rem;max-width:62ch}.intro__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600;color:var(--moss)}.intro__title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;font-weight:600}.intro__lede{font-size:1.05rem;color:var(--ink-soft)}.intro__tagline{font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--forest)}.section-heading{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.gallery__heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.gallery__count{color:var(--ink-soft);font-size:.9rem;font-variant-numeric:tabular-nums}.bird-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1rem,2.5vw,1.75rem);margin-top:1.5rem}.featured .bird-grid{margin-top:1rem}.bird-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bird-card:hover,.bird-card:focus-within{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--moss)}.bird-card__button{display:block;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit}.bird-card__button:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}.bird-card__media{position:relative;aspect-ratio:4 / 3}.bird-illo{width:100%;height:100%}.bird-card__body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.55rem}.bird-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.2}.bird-card__sci{font-style:italic;color:var(--ink-soft);font-size:.85rem;margin-top:-.35rem}.bird-card__facts{display:grid;gap:.35rem;font-size:.85rem}.bird-card__facts div{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem}.bird-card__facts dt{color:var(--moss);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;padding-top:.1rem}.bird-card__facts dd{color:var(--ink)}.bird-card__sound{font-size:.82rem;color:var(--ink-soft);background:var(--surface-2);border-radius:999px;padding:.3rem .7rem;align-self:flex-start}.badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.28rem .6rem;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bird-card__media .badge{position:absolute}.badge--rare{top:.7rem;left:.7rem;background:var(--berry);color:#fff}.badge--common{background:var(--forest);color:var(--accent-contrast)}.badge--migration{bottom:.7rem;left:.7rem;background:#fffdf8e0;color:var(--ink);border:1px solid var(--line)}.filters{display:flex;flex-direction:column;gap:1.1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filters__search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:1rem}.filters__search-input:focus-visible{outline:3px solid var(--sky);outline-offset:1px;border-color:var(--sky)}.explore{display:flex;flex-wrap:wrap;gap:1.25rem}.explore__group{display:flex;flex-direction:column;gap:.5rem}.explore__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--moss)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.chip:hover{border-color:var(--moss)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--accent-contrast)}.chip:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.chip__swatch{width:.85rem;height:.85rem;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}.filters__more summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink-soft);width:fit-content}.filters__more summary:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.filters__more-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filters__reset{align-self:flex-start;background:none;border:0;color:var(--berry);font-weight:600;cursor:pointer;padding:.25rem 0;text-decoration:underline}.filters__reset:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.empty-state{margin-top:2rem;text-align:center;padding:3rem 1.5rem;border:2px dashed var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--ink-soft)}.empty-state__bird{font-size:2.5rem}.empty-state__text{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);max-width:36ch}.btn{font-weight:600;padding:.7rem 1.3rem;border-radius:999px;cursor:pointer;border:1px solid transparent;font-size:.95rem;transition:transform .1s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.btn--primary{background:var(--forest);color:var(--accent-contrast)}.btn--primary:hover{background:var(--forest-deep)}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--moss)}.btn--secondary:hover{background:var(--surface-2)}.detail-overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:clamp(.5rem,3vw,2.5rem);background:#141c178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;animation:overlay-fade .25s ease}.detail-panel{position:relative;width:min(760px,100%);background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);animation:panel-rise .3s cubic-bezier(.2,.8,.3,1)}@keyframes overlay-fade{0%{opacity:0}}@keyframes panel-rise{0%{opacity:0;transform:translateY(24px) scale(.98)}}.detail-panel__media{position:relative;aspect-ratio:16 / 7}.detail-panel__media .bird-illo{height:100%}.detail-panel__close{position:absolute;top:.9rem;left:.9rem;background:#fffdf8eb;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.45rem .9rem;font-weight:600;cursor:pointer}.detail-panel__close:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.detail-panel__badges{position:absolute;bottom:.9rem;right:.9rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.detail-panel__badges .badge{position:static}.detail-panel__body{padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:1.25rem}.detail-panel__header h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;line-height:1.1}.detail-panel__sci{font-style:italic;color:var(--ink-soft)}.detail-panel__sound{margin-top:.4rem;font-size:.85rem;color:var(--ink-soft);background:var(--surface-2);border-radius:999px;padding:.3rem .75rem;align-self:flex-start;width:fit-content}.detail-panel__desc{font-size:1.05rem}.detail-panel__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem 1.5rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-panel__facts dt{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--moss);margin-bottom:.2rem}.detail-panel__facts-wide{grid-column:1 / -1}.detail-panel__colors{display:flex;flex-wrap:wrap;gap:.5rem}.color-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.detail-panel__section h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.5rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.detail-panel__count{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--moss);background:var(--surface-2);padding:.15rem .55rem;border-radius:999px}.checklist{list-style:none;display:grid;gap:.5rem}.checklist__item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);cursor:pointer}.checklist__item input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--forest);flex-shrink:0}.checklist__item:has(input:checked){border-color:var(--moss);background:color-mix(in srgb,var(--forest) 10%,var(--surface))}.checklist__item:has(input:checked) span{text-decoration:line-through;color:var(--ink-soft)}.detail-panel__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.detail-panel__share-msg{text-align:right;color:var(--forest);font-weight:600;font-size:.9rem}@media(max-width:520px){.detail-panel__actions{justify-content:stretch}.detail-panel__actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.detail-overlay,.detail-panel{animation:none}.bird-card,.chip,.btn{transition:none}}