.login-page-container{min-height:var(--viewport-height,100dvh);background:#F8FAFC;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;overflow-x:hidden}@media (prefers-color-scheme:dark){.login-page-container{background:#0a0a0a;color:#e2e8f0}}.login-main-content{text-align:center;max-width:28rem;padding:2rem 1rem;width:100%}.login-logo{margin-bottom:2rem;display:block}.login-logo img{width:200px;height:50px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.login-title{font-size:1.875rem;color:#1A202C;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:2rem}@media (prefers-color-scheme:dark){.login-title{color:#f7fafc}}.login-error{background:#FED7D7;border:1px solid #fca5a5;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.login-error-icon{color:#E53E3E;margin-right:.5rem}.login-error-title{font-weight:600;color:#C53030;margin-bottom:.25rem}.login-error-text{font-size:.875rem;line-height:1.6;color:#C53030}@media (prefers-color-scheme:dark){.login-error{background:#2D1B1B;border-color:#FC8181}.login-error-text,.login-error-title{color:#FEB2B2}}.login-button{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:20rem;padding:1.5rem 3rem;font-size:1.125rem;font-weight:500;border-radius:.75rem;border:none;cursor:pointer;text-decoration:none;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);background:inherit;color:inherit;font-family:inherit;line-height:inherit;text-align:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button-google{background:#3182CE!important;color:white!important}.login-button-google:hover:not(:disabled){background:#2C5AA0;box-shadow:0 4px 12px rgba(49,130,206,.3)}.login-button-line{background:#06C755!important;color:white!important}.login-button-line:hover:not(:disabled){background:#05ac48;box-shadow:0 4px 12px rgba(6,199,85,.3)}.login-button-icon{margin-right:.75rem;font-size:1.25rem}.login-description{font-size:.875rem;margin:0 auto .75rem}.login-description,.login-privacy-text{color:#718096;max-width:24rem;line-height:1.6}.login-privacy-text{font-size:.75rem;margin:0 auto}.login-privacy-link{color:#3182CE;text-decoration:underline}.login-privacy-link:hover{text-decoration:none}@media (prefers-color-scheme:dark){.login-description,.login-privacy-text{color:#a0aec0}.login-privacy-link{color:#63b3ed}}.login-fade-in{animation:loginFadeIn .8s ease-out}.login-scale-in{animation:loginScaleIn .6s ease-out}.login-delay-1{animation-delay:.2s;animation-fill-mode:both}.login-delay-2{animation-delay:.4s;animation-fill-mode:both}.login-delay-3{animation-delay:.6s;animation-fill-mode:both}.login-delay-4{animation-delay:.7s;animation-fill-mode:both}.login-delay-5{animation-delay:.8s;animation-fill-mode:both}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loginScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.login-page-container{padding:1rem}.login-main-content{padding:1rem .5rem}.login-logo img{width:160px;height:40px}.login-title{font-size:1.5rem}.login-button{padding:1.25rem 2rem;font-size:1rem;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}}.login-loading{position:relative;pointer-events:none}.login-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:loginSpin 1s linear infinite}@keyframes loginSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-button:focus{outline:2px solid #3182CE;outline-offset:2px}.login-privacy-link:focus{outline:2px solid #3182CE;outline-offset:1px;border-radius:2px}@media (prefers-contrast:high){.login-button{border:2px solid}.login-error{border-width:2px}}