:root{--pp-burnt-orange:var(--color-burnt-orange);--pp-deep-pink:var(--color-deep-pink);--pp-teal:var(--color-teal);--pp-navy:var(--color-navy);--pp-mustard:var(--color-mustard);--pp-bg:var(--color-bg);--pp-ink:#14110d;--pp-font-body:var(--font-family);--pp-font-display:var(--font-family-heading);--pp-font-mono:var(--font-accent)}html,body{height:100%}body{background:var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-font-body);margin:0;overflow:hidden}.close{z-index:10;background:var(--pp-navy);color:var(--pp-bg);font-family:var(--pp-font-body);cursor:pointer;border:0;border-radius:999px;align-items:center;min-height:44px;padding:.75rem 2rem;font-size:1rem;text-decoration:none;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.close:hover,.close:focus-visible{background:var(--pp-teal)}.room{isolation:isolate;--daylight:.5;--open:.22;--sun:.2;--moon:0;--lit:.3;--warm:#ffd98f;--sky-1:#bcdcea;--sky-2:#f6efd8;--win-x:calc(4.5% + 48px);--win-w:min(25vw, 300px);background:radial-gradient(122% 104% at 46% 40%,#3a2e2000 42%,#3a2e2038 100%),linear-gradient(#f7f2e7,#ece4d3);height:100%;position:relative;overflow:hidden}.room:after{content:"";pointer-events:none;z-index:9;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.sunwash{z-index:0;pointer-events:none;background:radial-gradient(115% 82% at 15% 12%, var(--warm), #ffde8f00 64%);opacity:calc(.06 + var(--sun) * .86);position:absolute;inset:0}.moonwash{z-index:0;pointer-events:none;opacity:calc(var(--moon) * 2.4);background:radial-gradient(105% 76% at 15% 14%,#a8c4ffd9,#a8c4ff00 62%);position:absolute;inset:0}.floor{z-index:1;background:linear-gradient(#604e3429,#604e340d);border-top:1.5px solid #2a231c52;height:23%;position:absolute;bottom:0;left:0;right:0}.beam{left:var(--win-x);width:var(--win-w);z-index:8;pointer-events:none;filter:blur(13px);mix-blend-mode:screen;height:93%;opacity:calc(var(--daylight) * var(--daylight) * .92);position:absolute;top:7%}.beam i{height:100%;width:calc(var(--open) * 96%);background:linear-gradient(180deg, #ffd67800 0%, var(--warm) 20%, #ffd6786b 56%, #ffd67800 93%);clip-path:polygon(0 0, 100% 0, calc(100% + var(--beam-lean,40) * 1%) 100%, calc(var(--beam-lean,40) * 1%) 100%);position:absolute;top:2%;left:50%;transform:translate(-50%)}.beam--moon{opacity:calc((1 - var(--daylight)) * var(--open) * .5)}.beam--moon i{background:linear-gradient(#bad0ff00 0%,#bad0fff2 20%,#b2caff5c 56%,#b2caff00 93%)}.window{left:var(--win-x);width:var(--win-w);aspect-ratio:3/4;z-index:3;pointer-events:auto;position:absolute;top:7%}.pane{background:linear-gradient(195deg, var(--sky-1), var(--sky-2));position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #2a231c2e}.pane:before,.pane:after{content:"";z-index:2;background:#2a231c6b;position:absolute}.pane:before{width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.pane:after{height:2px;top:46%;left:0;right:0}.celestial{left:calc(var(--cel-x,.5) * 100%);top:calc(var(--cel-y,.4) * 100%);aspect-ratio:1;background:var(--cel-fill,#fff3c4);width:15%;box-shadow:0 0 0 6px var(--cel-halo,#ffecaf6b), 0 0 26px 12px var(--cel-halo,#ffecaf6b);opacity:var(--cel-o,1);z-index:1;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.celestial:after{content:"";background:linear-gradient(195deg, var(--sky-1), var(--sky-2));opacity:var(--cel-crescent,0);border-radius:50%;position:absolute;inset:0;transform:translate(-26%,-16%)scale(.94)}.frame{pointer-events:none;z-index:3;border:9px solid #e6dcc4;position:absolute;inset:-10px;box-shadow:0 1px 1px #40362866,0 10px 20px #40362829,inset 0 0 0 1px #2a231c40}.sill{z-index:3;background:#e6dcc4;height:12px;position:absolute;bottom:-20px;left:-16px;right:-16px;box-shadow:0 1px 1px #40362866,0 8px 14px #40362824,inset 0 0 0 1px #2a231c38}.rod{z-index:5;background:linear-gradient(#8a7355,#6d5940);border-radius:3px;height:5px;position:absolute;top:-20px;left:-18px;right:-18px;box-shadow:0 2px 3px #4036284d}.curtain{width:calc(55% - var(--open,.5) * 47%);z-index:4;cursor:ew-resize;touch-action:none;background-color:#dcc491;background-image:repeating-linear-gradient(90deg,#e0a72e80 0 8px,#e0a72e52 8px 13px,#0e6e6e38 13px 16px,#e0a72e6b 16px 24px);transition:width .12s linear;position:absolute;top:-14px;bottom:-1px;box-shadow:inset 0 0 0 1px #2a231c1f,0 2px 6px #4036282e}.curtain:after{content:"";background:linear-gradient(90deg,#2a231c38,#2a231c00);width:9px;position:absolute;top:0;bottom:0}.curtain:before{content:"";opacity:.55;border-left:2px solid #2a231c52;border-right:2px solid #2a231c52;width:13px;height:26px;transition:opacity .2s;position:absolute;top:46%}.curtain:hover:before,.curtain:focus-visible:before{opacity:1}.curtain--l{left:-14px}.curtain--l:after{right:-9px;transform:scaleX(-1)}.curtain--l:before{right:7px}.curtain--r{right:-14px}.curtain--r:after{left:-9px}.curtain--r:before{left:7px}.curtain:focus-visible{outline:2px solid var(--pp-navy);outline-offset:3px}.clock{aspect-ratio:1;z-index:3;cursor:grab;touch-action:none;background:radial-gradient(circle at 38% 32%,#fdfaf1,#efe7d4 78%,#e2d7bd);border:5px solid #e6dcc4;border-radius:50%;width:clamp(92px,11vw,150px);position:absolute;top:12%;right:9%;box-shadow:0 1px 1px #40362866,0 12px 22px #40362833,inset 0 0 0 1px #2a231c38}.clock.dragging{cursor:grabbing}.clock:focus-visible{outline:2px solid var(--pp-navy);outline-offset:5px}.clock-tick{transform-origin:50% 550%;width:1.5px;height:8%;transform:rotate(calc(var(--i) * 30deg));background:#2a231c73;margin-left:-.75px;position:absolute;top:6%;left:50%}.clock-tick:nth-child(3n+1){transform-origin:50% 366%;background:#2a231cb8;width:2.5px;height:12%;margin-left:-1.25px}.clock-hand{transform-origin:50% 100%;background:var(--pp-navy);border-radius:2px;position:absolute;bottom:50%;left:50%}.clock-hand--h{width:3.5px;height:27%;transform:rotate(calc(var(--hour-deg,0) * 1deg));margin-left:-1.75px}.clock-hand--m{opacity:.66;width:2px;height:38%;transform:rotate(calc(var(--min-deg,0) * 1deg));margin-left:-1px}.clock-pin{background:var(--pp-burnt-orange);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.plant{left:var(--x);bottom:var(--y);z-index:var(--z,2);position:absolute;transform:translate(-50%)}.plant-shade{width:78%;height:9%;transform:translateX(calc(-50% + var(--shade-push,10) * 1%)) skewX(calc(var(--shade-lean,16) * 1deg)) scaleX(var(--shade-len,1.2));transform-origin:50% 100%;opacity:calc(.06 + var(--sun) * .8 + var(--moon) * 1.1);filter:blur(calc(2px + (1 - var(--sun)) * 5px));pointer-events:none;background:radial-gradient(closest-side,#342a1e9e,#342a1e00);border-radius:50%;position:absolute;bottom:-2%;left:50%}.plant-hit{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.plant-hit:focus-visible{outline:2px solid var(--pp-navy);outline-offset:6px}.plant-stack{transform:rotate(calc(var(--tilt,-2) * 1deg));transform-origin:50% 100%;filter:hue-rotate(calc(var(--hue,0) * 1deg)) saturate(var(--sat,1)) brightness(var(--bright,1)) drop-shadow(0 4px 7px #4036284d);display:block;position:relative}.plant-stack img{height:var(--ph,40vh);width:auto;display:block}.p-leaf{clip-path:inset(0 0 42.5%);transform-origin:50% 62%;transform:scaleX(var(--flip,1)) scale(var(--grow,1)) rotate(calc(var(--droop,0) * 1deg))}.p-pot{clip-path:inset(57.5% 0 0);transform:scaleX(var(--flip,1));position:absolute;top:0;left:0}.canopy{pointer-events:none;z-index:3;filter:blur(.4px)drop-shadow(0 1px 1px #40362842);position:absolute;inset:0}.bud{width:var(--s);height:var(--s);left:var(--bx);top:var(--by);opacity:var(--o,0);transform:translate(-50%, -50%) scale(var(--sc,0)) rotate(var(--rot));background:radial-gradient(ellipse 27% 27% at 50% 20%, var(--c) 0 74%, transparent 99%), radial-gradient(ellipse 27% 27% at 81% 43%, var(--c) 0 74%, transparent 99%), radial-gradient(ellipse 27% 27% at 69% 81%, var(--c) 0 74%, transparent 99%), radial-gradient(ellipse 27% 27% at 31% 81%, var(--c) 0 74%, transparent 99%), radial-gradient(ellipse 27% 27% at 19% 43%, var(--c) 0 74%, transparent 99%), radial-gradient(ellipse 16% 16% at 50% 53%, var(--c2) 0 78%, transparent 99%);position:absolute}.plant--night .canopy{filter:blur(.4px)drop-shadow(0 0 6px #cee0ffb3)drop-shadow(0 0 14px #b2caff61)}.nightfall{z-index:7;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(180deg, var(--dark-1,#1c2442), var(--dark-2,#0a0f1e));opacity:var(--dark,0);position:absolute;inset:0}.nightglow{z-index:8;pointer-events:none;mix-blend-mode:screen;opacity:var(--ng-o,0);background:radial-gradient(closest-side,#c8dcff70,#96b6ff21 44%,#96b6ff00 74%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.veil{z-index:10;pointer-events:none;opacity:1;background:#efe9dc;position:absolute;inset:0}@media (width<=760px){.room{--win-x:8%;--win-w:40vw}.clock{width:clamp(58px,15vw,96px);top:8%;right:6%}.plant-stack img{height:calc(var(--ph) * .5)}.plant{bottom:calc(var(--y) * .8)}}@media (prefers-reduced-motion:reduce){.curtain{transition:none}}