*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --blue: #2563eb;
  --blue-dark: #1d4ed8;
  --blue-light: #eff6ff;
  --text: #111827;
  --text-muted: #6b7280;
  --text-faint: #9ca3af;
  --bg: #f1f3f8;
  --surface: #ffffff;
  --border: rgba(0,0,0,0.08);
  --radius: 12px;
  --radius-sm: 8px;
}

body {
  font-family: 'Barlow', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-size: 15px;
  line-height: 1.5;
  transition: opacity 0.12s ease;
  top: 0 !important;
}

body.app-loading {
  opacity: 0;
}

/* Hide Google Translate auto-banner */
.goog-te-banner-frame { display: none !important; }
.goog-te-balloon-frame { display: none !important; }
body > .skiptranslate { display: none; }

/* Ensure translate dropdown is visible */
.goog-te-menu-frame {
  z-index: 999999 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}
#goog-gt-tt { display: none !important; }
.goog-te-menu2 { max-height: 300px !important; }
.goog-te-menu2-item div, .goog-te-menu2-item-selected div {
  padding: 8px 16px !important;
}