.auth-overlay{height:100%}.auth-card{text-align:center;width:calc(100% - 16px);max-width:360px;margin:8px;padding:24px 20px;position:relative}.auth-header-row{justify-content:center;align-items:center;height:37px;margin-bottom:16px;display:flex;position:relative}.auth-header-row .theme-toggle-btn{width:37px;height:37px;position:absolute;right:0}.auth-card h2{color:var(--color-text-secondary);font-weight:400;font-size:var(--fs-title);letter-spacing:2px}.auth-card form{flex-direction:column;gap:8px;display:flex}.auth-card input{border:1px solid var(--color-border-input);width:100%;font-size:var(--fs-body);background:var(--color-bg-input);color:var(--color-text-primary);border-radius:6px;padding:12px;transition:border-color .3s,background-color .4s,color .4s}.auth-card input::placeholder{color:var(--color-placeholder)}.auth-card input:focus{border-color:var(--color-border-focus);outline:none}.auth-card .btn{width:100%}.auth-toggle{font-size:var(--fs-minor);color:var(--color-text-muted);margin-top:16px}.auth-toggle a{color:var(--color-text-muted);text-decoration:none;transition:color .3s}.auth-toggle a:hover{color:var(--color-text-link-hover)}.auth-error{color:var(--color-error-text);font-size:var(--fs-label);border:1px solid var(--color-error-border);background:var(--color-error-bg);border-radius:6px;min-height:1.2em;margin-top:8px;padding:8px 12px;display:none}.auth-error.visible{display:block}@media (width<=600px){body:has(.auth-overlay){padding:0}.container{height:100vh}.auth-overlay{min-height:100vh}}