:root{--bg:#0a0a13;--card:#141422;--text:#f6f7fb;--muted:#b7b9c9;--accent:#6ee7ff;--accent2:#a78bfa;--border:#25253e;--chip:#101021;--radius:18px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;background:linear-gradient(180deg,#0a0a13,#0f0f1a);color:var(--text)}
header{padding:28px 20px 8px;text-align:center}
.logo{max-width:420px;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.tagline{color:var(--muted);margin:8px 0 6px}
.social{display:flex;gap:10px;justify-content:center;margin:8px 0 0}
.social a{color:var(--accent);text-decoration:none;font-weight:700;border:1px solid #2a2a46;padding:6px 10px;border-radius:10px;background:#0f0f1d}
.bio{max-width:900px;margin:14px auto 0;padding:0 16px;color:var(--muted);line-height:1.55}
.wrap{max-width:1100px;margin:26px auto 80px;padding:0 16px}
.controls{display:grid;gap:10px;margin:16px 0 20px}
.search{width:100%;padding:12px 14px;border-radius:12px;background:#101021;border:1px solid #23233c;color:var(--text)}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--chip);border:1px solid #23233c;border-radius:999px;padding:8px 12px;color:var(--muted);cursor:pointer;font-size:.92rem}
.chip.active{background:#1b1b2d;color:var(--accent);border-color:#2b2b4a}
.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.title{font-weight:800;letter-spacing:.2px;margin:2px 0}
.badge{display:inline-block;background:#101021;border:1px solid #2b2b4a;border-radius:999px;padding:4px 10px;color:var(--muted);font-size:.8rem;margin:4px 8px 8px 0}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.meta .desc{font-size:.88rem;color:var(--muted);text-decoration:underline;cursor:help}
.audio-row{display:flex;align-items:center;gap:10px}
audio{width:100%}
.cta{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.a-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#070714;padding:10px 12px;border-radius:12px;font-weight:800;border:0}
.a-btn img{height:18px;width:auto;opacity:.95}
footer{text-align:center;color:var(--muted);padding:40px 16px 70px}
.links a{color:var(--accent);text-decoration:none;font-weight:700}
.video-embed{display:flex;justify-content:center;margin:28px 0}
.small{font-size:.95rem}

.vol{display:flex;align-items:center;gap:10px;margin-top:6px}
.vol .mute{background:#101021;border:1px solid #2b2b4a;color:#e9eaf6;border-radius:10px;padding:6px 10px;cursor:pointer}
.vol input[type=range]{width:100%}