.app-login{box-sizing:border-box;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 24px max(40px,calc(env(safe-area-inset-bottom) + 24px));color:#1d1d1b;background:#fff;flex-direction:column;font-family:Noto Sans KR,sans-serif;display:flex}.app-login-brand{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:240px;padding:20px 0 64px;display:flex}.app-login-brand>img{width:clamp(136px,38vw,180px);height:auto;display:block}.app-login-brand .paper-brand{width:168px;height:auto}.app-login-actions{flex-direction:column;align-self:center;gap:12px;width:100%;max-width:420px;display:flex}.app-login-actions button{border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 20px;font-size:16px;font-weight:500;line-height:1.5;display:flex}.app-login-google{color:#1d1d1b;background:#fff;border:1px solid #747775}.app-login-apple{color:#fff;background:#000;border:1px solid #000}.app-login-actions svg{flex-shrink:0;width:22px;height:22px}.app-login-actions button:disabled{opacity:.6;cursor:wait}.app-login-actions button:focus-visible{outline-offset:4px;outline:2px solid #8980df}.app-login-error{color:#a8342c;text-align:center;word-break:keep-all;font-size:13px;line-height:1.6}.dark .app-login{color:#e8e8e8;background:#1a1a1a}.dark .app-login-error{color:#ffb6ac}.dark .app-login-apple{border-color:#aaa}@media (height<=600px){.app-login{padding-top:16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.app-login-brand{min-height:140px;padding:8px 0 24px}.app-login-brand>img{width:110px}.app-login-brand .paper-brand{width:140px}}.app-login-email{border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:14px 20px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.app-login-actions .app-login-guest{color:inherit;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 12px;font-size:15px;text-decoration:underline}.app-login-local-note{text-align:center;opacity:.7;word-break:keep-all;margin:0;font-size:12px;line-height:1.6}.app-login-register{text-underline-offset:4px;justify-content:center;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:flex}.app-login-actions a:focus-visible{outline-offset:4px;outline:2px solid #8980df}
