.mocha-login{--font-display:var(--font-login-display),"M PLUS 1","Hiragino Kaku Gothic ProN",system-ui,sans-serif;--font-body:var(--font-login-body),"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",system-ui,sans-serif;--fs-body-md:15px;--fs-body-sm:13px;--fs-body-xs:11px;--radius-md:16px;--text-body:#232b35;--ease-glass:cubic-bezier(.32,.72,.24,1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.42s}.lg-field-input::placeholder{color:#3d2a128c}.lg-viewport{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lg-device{width:100%;height:100%}.mocha-login{width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:520px){.lg-viewport{background:#000}.lg-device{box-sizing:border-box;background:linear-gradient(160deg,#fff,#e8eff7 55%,#bccbdd);border-radius:52px;width:430px;height:min(900px,94vh);padding:12px;box-shadow:0 40px 90px #465c7666,inset 0 0 0 2px #ffffffd9,inset 0 -3px 6px #60748c52}.mocha-login{border-radius:42px;box-shadow:inset 0 0 0 1px #c896aa4d}}@keyframes bgColScroll{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@keyframes filmFlicker{0%,to{opacity:.9}12%{opacity:.72}22%{opacity:.96}38%{opacity:.8}55%{opacity:1}70%{opacity:.78}86%{opacity:.94}}@keyframes filmGrain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,-1%)}to{transform:translate(0)}}@keyframes filmGate{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes filmScratch{0%{opacity:0;transform:translate(0)}8%{opacity:.5}30%{opacity:0}55%{opacity:.35;transform:translate(3px)}70%{opacity:0}to{opacity:0}}@keyframes lightLeak{0%,to{opacity:0}30%{opacity:.5}45%{opacity:.15}60%{opacity:.6}}@keyframes countPop{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.96)}}@keyframes reelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sweepHand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes filmFlash{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes clapBump{0%,51%{transform:translate(0)}58%{transform:translateY(3px)scale(1.03)}66%{transform:translate(0)scale(1)}72%{transform:translate(-3px)rotate(-.6deg)}80%{transform:translate(3px)rotate(.6deg)}to{transform:translate(0)rotate(0)}}@keyframes rewindStreak{0%{opacity:0;transform:translate(0)}20%{opacity:.7}to{opacity:0;transform:translate(-140%)}}