/* Login v3.84.26 — standalone storybook academy login. */
body[data-screen="login"] .app{min-height:100dvh;background:linear-gradient(180deg,rgba(4,18,38,.42) 0%,rgba(7,26,49,.08) 31%,rgba(7,26,49,.42) 66%,rgba(4,17,36,.78) 100%),url('../assets/branding/login-chibi-math-world-v1.webp') center top/cover scroll}
body[data-screen="login"] .app::before{content:none;display:none}
body[data-screen="login"] .appHeader{display:none}
body[data-screen="login"] #login{min-height:100dvh;display:flex;padding:max(18px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}
body[data-screen="login"] .loginShell{width:min(100%,430px);min-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(22px,env(safe-area-inset-bottom)));margin:0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.loginWorldBrand{display:flex;justify-content:center;align-items:center;margin:8px auto 24px;width:100%;line-height:0}
.loginWorldBrand img{display:block;width:clamp(250px,88vw,410px);height:auto;max-height:40dvh;object-fit:contain;mix-blend-mode:normal;filter:saturate(1.05) contrast(1.04) drop-shadow(0 8px 12px rgba(3,13,28,.66))}
body[data-screen="login"] .cloudLoginCard{width:100%;display:grid;gap:12px;margin-top:auto;padding:18px 18px 18px!important;padding-bottom:18px!important;border:2px solid #244d78;border-radius:22px;background:#fff8ea;box-shadow:0 14px 28px rgba(2,10,24,.34),inset 0 1px 0 rgba(255,255,255,.9);color:#17324f}
body[data-screen="login"] .cloudLoginHead{gap:10px;color:#17324f}
body[data-screen="login"] .cloudLoginHead .loginCrest{width:42px!important;height:42px!important;flex-basis:42px!important}
body[data-screen="login"] .cloudLoginHead b{font-size:18px;font-weight:950;letter-spacing:-.015em}
body[data-screen="login"] .cloudLoginHead small{color:#65758a;font-size:12px;line-height:1.35}
body[data-screen="login"] .googleAuthButton{min-height:52px;border:1px solid #d8b45d;border-radius:13px;background:linear-gradient(180deg,#fffdf8 0%,#f5ead1 100%);color:#17324f;font-size:15px;font-weight:950;box-shadow:0 5px 12px rgba(16,45,80,.14),inset 0 1px 0 rgba(255,255,255,.85)}
body[data-screen="login"] .googleAuthButton:hover{background:linear-gradient(180deg,#fff 0%,#f8edda 100%)}
body[data-screen="login"] .googleAuthPublic>p{color:#65758a;font-size:11px;line-height:1.35}
body[data-screen="login"] .paConsentRow{color:#4e6072;font-size:11.5px;line-height:1.45}
body[data-screen="login"] .paConsentRow input{accent-color:#c99a2e}
body[data-screen="login"] .paConsentRow a,body[data-screen="login"] .paTrustLinks button{color:#8a651a}
body[data-screen="login"] .paTrustLinks{color:#718096;font-size:11px}
body[data-screen="login"] #adminAuth{display:none!important}
body[data-screen="login"] .authPrivacy{display:none}
body[data-screen="login"] .loginError{color:#8b2f2f}
body[data-screen="login"] .paDemoMount{margin-top:12px}
body[data-screen="login"] .paDemoButton{width:100%;min-height:52px;margin:0;border:1px solid #9bb5cd;border-radius:13px;background:#e8f0f7;color:#173b63;box-shadow:0 3px 8px rgba(16,45,80,.1)}
body[data-screen="login"] .paDemoButton:hover{background:#dceaf5}
body[data-screen="login"] .loginFooter{margin:14px auto 0;color:#f8e9bd;font-size:12px;font-weight:850;letter-spacing:.12em;text-align:center;text-shadow:0 2px 6px rgba(3,13,28,.75)}
body[data-screen="login"] .loginVersion{color:#dce7e8}
body[data-screen="login"] :is(button,input,summary):focus-visible{outline:2px solid #d6aa3a;outline-offset:2px}
@media(max-width:380px){body[data-screen="login"] #login{padding-inline:10px}.loginWorldBrand{margin-top:4px;margin-bottom:16px}.loginWorldBrand img{width:min(88vw,300px);max-height:33dvh}body[data-screen="login"] .cloudLoginCard{padding:14px!important;border-radius:19px}}
@media(max-height:720px){.loginWorldBrand{margin-top:0;margin-bottom:14px}.loginWorldBrand img{width:min(78vw,330px);max-height:30dvh}}
@media(min-width:601px){body[data-screen="login"] #login{padding:28px}.loginWorldBrand{margin-top:12px;margin-bottom:34px}body[data-screen="login"] .cloudLoginCard{padding:20px!important}}
@media(prefers-reduced-motion:reduce){body[data-screen="login"] .app{background-attachment:scroll}}