@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#213b32;background:#f6f7f2;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #cfd8ce;background:transparent;color:inherit;border-radius:7px;padding:11px 15px}button:hover{background:#e4eadd}button:disabled{opacity:.6;cursor:wait}a{color:inherit}aside{width:252px;position:fixed;inset:0 auto 0 0;border-right:1px solid #dbe0d5;padding:35px 24px;background:#edf0e7;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:12px;text-decoration:none;font-size:30px;font-weight:600;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:5px}.side-label{font-size:11px;letter-spacing:1.4px;color:#6c7769;margin:44px 0 14px}nav{display:grid;gap:5px}nav button{text-align:left;border:0;display:flex;justify-content:space-between;font-size:14px}nav button.active{background:#234d3d;color:white}label{font-size:13px;display:grid;gap:6px;margin-bottom:13px;color:#61705f}select{width:100%;background:#fafbf7;border:1px solid #d6ddd1;padding:11px;border-radius:6px;color:#293d30;font-size:14px}.side-bottom{margin-top:auto;padding-top:32px;display:grid;gap:15px;font-size:14px}.side-bottom small{font-size:12px;color:#697563}.side-bottom a{text-decoration:none}main{margin-left:252px;padding:30px 48px}header{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px}.primary{background:#234d3d;color:#fff;border-color:#234d3d}.primary:hover{background:#38664f}.intro{margin:35px 0 30px}.intro h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:52px;line-height:1.03;font-weight:400;letter-spacing:-1.5px;margin:0}.intro em{color:#6f8059;font-style:normal}.intro p{color:#72806f;font-size:14px}.progress{display:flex;gap:42px;padding:24px 0;border-top:1px solid #d8dfd1;border-bottom:1px solid #d8dfd1}.progress>div{display:grid;gap:4px}.progress strong{font-size:29px;font-weight:500}.progress span{font-size:13px;color:#65715e}.progress .journey{margin-left:auto;width:30%;align-content:center;gap:10px}progress{width:100%;height:7px;accent-color:#52724a}.catalog{padding-top:30px}.catalog-title{display:flex;align-items:center;gap:15px}h2{font-size:22px;font-weight:500;margin:0}.catalog-title span{font-size:13px;color:#75806e}.tools{display:flex;gap:12px;margin-top:20px}.tools input{flex:1;min-width:0;border:1px solid #d5ddcf;background:white;padding:14px 17px;border-radius:8px}.tools select{width:160px}#message{font-size:14px;color:#69745f;min-height:16px}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid #dce2d6;border-radius:10px;overflow:hidden}.picture{height:190px;background:#e5ebdf;position:relative;display:grid;place-items:center;color:#75836d}.picture img{width:100%;height:100%;object-fit:cover;position:absolute}.placeholder{font-family:Georgia,serif;font-style:italic;font-size:22px}.credit{position:absolute;bottom:0;left:0;right:0;padding:5px 8px;background:#142a24b3;color:white;font-size:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-body{padding:17px}.bird-name{display:block;border:0;padding:0;text-align:left;font-size:18px;font-weight:600;background:none}.sci{font-family:Georgia,serif;font-style:italic;color:#7b8575;font-size:14px;margin:6px 0 12px}.family{font-size:12px;color:#69745f}.actions{display:flex;gap:8px;border-top:1px solid #edf0e9;margin-top:15px;padding-top:13px}.actions button{flex:1;font-size:13px;padding:8px 4px}.actions .marked{background:#e6eddf;border-color:#aabd99;color:#305539}#more{display:block;margin:28px auto}#more[hidden]{display:none}footer{font-size:12px;color:#7a8472;margin:40px 0 10px}dialog{width:min(560px,95vw);border:0;border-radius:14px;padding:30px;color:#213b32;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#142b2566}#close{float:right;font-size:23px;padding:0 8px;border:0}dialog h2{font-family:Georgia,serif;font-size:28px}dialog textarea,dialog input{width:100%;padding:12px;border:1px solid #cad4c3;border-radius:6px}dialog textarea{min-height:110px}dialog label{margin-top:18px}dialog .taxonomy{font-size:14px;line-height:1.8}dialog .detail-actions{display:flex;gap:10px;margin-top:20px}@media(min-width:1450px){#grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){aside{width:210px;padding:25px 18px}main{margin-left:210px;padding:25px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress{gap:25px}.progress .journey{display:none}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}.brand{font-size:26px}nav{grid-template-columns:1fr 1fr}.side-label{margin-top:20px}aside label{display:none}.side-bottom{display:flex;flex-wrap:wrap;padding-top:18px;align-items:center}.side-bottom small{display:none}main{margin:0;padding:22px 18px}.intro h1{font-size:41px}.intro{margin-top:25px}header{gap:12px}.eyebrow{font-size:10px}.primary{font-size:13px}#grid{gap:12px}.picture{height:150px}.card-body{padding:12px}.bird-name{font-size:16px}.actions{flex-direction:column}.tools select{width:120px}.progress{justify-content:space-between;gap:10px}}
.page-nav{display:flex;gap:8px;margin-top:25px}.page-nav a{font-size:13px;text-decoration:none;padding:9px 4px;border-bottom:2px solid transparent}.tree-page .page-nav a[href="/tree"],body:not(.tree-page) .page-nav a[href="/"]{border-color:#234d3d;font-weight:700}.unposted-filter{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:16px;color:#213b32}.unposted-filter input{width:18px;height:18px;accent-color:#234d3d}#tree-legend{padding:18px 0 0;font-size:14px}#tree-legend>span{display:inline-block;margin:0 20px 8px 0}#tree-legend p{color:#677360;font-size:13px;margin:3px 0}.posted-dot{color:#256b45}.seen-dot{color:#246fba}.left-dot{color:#946322}.tree-page #grid{display:block}.tree-page .intro h1{font-size:44px}.tree-overview{display:flex;gap:25px;align-items:center;background:#e9eee2;padding:20px;border-radius:10px;margin-bottom:20px}.tree-overview strong{font-size:16px}.tree-overview .branch-progress{flex:1}.tree-node{margin:8px 0;border:1px solid #d6ded0;border-radius:8px;background:#fff}.branch-head{display:flex;align-items:center;gap:18px;padding:15px;cursor:pointer;list-style:none}.branch-head::-webkit-details-marker{display:none}summary.branch-head:before{content:'▸';color:#5c7352}details[open]>summary.branch-head:before{content:'▾'}.branch-name{flex:1;min-width:100px;font-size:16px;font-weight:600;overflow-wrap:anywhere}.branch-name small{display:block;font-size:12px;font-weight:400;color:#6b7763;margin-top:5px}.branch-progress{width:260px;max-width:100%}.branch-bar{height:8px;border-radius:5px;overflow:hidden;display:flex;background:#f0dfc0}.branch-bar i{height:100%}.done{background:#31855a}.visited{background:#418bcd}.remaining{background:#e5bf78}.branch-progress>span{display:block;font-size:12px;color:#586650;margin-top:7px}.tree-children{border-left:2px solid #ccd8c2;margin:0 14px 14px 24px;padding-left:16px}.tree-edit{font-size:12px;padding:8px;white-space:nowrap}.bird-flags{display:block;font-size:12px;font-weight:400;margin-top:6px}.tree-leaf{background:#fafbf7}.tree-leaf .branch-head{cursor:default}@media(max-width:1100px){.branch-head{flex-wrap:wrap;gap:10px}.branch-progress{width:100%}.tree-overview{flex-wrap:wrap}.tree-overview .branch-progress{flex-basis:100%}.tree-edit{margin-left:auto}}@media(max-width:650px){.tree-page aside label{display:grid}.tree-page aside label select{padding:8px}.tree-children{margin-left:9px;padding-left:7px}.branch-head{padding:12px}.tree-page .intro h1{font-size:35px}}
.photo-state{font-size:13px;padding:18px;text-align:center}.photo-retry{position:absolute;bottom:18px;background:#fff;font-size:13px}.detail-photo{height:280px;border-radius:10px;overflow:hidden;margin:18px 0}.page-nav{flex-wrap:wrap}.map-toolbar{display:flex;align-items:start;gap:15px;justify-content:space-between}.map-breadcrumbs{display:flex;flex-wrap:wrap;gap:5px}.map-breadcrumbs button{font-size:13px;background:white}.map-breadcrumbs button[aria-current]{background:#234d3d;color:white}.map-toolbar label{min-width:85px}.map-summary{font-size:14px;color:#56654e}.map-viewport{max-height:750px;overflow:auto;border:1px solid #ccd8c2;border-radius:14px;background-color:#f0f3e9;background-image:radial-gradient(#ccd8c2 1px,transparent 1px);background-size:20px 20px}.map-viewport svg{display:block;font-family:'DM Sans',sans-serif}.map-node{cursor:pointer}.map-node:hover>rect:first-child,.map-node:focus>rect:first-child{stroke:#234d3d;stroke-width:3}.map-pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;font-size:13px}.map-pagination span{flex:1;min-width:220px}.map-pagination button{font-size:13px}.map-page .page-nav a[href="/tree"]{border-color:transparent;font-weight:400}.map-page .page-nav a[href="/map"]{border-color:#234d3d;font-weight:700}