.shell{position:relative}
.sakura-atmosphere{display:none;position:absolute;inset:0 0 64px;overflow:hidden;pointer-events:none;z-index:6;contain:strict}
.shell:has(#screen:is([data-route="home"],[data-route="machine"],[data-route="profile"])) .sakura-atmosphere{display:block}
.sakura-atmosphere i{position:absolute;top:-16px;left:var(--x);width:var(--size);height:calc(var(--size)*1.55);border-radius:75% 12% 65% 25%;background:linear-gradient(130deg,#efb1b2,#be647d);opacity:0;animation:sakura-fall var(--duration) var(--delay) linear infinite;pointer-events:none}
@keyframes sakura-fall{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}15%{transform:translate3d(var(--sway),15dvh,0) rotate(65deg);opacity:.6}35%{transform:translate3d(calc(var(--sway)*-.6),33dvh,0) rotate(-25deg);opacity:.5}57%{transform:translate3d(var(--drift),56dvh,0) rotate(140deg);opacity:.65}78%{transform:translate3d(calc(var(--drift)*.3),78dvh,0) rotate(210deg);opacity:.55}100%{transform:translate3d(var(--sway),105dvh,0) rotate(var(--turn));opacity:0}}
.sakura-atmosphere.is-paused i,body:has(dialog[open]) .sakura-atmosphere i{animation-play-state:paused}
#screen[data-route="machine"]{background-image:linear-gradient(#08090928,#08090948),url('./design-assets/profile-background-v2.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.home-support{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;flex-shrink:0;margin-top:4px;padding:10px 14px;text-align:center;text-decoration:none;border:1px solid #aa813c;border-radius:11px;background:linear-gradient(115deg,#2b2116,#111414 70%);color:#edc16c;font-size:13px;font-weight:700}
.home-support svg{width:19px;height:19px;flex-shrink:0}.home-support:hover{border-color:#edc16c;background:#292016}
.approved-home .home-support{margin-top:0}
.home-support:focus-visible{outline:2px solid #f5c65e;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sakura-atmosphere{display:none!important}.sakura-atmosphere i{animation:none}}