@font-face{font-family:Karla;src:url(/assets/karla-variable-CTPyzdss.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@keyframes bird-poses{0%,to{background-position:0 0}8.33333%{background-position:33.3333% 0}16.6667%{background-position:66.6667% 0}25%{background-position:100% 0}33.3333%{background-position:0%}41.6667%{background-position:33.3333%}50%{background-position:66.6667%}58.3333%{background-position:100%}66.6667%{background-position:0 100%}75%{background-position:33.3333% 100%}83.3333%{background-position:66.6667% 100%}91.6667%{background-position:100% 100%}}.bird-spritesheet[data-v-5a1119c1]{width:100%;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:400% 300%;display:block}.bird-spritesheet-animating[data-v-5a1119c1]{animation:3s step-end bird-poses}@media (prefers-reduced-motion:reduce){.bird-spritesheet-animating[data-v-5a1119c1]{animation:none}}.garden-layer[data-v-d7ea5936]{pointer-events:none;image-rendering:pixelated;animation:garden-layer-frames-d7ea5936 var(--garden-loop-duration) steps(1, end) infinite;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;position:absolute;inset:0}.garden-scene-paused .garden-layer[data-v-d7ea5936]{animation-play-state:paused}@keyframes garden-layer-frames-d7ea5936{0%{background-position:0 0}6.25%{background-position:33.3333% 0}12.5%{background-position:66.6667% 0}18.75%{background-position:100% 0}25%{background-position:0 33.3333%}31.25%{background-position:33.3333% 33.3333%}37.5%{background-position:66.6667% 33.3333%}43.75%{background-position:100% 33.3333%}50%{background-position:0 66.6667%}56.25%{background-position:33.3333% 66.6667%}62.5%{background-position:66.6667% 66.6667%}68.75%{background-position:100% 66.6667%}75%{background-position:0 100%}81.25%{background-position:33.3333% 100%}87.5%{background-position:66.6667% 100%}93.75%{background-position:100% 100%}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.garden-layer[data-v-d7ea5936]{animation:none}}:root{--linen:#f5f3ec;--chalk:#fffefa;--oat:#eae6dc;--ink:#283c32;--stone:#59655d;--forest:#365c49;--sage:#dce5d8;--clay:#a65f46;--border:#d6d3c8;--error:#963f35;--radius:8px;--drawer-width:320px;--scene-inset:1rem;color:var(--ink);background:var(--linen);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Karla,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0;overflow:hidden}button,input{font:inherit}.garden-app,.garden-viewport{width:100%;height:100dvh;position:relative;overflow:hidden}.page-header,.scene-controls,.about-button{z-index:2}.scene-ui-toggle{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.scene-ui-toggle:focus-visible{outline:3px solid var(--chalk);outline-offset:-6px}.page-header{top:max(var(--scene-inset), env(safe-area-inset-top,0px));left:max(var(--scene-inset), env(safe-area-inset-left,0px));position:absolute}.wordmark{border:1px solid var(--border);border-radius:var(--radius);background:var(--chalk);letter-spacing:-.025em;margin:0;padding:.75rem 1rem;font-family:inherit;font-size:1.125rem;font-weight:600;line-height:normal}.garden-scene{z-index:0;background:var(--sage);margin:0;position:absolute;inset:0;overflow:hidden}.garden-surface{aspect-ratio:1672/941;width:max(100vw,177.683dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.garden-background{width:100%;height:auto;image-rendering:pixelated;display:block}.garden-bird{--bird-shadow-width:38%;--bird-shadow-height:6%;isolation:isolate;width:9%;position:absolute;transform:translate(-50%,-100%)}.garden-bird:before{content:"";z-index:-1;left:var(--bird-shadow-x);top:var(--bird-shadow-y);width:var(--bird-shadow-width);height:var(--bird-shadow-height);clip-path:polygon(20% 0%,80% 0%,80% 25%,100% 25%,100% 75%,80% 75%,80% 100%,20% 100%,20% 75%,0% 75%,0% 25%,20% 25%);pointer-events:none;background:#283c3247;position:absolute;transform:translate(-50%,-50%)}.garden-bird img{width:100%;height:auto;image-rendering:pixelated;transform-origin:50% 90%;animation:11s steps(2,end) infinite bird-rest;display:block}.bird-merle-noir{--bird-shadow-x:38%;--bird-shadow-y:88%;--bird-shadow-width:42%;width:6%;top:74%;left:34%}.bird-rouge-gorge{--bird-shadow-x:63%;--bird-shadow-y:99%;--bird-shadow-width:40%;--bird-shadow-height:4%;width:5%;top:80%;left:15%}.bird-mesange-charbonniere{--bird-shadow-x:60%;--bird-shadow-y:87%;--bird-shadow-width:32%;--bird-shadow-height:3%;width:6%;top:24%;left:26%}.bird-moineau-domestique{--bird-shadow-x:37%;--bird-shadow-y:95%;--bird-shadow-width:40%;width:6%;top:80%;left:77%}.bird-pinson-des-arbres{--bird-shadow-x:57%;--bird-shadow-y:89%;width:5%;top:75%;left:61%}.bird-merle-noir img,.bird-moineau-domestique img,.bird-merle-noir .bird-spritesheet,.bird-moineau-domestique .bird-spritesheet{scale:-1 1}.bird-moineau-domestique img{animation-delay:-5s}.bird-pinson-des-arbres img{animation-delay:-9s}@keyframes bird-rest{0%,82%,to{transform:translateY(0)rotate(0)}86%,90%{transform:translateY(-1px)rotate(2deg)}94%{transform:translateY(0)rotate(-1deg)}}.garden-panel{z-index:4;width:var(--drawer-width);border:0;border-left:1px solid var(--border);background:var(--chalk);min-width:0;max-width:100%;height:100dvh;max-height:none;color:var(--ink);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0 0 0 auto;overflow:visible}.garden-panel:not([open]){display:none}.garden-panel[open]{animation:.18s ease-out drawer-appear}@keyframes drawer-appear{0%{opacity:0}to{opacity:1}}.garden-toolbar{padding:max(.75rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) 1rem max(1rem, env(safe-area-inset-left,0px));border-bottom:1px solid var(--border);background:var(--chalk);flex-shrink:0}.drawer-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.drawer-heading h2{margin:0;font-size:1rem;font-weight:600}.drawer-content{min-height:0;padding:1rem max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));overscroll-behavior:contain;scrollbar-color:var(--stone) var(--oat);flex:1;overflow-y:auto}.scene-controls{top:max(var(--scene-inset), env(safe-area-inset-top,0px));right:max(var(--scene-inset), env(safe-area-inset-right,0px));transition:right .18s ease-out;position:absolute}.garden-drawer-open .scene-controls{right:calc(var(--drawer-width) + var(--scene-inset))}.scene-actions{align-items:flex-start;gap:.5rem;display:flex}.drawer-button,.drawer-close,.about-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--chalk);min-width:48px;min-height:48px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;display:inline-flex}.drawer-close,.about-button{min-width:44px;min-height:44px;padding:.5rem}.drawer-button:hover,.drawer-close:hover,.about-button:hover{background:var(--oat)}.drawer-button svg,.drawer-close svg,.about-button svg{flex-shrink:0;width:20px;height:20px}.about-button{bottom:max(var(--scene-inset), env(safe-area-inset-bottom,0px));left:max(var(--scene-inset), env(safe-area-inset-left,0px));position:absolute}.about-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--chalk);width:min(32rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);flex-direction:column;margin:auto;padding:0;display:flex;overflow:hidden}.about-modal:not([open]){display:none}.about-modal::backdrop{background:#283c3259}.about-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.about-heading h2{margin:0;font-size:1.125rem;font-weight:600}.about-content{overscroll-behavior:contain;scrollbar-color:var(--stone) var(--oat);min-height:0;padding:1.5rem;overflow-y:auto}.about-author{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.about-author p{margin:0;line-height:1.6}.github-link{border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.github-link:hover{background:var(--oat)}.github-link svg{width:24px;height:24px}.playback-control{position:relative}.playback-status{width:min(20rem,100vw - 2rem);position:absolute;top:calc(100% + .5rem);right:0}.playback-status:not(:empty){border:1px solid var(--border);border-radius:var(--radius);background:var(--chalk);padding:.5rem .75rem}.playback-button{border-radius:var(--radius);background:var(--forest);min-width:0;max-width:100%;min-height:48px;color:var(--chalk);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:inline-flex}.playback-button:hover{background:var(--ink)}.playback-button svg{flex-shrink:0;width:18px;height:18px}.playback-status p,.channel-status p{margin:.5rem 0;font-size:.875rem;line-height:1.5}.audio-error{color:var(--error)}.sound-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--linen);flex-wrap:wrap;gap:.25rem;max-width:100%;padding:.25rem;display:flex}.sound-tabs button{min-height:44px;color:var(--stone);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:.5rem .75rem;font-weight:600}.sound-tabs button:hover{color:var(--ink)}.sound-tabs button[aria-selected=true]{background:var(--forest);color:var(--chalk)}.sound-panel{min-width:0}.species-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.species-list>li{min-width:0}.channel-card{border:1px solid var(--border);border-radius:var(--radius);grid-template-rows:8rem minmax(2.5rem,auto);grid-template-columns:minmax(0,1fr) 3rem;display:grid;overflow:hidden}.species-control{grid-template-columns:subgrid;grid-template-rows:subgrid;min-width:0;color:var(--ink);text-align:left;cursor:pointer;pointer-events:none;background:0 0;border:0;grid-area:1/1/3/3;padding:0;display:grid}.species-artwork,.species-caption{background:var(--sage);pointer-events:auto;transition:background-color .16s}.species-artwork{grid-area:1/1;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.species-artwork img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .16s,filter .16s;display:block}.ambience-artwork{width:4.5rem;height:4.5rem;color:var(--forest)}.species-control:hover .species-artwork,.species-control:hover .species-caption{background:#cedcc8}.species-caption{grid-area:2/1/3/3;align-items:center;gap:.5rem;min-width:0;min-height:44px;padding:.625rem .75rem;font-size:.875rem;font-weight:600;display:flex}.species-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-indicator{border:1px solid var(--forest);background:var(--forest);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.channel-disabled .channel-indicator{border-color:var(--stone);background:0 0}.channel-disabled .species-artwork,.channel-disabled .species-caption{background:var(--oat)}.channel-disabled .species-artwork img,.channel-disabled .ambience-artwork{filter:grayscale();opacity:.45}.channel-disabled .species-control:hover .species-artwork,.channel-disabled .species-control:hover .species-caption{background:var(--border)}.species-control:focus-visible{outline:none}.species-control:focus-visible .species-artwork,.species-control:focus-visible .species-caption{outline:3px solid var(--forest);outline-offset:-3px}.channel-volume{z-index:1;border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--chalk);flex-direction:column;grid-area:1/2;align-items:center;gap:.375rem;min-width:0;padding:.5rem 0;display:flex}.channel-volume input{writing-mode:vertical-lr;width:44px;height:100%;min-height:0;accent-color:var(--forest);cursor:pointer;direction:rtl;flex:1;margin:0}.channel-volume input:disabled{cursor:default;opacity:.45}.channel-volume input:focus-visible{outline-offset:-3px;border-radius:4px}.channel-volume-value{color:var(--stone);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.6875rem}.channel-status{overflow-wrap:anywhere}.retry-button{border:1px solid var(--forest);min-height:44px;color:var(--forest);background:var(--chalk);cursor:pointer;border-radius:4px;padding:.5rem .75rem}.species-tooltip{z-index:10;background:var(--ink);width:max-content;max-width:min(17.5rem,100vw - 1.5rem);color:var(--chalk);overflow-wrap:anywhere;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;position:fixed;transform:translateY(-100%)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--forest);outline-offset:4px}.credits{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:2rem;padding-top:.75rem;font-size:.875rem;line-height:1.6}.credits summary{cursor:pointer;width:fit-content;min-height:44px;color:var(--forest);padding:.5rem 0;font-weight:600;display:list-item}.credits-intro{color:var(--stone);margin:.75rem 0 1.25rem}.credit-group+.credit-group{margin-top:1.5rem}.credit-group h2{margin:0 0 .75rem;font-size:1rem}.credit-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.credit-list li{border-left:2px solid var(--border);background:var(--oat);padding:1rem}.credit-list h3{font-size:1rem}.credit-author{font-weight:600}.credit-adaptations{color:var(--stone)}.credit-list h3,.credit-list p{margin:0 0 .5rem}a{color:var(--forest);text-underline-offset:.2em}@media (width<768px){.garden-panel{border-left:0;width:100%}.garden-drawer-open .scene-controls{right:max(var(--scene-inset), env(safe-area-inset-right,0px))}.drawer-content>.sound-panel{max-width:32rem;margin-left:auto;margin-right:auto}}@media (width<480px){.playback-label,.drawer-button-label{display:none}.playback-button{width:48px}}@media (prefers-reduced-motion:reduce){.garden-bird img,.garden-panel[open]{animation:none}*,:before,:after{transition:none!important}}@media (forced-colors:active){.scene-ui-toggle:focus-visible{outline-color:highlight}.sound-tabs button[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}.channel-indicator{border-color:buttontext}.species-control[aria-checked=true] .channel-indicator{forced-color-adjust:none;background:highlight}.species-control:focus-visible .species-artwork,.species-control:focus-visible .species-caption{outline-color:highlight}.species-tooltip{border:1px solid canvastext}}