:root{--bg:#f7f7f9;--accent:#0366d6;--text:#111}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
h1{color:var(--accent);font-size:2.5rem;margin:0}
p{opacity:0.85}

/* Larger city page titles */
.city-title{font-size:3.5rem;line-height:1;margin:0}

.city-buttons{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}
.btn{background:var(--accent);color:#fff;border:0;padding:0.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(0.95)}
.btn.muted{background:#e6e6ea;color:var(--text);font-weight:600}

/* Homepage city choice buttons */
.city-choice{font-size:1.25rem;padding:0.9rem 1.6rem}

@media (prefers-color-scheme: dark){
	:root{--bg:#0b1220;--accent:#58a6ff;--text:#e6eef8}
	.btn.muted{background:#1b2430}
}