:root{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--accent-color: #2563eb;--accent-bg: #eff6ff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}[data-theme=dark]{--bg-page: #0b0f19;--bg-surface: #111827;--bg-subtle: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #1f2937;--accent-color: #3b82f6;--accent-bg: rgba(59, 130, 246, .15)}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.atlas-account-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:14px;background:transparent;color:var(--accent-color);cursor:pointer;flex-shrink:0}.atlas-account-avatar{display:inline-flex;width:44px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:var(--accent-bg);color:var(--accent-color);font-size:13px;font-weight:600;line-height:1}.atlas-account-button:hover .atlas-account-avatar{box-shadow:inset 0 0 0 1px var(--accent-color)}.atlas-account-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.atlas-account-panel{display:flex;flex-direction:column;gap:10px;width:min(260px,calc(100vw - 56px));color:var(--text-primary)}.atlas-account-detail{color:var(--text-muted);font-size:12px}.atlas-account-error{color:#b45309;font-size:12px;line-height:1.6}.atlas-account-actions{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border-color)}.atlas-account-actions a,.atlas-account-actions button{display:block;margin:0;padding:7px 8px;border:0;border-radius:6px;text-align:left;font:inherit;color:var(--text-secondary);background:transparent;cursor:pointer;text-decoration:none}.atlas-account-actions a:hover,.atlas-account-actions button:hover{color:var(--accent-color);background:var(--accent-bg)}.atlas-sync-notice{padding:10px 24px 0}.atlas-account-spinner{animation:atlas-account-spin 1s linear infinite}@keyframes atlas-account-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.atlas-account-spinner{animation:none}}@media(max-width:767px){.atlas-account-avatar{width:34px;height:34px;border-radius:12px;font-size:11px}.atlas-sync-notice{padding:8px 12px 0}}