.h4-brand{padding:1.1rem 1.25rem .6rem}.h4-brand-row{justify-content:space-between;gap:1rem}.h4-brand-row,.h4-brand-title{display:flex;align-items:baseline;flex-wrap:wrap}.h4-brand-title{gap:.75rem;margin:0;font-size:1.55rem;line-height:1.2}.h4-brand-tag{font-size:.82rem;font-weight:400;color:var(--text-muted);letter-spacing:.01em}.h4-brand-stats{font-size:.78rem;color:var(--text-muted)}.h4-cats{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:.7rem;padding-bottom:2px}.h4-cats::-webkit-scrollbar{display:none}.h4-cat{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-full);white-space:nowrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);text-decoration:none;font-size:.86rem;font-weight:500;transition:background var(--transition),border-color var(--transition)}.h4-cat:focus-visible,.h4-cat:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);outline:none}.h4-cat-quran{background:linear-gradient(135deg,rgba(26,58,42,.9),rgba(13,31,23,.9))}.h4-cat-nasheed{background:linear-gradient(135deg,rgba(26,26,58,.9),rgba(13,13,31,.9))}.h4-lead{display:grid;grid-template-columns:200px 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:center;margin:.6rem 1.25rem 1.4rem;padding:1.1rem;border-radius:var(--radius-xl,18px);background:linear-gradient(120deg,rgba(108,92,231,.16),var(--bg-card) 55%);border:1px solid rgba(255,255,255,.06)}.h4-lead-cover{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.h4-lead-cover,.h4-lead-cover img{display:block;width:200px;height:200px}.h4-lead-cover img{object-fit:cover}.h4-lead-body{min-width:0}.h4-lead-kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.h4-lead-title{display:block;margin-top:4px;font-family:var(--font-display);font-size:1.6rem;line-height:1.15;font-weight:700;color:var(--text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h4-lead-sub{margin-top:4px;font-size:.98rem;color:var(--text-secondary)}.h4-lead-ctx{margin-top:6px;font-size:.82rem;color:var(--text-muted)}.h4-lead-progress{max-width:320px;margin-top:10px}.h4-lead-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.h4-lead-play.card-play-btn{position:static!important;opacity:1!important;transform:none!important;width:48px;height:48px}.h4-lead-reason{font-size:.8rem;color:var(--text-muted)}@media (max-width:640px){.h4-brand{padding:.9rem 1rem .4rem}.h4-brand-stats{display:none}.h4-lead{grid-template-columns:112px 1fr;gap:.9rem;margin:.5rem 1rem 1rem;padding:.8rem}.h4-lead-cover,.h4-lead-cover img{width:112px;height:112px}.h4-lead-title{font-size:1.15rem}.h4-lead-actions{margin-top:10px}}.h4-lead-skeleton{min-height:237px;background:linear-gradient(120deg,rgba(108,92,231,.1),var(--bg-card) 55%);position:relative;overflow:hidden}.h4-lead-skeleton:before{content:"";position:absolute;left:1.1rem;top:1.1rem;width:200px;height:200px;border-radius:var(--radius-lg);background:rgba(255,255,255,.05)}.h4-lead-skeleton:after{content:"";position:absolute;left:calc(200px + 2.35rem);top:2.2rem;width:40%;height:14px;border-radius:7px;background:rgba(255,255,255,.06);box-shadow:0 34px 0 -2px rgba(255,255,255,.05),0 62px 0 -4px rgba(255,255,255,.04)}@media (max-width:640px){.h4-lead-skeleton{min-height:207px}.h4-lead-title{min-height:2.3em}.h4-lead-skeleton:before{width:112px;height:112px;left:.8rem;top:.8rem}.h4-lead-skeleton:after{left:calc(112px + 1.7rem);top:1.4rem}}.h4-daypart-skeleton{min-height:275px}@media (max-width:640px){.h4-daypart-skeleton{min-height:295px}}.h4-head{align-items:flex-start}.h4-why{margin:2px 0 0 28px;font-size:.8rem;color:var(--text-muted)}.h4-rail{overflow-anchor:none}.h4-rail-wrap{position:relative}.h4-rail:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.h4-rail-btn{position:absolute;top:38%;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(10,14,20,.85);color:var(--text-primary);font-size:1.3rem;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--transition)}.h4-rail-btn:focus-visible,.h4-rail-wrap:hover .h4-rail-btn{opacity:1}.h4-rail-l{left:-6px}.h4-rail-r{right:-6px}@media (hover:none){.h4-rail-btn{display:none}}.h4-card .album-card-body{padding:10px 12px 12px}.h4-title.album-card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:2.5em}.h4-ctx{margin-top:4px;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.h4-badge{position:absolute;left:8px;top:8px;z-index:2;font-size:.64rem;font-weight:600;padding:3px 7px;border-radius:var(--radius-full);background:rgba(10,14,20,.72);color:var(--text-secondary);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.h4-cover-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-elevated)}.h4-card .card-play-btn:focus-visible{opacity:1;transform:translateY(0);outline:2px solid #fff}.h4-artist-link{text-decoration:none;display:block}.h4-artist-link:hover{color:var(--text-primary);text-decoration:underline}.album-scroll.h4-rail-wide .album-card{min-width:220px;max-width:220px;background:linear-gradient(180deg,rgba(108,92,231,.14),var(--bg-card) 60%)}.h4-card-hero .album-card-title{font-size:1.02rem;font-family:var(--font-display)}@media (max-width:640px){.album-scroll.h4-rail-wide .album-card{min-width:180px;max-width:180px}}.h4-archive-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x proximity}.h4-archive-scroll::-webkit-scrollbar{display:none}.h4-archive-scroll .h4-archive{flex-shrink:0;scroll-snap-align:start}.h4-archives{margin-top:10px}.h4-archives-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px 2px}.h4-archive{display:grid;grid-template-columns:72px 1fr auto;grid-gap:12px;gap:12px;align-items:center;min-width:320px;max-width:320px;padding:10px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px dashed rgba(255,255,255,.14);text-decoration:none;color:inherit;transition:background var(--transition),border-color var(--transition)}.h4-archive:focus-visible,.h4-archive:hover{background:var(--bg-card-hover);border-color:rgba(255,255,255,.28);outline:none}.h4-archive-cover{width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.h4-archive-cover img{width:72px;height:72px;object-fit:cover}.h4-archive-main{min-width:0}.h4-archive-kicker{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600}.h4-archive-title{font-weight:600;font-size:.98rem;line-height:1.2;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h4-archive-meta{margin-top:3px;font-size:.76rem;color:var(--text-muted)}.h4-archive-go{color:var(--text-muted);font-size:1.1rem;padding-right:4px}@media (max-width:640px){.h4-archive{min-width:280px;max-width:280px}}.h4-resume-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.h4-resume-scroll::-webkit-scrollbar{display:none}.h4-resume{display:grid;grid-template-columns:72px 1fr;grid-gap:12px;gap:12px;align-items:center;min-width:300px;max-width:300px;padding:10px;border-radius:var(--radius-lg);background:var(--bg-card);text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.05)}.h4-resume:focus-visible,.h4-resume:hover{background:var(--bg-card-hover);outline:none}.h4-resume-cover{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.h4-resume-cover img{width:72px;height:72px;object-fit:cover}.h4-resume-play{position:absolute;inset:auto 6px 6px auto;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem}.h4-resume-info{min-width:0}.h4-resume-title{font-weight:600;font-size:.92rem}.h4-resume-sub,.h4-resume-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h4-resume-sub{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.h4-progress{height:3px;border-radius:2px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}.h4-progress>span{display:block;height:100%;background:var(--gradient-accent)}.h4-coll .collection-chip-cover img{width:100%;height:100px;object-fit:cover;display:block}.h4-coll .collection-chip-meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.support-fab{bottom:96px!important;right:14px!important;width:46px!important;height:46px!important;opacity:.85}.support-fab:hover{opacity:1}.h4-page .home-section{padding-right:56px}@media (max-width:640px){.h4-page .home-section{padding-right:0}.support-fab{bottom:84px!important;right:10px!important;width:42px!important;height:42px!important}}.h4-ssr .home-section{opacity:.96}