.living{position:relative;display:block;aspect-ratio:4/3;height:92%;max-width:94%}.fresh-idea-pic .living{height:94%;max-width:96%}.living .living-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fresh .done .fresh-pic .living{opacity:.85}.fresh .done .fresh-pic .living .living-layer{opacity:1}.living .living-layer[data-move]{filter:drop-shadow(3px 7px 5px color-mix(in srgb,var(--ink) 34%,transparent));will-change:transform;animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite}.living .living-layer[data-move=bob]{animation-name:living-bob;animation-duration:var(--dur-idle)}.living .living-layer[data-move=sway]{animation-name:living-sway;animation-duration:calc(var(--dur-idle) * 1.25);animation-direction:alternate}.living .living-layer[data-move=breathe]{animation-name:living-breathe;animation-duration:var(--dur-idle);animation-direction:alternate}.living .living-layer[data-move=wobble]{animation-name:living-wobble;animation-duration:calc(var(--dur-idle) / 3);animation-direction:alternate}@keyframes living-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--living-bob) * -1))}}@keyframes living-sway{0%{transform:rotate(calc(var(--living-sway) * -1))}to{transform:rotate(var(--living-sway))}}@keyframes living-breathe{0%{transform:scale(1)}to{transform:scale(calc(1 + var(--living-breathe)))}}@keyframes living-wobble{0%{transform:scale(calc(1 + var(--living-wobble)),calc(1 - var(--living-wobble)))}to{transform:scale(calc(1 - var(--living-wobble) * .6),calc(1 + var(--living-wobble) * .6))}}.living-moment{position:absolute;pointer-events:none}.living-moment i{position:absolute;display:block;opacity:0;will-change:transform,opacity;animation-iteration-count:infinite;animation-timing-function:var(--ease-in-out)}.living-moment[data-kind=steam] i{width:14%;aspect-ratio:1/1.7;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--card) 70%,var(--ink) 30%),transparent 70%);animation-name:living-steam;animation-duration:calc(var(--dur-idle) * .9)}@keyframes living-steam{0%{opacity:0;transform:translateY(10%) scale(.6)}35%{opacity:.85}to{opacity:0;transform:translateY(-140%) scale(1.25)}}.living-moment[data-kind=fizz] i{width:6%;aspect-ratio:1;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ink) 30%,var(--card));background:color-mix(in srgb,var(--card) 70%,transparent);animation-name:living-fizz;animation-duration:calc(var(--dur-idle) * .6)}@keyframes living-fizz{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.9}to{opacity:0;transform:translateY(-260%) scale(1)}}.living-moment[data-kind=glint] i,.living-moment[data-kind=twinkle] i{width:16%;aspect-ratio:1;max-width:22px;-webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:radial-gradient(circle,var(--card) 35%,color-mix(in srgb,var(--sun) 70%,var(--card)) 75%);animation-name:living-glint}.living-moment[data-kind=glint] i{animation-duration:calc(var(--dur-idle) * .8)}.living-moment[data-kind=twinkle] i{animation-duration:calc(var(--dur-idle) * 1.2);background:radial-gradient(circle,var(--card) 40%,color-mix(in srgb,var(--sky) 55%,var(--card)) 75%)}@keyframes living-glint{0%,60%,to{opacity:0;transform:scale(.2) rotate(0deg)}75%{opacity:1;transform:scale(1) rotate(25deg)}}@media (prefers-reduced-motion:reduce){.living .living-layer[data-move],.living-moment i{animation:none;transform:none;will-change:auto}.living-moment{display:none}}.living .living-crop{position:absolute;display:block;overflow:hidden;pointer-events:none}.living .living-crop>.living-layer{position:absolute;inset:auto}