:root { --bg:#0f1729; --card:#16213e; --gold:#d4af37; --text:#e8eaf0; --muted:#9aa3b8; --blue:#4a9eff; --green:#37c871; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", sans-serif; background:var(--bg); color:var(--text); line-height:1.5; }
header { text-align:center; padding:2rem 1rem 1rem; }
h1 { margin:0; font-size:2rem; color:var(--gold); letter-spacing:-0.5px; }
.tagline { color:var(--muted); margin:.4rem 0 0; font-size:.95rem; }
main { max-width:880px; margin:0 auto; padding:1rem; }
#search { display:flex; gap:.5rem; flex-wrap:wrap; }
#seed { flex:1 1 240px; min-width:0; padding:.7rem .9rem; border-radius:10px; border:1px solid #2a3a5e; background:var(--card); color:var(--text); font-size:1rem; }
#lang { padding:.7rem; border-radius:10px; border:1px solid #2a3a5e; background:var(--card); color:var(--text); }
#search button { padding:.7rem 1.4rem; border:0; border-radius:10px; background:var(--gold); color:#1a1a1a; font-weight:700; cursor:pointer; }
.status { text-align:center; color:var(--muted); margin:1rem 0; }
.actions { display:flex; gap:.5rem; margin:1.2rem 0 .6rem; }
.actions button { padding:.45rem .9rem; border:1px solid #2a3a5e; border-radius:8px; background:transparent; color:var(--text); cursor:pointer; font-size:.9rem; }
.cols { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.col h2 { font-size:1.05rem; border-bottom:1px solid #2a3a5e; padding-bottom:.4rem; }
.count { color:var(--muted); font-size:.85rem; font-weight:400; }
ul { list-style:none; padding:0; margin:0; }
li { padding:.4rem .5rem; border-radius:6px; display:flex; align-items:center; gap:.4rem; }
li:hover { background:var(--card); }
.badge { font-size:.7rem; }
footer { text-align:center; padding:2rem 1rem; color:var(--muted); font-size:.85rem; }
footer a { color:var(--gold); }
.fine { font-size:.75rem; opacity:.8; }
@media (max-width:560px){ .cols{ grid-template-columns:1fr; } h1{ font-size:1.6rem; } }