.login-stage{min-height:100dvh}@media (prefers-color-scheme:dark){.login-stage{--wr-cream:#0b0b0c;--wr-paper:#17171a;--wr-cream-deep:#212125;--wr-ink:#f4f1ea;--wr-graphite:#f4f1eaa8;--wr-hair:#f4f1ea1a;--wr-hair-strong:#f4f1ea38;--wr-gold-ink:#e5a33a;--wr-danger-ink:#f0b4aa;--wr-teal-ink:#8ed6ca}}.login-grain{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-color-scheme:dark){.login-grain{opacity:.07}}.login-keylight{pointer-events:none;background:radial-gradient(at 50% 0,#e5a33a1a,#0000 65%);height:70%;position:absolute;inset:-30% -20% auto}@media (prefers-color-scheme:dark){.login-keylight{background:radial-gradient(at 50% 0,#e5a33a24,#0000 65%)}}.login-settle{animation:.7s cubic-bezier(.16,1,.3,1) both login-settle}.login-rise{animation:.6s cubic-bezier(.16,1,.3,1) both login-rise;animation-delay:var(--login-rise-delay,0s)}@keyframes login-settle{0%{opacity:0;transform:translateY(14px)scale(.94)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-settle,.login-rise{animation:none}}.login-stage{--reel-size:64px;--reel-outline:#2b2b2b;--reel-fill:#f7f5f0;--reel-detail:#2b2b2b;--reel-flow-duration:1.6s;--reel-ripple-duration:1.6s}@media (prefers-color-scheme:dark){.login-stage{--reel-outline:#f7f5f0}}.login-reel-lockup{font-size:calc(var(--reel-size) * .56);letter-spacing:-.02em;color:var(--wr-ink);align-items:center;gap:.34em;font-weight:600;line-height:1;display:inline-flex}.login-reel-slot{width:var(--reel-size);height:var(--reel-size);perspective:520px;flex:none;position:relative;overflow:visible}.login-reel-slot:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0b0b0c38,#0000 70%);border-radius:50%;height:10px;position:absolute;bottom:-6px;left:18%;right:18%}@media (prefers-color-scheme:dark){.login-reel-slot:after{background:radial-gradient(#00000059,#0000 70%)}}.login-reel{transform-style:preserve-3d;transition:transform .72s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.login-reel-mark{backface-visibility:hidden;filter:drop-shadow(0 6px 10px #0000002e);position:absolute;inset:0}@media (prefers-color-scheme:dark){.login-reel-mark{filter:drop-shadow(0 6px 10px #00000047)}}.login-reel-mark svg{width:100%;height:100%;display:block;overflow:visible}.login-reel-mark:first-child{transform:rotateX(0deg) translateZ(calc(var(--reel-size) * .5))}.login-reel-mark:nth-child(2){transform:rotateX(-90deg) translateZ(calc(var(--reel-size) * .5))}.login-reel-mark:nth-child(3){transform:rotateX(-180deg) translateZ(calc(var(--reel-size) * .5))}.login-reel-mark:nth-child(4){transform:rotateX(-270deg) translateZ(calc(var(--reel-size) * .5))}.login-reel[data-face="0"]{transform:rotateX(0)}.login-reel[data-face="1"]{transform:rotateX(90deg)}.login-reel[data-face="2"]{transform:rotateX(180deg)}.login-reel[data-face="3"]{transform:rotateX(270deg)}.login-reel-wave-l{animation:login-reel-flow-l var(--reel-flow-duration) linear infinite}.login-reel-wave-r{animation:login-reel-flow-r calc(var(--reel-flow-duration) * 1.4) linear infinite}@keyframes login-reel-flow-l{to{transform:translate(-40px)}}@keyframes login-reel-flow-r{to{transform:translate(40px)}}.login-reel-word{display:inline-flex}.login-reel-letter{animation:login-reel-ripple var(--reel-ripple-duration) ease-in-out infinite;animation-delay:var(--reel-ripple-delay,0s);display:inline-block}@keyframes login-reel-ripple{0%,50%,to{color:var(--wr-ink)}14%{color:#45b6a8}32%{color:#f2a03d}}@media (prefers-reduced-motion:reduce){.login-reel,.login-reel-mark{transition:none}.login-reel-wave-l,.login-reel-wave-r,.login-reel-letter{animation:none}}