:root{--muted:#4d4d4d;--ring:rgba(37,99,235,.35);--light-blue:#5c81f2}@media (prefers-color-scheme:dark){:root{--muted:#ccc;--ring:rgba(59,130,246,.45);--light-blue:#a4bbff}}#authDialog{width:min(420px,calc(100% - 24px))}.auth-wrap{min-height:85vh;display:grid;place-items:center;padding:24px}.auth-wrap .auth-card{background:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:28px;width:100%;max-width:420px}.auth-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.2px}dialog .auth-form{padding:0}.auth-form[hidden]{display:none!important}.auth-card{color:var(--card-text-color);padding:10px}.auth-form{display:grid;gap:14px}.auth-form .btn-primary{margin:10px 0 0}.auth-errors{color:var(--error-text-color);padding:0 5px}.auth-form .field{display:grid;gap:6px}.auth-form .field label{color:var(--card-text-color);margin:0 5px}.auth-form .field input{appearance:none;width:100%;padding:12px;border:none;border-radius:12px;background:var(--card-section-bg);color:var(--card-input-text-color);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field input::placeholder{color:color-mix(in srgb,var(--muted),transparent 30%)}.field input:disabled{opacity:.6;cursor:not-allowed}#authDialog .muted{color:var(--muted);font-size:16px;opacity:1}.center{margin:10px 0 5px}.center,.forgot-link{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border:1px solid transparent;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .02s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--btn-accent-bg);color:var(--btn-accent-color);font-weight:var(--btn-accent-font-weight);font-size:var(--btn-accent-font-size)}.btn-primary:hover{filter:var(--brightness-up-low)}.btn-primary:focus-visible{box-shadow:0 0 0 6px var(--ring)}.btn-switch{background:none;border:0;padding:0 2px;text-decoration:underline;cursor:pointer;font-size:15px}.auth-wrap .btn-switch{color:var(--btn-accent-bg)}#authDialog .btn-switch{color:var(--light-blue)}.forgot-link{cursor:pointer;font-size:16px;border:none;background:none;color:var(--muted)}#forgot-info{margin:0}.btn-switch:hover{filter:var(--brightness-up-hight)}.btn-switch:focus-visible{outline:3px solid var(--ring);border-radius:6px}.w-full{width:100%}.google-login{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:12px;transition:background-color .2s,transform .1s;font-weight:500;font-size:var(--btn-accent-font-size);background:#f2f2f2;color:#111}.google-login .icon{width:20px;height:20px}.google-login:active{transform:translateY(1px)}.caps-warning{color:var(--error-text-color);font-size:15px;margin:5px}.caps-warning[hidden]{opacity:0;height:0;margin:0;padding:0}.login-field,.password-field{position:relative;display:flex;align-items:center}.login-field input,.password-field input{width:100%;padding-right:2.4em}.toggle-pass{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:none;background:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s;width:24px;height:24px}.toggle-pass:hover{opacity:1}.toggle-pass img{filter:var(--color-reverse);width:100%;height:100%;object-fit:contain}.login-input-wrap{position:relative}.login-input-wrap input{padding-right:3rem}.login-status{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .15s ease;color:#fff;width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%}.login-status[data-state=available],.login-status[data-state=checking],.login-status[data-state=taken]{opacity:1}.login-status[data-state=checking]{background:none}.login-status[data-state=available]{background:#16a34a}.login-status[data-state=taken]{background:#e34949}