:root{--auth-bg:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}body{background:var(--color-bg);} .auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--auth-bg);padding:20px;} .auth-card{background:white;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.1);padding:32px;max-width:420px;width:100%;} .auth-header{text-align:center;margin-bottom:20px;} .auth-logo{font-size:2rem;margin-bottom:8px;} .auth-title{font-size:1.6rem;color:#333;margin-bottom:6px;} .auth-subtitle{color:#666;font-size:.9rem} .form-group{margin-bottom:16px;} .form-label{display:block;margin-bottom:6px;font-weight:600;color:#333;} .form-input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;} .form-input:focus{outline:none;border-color:#667eea;} .error-message{color:#e74c3c;font-size:.85rem;margin-top:6px;display:none;} .auth-button{width:100%;padding:12px;background:#667eea;color:#fff;border:0;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;margin:10px 0;} .auth-button:disabled{opacity:.6;cursor:not-allowed;} .google-button{background:#db4437;display:flex;gap:10px;align-items:center;justify-content:center;} .divider{text-align:center;margin:16px 0;position:relative;color:#666;} .divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9;} .divider span{background:white;padding:0 12px;} .status-message{padding:10px;border-radius:6px;margin-bottom:16px;display:none;} .status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;} .status-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;} .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}

/* Sign in with Apple button — Apple HIG compliant */
.auth-button.apple-button{background:#000000;color:#ffffff;border:1px solid #000000;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;}
.auth-button.apple-button:hover{opacity:.85;}
.auth-button.apple-button svg{width:18px;height:18px;flex-shrink:0;}
[data-theme="dark"] .apple-button{background:#ffffff;color:#000000;border:1px solid #ffffff;}
[data-theme="dark"] .divider span{background:var(--color-bg);}
[data-theme="dark"] .auth-card{background:var(--color-bg);}