:root{
    --bg:#f5f7fb;
    --card:#fff;
    --accent:#0b74de;
    --muted:#666;
}

*{box-sizing:border-box}
body{
  margin:0;font-family:system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;
  background:var(--bg);color:#111;
}
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;background:linear-gradient(90deg,var(--accent),#145ea8);
  color:white;
}
.container{padding:16px;max-width:900px;margin:18px auto}
.search{display:flex;gap:8px;margin-bottom:10px;align-items:center}
.search input{flex:1;padding:10px;border:1px solid #d6dbe9;border-radius:6px}
.btn{background:var(--accent);color:white;border:none;padding:10px 12px;border-radius:6px;cursor:pointer}
.btn.hidden{display:none}
.status{margin:0;font-size:13px;color:var(--muted)}
.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:12px}
.card{background:var(--card);padding:12px;border-radius:10px;box-shadow:0 1px 6px rgba(16,24,40,.06)}
.card h3{margin:0 0 8px;font-size:16px}
.card p{margin:0;font-size:13px;color:var(--muted)}
.card .meta{margin-top:8px;font-size:12px;color:#999;display:flex;gap:8px;flex-wrap:wrap}
.footer{padding:20px;text-align:center;color:#777}
.stored{margin-top:18px}
.saved-item{padding:8px;border-bottom:1px dashed #eee}