@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=DM+Mono:wght@400;500&family=Libre+Franklin:wght@400;500;600&display=swap";:root{color:#142d4d;font-synthesis:none;background:#e9e6dd;font-family:Libre Franklin,Arial,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:28px}.app-header{color:#1c2d3a;justify-content:space-between;align-items:end;max-width:1380px;margin:0 auto 22px;display:flex}.app-header p,.aside-label{letter-spacing:.18em;margin:0 0 8px;font:500 11px/1.2 DM Mono,monospace}.app-header h3{margin:0;font:600 28px/1 Cormorant Garamond,serif}.status{color:#506251;align-items:center;gap:8px;font-size:12px;display:flex}.status span{background:#6a8564;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d5ddce}.workspace{grid-template-columns:minmax(620px,1fr) 300px;align-items:start;gap:26px;max-width:1380px;margin:auto;display:grid}.preview-frame{background:#d8d3c7;border-radius:8px;place-items:center;min-height:780px;padding:24px;display:grid;box-shadow:inset 0 0 0 1px #c9c3b7}.preview-frame .card{aspect-ratio:4/5;width:min(100%,648px);box-shadow:0 18px 50px #2e281e2e}aside{background:#f5f3ed;border:1px solid #d0cabf;border-radius:8px;padding:22px;position:sticky;top:24px}.thumbnails{gap:8px;display:grid}.thumbnails button{color:#4c5355;text-align:left;cursor:pointer;background:#ebe8e0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;padding:12px 13px;display:flex}.thumbnails button.selected{color:#15365e;background:#f8f6f0;border-color:#345b83}.thumbnails small{opacity:.6;font-family:DM Mono,monospace}.weekly-note{color:#70746e;border-top:1px solid #d9d4ca;gap:5px;margin-top:18px;padding-top:16px;font-size:12px;line-height:1.5;display:grid}.weekly-note strong{color:#24384a}.export-stage{background:#f5f0e5;width:1080px;height:1350px;overflow:hidden}.export-stage .card{width:1080px;height:1350px}.card{isolation:isolate;color:#152f51;background:#f7f1e5;position:relative;overflow:hidden;container-type:inline-size}.paper{z-index:-2;background:url(/assets/botanical-paper.png) 50%/cover no-repeat;position:absolute;inset:0}.card:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 44% 32%,#fffdf694,#0000 45%),linear-gradient(90deg,#fffdf733,#0000 12% 88%,#d1bf9a1f);position:absolute;inset:0}.card footer{letter-spacing:.12em;color:#365774;border-top:1px solid #345b82;justify-content:space-between;padding-top:2.2%;font:500 clamp(7px,.84vw,13px)/1.2 DM Mono,monospace;display:flex;position:absolute;bottom:3.1%;left:6.3%;right:6.3%}.cover-card{padding:7.3% 7.2%}.cover-kicker,.cover-card h1,.cover-subtitle,.cover-rule,.cover-card>.date,.cover-totals,.species-kicker,.atlas-number,.species-card h2,.latin,.species-rule,.species-card>.date{z-index:1;position:relative}.cover-kicker,.species-kicker{letter-spacing:.28em;color:#264f7d;font:500 clamp(8px,1.05cqw,17px)/1.2 DM Mono,monospace}.cover-card h1{letter-spacing:-.035em;color:#172e48;width:46%;margin:4.5% 0 1.5%;font:600 clamp(87.5px,15.75cqw,170px)/.78 Cormorant Garamond,serif}.cover-subtitle{color:#33577e;width:43%;margin:0;font:italic 500 clamp(17px,2.6cqw,30px)/1.15 Cormorant Garamond,serif}.cover-rule{background:#315d8e;width:1px;height:15%;margin:5% 0 2.8%}.date{letter-spacing:.18em;color:#31587e;margin:0;font:500 clamp(8px,1.05vw,17px)/1.2 DM Mono,monospace;display:inline-block}.cover-card>.date{position:absolute;bottom:23%;left:7.2%}.cover-totals{gap:7%;width:max-content;margin:0;display:flex;position:absolute;bottom:12.8%;left:7.2%}.cover-totals div{display:grid}.cover-totals strong,.detection-block strong{color:#b4522a;font:500 clamp(31px,5vw,77px)/.9 Cormorant Garamond,serif}.cover-totals span,.detection-block span{letter-spacing:.16em;color:#31475b;margin-top:7px;font:500 clamp(7px,.84vw,13px)/1.3 DM Mono,monospace}.cover-birds{z-index:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;gap:0 1%;display:grid;position:absolute;inset:18% 4% 11.5% 53%;overflow:hidden}.cover-bird{object-fit:contain;filter:saturate(.9)contrast(.95);mix-blend-mode:multiply;width:100%;height:100%;transform:rotate(var(--tilt,0deg));padding:4%}.species-card{padding:5.7% 6.3%}.atlas-number{letter-spacing:.15em;color:#7f7666;margin:0;font:500 clamp(7px,.83vw,13px)/1 DM Mono,monospace;position:absolute;top:6.1%;right:6.3%}.species-card h2{letter-spacing:-.035em;color:#172a3c;width:77%;margin:4.2% 0 0;font:600 clamp(43px,7vw,106px)/.8 Cormorant Garamond,serif}.latin{color:#274e7c;margin:2.3% 0 0;font:italic 500 clamp(16px,2.15vw,34px)/1 Cormorant Garamond,serif}.species-rule{background:#315d8e;width:1px;height:18%;margin:3.2% 0 2.5%}.species-art{z-index:0;object-fit:contain;object-position:center center;filter:saturate(.92)contrast(.94);mix-blend-mode:multiply;width:62%;height:49%;position:absolute;top:30%;right:5%}.detection-block{max-width:24%;display:grid;position:absolute;bottom:22.2%;left:6.3%}.description{color:#283a47;width:35%;margin:0;font:500 clamp(11px,1.42vw,22px)/1.45 Cormorant Garamond,serif;position:absolute;bottom:8.2%;left:6.3%}@media (width<=900px){.app-shell{padding:14px}.workspace{grid-template-columns:1fr}.preview-frame{min-height:0;padding:10px}aside{position:static}.app-header{align-items:center}.status{display:none}}.dakboard-screen{isolation:isolate;color:#152f51;background:#f7f1e5;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(250px,27%) 1fr;column-gap:4vw;width:100vw;min-width:960px;height:100vh;min-height:540px;padding:5.4vh 4.8vw 4vh;display:grid;position:relative;overflow:hidden}.dakboard-paper{z-index:-2;background:linear-gradient(90deg,#fffdf72e,#0000 15% 84%,#d1bf9a21),url(/assets/botanical-paper.png) 50%/cover no-repeat;position:absolute;inset:0}.dakboard-screen:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 38%,#fffdf6b8,#0000 56%);position:absolute;inset:0}.dakboard-heading{grid-area:1/1;align-self:start}.dakboard-heading>p{color:#264f7d;letter-spacing:.24em;margin:0 0 2.2vh;font:500 clamp(11px,.9vw,17px)/1.2 DM Mono,monospace}.dakboard-heading h1{color:#172e48;letter-spacing:-.04em;max-width:8ch;margin:0;font:600 clamp(64px,6.6vw,126px)/.78 Cormorant Garamond,serif}.dakboard-heading>span{color:#31587e;letter-spacing:.18em;margin-top:2.7vh;font:500 clamp(10px,.85vw,15px)/1.2 DM Mono,monospace;display:block}.dakboard-summary{grid-area:2/1;grid-template-columns:auto 1fr;align-self:end;align-items:baseline;column-gap:.8vw;margin-bottom:3.2vh;display:grid}.dakboard-summary strong{color:#b4522a;font:500 clamp(52px,5vw,92px)/.8 Cormorant Garamond,serif}.dakboard-summary span{color:#31475b;letter-spacing:.15em;font:500 clamp(10px,.8vw,15px)/1.2 DM Mono,monospace}.dakboard-summary i{background:#31587e47;grid-column:1/-1;width:100%;height:1px;margin:1.4vh 0}.dakboard-birds{grid-area:1/2/3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4vh 1.5vw;min-width:0;min-height:0;display:grid}.dakboard-bird{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf673;border:1px solid #31587e33;border-radius:1.1vw;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:1.5vh 1vw 1.2vh;display:grid}.dakboard-bird img{object-fit:contain;filter:saturate(.92)contrast(.94);mix-blend-mode:multiply;width:100%;height:100%;min-height:0;padding:2%}.dakboard-bird h2{color:#172e48;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.8em;margin:0;font:600 clamp(19px,1.65vw,31px)/.9 Cormorant Garamond,serif;display:-webkit-box;overflow:hidden}.dakboard-bird p{color:#31587e;white-space:nowrap;text-overflow:ellipsis;margin:.45vh 0 0;font:italic 500 clamp(11px,.86vw,16px)/1 Cormorant Garamond,serif;overflow:hidden}.dakboard-bird div>span{color:#7e492f;letter-spacing:.09em;text-transform:uppercase;margin-top:.85vh;font:500 clamp(9px,.7vw,13px)/1.2 DM Mono,monospace;display:block}.dakboard-footer{color:#365774;letter-spacing:.11em;border-top:1px solid #345b82;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding-top:2.2vh;font:500 clamp(9px,.72vw,13px)/1.2 DM Mono,monospace;display:flex}.dakboard-live{align-items:center;gap:.65vw;display:flex}.dakboard-live:before{content:"";background:#a37458;border-radius:50%;width:.52vw;min-width:6px;height:.52vw;min-height:6px}.dakboard-live.is-live:before{background:#6a8564;box-shadow:0 0 0 .28vw #6a85642e}@media (aspect-ratio<=4/3){.dakboard-screen{grid-template-columns:31% 1fr;column-gap:3vw}.dakboard-birds{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}