*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--border:#222;--text:#e0e0e0;--muted:#555;--accent:#c8ff00;--accent-dim:#c8ff0014;--row-hover:#161616}html{font-size:14px}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;padding:28px 24px 20px;position:sticky;top:0}.header-top{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}h1{letter-spacing:-.01em;color:#fff;font-size:1.15rem;font-weight:600}#count{color:var(--muted);font-size:.78rem}.search-wrap{margin-bottom:14px;position:relative}#search{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:9px 36px 9px 12px;font-size:.95rem;transition:border-color .15s}#search::placeholder{color:var(--muted)}#search:focus{border-color:var(--accent)}.search-clear{color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;font-size:1rem;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#search:not(:placeholder-shown)~.search-clear{opacity:1;pointer-events:auto}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:500;transition:border-color .12s,color .12s,background .12s}.filter-btn:hover{color:var(--text);border-color:#444}.filter-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}main{flex:1;padding:0 24px 40px}#list{margin-top:12px}.kit-row{border-bottom:1px solid var(--border);color:inherit;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:0 -6px;padding:11px 6px;text-decoration:none;transition:background .1s;animation:.18s both fadeIn;display:grid}.kit-row:hover{background:var(--row-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kit-left{min-width:0}.kit-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.88rem;font-weight:500;overflow:hidden}.kit-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.kit-right{flex-shrink:0;align-items:center;gap:7px;display:flex}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:.65rem;font-weight:600}.badge-cat{color:#888;background:#1a1a1a;border:1px solid #2a2a2a}.badge-src-DRUM_KITS{color:#980;background:#1a1500;border:1px solid #332b00}.badge-src-KITS4BEATS{color:#068;background:#001520;border:1px solid #023}.open-icon{color:var(--muted);font-size:.85rem;transition:color .1s}.kit-row:hover .open-icon{color:var(--accent)}#empty{text-align:center;color:var(--muted);padding:60px 0;font-size:.85rem;display:none}#load-more{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;width:100%;margin:20px auto 0;padding:9px 20px;font-size:.82rem;transition:border-color .12s,color .12s;display:none}#load-more:hover{color:var(--text);border-color:#444}@media (width<=480px){header{padding:18px 14px 14px}main{padding:0 14px 40px}.badge-src-DRUM_KITS,.badge-src-KITS4BEATS{display:none}}