/* GeoSearch: ciberpunk pastel legible */
:root{
  --bg1:#fff6ff;
  --bg2:#e9f7ff;
  --accent:#b26bff;
  --muted:#5b4b66;
  --card:#ffffffcc;
  --glow: 0 0 12px rgba(178,107,255,0.22);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  background: linear-gradient(135deg,var(--bg2),var(--bg1));
  color:#222;
  padding:24px;
}

/* header */
.top{
  text-align:center;
  margin-bottom:18px;
}
.banner{max-width:240px;display:block;margin:0 auto 10px;border-radius:10px;}
h1{
  margin:0;
  color:var(--accent);
  text-shadow:0 0 6px #f0d6ff;
  font-size:26px;
}
.sub{margin:8px 0 0;color:var(--muted);font-size:13px}

/* search area */
.search-area{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  margin:18px 0;
  flex-wrap:wrap;
}
#searchInput{
  width:72%;
  min-width:260px;
  padding:12px 14px;
  border-radius:12px;
  border:2px double rgba(178,107,255,0.22);
  background:#fff;
  box-shadow: var(--glow);
  font-size:15px;
}
.option{font-size:13px;color:var(--muted)}

/* results */
#results{max-width:980px;margin:18px auto}
.card{
  background:var(--card);
  border-radius:12px;
  padding:14px;
  margin-bottom:12px;
  border:2px dashed rgba(178,107,255,0.12);
  box-shadow: 0 6px 18px rgba(150,110,200,0.06);
  transition: transform .12s ease;
}
.card:hover{transform: translateY(-4px)}
.card h2{
  margin:0 0 6px;
  font-size:18px;
  color:#6b00d9;
  text-decoration:none;
}
.card h2 a{color:inherit;text-decoration:none}
.meta{
  font-size:13px;color:var(--muted);
  background:#fffafa;border-radius:8px;padding:8px;margin-top:8px;border-left:4px solid rgba(178,107,255,0.16);
}
.kws{margin-top:8px;font-size:13px}
.kw{
  display:inline-block;padding:4px 8px;border-radius:999px;margin-right:6px;margin-top:6px;
  background:linear-gradient(90deg,#fff,#f8f0ff);border:1px solid rgba(178,107,255,0.08);
  font-size:12px;color:#5a2d80;
}

/* small helper */
.muted{text-align:center;color:var(--muted);margin-top:8px}
.foot{text-align:center;margin-top:28px;color:var(--muted);font-size:13px;padding-bottom:20px}

/* highlight matched text */
.highlight{background:linear-gradient(90deg,#fff3b6,#ffd6ff);padding:2px 4px;border-radius:4px}