body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#0b0b0b;color:#fff}button:focus{outline:none}.container{max-width:1024px;margin:20px auto;padding:16px}.input{padding:8px 10px;border-radius:6px;border:1px solid #444;width:100%;background:#111;color:#fff}.card{background:#111;border:1px solid #222;padding:10px;border-radius:8px}.small{font-size:.9rem;color:#bbb}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.btn{padding:8px 12px;border-radius:6px;background:#2b6cff;color:#fff;border:none;cursor:pointer}.result-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.city-label{padding:4px 8px;border-radius:6px}