*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0e0e10;color:#eaeaea}
.header{background:#17171a;border-bottom:1px solid #222}
.container{max-width:980px;margin:0 auto;padding:16px}
.header h1{margin:0;font-weight:700}
.header h1 a{color:#fff;text-decoration:none}
.header h1 a span{color:#7dcfff}
.header nav a{color:#9aa3af;margin-left:16px;text-decoration:none}
.card{background:#141417;border:1px solid #232329;border-radius:14px;padding:16px;margin-top:16px;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.search-form{display:flex;gap:8px}
.search-form input{flex:1;padding:10px;border-radius:10px;border:1px solid #2a2a33;background:#0f0f12;color:#eaeaea}
.search-form button,.clear{padding:10px 14px;border-radius:10px;border:1px solid #2a2a33;background:#1a1a20;color:#fff;cursor:pointer;text-decoration:none}
.muted{color:#9aa3af;font-size:.9rem}
.sort-bar{margin:8px 0 12px 0;color:#9aa3af}
.sort-bar a{color:#c9d1d9;text-decoration:none;margin:0 4px}
.results{width:100%;border-collapse:collapse}
.results th,.results td{padding:10px;border-bottom:1px solid #232329}
.results a{color:#7dcfff}
.footer{margin-top:24px;border-top:1px solid #222;background:#17171a}
.footer p{margin:0;color:#9aa3af}