:root {
  --bg:#0b0c0e; --fg:#f4f5f7; --muted:#a2a7b0; --card:#14171b; --accent:#c6f36b;
}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
.topbar{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid #1e2229;position:sticky;top:0;background:var(--bg)}
.logo{width:32px;height:32px}
.container{max-width:720px;margin:0 auto;padding:1rem}
.card{background:var(--card);border:1px solid #1e2229;border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 6px 20px rgba(0,0,0,.25)}
h1,h2{margin:.25rem 0}
label{display:block;margin:.75rem 0 .25rem}
.file-label{display:block;border:1px dashed #2a2f38;border-radius:12px;padding:.75rem;background:#101318;cursor:pointer}
.file-label input{display:none}
.file-label span{color:var(--muted)}
textarea, input[type="text"]{width:100%;padding:.75rem;border-radius:12px;border:1px solid #2a2f38;background:#0f1217;color:var(--fg)}
.btn{display:inline-block;padding:.8rem 1rem;border:0;border-radius:12px;cursor:pointer}
.btn.primary{background:var(--accent);color:#0a0b0d;font-weight:600}
.muted{color:var(--muted)} .small{font-size:.9rem}
.result-grid{display:grid;gap:.75rem}
.result-grid .pill{padding:.6rem .8rem;background:#0f1217;border:1px solid #232833;border-radius:12px}
.item{border-top:1px solid #21262f;padding:.75rem 0}
.footer{padding:1rem;color:var(--muted);text-align:center}
.history-item{padding:.5rem 0;border-bottom:1px solid #222733}
@media (hover:hover){ .btn.primary:hover{filter:brightness(0.95)} }

.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.filters .row{display:flex;flex-direction:column}
#result .score-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin:.25rem 0}
.badge{padding:.2rem .5rem;border-radius:999px;background:#0f1217;border:1px solid #232833;font-size:.8rem}
.btn.small{padding:.4rem .6rem;font-size:.9rem;border:1px solid #2a2f38;background:#0f1217;color:#f4f5f7}