/* A warm, practical farm notebook. Motion is attached to the thing being handled. */
:root{--bg:#f4f0e5;--paper:#fffdf6;--ink:#344435;--muted:#7e8170;--green:#476344;--green-dark:#324f33;--line:#e1dece;--sage:#e4e8d7}
body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23786a41' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b78539;outline-offset:4px}
.sidebar{width:88px;background:#fcfaf1;border-right-color:#dcdacb}.brand-mark{border-radius:50% 46% 49% 44%;box-shadow:0 3px 0 #2b432d;color:#f4df9c;rotate:-5deg}.brand-mark .icon{rotate:5deg}.sidebar-rule{margin:26px 0 15px}.nav-item{border-radius:14px;color:#757b6c}.nav-item.active{color:#385136;background:#e6ead9}.nav-item.active:before{background:#587047}.nav-item:hover{background:#eeedde;color:#3b5639}.sidebar-sprout{color:#92977a}.app-shell{margin-left:88px}.topbar{height:72px;background:#fcfaf0cc;border-bottom:1px solid #dddac9;padding:0 38px}.wordmark{font-size:21px;letter-spacing:.08em}.wordmark small{font-size:9px;letter-spacing:.14em;color:#85846d;margin-top:5px}.top-actions{gap:18px}.demo-badge{font-size:10px;color:#777d67}.demo-badge i{background:#889567}.tools-button{color:#697359;font-size:11px}.avatar{background:#f2eddb;border:1px solid #ddd6bd;cursor:pointer}.avatar .icon{height:20px;width:20px;color:#6e7955}.sound-button{color:#70805d}.sidebar-sprout small{font-size:10px}
main{padding:23px 38px 0;max-width:1550px;margin:auto}.page-heading{margin-bottom:20px}.eyebrow{color:#777d62;font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:7px}.hand-line{display:inline-block;width:20px;border-top:2px solid #b67c48;rotate:-8deg}.page-heading h1{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:.03em;margin:11px 0 9px;color:#344831}.page-heading p{font-size:12px;color:#747c66;margin:0;line-height:1.6}.farm-date{display:flex;flex-direction:column;gap:9px;text-align:right;align-self:center;padding-right:4px}.farm-date span{font-family:var(--serif);font-size:21px;color:#556347}.farm-date b{font-size:10px;letter-spacing:.12em;color:#998664;font-weight:400}.heading-spark{display:none}
.stats{background:#fbf9f0;border:1px solid #dedbc9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:20px;border-radius:14px;box-shadow:0 2px 0 #e6e1d2}.stat{position:relative;background:transparent!important;border:0!important;border-radius:0;padding:13px 22px;min-height:77px;gap:14px;box-shadow:none!important;align-items:center}.stat+.stat:before{content:'';position:absolute;left:0;top:20%;bottom:20%;border-left:1px dashed #d8d6c3}.stat-icon{width:40px;height:40px;background:none!important;border-radius:50%;color:#8e7944}.stat-icon.gold{color:#a48238}.stat-icon.peach{color:#a27a50}.stat-icon.sage{color:#6c8459}.stat-label{font-size:11px;color:#78806a;margin-bottom:5px}.stat-label em{font-size:8px;border:1px solid #d9d3bd;border-radius:3px;padding:1px 3px;margin-left:4px;font-style:normal;vertical-align:1px;color:#8d825c}.stat strong{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat strong small{font-size:10px;color:#88896f}.stat-note{font-size:10px;color:#91947f}.stat-arrow{color:#7d8c65}.stat:hover .stat-arrow{translate:4px 0;transition:translate .2s}
.farm-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.farm-card{border:1px solid #d6d2b9;border-radius:22px;background:#fdfbf1;box-shadow:0 5px 0 #e6e1cd,0 12px 30px #5c4c1e09;overflow:hidden}.scene{height:clamp(380px,47vh,500px);background:#afb88e}.scene-image{background-position:center top;transition:filter 1.3s;filter:saturate(.88) brightness(1.015)}.scene-shade{background:linear-gradient(180deg,#302a1a0d,transparent 35%,#27331c18)}.sun-wash{pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#fff0b215 48%,transparent 60%);mix-blend-mode:screen;animation:sun-drift 22s ease-in-out infinite}.scene-top{top:18px;left:18px;right:18px;z-index:8}.farm-chip{border-radius:7px;background:#fcf7e6ed;color:#4c5a3c;box-shadow:0 2px 0 #6c613c33;font-size:11px;padding:9px 12px;rotate:-1deg}.farm-chip b{font-size:9px;color:#7b825e}.weather{min-height:36px;background:#fcf8e9eb;color:#5f6747;gap:7px;border:1px solid #fff5d8b5;box-shadow:0 2px 0 #70673f24;padding:7px 10px;font-size:10px}.scene-toggle{width:23px;height:13px;border-radius:10px;background:#b9c093;position:relative;margin-left:2px}.scene-toggle:after{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;background:#fffced;border-radius:50%;transition:translate .3s}.scene-note{font-size:10px;letter-spacing:.02em;background:#34482f6b;border:1px solid #f7eed429;border-radius:5px;padding:6px 9px;left:16px;bottom:17px;color:#fff9e4;display:flex;gap:5px;align-items:center}.scene-note .icon{width:12px;height:12px}.scene-sign{right:24px;bottom:26px;border:1px solid #a68956;border-top:3px solid #d8bf87;background:#f4e3bb;color:#725d36;box-shadow:0 3px 0 #a88c58,0 6px 9px #253a272b;rotate:-3deg;transform:none;border-radius:4px;font-size:11px;padding:10px 13px}.scene-sign:hover{rotate:1deg;background:#ffedc1;transition:rotate .2s}.scene-sign:after{background:#997d4c}.scene-hen{filter:drop-shadow(0 3px 2px #37451b21);height:166px}.hen-position-0{left:40%;top:42%}.hen-position-1{left:18%;top:47%}.hen-position-2{left:64%;top:48%}.hen-wander{display:block;position:relative;line-height:0}.hen-wander .hen-art{display:block;position:relative;z-index:1}.scene-hen.hungry .hen-wander{animation:hen-stroll 17s ease-in-out infinite;animation-delay:var(--hen-delay)}.scene-hen.hungry .hen-body{animation:hen-idle 6s ease-in-out infinite;animation-delay:var(--hen-delay)}.hen-eye{transform-box:fill-box;transform-origin:center;animation:blink 6.5s infinite;animation-delay:var(--hen-delay,0s)}.scene-hen.laying .hen-body{animation:breathe 4s ease-in-out infinite}.scene-hen.ready .hen-body{animation:ready-bob 4s ease-in-out infinite}.hen-bubble{padding:8px 10px;border-radius:9px;color:#6d6f4f;background:#fff9e7;box-shadow:0 3px 0 #857c4c35,0 5px 12px #283b1b17;top:-9px;font-size:10px;transition:transform .2s}.hen-name{color:#4d623e;background:#fff8e5e8;border:1px solid #fffce9bd;font-size:10px}.scene-hen.selected:after{border:1px dashed #fff6c3dd;background:#efeac21c}.scene-hen:hover .hen-name{background:#fff2c3}.scene-hen.is-petted .hen-wander,.scene-hen.is-eating .hen-wander{animation-play-state:paused}.scene-hen.is-petted .hen-body{animation:pet-hop .7s ease-out!important}.scene-hen.is-eating .hen-body{animation:peck .42s 4 ease-in-out!important}.scene-hen.ready .hen-bubble{background:#f7df91;color:#725522;animation:ready-bubble 3s infinite}.egg-nest{position:absolute;bottom:13%;left:43%;width:53px;height:22px;background:repeating-linear-gradient(10deg,#a58247 0 2px,#c0a368 2px 5px);border-radius:50%;rotate:-8deg;box-shadow:0 3px 2px #4f4e2d20;z-index:2}.egg-nest i{position:absolute;width:14px;height:19px;background:#fff3ce;border:1px solid #d1b17f;border-radius:50% 50% 45% 45%;bottom:8px;left:10px;rotate:-18deg}.egg-nest i+i{left:26px;rotate:15deg;bottom:6px}
.butterfly{position:absolute;left:80%;top:26%;width:43px;height:43px;z-index:7;animation:butterfly-drift 11s ease-in-out infinite;padding:4px;opacity:.9}.butterfly svg{width:100%;height:100%;animation:flutter 1.2s ease-in-out infinite}.ambient-leaves,.fireflies{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-leaves i{position:absolute;width:8px;height:4px;border-radius:100% 0 100% 0;background:#ddcb78;left:18%;top:-10%;opacity:0;animation:leaf-fall 16s linear infinite}.ambient-leaves i:nth-child(2){left:48%;animation-delay:-8s;width:6px}.ambient-leaves i:nth-child(3){left:80%;animation-delay:-4s;background:#f4e7b0}.fireflies{opacity:0;transition:opacity 1.3s}.fireflies i{position:absolute;left:23%;top:65%;width:4px;height:4px;border-radius:50%;background:#ffdf70;box-shadow:0 0 8px 2px #fae28c88;animation:firefly 5s ease-in-out infinite}.fireflies i:nth-child(2){left:71%;top:45%;animation-delay:-2s}.fireflies i:nth-child(3){left:83%;top:72%;animation-delay:-3s}.fireflies i:nth-child(4){left:52%;top:31%;animation-delay:-1s}.fireflies i:nth-child(5){left:12%;top:42%;animation-delay:-4s}.is-dusk .scene-image{filter:saturate(.75) brightness(.65) sepia(.18)}.is-dusk .scene-shade{background:linear-gradient(#663d431c,#322e532e)}.is-dusk .sun-wash{opacity:0}.is-dusk .fireflies{opacity:1}.is-dusk .hen-art{filter:brightness(.9) sepia(.1)}.is-dusk .weather{background:#4d5160e8;color:#f5df9d;border-color:#a39361}.is-dusk .scene-toggle{background:#282d43}.is-dusk .scene-toggle:after{translate:10px 0;background:#f2d995}.is-dusk .butterfly{opacity:0;pointer-events:none}.is-dusk .ambient-leaves{opacity:.35}
.action-bar{padding:15px 17px 18px;gap:10px;border-top:1px solid #f9f4dc}.farm-action{position:relative;min-height:65px;border-radius:11px;gap:10px;padding:12px 8px;transition:translate .18s,box-shadow .18s,background .18s!important}.farm-action b{font-size:13px;letter-spacing:.02em}.farm-action small{font-size:10px;opacity:.78}.farm-action kbd{position:absolute;right:8px;top:6px;font-size:8px;font-family:inherit;font-weight:400;opacity:.4;border:1px solid currentColor;border-radius:3px;min-width:13px;text-align:center}.feed-action{background:#526c43;box-shadow:0 3px 0 #314a2c;color:#fff5d9}.feed-action:hover{background:#425f35;translate:0 -2px;box-shadow:0 5px 0 #314a2c}.harvest-action.ready-action{background:#e8c46e;box-shadow:0 3px 0 #bc9446;color:#62481f}.harvest-action.ready-action:hover{background:#efd080;translate:0 -2px;box-shadow:0 5px 0 #bc9446}.sell-action:not(:disabled){background:#fcf7e7;border-color:#d0b887;box-shadow:0 3px 0 #c4b28a;color:#806137}.sell-action:not(:disabled):hover{background:#f5e9c9;translate:0 -2px;box-shadow:0 5px 0 #c4b28a}.farm-action:active:not(:disabled){translate:0 2px;box-shadow:none;transform:none}.farm-action:disabled{background:#e9e9dc;border:1px solid #dcdcc8;color:#969a7f;box-shadow:none;opacity:.8}
.farm-aside{gap:24px;padding-top:1px}.selected-card{background:#fdfaf0;border:1px solid #d9d5be;border-radius:15px;padding:17px 19px;box-shadow:0 3px 0 #e4dfcc}.selected-top{color:#83856c;font-size:10px}.selected-top .text-button{font-size:10px;color:#7a805d}.selected-chicken{gap:7px;margin:5px 0 11px}.selected-chicken>div:first-child{width:76px;height:75px}.selected-chicken .hen-art{width:84px;height:84px}.selected-chicken h3{font-family:var(--serif);font-size:23px;margin-bottom:7px}.selected-chicken h3 small{display:block;font-family:var(--sans);font-size:9px;font-weight:400;color:#95815e;margin-top:4px}.selected-chicken p{font-size:10px;color:#797f62;line-height:1.5}.care-actions{display:flex;gap:7px}.care-actions button{display:flex;align-items:center;justify-content:center;gap:5px;background:#e4ead7;border:1px solid #cfd8bc;border-radius:7px;min-height:36px;flex:1;font-size:11px;color:#526840}.care-actions button+button{background:#f7e9df;border-color:#e5cfc0;color:#9a6a52}.care-actions .icon{width:14px;height:14px}.care-actions button:hover:not(:disabled){filter:brightness(.97);translate:0 -1px}.care-actions button:disabled{background:#eeede3;border-color:#dedfcd;color:#989b82}.cap-note{font-size:9px;margin-top:13px;padding-top:11px;color:#899074;border-color:#e6e1ce}.guide-card.notebook{position:relative;border:1px solid #ded7bc;background:repeating-linear-gradient(transparent 0 27px,#d6cfb635 27px 28px),#fbf3d9;border-radius:2px 2px 13px 3px;box-shadow:2px 4px 0 #e8dfc8;padding:23px 19px 20px;rotate:-.8deg;flex:initial;margin:4px 3px 0}.paper-tape{position:absolute;top:-10px;left:calc(50% - 34px);width:68px;height:21px;rotate:3deg;background:#bac6a28a;border-left:1px dashed #fcf7df;border-right:1px dashed #fcf7df}.note-heading{display:flex;justify-content:space-between;align-items:center;color:#8b7d54;font-size:10px}.note-heading b{font-size:9px;font-weight:400;color:#9c906f}.guide-card h2{font-family:var(--serif);font-size:21px;font-weight:600;margin:16px 0 12px;color:#5b5b38}.guide-steps{margin:19px 0 18px;gap:19px}.guide-step b{font-size:12px;color:#6c6c47}.guide-step small{font-size:10px;color:#8d8b68}.step-icon{width:29px;height:29px;border:1px solid #b9b38c;border-radius:50% 43% 48% 46%;background:transparent;font-family:var(--serif);font-size:12px;color:#8e855f}.guide-step.current .step-icon{background:#5d7049;border-color:#5d7049;color:#faf2cd}.guide-step.done .step-icon{background:#dfe5cb;color:#6a7c4f;border-color:#abb88f}.guide-step:not(:last-child):after{left:14px;top:33px;height:16px;border-color:#c9c4a2}.guide-progress{color:#8e8c6b}.guide-progress>div{background:#e7e0c5}.guide-progress i{background:#99aa7d}.daily-note{position:relative}.daily-note p{font-family:var(--serif);font-size:17px;line-height:1.9;color:#7f7753;margin:12px 0 46px}.daily-note strong{font-size:23px;font-weight:500;color:#566443}.daily-note .text-button{color:#81744d;font-size:10px}.rubber-stamp{position:absolute;bottom:24px;right:0;border:2px solid #b16b4b77;outline:1px solid #b16b4b55;outline-offset:3px;border-radius:3px;color:#b16b4b99;padding:4px 7px;font-size:12px;font-family:var(--serif);letter-spacing:.08em;rotate:-13deg}
.animal-section{margin-top:25px}.section-heading h2{font-family:var(--serif);font-size:21px}.animal-card{border-radius:11px;border-color:#dcd8c3;background:#faf8ed;min-height:94px}.animal-card.is-selected{background:#f7f5e6;border-color:#9baa80;box-shadow:0 3px 0 #dce2cc}.animal-card:hover{translate:0 -2px;box-shadow:0 4px 8px #5b603315}.animal-thumb{background:#eae7d1}.animal-info>b{font-size:14px}.animal-info>b small{color:#8d927a}.animal-status{color:#8b7954;font-size:11px}.animal-status.laying{color:#77865d}.animal-status.ready{color:#9b742d}.empty-animal{background:transparent;border-color:#c7c9b3}.empty-animal b{font-size:12px;color:#778465}.empty-animal small{color:#92977e}.text-button{color:#6f7d59}.bottom-note{color:#7e876a;font-size:10px}.bottom-note>span{color:#8e947d;font-size:10px}.app-shell>footer{color:#91947e;padding-top:22px}.app-shell>footer>span:last-child{color:#999d88}
.inventory-card,.product-card,.history-card{border-color:#dcd6bf;background:#fcf9ee;box-shadow:0 4px 0 #e6e0ce;border-radius:16px}.inventory-illustration{background:#eee2bf}.inventory-illustration .egg-art{animation:egg-rock 7s ease-in-out infinite}.inventory-illustration>span{color:#978052;font-size:10px;letter-spacing:.08em}.inventory-info>p,.product-body>p,.history-row p{color:#85856c}.inventory-price{color:#7f8469}.inventory-price b{color:#657345}.warehouse-note{background:#e9ebd8;border-color:#d7dcc4;border-radius:14px}.warehouse-note>p{color:#7a8363}.inventory-amount{font-variant-numeric:tabular-nums}.primary-button{box-shadow:0 3px 0 #2d462b;border-radius:9px}.primary-button:disabled{box-shadow:none}.product-picture{background:repeating-linear-gradient(0deg,transparent 0 27px,#d5d8bd42 27px 28px),#e9ebd7}.coming-card{background:#eeeede;border-color:#d5d7c0;border-radius:15px}.coming-card h2{font-family:var(--serif)}.coming-card>p{color:#8b9278}.history-summary{background:#fbf8eb;border-color:#ded9c2}.history-row time{color:#8d9279}.history-row b{color:#506044}.history-summary span{color:#899173}.history-card{overflow:hidden}.history-row{animation:row-in .35s both}.history-row:nth-child(2){animation-delay:.04s}.history-row:nth-child(3){animation-delay:.08s}
#toast{background:#fff9e9f5;border:1px solid #d9ceb0;box-shadow:0 4px 0 #b4a67727,0 10px 30px #403e2421;color:#657044;border-radius:9px;font-size:12px}dialog{background:#fffbef;border-color:#e4d7b7;border-radius:18px;box-shadow:0 8px 0 #4f4b2920,0 24px 90px #1e352e42}dialog[open]{animation:dialog-in .24s cubic-bezier(.2,.7,.3,1)}dialog::backdrop{background:#26352965;backdrop-filter:blur(3px)}.dialog-content h2{font-family:var(--serif);font-size:25px}.dialog-intro,.disclosure{color:#7c8569}.receipt{background:#f5efdc;border-color:#e4dcc0;border-radius:10px}.receipt>div{color:#858366;border-color:#e3dcc4}.receipt b{color:#566841}.name-label{display:block;font-size:11px;color:#7c8265;margin:18px 0 8px}.name-editor{display:flex;gap:9px}.name-editor input{width:0;min-width:0;flex:1;border:1px solid #cec7aa;background:#fffdf5;border-radius:8px;padding:11px 12px;color:#405438;font:inherit;font-size:14px}.name-editor .primary-button{min-width:75px}.tool-row{border-color:#dcd9c3}.tool-row small{color:#8e9479}
.effect-particle{position:fixed;z-index:90;pointer-events:none;display:block;will-change:transform,opacity}.grain-particle{height:7px;width:4px;border-radius:70% 40% 65% 40%;background:#e4ba58;border:1px solid #a77b2b;box-shadow:1px 2px 1px #65501f33}.egg-particle{width:25px;height:32px;border-radius:50% 50% 44% 44%;background:#fff0c9;border:1px solid #c6a269;box-shadow:inset -5px -3px 0 #e4c99c,0 4px 5px #5c542323}.coin-particle{width:18px;height:18px;border-radius:50%;background:#edc464;border:2px solid #b59238;box-shadow:inset 0 0 0 2px #f9db8a}.heart-particle{height:10px;width:10px;background:#d29079;border-radius:2px}.heart-particle:before,.heart-particle:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:inherit}.heart-particle:before{top:-5px}.heart-particle:after{left:5px}
@keyframes hen-stroll{0%,12%,100%{translate:0 0}25%,39%{translate:9px -2px}55%,70%{translate:-9px 1px}83%{translate:-4px 0}}
@keyframes hen-idle{0%,38%,58%,100%{transform:rotate(0deg)}42%{transform:rotate(5deg) translateY(2px)}47%{transform:rotate(0)}51%{transform:rotate(4deg) translateY(2px)}}
@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes pet-hop{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(4px) scale(1.05,.94)}48%{transform:translateY(-13px) rotate(-6deg)}72%{transform:translateY(-4px) rotate(3deg)}}
@keyframes peck{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg) translate(3px,7px)}}
@keyframes ready-bob{0%,65%,100%{transform:translateY(0)}75%{transform:translateY(-5px)}85%{transform:translateY(0)}}
@keyframes ready-bubble{0%,80%,100%{transform:translateY(0) rotate(0)}86%{transform:translateY(-3px) rotate(-3deg)}93%{transform:translateY(0) rotate(2deg)}}
@keyframes leaf-fall{0%{translate:0 -20px;rotate:0deg;opacity:0}10%{opacity:.7}60%{opacity:.6}85%,100%{translate:85px 500px;rotate:220deg;opacity:0}}
@keyframes sun-drift{50%{translate:25px 0;opacity:.3}}
@keyframes flutter{50%{transform:scaleX(.5) rotate(-5deg)}}
@keyframes butterfly-drift{25%{translate:12px -7px}50%{translate:-13px -20px}75%{translate:-20px 6px}}
@keyframes firefly{0%,100%{opacity:.15;translate:0 0}50%{opacity:.9;translate:10px -14px}}
@keyframes egg-rock{0%,80%,100%{transform:rotate(-8deg)}88%{transform:rotate(3deg)}94%{transform:rotate(-11deg)}}
@keyframes dialog-in{from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes row-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(min-width:1550px){.scene-hen{height:187px}.scene-hen .hen-art{width:165px;height:165px}.scene{height:clamp(400px,48vh,510px)}}
@media(max-width:1200px){.farm-grid{grid-template-columns:minmax(0,1fr) 258px;gap:18px}main{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.farm-action small{font-size:9px}.farm-action b{font-size:12px}.farm-action kbd{display:none}.scene{height:410px}.selected-card{padding:15px}.selected-chicken h3{font-size:21px}.guide-card.notebook{padding:23px 17px 18px}.guide-card h2{font-size:20px}.stat-note{display:none}}
@media(max-width:1000px){.sidebar{width:78px}.app-shell{margin-left:78px}.farm-grid{grid-template-columns:1fr}.farm-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.selected-card{display:block;padding:18px}.scene{height:430px}.selected-chicken>div:first-child{width:80px;height:80px}.selected-chicken .hen-art{width:88px;height:88px}.stat-label{font-size:10px}.stat{padding:15px}.stat strong{font-size:25px}.stat-icon{width:30px;height:30px}.guide-card h2{font-size:21px}.scene-hen{height:166px}.scene-hen .hen-art{width:143px;height:143px}}
@media(max-width:700px){.sidebar{width:100%;height:calc(65px + env(safe-area-inset-bottom));padding:4px 10px env(safe-area-inset-bottom);background:#fcfaf1f2;border-top-color:#d8d5c3}.sidebar nav{gap:0}.nav-item{width:65px;min-height:53px;font-size:10px;gap:3px;border-radius:11px}.nav-item.active{background:#e4e9d5}.app-shell{margin-left:0;padding-bottom:73px}.topbar{height:65px;padding:0 18px}.wordmark{font-size:17px;letter-spacing:.04em}.wordmark small{font-size:7px;letter-spacing:.04em}.wordmark>.icon{width:25px;height:25px}.top-actions{gap:9px}.tools-button{font-size:10px}.demo-badge{font-size:8px}.sound-button{height:28px;width:26px}.top-actions .avatar{display:none}main{padding:19px 16px 0}.page-heading{margin-bottom:16px}.page-heading .eyebrow{font-size:9px;letter-spacing:.05em}.hand-line{width:13px}.page-heading h1{font-size:27px;white-space:normal;line-height:1.3;margin:9px 0 7px;letter-spacing:.01em}.page-heading p{font-size:11px;line-height:1.6}.farm-date{display:none}.stats{border-radius:11px;margin-bottom:17px}.stat{padding:12px 10px;min-height:79px;flex-direction:column;align-items:flex-start;gap:0}.stat-icon{position:absolute;top:11px;right:8px;width:14px;height:14px}.stat-icon .icon{width:14px;height:14px}.stat-label{font-size:9px;margin-bottom:8px}.stat-label em{display:none}.stat strong{font-size:23px}.stat strong small{font-size:9px;margin-left:3px}.farm-card{border-radius:17px;box-shadow:0 4px 0 #e3ddc7}.scene{height:350px}.scene-image{background-size:auto 100%;background-position:46% center}.scene-top{top:12px;left:12px;right:12px}.farm-chip{padding:7px 8px;font-size:9px;gap:4px}.farm-chip b{font-size:8px}.weather{min-height:31px;font-size:9px;padding:6px 8px;gap:5px}.weather .icon{width:13px;height:13px}.scene-toggle{width:21px;height:12px}.scene-toggle:after{width:8px;height:8px}.is-dusk .scene-toggle:after{translate:9px 0}.scene-hen{height:137px;width:112px}.scene-hen .hen-art{width:112px;height:112px}.hen-position-0{left:34%;top:40%}.hen-position-1{left:9%;top:52%;transform:scale(.84)}.hen-position-2{left:60%;top:47%;transform:scale(.88)}.hen-bubble{top:0;font-size:9px;padding:6px 8px}.hen-name{font-size:9px;padding:4px 8px}.scene-hen.selected:after{left:17px;right:17px;bottom:20px}.scene-note{font-size:8px;bottom:14px;left:12px;padding:5px 6px;gap:3px}.scene-note .icon{width:10px;height:10px}.scene-sign{font-size:9px;right:12px;bottom:22px;padding:8px;gap:4px}.scene-sign .icon{width:12px;height:12px}.butterfly{left:77%;top:27%;width:34px;height:34px}.egg-nest{width:38px;height:16px;left:44%;bottom:13%}.egg-nest i{width:11px;height:15px;left:8px;bottom:6px}.egg-nest i+i{left:21px;bottom:4px}.action-bar{padding:12px 10px 15px;gap:7px}.farm-action{min-height:76px;border-radius:9px;gap:5px;padding:10px 3px}.action-icon .icon{width:23px;height:23px}.farm-action b{font-size:12px}.farm-action small{font-size:8px;letter-spacing:0;margin-top:4px}.farm-grid{gap:20px}.farm-aside{display:flex;flex-direction:column;gap:23px}.selected-card{padding:16px 18px;position:relative;border-radius:13px}.selected-top{font-size:10px}.selected-chicken{margin:3px 0 7px}.selected-chicken>div:first-child{width:64px;height:63px}.selected-chicken .hen-art{height:72px;width:72px}.selected-chicken h3{font-size:22px}.selected-chicken h3 small{display:inline;margin-left:9px;font-size:9px}.selected-chicken p{font-size:11px}.care-actions{position:absolute;right:17px;bottom:56px;flex-direction:column;gap:7px}.care-actions button{min-height:31px;min-width:81px;font-size:10px;padding:5px 9px}.cap-note{font-size:10px;margin-top:8px;padding-top:10px}.guide-card.notebook{padding:22px;margin:2px 5px}.guide-card h2{font-size:23px}.note-heading{font-size:11px}.daily-note p{font-size:18px;margin-bottom:31px}.daily-note .rubber-stamp{right:3px;bottom:25px;font-size:13px}.guide-steps{gap:21px}.guide-step small{font-size:11px}.guide-step b{font-size:12px}.guide-step:not(:last-child):after{height:18px}.animal-section{margin-top:25px}.section-heading h2{font-size:21px}.animal-card{min-height:85px;padding:12px 16px}.animal-info>b small{font-size:9px}.animal-status{font-size:10px}.animal-thumb{height:54px;width:54px}.empty-animal small{font-size:10px}.bottom-note{font-size:9px}.bottom-note>span{font-size:9px}.app-shell>footer{padding:23px 16px}.inventory-card{border-radius:14px}.inventory-info{padding:25px}.warehouse-note{padding:25px}.inventory-info>p{font-size:11px}.inventory-price{font-size:12px}.dialog-content{padding:29px 24px 26px}.dialog-content h2{font-size:23px}#toast{left:50%;bottom:83px;font-size:11px}.history-row p{font-size:10px}}
@media(max-width:370px){main{padding-left:13px;padding-right:13px}.topbar{padding:0 14px}.top-actions{gap:6px}.sound-button{display:none}.scene{height:330px}.page-heading h1{font-size:25px}.farm-action b{font-size:11px}.farm-action small{font-size:7px}.selected-chicken h3 small{display:block;margin-left:0}.stat strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient-leaves,.sun-wash{display:none}.fireflies i{opacity:.5}.hen-wander{translate:none!important}}
.selected-chicken>div:last-child{min-width:0}.selected-chicken h3{overflow-wrap:anywhere}
@media(max-width:700px){.selected-chicken{padding-right:85px}.selected-chicken h3 small{display:block;margin-left:0}}