[hidden]{display:none!important}
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0e2a;--card:#111640;--line:#1d2457;--txt:#eef0ff;--mut:#9aa3cc;--acc:#ffd600}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;padding-bottom:190px}
a{color:var(--acc);text-decoration:none}
.top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,14,42,.95);backdrop-filter:blur(8px);z-index:5}
.brand{font-weight:800;color:var(--txt);font-size:1.05rem}.tag{color:var(--mut);font-size:.8rem}
main{max-width:960px;margin:0 auto;padding:18px}
.hero{display:flex;gap:18px;align-items:center;padding:22px 4px 26px}
.hero.home{display:block}.hero h1{font-size:1.8rem;line-height:1.2}
.sub{color:var(--mut);font-size:.9rem;margin:6px 0 14px}
.live{font-size:.7rem;background:#e63946;color:#fff;padding:2px 8px;border-radius:20px;vertical-align:middle;letter-spacing:1px}
.big-play{background:var(--acc);color:#0a0e2a;border:0;font-weight:800;font-size:1rem;padding:12px 26px;border-radius:30px;cursor:pointer}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}
.card h2{font-size:1.1rem;margin-bottom:12px}.card h3{font-size:.95rem;margin:12px 0 2px}.card p{color:#c9cdea}
.ext{margin-top:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.st-card,.un-card{display:flex;align-items:center;gap:10px;background:#0d1235;border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--txt);text-align:left;cursor:pointer;font:inherit}
.st-card:hover,.un-card:hover{border-color:var(--acc)}
.meta b,.un-card b{display:block;font-size:.92rem}.meta small,.un-card small{color:var(--mut);font-size:.75rem}
.logo{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff}
.logo.big{width:88px;height:88px;font-size:1.6rem;border-radius:20px}
.c-music{background:linear-gradient(135deg,#1a3a9e,#5b2bd6)}.c-vernacular{background:linear-gradient(135deg,#0f7b4f,#1fae6b)}
.c-news{background:linear-gradient(135deg,#a3262f,#e0543d)}.c-faith{background:linear-gradient(135deg,#8a6a00,#d8a400)}
.c-community{background:linear-gradient(135deg,#2a5d8a,#3e93c9)}
.player{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#060918;border-top:1px solid var(--line);z-index:10}
.pp{width:46px;height:46px;border-radius:50%;border:0;background:var(--acc);color:#0a0e2a;font-size:1.1rem;font-weight:800;cursor:pointer}
.np{flex:1;min-width:0}.np b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np small{color:var(--mut)}
#vol{width:110px}
.upnext{position:fixed;left:0;right:0;bottom:70px;background:#0d1235;border-top:1px solid var(--line);padding:12px 16px;z-index:9;animation:up .25s ease}
.upnext.fail{border-top:2px solid #e63946}
.un-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}
.un-head button{background:none;border:0;color:var(--mut);font-size:1rem;cursor:pointer}
.un-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.un-card{min-width:190px;scroll-snap-align:start}
.foot{text-align:center;color:var(--mut);font-size:.8rem;padding:30px 16px}
@keyframes up{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:600px){.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:1.5rem}#vol{display:none}.tag{display:none}}