.toast-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:10px}.toast-item{padding:15px 20px;min-width:250px;max-width:350px;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 12px var(--color-shadow-strong);transition:all .3s cubic-bezier(.25,.8,.25,1);pointer-events:auto;cursor:pointer;display:flex;align-items:center}.toast-item,.toast-transition-enter{opacity:0;transform:translateX(100%)}.toast-transition-enter-active,.toast-transition-exit{opacity:1;transform:translateX(0)}.toast-transition-exit-active{opacity:0;transform:translateX(100%)}.auth-page{width:100%;min-height:calc(100vh - 180px);display:flex;justify-content:center;align-items:center;margin:0 auto;padding:40px 20px;background:transparent;font-family:var(--font-family-main)}.auth-container{width:100%;max-width:450px;padding:3.5rem;border-radius:16px;background-color:var(--color-primary);box-shadow:0 10px 30px var(--color-shadow-strong);border:1px solid var(--color-border);transition:all .3s}body.dark-mode .auth-container{background-color:rgba(12,13,16,.96);border-color:hsla(0,0%,100%,.1);box-shadow:0 12px 40px rgba(0,0,0,.45)}.auth-link{text-align:center;margin-top:2rem;color:var(--color-text-sub);font-size:.95em}.auth-link a{font-weight:600;color:var(--color-accent)}.auth-title{text-align:center;font-family:var(--font-family-cursive);font-size:3.5rem;font-weight:400;color:var(--color-logo);margin-bottom:3rem;transition:color .3s}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{text-align:left}.form-group label{color:var(--color-text-main);margin-bottom:.5rem;display:block;font-weight:600;font-size:1em}.auth-container input[type=email],.auth-container input[type=password],.auth-container input[type=text],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:14px 18px;border:1px solid var(--color-border);border-radius:8px;font-size:1em;background-color:var(--color-secondary);color:var(--color-text-main);transition:border-color .2s,box-shadow .2s}.auth-container input:focus,.auth-form input[type=password]:focus,.auth-form input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent);outline:none}.auth-form-wrapper{display:flex;flex-direction:column;gap:1rem}.oauth-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0 .5rem;color:var(--color-text-sub);font-size:.9em}.oauth-divider:after,.oauth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 16px;border-radius:8px;font-size:.95em;font-weight:600;text-decoration:none;border:1px solid var(--color-border);transition:background .2s,color .2s}.oauth-btn:hover{opacity:.9}.oauth-google{background:#fff;color:#333;border-color:#dadce0}.oauth-google:hover{background:#f8f9fa}.oauth-kakao{background:#fee500;color:#191919;border-color:#fee500}.oauth-kakao:hover{background:#fada0a}.oauth-github{background:#0d1117;color:#fff;border-color:hsla(0,0%,100%,.15)}.oauth-github:hover{background:#161b22}.oauth-icon{font-weight:700;font-size:1.1em}.auth-button{width:100%;padding:12px 20px;border-radius:8px;font-weight:600;border:none;cursor:pointer;background-color:var(--color-accent);color:var(--color-on-accent,#fff);transition:all .2s ease-in-out}.auth-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.verify-btn{background-color:var(--color-secondary)!important;color:var(--color-text-main);border:1px solid var(--color-border)}.verify-btn:hover:not(:disabled){background-color:var(--color-border)!important}