bear-window{--window-width: 30%;--window-transition: .32s cubic-bezier(.2, .8, .2, 1);--window-play-state: paused;display:block;position:absolute;left:61%;top:6%;width:var(--window-width);aspect-ratio:148 / 173}bear-window[data-running=true]{--window-play-state: running}.bear-window-button{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}.bear-window-button:disabled{cursor:default}.bear-window-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bear-window-art,.bear-window-art img{display:block;position:absolute;inset:0;width:100%;height:100%}.bear-window-art{pointer-events:none}.bear-window-art img{image-rendering:pixelated;transition:opacity .24s ease-out,filter .24s ease-out}.bear-window-night{opacity:0;mask-image:url(/bear-study/window-day.webp);mask-size:100% 100%;mask-repeat:no-repeat}bear-home-study:is([data-period=evening],[data-period=night]) .bear-window-night{opacity:1}bear-home-study:is([data-weather=cloudy],[data-weather=rainy],[data-weather=thunder]) .bear-window-day{filter:saturate(.65) brightness(.94)}.bear-window-glass{position:absolute;inset:11% 12% 10% 13%;overflow:hidden;clip-path:polygon(0 0,68% 0,68% 9%,71% 9%,71% 20%,77% 20%,77% 34%,82% 34%,82% 46%,86% 46%,86% 57%,91% 57%,91% 66%,84% 66%,84% 78%,79% 78%,79% 89%,71% 89%,71% 100%,0 100%)}.bear-window-rain,.bear-window-splashes,.bear-window-drying{position:absolute;inset:0;opacity:0;transition:opacity .24s ease-out}bear-home-study:is([data-weather=rainy],[data-weather=thunder]) :is(.bear-window-rain,.bear-window-splashes){--window-rain-motion: bear-window-rain;--window-splash-motion: bear-window-splash;opacity:.8}.bear-window-rain i,.bear-window-drying i{position:absolute;top:0;left:9%;width:2px;height:5px;background:var(--bear-rain);animation:var(--window-rain-motion, none) 2.4s steps(6) infinite var(--window-play-state)}.bear-window-rain i:nth-child(2){left:31%;top:13%;animation-delay:-1.4s}.bear-window-rain i:nth-child(3){left:60%;top:6%;animation-delay:-.8s}.bear-window-rain i:nth-child(4){left:19%;top:55%;animation-delay:-1.9s}.bear-window-rain i:nth-child(5){left:68%;top:60%;animation-delay:-.3s}.bear-window-cloud{position:absolute;top:14%;left:0;width:16px;height:8px;background:var(--bear-cream);opacity:0;clip-path:polygon(0 50%,25% 50%,25% 25%,50% 25%,50% 0,75% 0,75% 25%,100% 25%,100% 100%,0 100%)}bear-home-study[data-weather=sunny]:is([data-period=morning],[data-period=work],[data-period=afternoon]) .bear-window-cloud{animation:bear-window-cloud 32s linear infinite var(--window-play-state)}.bear-window-splashes i{position:absolute;left:16%;bottom:2%;width:8px;height:4px;background:var(--bear-rain);clip-path:polygon(0 0,25% 0,25% 50%,75% 50%,75% 0,100% 0,100% 50%,75% 50%,75% 100%,25% 100%,25% 50%,0 50%);animation:var(--window-splash-motion, none) 2.4s steps(4) infinite var(--window-play-state)}.bear-window-splashes i:nth-child(2){left:42%;animation-delay:-.8s}.bear-window-splashes i:nth-child(3){left:59%;animation-delay:-1.6s}.bear-window-drying i{top:23%;left:23%;animation:none}.bear-window-drying i:nth-child(2){top:51%;left:44%;height:3px}.bear-window-drying i:nth-child(3){top:8%;left:60%;height:4px}bear-window[data-drying=true] .bear-window-drying{opacity:.65}bear-window[data-drying=true] .bear-window-drying i{animation:bear-window-dry 12s linear both var(--window-play-state)}bear-home-study :is([data-bear-poster],[data-bear-canvas]){transition:filter .24s ease-out}bear-home-study[data-curtain=closed]:is([data-period=morning],[data-period=work],[data-period=afternoon]) :is([data-bear-poster],[data-bear-canvas]){filter:brightness(.9)}bear-home-study[data-curtain=closed][data-lamp=on]:is([data-period=morning],[data-period=work],[data-period=afternoon]) :is([data-bear-poster],[data-bear-canvas]){filter:brightness(.97)}.bear-window-curtain{position:absolute;inset:11% 12% 10% 13%;background:repeating-linear-gradient(90deg,var(--bear-cream) 0 12%,var(--bear-warmth) 12% 16%,var(--bear-cream) 16% 28%,var(--bear-wood) 28% 30%);clip-path:polygon(0 0,100% 0,100% 97%,90% 97%,90% 100%,73% 100%,73% 97%,57% 97%,57% 100%,40% 100%,40% 97%,23% 97%,23% 100%,7% 100%,7% 97%,0 97%);opacity:0;transform:scaleX(.04);transform-origin:right center;transition:transform var(--window-transition),opacity .16s ease-out}.bear-window-button[aria-pressed=true] .bear-window-curtain{opacity:1;transform:scaleX(1)}@keyframes bear-window-rain{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(-3px,16px)}}@keyframes bear-window-cloud{0%,15%{opacity:0;transform:translate(-16px)}17%,38%{opacity:.55}40%,to{opacity:0;transform:translate(72px)}}@keyframes bear-window-splash{0%,65%,to{opacity:0;transform:translateY(2px) scaleX(.5)}70%{opacity:.8;transform:translateY(0) scaleX(1)}85%{opacity:0;transform:translateY(-2px) scaleX(1.2)}}@keyframes bear-window-dry{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.bear-window-art img,.bear-window-glass span,.bear-window-curtain,bear-home-study :is([data-bear-poster],[data-bear-canvas]){transition:none}bear-home-study bear-window .bear-window-glass :is(.bear-window-cloud,i){animation:none!important}.bear-window-cloud,.bear-window-splashes{display:none}}.bear-home-study[data-astro-cid-kh2iryzx]{--bear-width: 232px;--bear-heart: #d89987;display:block;position:relative;width:var(--bear-width);margin-inline:auto;line-height:0}img[data-astro-cid-kh2iryzx],canvas[data-astro-cid-kh2iryzx]{display:block;width:100%;height:auto;image-rendering:pixelated}.bear-home-study[data-astro-cid-kh2iryzx] [data-astro-cid-kh2iryzx][hidden]{display:none}button[data-astro-cid-kh2iryzx]{font:inherit;cursor:pointer;color:var(--c-text-muted)}button[data-astro-cid-kh2iryzx]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hotspot[data-astro-cid-kh2iryzx]{position:absolute;border:0;padding:0;background:transparent;min-width:44px;min-height:44px;border-radius:4px}.head[data-astro-cid-kh2iryzx]{left:33%;top:12%;width:39%;height:34%}.mug[data-astro-cid-kh2iryzx]{left:4%;top:57%;width:20%;height:33%}.laptop[data-astro-cid-kh2iryzx]{left:51%;top:57%;width:22%;height:33%}.plant[data-astro-cid-kh2iryzx]{left:75%;top:57%;width:22%;height:33%}.caption[data-astro-cid-kh2iryzx]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}.heart[data-astro-cid-kh2iryzx]{position:absolute;top:6%;left:64%;display:none;color:var(--bear-heart);pointer-events:none}.heart[data-astro-cid-kh2iryzx] svg[data-astro-cid-kh2iryzx]{width:12px;height:12px;fill:currentColor}[data-astro-cid-kh2iryzx][data-state=pet] .heart[data-astro-cid-kh2iryzx]{display:block}@media(max-width:600px){.bear-home-study[data-astro-cid-kh2iryzx]{--bear-width: 200px}}.bear-study-wrapper{cursor:default}