.login-sky{--horizon:30%;--sky-a:#fbf4ea;--sky-b:#f6dfc2;--sky-c:#efc39a;--sky-d:#e8a8b4;--glow:#f2c14e8c;--art:#4a2a1c;--art-light:#ffe6a88c;--steam:#ffffffd9;--bean:#6f3b1f;--bean-line:#ffe6a899;--table-a:#a06a46;--table-b:#5a3322;--table-edge:#c48a5c;--grain:#00000017;--card-shadow:#2b1a128c;background:linear-gradient(to bottom, var(--sky-a) 0%, var(--sky-b) 32%, var(--sky-c) 56%, var(--sky-d) calc(100% - var(--horizon)))}.dark .login-sky{--sky-a:#1c120d;--sky-b:#2a1a12;--sky-c:#4e2d1e;--sky-d:#b0703f;--glow:#f2c14e80;--art:#0e0806;--art-light:#f2c14e73;--steam:#f5e9dc80;--bean:#c98a5a;--bean-line:#1c120d99;--table-a:#3a2419;--table-b:#1c120d;--table-edge:#6f4a33;--grain:#ffffff0d;--card-shadow:#0000008c}.login-glow{bottom:var(--horizon);background:radial-gradient(closest-side, var(--glow), transparent);translate:-50% 50%}.login-tumbler{bottom:calc(var(--horizon) - 3%);aspect-ratio:1;width:auto;height:40%;translate:-50%}.login-table{height:var(--horizon);background:linear-gradient(to bottom, var(--table-edge) 0 3px, transparent 3px), repeating-linear-gradient(to bottom, transparent 0 9px, var(--grain) 9px 10px), linear-gradient(to bottom, var(--table-a), var(--table-b))}.login-card{box-shadow:0 0 0 3px #ffffffeb, 0 18px 36px -14px var(--card-shadow)}@media (prefers-reduced-motion:no-preference){.login-glow{animation:login-fade-in 1.6s var(--ease-out-expo) .2s both}.login-tumbler{animation:login-art-rise 1.2s var(--ease-out-expo) .2s both}.login-bean{animation:5.5s ease-in-out infinite alternate login-drift}.login-card{animation:login-card-in .9s var(--ease-spring) var(--card-delay,.4s) both, login-drift var(--drift,7s) ease-in-out calc(var(--card-delay,.4s) + .9s) infinite alternate}html:is([data-splash=play],[data-splash=run]) .login-sky *{animation-play-state:paused}}@keyframes login-art-rise{0%{opacity:0;translate:-50% 30%}to{opacity:1;translate:-50%}}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-card-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes login-drift{0%{translate:0}to{translate:0 -10px}}
