.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,var(--bg) 0%,color-mix(in srgb,var(--accent2) 12%,var(--bg)) 100%)}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;max-width:440px;width:100%;box-shadow:0 24px 60px #00000059}.auth-logo{font-size:2rem;font-weight:800;margin-bottom:4px;letter-spacing:-.02em;line-height:1.1}.auth-logo-accent{color:var(--accent)}.auth-subtitle{color:var(--text-dim);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--card2);padding:4px;border-radius:var(--radius-sm)}.auth-tab{flex:1;padding:10px;background:transparent;border:none;cursor:pointer;color:var(--text-dim);font-weight:600;border-radius:var(--radius-sm);transition:background-color var(--transition),color var(--transition)}.auth-tab.is-active{background:var(--card);color:var(--text)}.auth-color-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,border-color var(--transition)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.is-active{border-color:var(--text)}.auth-error{background:color-mix(in srgb,var(--wrong) 18%,transparent);color:var(--wrong);padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem}