:root{--bg:#040608;--panel:#070d10;--line:#5af0ff2e;--cyan:#5af0ff;--green:#7dffa8;--amber:#ffcf5a;--red:#ff6b6b;--text:#cfe3ea;--dim:#6b8792;--mono:"Share Tech Mono", "DejaVu Sans Mono", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:13px/1.35 var(--mono);margin:0}a,code{color:var(--cyan)}button,select,input{font:12px var(--mono);color:var(--text);background:#081014f2;border:1px solid #5af0ff4d;border-radius:2px;padding:3px 8px}button{cursor:pointer}button:hover,select:hover,input:focus{border-color:var(--cyan);outline:none}button.on{border-color:var(--cyan);color:var(--cyan);background:#5af0ff1a}header{z-index:1;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;display:flex;position:sticky;top:0}header h1{font:900 15px "Orbitron", var(--mono);letter-spacing:.12em;color:#e9fbff;margin:0 6px 0 0}header h1 span{color:var(--dim);font-weight:700}header input{width:140px}.filters{gap:4px;display:flex}.count{color:var(--dim);margin-left:auto}.help{color:var(--dim);max-width:1100px;padding:10px 12px}.warn{border:1px solid var(--red);color:var(--red);margin:0 12px 8px;padding:6px 10px}h2{font:700 11px "Orbitron", var(--mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin:18px 12px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:8px;padding:0 12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:5px;padding:8px;display:flex}.card .head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card .play{width:30px;height:26px;padding:0;font-size:13px}.card .name{color:#e9fbff;font-size:15px}.card .path{color:var(--dim);border-color:var(--line);margin-left:auto;font-size:10px}.card .desc{color:#9fb6bf;font-size:12px}.card .dim{color:var(--dim)}.badge{border:1px solid;border-radius:2px;padding:0 5px;font-size:10px}.badge.synth{color:var(--dim);border-color:var(--line)}.badge.real{color:var(--green);border-color:var(--green)}.badge.bad{color:var(--red);border-color:var(--red)}.variants{flex-wrap:wrap;gap:3px;display:flex}.chip{color:var(--dim);border-color:var(--line);padding:1px 6px;font-size:11px}.chip.real{color:var(--green);border-color:var(--green)}.chip:before{content:"▶ ";font-size:9px}.trim{color:var(--dim);align-items:center;gap:6px;font-size:11px;display:flex}.trim input{flex:1;padding:0}main{padding-bottom:40px}