:root{
  --bg:#0d1117;--card:#161b22;--text:#d1d5db;--accent:#22d3ee;--muted:#9ca3af;--ok:#10b981;--border:#262c36;--warn:#f59e0b
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex;gap:12px;align-items:baseline;padding:16px}
.site-header h1{margin:0;color:#fff}
.site-header .tag{margin:0;color:var(--muted)}

.search-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin:24px 0}
.search-row{display:flex;gap:8px;align-items:center}
.search-row input[type=text]{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f1420;color:var(--text)}
.search-row button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--accent);color:#062026;font-weight:700;cursor:pointer}
.hint{margin-top:8px;color:var(--muted)}

.lb-header{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px;margin-bottom:8px}
.leaderboard{margin:8px 0 20px}
.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lb-card{position:relative;background:linear-gradient(180deg,rgba(34,211,238,0.08),transparent);border:1px solid var(--border);border-radius:14px;padding:14px}
.lb-rank{position:absolute;top:-8px;left:-8px;background:#22d3ee;color:#062026;border-radius:999px;font-weight:800;padding:6px 10px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.lb-rank.rank-1{background:#22d3ee}
.lb-rank.rank-2{background:#a1a1aa}
.lb-rank.rank-3{background:#f59e0b}
.lb-card h3{margin:6px 0 4px 0;color:#fff}
.lb-card .price{font-size:24px;font-weight:800;color:var(--ok)}
.badge{display:inline-block;font-size:12px;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}
.meta{font-size:13px;color:var(--muted)}

.list-section{margin:20px 0 28px}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:8px 0 32px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.card h3{margin:0;color:#fff}
.card .price{font-size:22px;font-weight:800;color:var(--ok)}

.placeholder{opacity:.7}
.debug{border:1px dashed var(--border);border-radius:8px;padding:10px;color:var(--muted)}
.site-footer .wrap{padding:16px 0}