/* A little breeze for Brooke's garden. All motion can be switched off. */
@keyframes desk-breeze{0%,100%{transform:rotate(-.7deg) translateY(0)}50%{transform:rotate(1deg) translateY(-3px)}}
@keyframes desk-flower-turn{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}
@keyframes desk-glow{0%,100%{opacity:.3;transform:translateY(0) scale(.8)}50%{opacity:.75;transform:translateY(-9px) scale(1.08)}}
@keyframes desk-petal-pop{to{transform:translate(var(--petal-x),var(--petal-y)) rotate(var(--petal-spin));opacity:0}}
html[data-desk-motion=lively] .welcome-strip:after{animation:desk-breeze 9s ease-in-out infinite;transform-origin:70% 100%}
html[data-desk-motion=lively] .welcome-strip .star-one{animation:desk-flower-turn 8s ease-in-out infinite}
html[data-desk-motion=lively] .welcome-strip .star-two{animation:desk-breeze 7s ease-in-out infinite;transform-origin:50% 80%}
html[data-desk-motion=lively] .tool-shelf a:after,html[data-desk-motion=lively] .overview-card:after{animation:desk-flower-turn 12s ease-in-out infinite;transform-origin:50% 65%}
html[data-desk-motion=lively] :is(button,.tool-shelf a,.care-grid article){transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
@media(hover:hover){html[data-desk-motion=lively] button:not(:disabled):not(.motion-toggle):hover{transform:translateY(-2px)}html[data-desk-motion=lively] .care-grid article:hover{transform:translateY(-3px)}}
html[data-desk-motion=lively] button:not(:disabled):active{transform:translateY(1px) scale(.98)}
.desk-garden-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:1}.desk-garden-lights i{position:absolute;right:16%;top:23%;width:5px;height:5px;background:#efcd77;border-radius:50%;box-shadow:0 0 12px #f3d585;opacity:0}.desk-garden-lights i:nth-child(2){right:30%;top:65%}.desk-garden-lights i:nth-child(3){right:8%;top:53%}html[data-desk-motion=lively] .desk-garden-lights i{animation:desk-glow 6s ease-in-out infinite}html[data-desk-motion=lively] .desk-garden-lights i:nth-child(2){animation-delay:2s}html[data-desk-motion=lively] .desk-garden-lights i:nth-child(3){animation-delay:4s}
.desk-petal{position:fixed;pointer-events:none;z-index:10000;font:18px Georgia,serif;color:#a0b78a;animation:desk-petal-pop .75s ease-out forwards;line-height:1;will-change:transform,opacity}.desk-petal:nth-child(even){color:#d8a3b2}
.motion-toggle{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));right:14px;z-index:9998!important;display:flex!important;align-items:center;gap:6px;width:auto!important;min-height:36px;padding:8px 12px!important;border-radius:30px!important;border:1px solid #b8c8a8!important;background:#fffaf1ed!important;color:#466348!important;font:12px 'Atkinson Hyperlegible',system-ui,sans-serif!important;box-shadow:0 3px 12px #283d2420!important;cursor:pointer;backdrop-filter:blur(7px)}.motion-toggle:focus-visible{outline:3px solid #b27db5;outline-offset:3px}
html[data-desk-motion=still] *,html[data-desk-motion=still] *:before,html[data-desk-motion=still] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
html[data-desk-motion-paused] *,html[data-desk-motion-paused] *:before,html[data-desk-motion-paused] *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.desk-petal{display:none}}
@media(max-width:760px){.motion-toggle{bottom:max(8px,env(safe-area-inset-bottom));right:8px;padding:6px 9px!important;font-size:11px!important}.desk-garden-lights i{width:4px;height:4px}}

.desk-bloom{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:italic 13px Georgia,serif;color:#5c7757;padding:3px 10px;border-radius:20px;background:#e6edda}.desk-bloom>span{display:inline-block;font-size:20px;color:#b48093}html[data-desk-motion=lively] .desk-bloom>span{animation:desk-flower-turn 8s ease-in-out infinite}