:root{
  --google-blue:#2563EB;
  --google-red:#F97316;
  --google-yellow:#F59E0B;
  --google-green:#10B981;
  --google-ink:#111827;
  --google-muted:#64748B;
  --google-border:#E2E8F0;
  --google-bg:#ffffff;
  --google-soft:#F8FAFC;
}
html,body,#root{background:#fff!important;color:var(--google-ink)!important;}
body{font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.bg-cream,.bg-cream\/85,.bg-cream\/30,.bg-cream\/40,.bg-cream-dark,.bg-cream-dark\/40,.bg-cream-dark\/50,.from-cream-light,.to-cream-dark\/50{background:#fff!important;background-image:none!important;}
.text-ink-900{color:var(--google-ink)!important}.text-ink-soft,.text-ink-400{color:var(--google-muted)!important}.text-cream,.text-cream\/60,.text-cream\/70,.text-cream\/80{color:#fff!important}
.border-ink-900\/5,.border-ink-900\/8,.border-ink-900\/10,.border-ink-900\/15,.border-ink-900\/20,.border-ink-900\/30{border-color:var(--google-border)!important}
.shadow-card-hover,.shadow-card-elevated,.shadow-card{box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.10)!important}
.card{background:#fff!important;border:1px solid var(--google-border)!important;border-radius:24px!important;box-shadow:0 1px 2px rgba(60,64,67,.08),0 6px 18px rgba(60,64,67,.08)!important;}
header.sticky{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--google-border)!important;box-shadow:0 1px 8px rgba(60,64,67,.08)!important;}
header .bg-ink-900{background:conic-gradient(from 180deg,var(--google-blue),var(--google-red),var(--google-yellow),var(--google-green),var(--google-blue))!important;}
header a.bg-ink-900{background:var(--google-blue)!important;color:#fff!important;box-shadow:0 1px 2px rgba(37,99,235,.35)!important;}
nav a,.hover\:bg-ink-900\/5:hover{border-radius:999px!important;}
nav a:not(.bg-ink-900):hover{background:#EFF6FF!important;color:var(--google-blue)!important;}
h1,h2,h3,.font-display{letter-spacing:-.035em!important;color:var(--google-ink)!important;}
h1{line-height:.96!important;}
h1 span:nth-child(1),h1 span:nth-child(2){background:linear-gradient(90deg,var(--google-blue),var(--google-green));-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.eyebrow,.text-accent-500,.text-accent-600,.text-accent-700{color:var(--google-blue)!important;}
.btn-accent{background:var(--google-blue)!important;color:#fff!important;border:1px solid var(--google-blue)!important;border-radius:999px!important;box-shadow:0 1px 2px rgba(37,99,235,.35),0 8px 18px rgba(37,99,235,.20)!important;}
.btn-accent:hover{background:#1D4ED8!important;transform:translateY(-1px)!important;}
.btn-secondary,.btn-ghost{background:#fff!important;color:var(--google-blue)!important;border:1px solid var(--google-border)!important;border-radius:999px!important;box-shadow:0 1px 2px rgba(60,64,67,.08)!important;}
.btn-secondary:hover,.btn-ghost:hover{background:#f8fafd!important;border-color:#BFDBFE!important;}
.bg-ink-900{background:var(--google-ink)!important}.bg-ink-700{background:#3c4043!important}.bg-ink-900\/5{background:#f8fafd!important}.bg-ink-100{background:#f1f3f4!important}.bg-ink-400{background:#9aa0a6!important}
.bg-signal-red{background:var(--google-red)!important}.bg-signal-green{background:var(--google-green)!important}.bg-signal-amber{background:var(--google-yellow)!important}.text-signal-red{color:var(--google-red)!important}.text-signal-green{color:var(--google-green)!important}.text-signal-amber{color:#f29900!important}.text-signal-blue{color:var(--google-blue)!important}
.bg-signal-red\/5,.bg-signal-red\/10{background:rgba(234,67,53,.08)!important}.bg-signal-green\/10,.bg-signal-green\/15{background:rgba(52,168,83,.10)!important}.bg-signal-amber\/5,.bg-signal-amber\/10,.bg-signal-amber\/15{background:rgba(251,188,5,.14)!important}.bg-accent-500\/10{background:rgba(37,99,235,.10)!important}
.border-signal-red\/20,.border-signal-red\/30{border-color:rgba(234,67,53,.28)!important}.border-signal-green\/25,.border-signal-green\/30{border-color:rgba(52,168,83,.30)!important}.border-signal-amber\/20,.border-signal-amber\/30,.border-signal-amber\/40{border-color:rgba(251,188,5,.45)!important}.border-accent-500\/20,.border-accent-500\/25{border-color:rgba(37,99,235,.25)!important}
/* Chat panel */
.card .bg-ink-900.text-cream{background:linear-gradient(90deg,var(--google-blue),var(--google-green))!important;color:#fff!important;}
.flex-1.overflow-y-auto{background:#f8fafd!important;}
.max-w-\[85\%\].bg-cream-dark{background:#fff!important;border:1px solid var(--google-border)!important;box-shadow:0 1px 2px rgba(60,64,67,.08)!important;}
button.bg-white,.border-t.bg-white{background:#fff!important;}
button.hover\:bg-ink-900:hover{background:var(--google-blue)!important;color:#fff!important;border-color:var(--google-blue)!important;}
.flex-1.flex.items-center.gap-2.bg-cream-dark{background:#fff!important;border:1px solid var(--google-border)!important;box-shadow:inset 0 1px 2px rgba(60,64,67,.04)!important;}
.flex-shrink-0.p-2\.5.bg-ink-900{background:var(--google-blue)!important;color:#fff!important;}
.flex-shrink-0.p-2\.5.bg-cream-dark{background:#fff!important;color:var(--google-blue)!important;}
/* Google four colour accent strip on major cards */
.card{position:relative;overflow:hidden;}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--google-blue) 0 25%,var(--google-red) 25% 50%,var(--google-yellow) 50% 75%,var(--google-green) 75% 100%);opacity:.95;}
.card.p-6:before,.card.p-5:before{height:3px;}
.rounded-full.bg-cream-dark,.w-7.h-7.rounded-full{background:#EFF6FF!important;border-color:#DBEAFE!important;color:var(--google-blue)!important;}
footer{background:#fff!important;border-top:1px solid var(--google-border)!important;}
@media (max-width:640px){h1{font-size:2.65rem!important}.card{border-radius:20px!important}.space-y-16{row-gap:3rem!important}}

/* NearMetro independent palette: white-first UI with transit blue, coral, amber, mint accents. */