@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap");:root{--bg:#0b0b0c;--panel:#141416;--line:#232327;--text:#ededed;--muted:#8b8b93;--accent:#fff}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(11,11,12,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-weight:800;letter-spacing:.28em;font-size:14px}.nav a.link{color:var(--muted);font-size:14px;margin-left:20px}.nav a.link:hover{color:var(--text)}.hero{padding:72px 0 40px}.hero h1{font-size:clamp(40px,9vw,96px);line-height:.9;margin:0;font-weight:800;letter-spacing:-.03em}.hero p{color:var(--muted);max-width:520px;font-size:17px;line-height:1.5}.pill{border:1px solid var(--line);padding:6px 12px;font-size:12px;color:var(--muted)}.btn,.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px}.btn{justify-content:center;padding:11px 18px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;font-size:14px}.btn:hover{border-color:#555}.btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn.primary:hover{opacity:.88}.btn:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 18px}.input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:11px 16px;font-size:14px;outline:none;min-width:0}.input:focus{border-color:#555}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--muted);background:none}.chip.on{background:var(--text);color:#000;border-color:var(--text)}.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:52px 44px 1fr 70px 70px 1fr auto;align-items:center;grid-gap:14px;gap:14px;padding:12px 6px;border-bottom:1px solid var(--line)}.row:hover{background:#111113}.row.active{background:#151518}.thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#2a2a30,#0e0e10);display:grid;place-items:center;font-weight:800;font-size:14px;color:#555;overflow:hidden}.play{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--text);display:grid;place-items:center}.play:hover{border-color:#666}.play:disabled{opacity:.35;cursor:default}.title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta,.sub{color:var(--muted);font-size:13px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.actions{display:flex;gap:8px;justify-content:flex-end}.sold{font-size:11px;font-weight:800;letter-spacing:.1em;color:#000;background:#ddd;padding:3px 8px;border-radius:6px}.player{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(16,16,18,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.player .wrap{display:flex;align-items:center;gap:14px;height:72px}.progress{flex:1 1;height:4px;background:var(--line);border-radius:4px;cursor:pointer;position:relative}.progress>div{position:absolute;inset:0 auto 0 0;background:var(--text);border-radius:4px}.page-beat{display:grid;grid-template-columns:360px 1fr;grid-gap:40px;gap:40px;padding:48px 0 140px}.cover-lg{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,#2a2a30,#0e0e10);display:grid;place-items:center;font-size:48px;font-weight:800;color:#444}.lic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,320px));grid-gap:12px;gap:12px;margin:18px 0}.lic{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;color:var(--text)}.lic.on{border-color:var(--text)}.lic:disabled{opacity:.35;cursor:not-allowed}.lic .price{font-size:22px;font-weight:800;margin:6px 0}.lic ul{margin:8px 0 0;padding-left:16px;color:var(--muted);font-size:12px;line-height:1.6}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.paybar{display:flex;gap:10px;flex-wrap:wrap}.note{font-size:12px;color:var(--muted)}.err{color:#ff8080}.err,.ok{font-size:13px}.ok{color:#9be39b}footer{border-top:1px solid var(--line);padding:32px 0 120px;color:var(--muted);font-size:13px;margin-top:60px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500}@media (max-width:820px){.row{grid-template-columns:48px 40px 1fr auto}.row .c-bpm,.row .c-key,.row .c-tags{display:none}.thumb{width:48px;height:48px}.page-beat{gap:24px;padding-top:24px}.lic-grid,.page-beat{grid-template-columns:1fr}.nav a.link{margin-left:14px}}