:root{--cream:#f5ede0;--cream-muted:#f5ede0b3;--gold:#c99543;--gold-bright:#dda84c;--night:#071018;--panel:#100d0ae0}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;margin:0}body{color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.hero{isolation:isolate;background:#071018;width:100%;min-height:100svh;position:relative;overflow:hidden}.hero-image{z-index:-4;background-image:url(/images/bazm-qawwali-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-vignette{z-index:-3;pointer-events:none;background:radial-gradient(circle at 50% 20%,#0000002b 0%,#00000014 14%,#0000 31%),linear-gradient(#00000024 0%,#0000 42%,#00000038 100%);position:absolute;inset:0}.utility-bar{z-index:10;color:#f5ede0eb;letter-spacing:.015em;text-shadow:0 1px 16px #0009;align-items:center;font-size:clamp(12px,.88vw,16px);display:flex;position:absolute;top:clamp(18px,3.2vh,34px);left:clamp(22px,3vw,48px);right:clamp(22px,3vw,48px)}.clock-status{align-items:center;gap:10px;min-height:24px;display:flex}.clock{align-items:center;gap:9px;font-weight:500;display:flex}.clock-face{color:var(--gold-bright);font-size:1.22em;line-height:1}.status-separator{color:#f5ede075}.bazm-status{color:#f5ede0c7;letter-spacing:.12em;align-items:center;gap:7px;font-size:.82em;animation:.5s both bazmStatusFade;display:inline-flex}.status-dot{background:var(--gold-bright);border-radius:999px;width:6px;height:6px;animation:2.8s ease-in-out infinite bazmPulse;box-shadow:0 0 #dda84c5c}@keyframes bazmStatusFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes bazmPulse{0%,to{opacity:.72;box-shadow:0 0 #dda84c00}50%{opacity:1;box-shadow:0 0 0 5px #dda84c1a}}.brand{z-index:4;text-align:center;pointer-events:none;width:min(560px,78vw);color:var(--cream);text-shadow:0 3px 18px #0000006b;flex-direction:column;align-items:center;display:flex;position:absolute;top:18.8%;left:50%;transform:translate(-50%,-50%)}.brand:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(#00000029,#0000 66%);position:absolute;inset:-26px -60px}.brand-urdu{color:var(--cream);margin:0;padding-bottom:clamp(22px,2.7vh,34px);font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Geeza Pro,serif;font-size:clamp(76px,10.8vh,118px);line-height:.92;transform:translateY(clamp(-16px,-1.4vh,-10px))}.brand h1{letter-spacing:.3em;color:var(--cream);margin:0;padding-left:.3em;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,2vh,26px);font-weight:400;line-height:1}.player-shell{z-index:12;-webkit-backdrop-filter:blur(17px)saturate(112%);backdrop-filter:blur(17px)saturate(112%);background:linear-gradient(#1c1711ed,#0c0b09eb);border:1px solid #f5ede024;border-radius:23px;grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"art main transport""art main volume";align-items:center;gap:10px 14px;width:clamp(500px,33vw,590px);min-height:108px;padding:12px 15px 12px 12px;display:grid;position:absolute;bottom:clamp(26px,5.3vh,54px);left:50%;transform:translate(-50%);box-shadow:0 18px 58px #00000070,inset 0 1px #ffffff09}.track-art{background:radial-gradient(circle at 32% 24%,#d2a04561,#0000 26%),linear-gradient(145deg,#6e2f1e,#1c241c 58%,#090a08);border:1px solid #f1dcb124;border-radius:12px;grid-area:art;place-items:center;width:70px;height:70px;display:grid;overflow:hidden;box-shadow:inset 0 0 26px #00000054}.track-art span{color:#f0d9a4;font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Georgia,serif;font-size:27px}.track-main{grid-area:main;min-width:0}.track-copy{flex-direction:column;gap:4px;display:flex}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#f1e4ca;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.05vw,19px);font-weight:400;overflow:hidden}.track-copy span{color:var(--gold-bright);font-size:12px}.timeline{color:#f0e0c29e;grid-template-columns:32px minmax(72px,1fr) 32px;align-items:center;gap:7px;margin-top:11px;font-size:9px;display:grid}input[type=range]{--range-progress:0%;appearance:none;background:linear-gradient(to right, var(--gold-bright) 0 var(--range-progress), #f2e5c833 var(--range-progress) 100%);border-radius:999px;outline:none;width:100%;height:3px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold-bright);cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 5px #0000004d}input[type=range]::-moz-range-thumb{background:var(--gold-bright);cursor:pointer;border:0;border-radius:50%;width:9px;height:9px}input[type=range]:disabled{opacity:.42;cursor:default}.transport{grid-area:transport;justify-content:flex-end;align-items:center;gap:2px;display:flex}.transport button{color:#eadcc1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.transport button svg{width:18px;height:18px}.transport button:disabled{opacity:.28;cursor:default}.transport .play-button{background:var(--gold-bright);color:#17120c;width:44px;height:44px;margin:0 2px;box-shadow:0 7px 20px #b57e2633}.transport .play-button svg{width:22px;height:22px}.transport .play-button:disabled{opacity:.5}.volume-control{grid-area:volume;grid-template-columns:17px 60px;justify-content:end;align-items:center;gap:7px;display:grid}.volume-control svg{color:#e4d4b5;width:17px;height:17px}.youtube-engine{z-index:-20;pointer-events:none;width:356px;height:200px;position:fixed;bottom:-10000px;left:-10000px}@media (max-width:900px){.hero-image{background-position:50%}.brand{top:18%}.brand-urdu{padding-bottom:24px;font-size:clamp(70px,10vh,104px)}.player-shell{width:min(520px,100vw - 28px);bottom:22px}}@media (max-width:620px){.utility-bar{top:16px;left:16px;right:16px}.clock-status{gap:7px}.bazm-status{letter-spacing:.09em;font-size:9px}.brand{width:84vw;top:17%}.brand-urdu{padding-bottom:20px;font-size:clamp(64px,9.5vh,88px)}.brand h1{font-size:15px}.player-shell{border-radius:19px;grid-template-columns:56px minmax(0,1fr) auto;gap:8px 10px;width:calc(100vw - 24px);min-height:88px;padding:9px 10px 9px 9px}.track-art{border-radius:9px;width:56px;height:56px}.track-art span{font-size:21px}.track-copy strong{font-size:13px}.track-copy span{font-size:10px}.timeline{grid-template-columns:27px minmax(44px,1fr) 27px;gap:5px;margin-top:7px;font-size:8px}.transport button{width:25px;height:25px}.transport button svg{width:15px;height:15px}.transport .play-button{width:38px;height:38px;margin:0}.transport .play-button svg{width:19px;height:19px}.volume-control{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.track-art.has-artwork{background:#120f0c}.track-art img{object-fit:cover;width:100%;height:100%;display:block}.playlist-position{color:#f5ede06b;letter-spacing:.08em;pointer-events:none;font-size:9px;position:absolute;bottom:7px;right:16px}