@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@600;700&family=Inter:wght@500;700;800&display=swap";:root{color:#f9ead0;background:#17110e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--wood: #5e3526;--wood-dark: #2a1712;--cream: #f2d49a;--ink: #241713;--amber: #d8893a;--green: #536d5a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.background{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(90deg,#120b09bd,#25170f2e 44%,#0a0807b8),linear-gradient(180deg,#11090885,#150d0ac2),url(/ghazal-sabha-bg.png);background-size:cover;background-position:center;transform:scale(1.01);filter:saturate(.95) contrast(1.04)}.background:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,transparent 0 38%,rgba(0,0,0,.48) 86%)}.background:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,184,94,.1),transparent 28%),radial-gradient(circle at 50% 42%,rgba(255,202,119,.18),transparent 28%);mix-blend-mode:soft-light}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,520px);align-items:end;gap:clamp(24px,4vw,72px);min-height:100vh;padding:clamp(24px,5vw,72px)}.hero-copy{align-self:start;padding-top:clamp(16px,6vh,72px)}.eyebrow{margin:0 0 12px;color:#f6c071;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}h1{margin:0;max-width:8ch;color:#ffe3a9;font-family:"Noto Serif Devanagari",serif;font-size:clamp(4.2rem,13vw,12rem);line-height:.92;text-shadow:0 12px 40px rgba(0,0,0,.62),0 0 28px rgba(237,155,73,.38)}.player-wrap{position:relative;width:min(100%,620px);justify-self:end;perspective:1100px}@media(min-width:861px){.player-wrap{transform:translate(34px)}}.player-wrap:after{content:"";position:absolute;right:8%;bottom:76px;left:8%;z-index:0;height:28px;border-radius:50%;background:#00000057;filter:blur(18px)}.cassette{position:relative;z-index:1;width:100%;aspect-ratio:1.74;border:1px solid rgba(255,229,184,.42);border-radius:12px;padding:30px 44px 44px;color:var(--ink);background:linear-gradient(90deg,rgba(255,235,184,.08) 0 1px,transparent 1px 34px),radial-gradient(circle at 17% 56%,rgba(246,190,108,.16),transparent 19%),radial-gradient(circle at 83% 56%,rgba(246,190,108,.14),transparent 19%),linear-gradient(135deg,rgba(255,231,184,.26),transparent 22%),linear-gradient(180deg,#ffedc433,#ffedc40d 23%,#0c07071f 72%),linear-gradient(90deg,rgba(19,11,10,.42),transparent 12% 88%,rgba(19,11,10,.46)),linear-gradient(135deg,#985c3af5,#553122f5 48%,#261815fa);box-shadow:inset 0 0 0 4px #150d0cb3,inset 0 0 0 8px #ffe1a91a,inset 0 18px 24px #ffe3b221,inset 0 -22px 28px #00000075,0 34px 90px #0000009e;transform:rotateX(2deg) rotateY(-3deg)}.cassette:before{content:"";position:absolute;inset:18px 22px 20px;border:1px solid rgba(255,226,176,.24);border-radius:8px;box-shadow:inset 0 1px #ffe5b81f,inset 0 -1px #00000052;pointer-events:none}.cassette:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,transparent 0 10%,rgba(255,244,207,.14) 10.4% 10.9%,transparent 11.3% 88%,rgba(255,244,207,.11) 88.4% 88.9%,transparent 89.3%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 14% 80%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 18px);mix-blend-mode:screen;pointer-events:none}.cassette-top:after{content:"";position:absolute;right:76px;left:76px;top:31px;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,226,176,.2) 0 18px,transparent 18px 30px),#140c0a52;box-shadow:inset 0 1px #ffe6b814}.screw{position:absolute;z-index:2;width:16px;aspect-ratio:1;border:2px solid rgba(28,16,13,.72);border-radius:50%;background:linear-gradient(45deg,transparent 43%,rgba(35,21,17,.85) 44% 56%,transparent 57%),radial-gradient(circle at 34% 28%,#f3c982 0 10%,#936046 11% 55%,#2a1915 56%);box-shadow:inset 0 1px 2px #ffe8bc6b,0 2px 3px #00000061}.screw-top-left{top:24px;left:24px}.screw-top-right{top:24px;right:24px}.screw-bottom-left{bottom:24px;left:24px}.screw-bottom-right{right:24px;bottom:24px}.screw-top-left:after,.screw-top-right:after,.screw-bottom-left:after,.screw-bottom-right:after{content:"";position:absolute;inset:-13px;border:1px solid rgba(255,226,176,.1);border-radius:4px;pointer-events:none}.cassette-top,.deck-footer{display:flex;justify-content:space-between;gap:16px;color:#f8d99e;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.label{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:16px;align-items:center;min-height:88px;margin:14px 28px;border:2px solid rgba(65,35,24,.58);border-radius:5px;padding:12px 16px;background:linear-gradient(180deg,#9f3d2d 0 8px,#e7bd66 8px 14px,transparent 14px),linear-gradient(180deg,transparent 0 calc(100% - 8px),rgba(126,55,39,.24) calc(100% - 8px) 100%),linear-gradient(90deg,rgba(78,54,35,.08) 0 1px,transparent 1px 100%),linear-gradient(90deg,transparent 0 28%,rgba(128,79,42,.18) 28% 29%,transparent 29%),repeating-linear-gradient(0deg,rgba(101,71,40,.12) 0 1px,transparent 1px 17px),linear-gradient(180deg,#f8dfaa,#d6aa6c);box-shadow:inset 0 0 0 4px #fff8db38,inset 0 1px #ffffff3d,0 8px 14px #00000029}.album-art{display:grid;place-items:center;width:74px;aspect-ratio:1;overflow:hidden;border:3px solid #1a100e;border-radius:6px;background:#231712;box-shadow:0 8px 18px #0000006b}.album-art img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.9)}.track-copy{min-width:0}.track-copy p{margin:0 0 7px;color:#83502d;font-size:.68rem;font-weight:800;text-transform:uppercase}.track-copy h2{margin:0;color:#291611;font-size:clamp(.82rem,1.9vw,1.02rem);line-height:1.12;overflow-wrap:anywhere;min-height:2.26em}.track-copy span{display:block;margin-top:6px;color:#6b4328;font-size:.82rem;font-weight:700}.side-mark{display:grid;place-items:center;width:40px;aspect-ratio:1;border:2px solid #311c15;border-radius:50%;color:#311c15;font-size:1.35rem;font-weight:800;background:#fff6da57}.reel-window{position:relative;display:grid;grid-template-columns:116px minmax(120px,1fr) 116px;align-items:center;min-height:112px;margin:0 18px;border:7px solid #211411;border-radius:999px;padding:10px 18px;background:linear-gradient(90deg,#090606 0 7%,transparent 7% 93%,#090606 93%),linear-gradient(180deg,rgba(255,226,169,.08),transparent 48%),radial-gradient(circle at 18% 50%,rgba(255,222,169,.1),transparent 26%),radial-gradient(circle at 82% 50%,rgba(255,222,169,.1),transparent 26%),linear-gradient(180deg,#140d0c,#2a1a16);box-shadow:inset 0 0 22px #000000c7,inset 0 1px #ffe5b81a,0 10px 18px #00000038}.reel-window:before,.reel-window:after{content:"";width:20px;height:34px;border-radius:999px;background:#0d0807;box-shadow:inset 0 1px #ffe2b014}.reel-window:before{position:absolute;left:46%;transform:translate(-72px)}.reel-window:after{position:absolute;right:46%;transform:translate(72px)}.reel{width:88px;aspect-ratio:1;border:11px solid #d6bb84;border-radius:50%;background:radial-gradient(circle,#211310 0 10%,#e0c48d 11% 19%,transparent 20%),repeating-radial-gradient(circle,#492c1eeb 0 4px,#281813f2 4px 8px),radial-gradient(circle,transparent 0 44%,rgba(39,22,17,.78) 45% 55%,transparent 56%),conic-gradient(from 0deg,#5d3826 0 12%,#e7ca91 12% 21%,#5d3826 21% 36%,#e7ca91 36% 47%,#5d3826 47% 62%,#e7ca91 62% 72%,#5d3826 72% 86%,#e7ca91 86% 94%,#5d3826 94%);box-shadow:inset 0 0 0 8px #4d3020,inset 0 0 0 18px #120a0833,0 0 0 5px #ffdc9e14}.spinning{animation:spin 1.3s linear infinite}.tape-line{width:100%;height:16px;border-block:2px solid #a97843;border-radius:999px;background:linear-gradient(180deg,rgba(255,207,125,.16),transparent 42%),#1b0f0d;box-shadow:inset 0 2px 4px #00000085}.window-center{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:12px;min-width:0}.transport{position:relative;z-index:2;width:min(88%,470px);margin:16px auto 0;border:1px solid rgba(255,226,173,.16);border-radius:8px;padding:14px 18px 16px;background:linear-gradient(90deg,rgba(215,137,58,.2) 0 18%,transparent 18% 82%,rgba(83,109,90,.2) 82%),linear-gradient(180deg,#342019db,#150d0beb);box-shadow:inset 0 1px #ffe2ad24,inset 0 -1px #00000061,0 22px 50px #0000006b}.transport:before{content:"";display:block;width:min(100%,320px);height:8px;margin:0 auto 12px;border-radius:999px;background:linear-gradient(90deg,#7f2d22 0 16%,#d8863a 16% 32%,#d6bb84 32% 48%,#536d5a 48% 64%,#263b34 64% 100%);box-shadow:0 0 18px #d8893a47}.controls{display:grid;grid-template-columns:repeat(3,64px);justify-content:center;gap:14px;margin:0}.controls button{display:grid;place-items:center;width:64px;height:54px;border:1px solid rgba(255,226,173,.28);border-radius:6px;color:#ffe2a8;background:linear-gradient(180deg,rgba(255,235,184,.08),transparent 34%),linear-gradient(180deg,#35211b,#1c1210);box-shadow:0 8px #100908,0 18px 24px #00000047;cursor:pointer}.controls button:active{transform:translateY(5px);box-shadow:0 3px #100908,0 12px 18px #00000047}.controls .play-button{color:#1c100d;background:linear-gradient(180deg,rgba(255,238,196,.42),transparent 34%),linear-gradient(180deg,#f1b664,#c77631)}.deck-footer{display:none}.cassette-notches{position:absolute;right:132px;bottom:18px;left:132px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px}.cassette-notches span{height:18px;border:2px solid rgba(17,10,9,.78);border-bottom:0;border-radius:10px 10px 0 0;background:#0f090861}#youtube-player{position:fixed;right:16px;bottom:16px;z-index:-1;width:320px;height:180px;opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.background{background-image:linear-gradient(180deg,#0e080885,#0e08082e 38%,#0e0808db),linear-gradient(90deg,#0e08089e,#0e08082e 50%,#0e080885),url(/ghazal-sabha-bg.png);background-position:center top;transform:scale(1.08)}.background:after{background-image:radial-gradient(circle at 50% 35%,transparent 0 24%,rgba(0,0,0,.58) 82%)}.hero{grid-template-columns:1fr;align-content:space-between;align-items:stretch;min-height:100svh;padding:20px 18px 26px}.hero-copy{padding-top:6px}.eyebrow{font-size:.68rem;margin-bottom:8px}h1{font-size:clamp(3.4rem,18vw,6.8rem);max-width:7ch}.player-wrap{justify-self:stretch;margin-top:auto;width:min(100%,610px);justify-self:center}}@media(max-width:520px){.background{background-position:50% 0;transform:scale(1.16)}.hero{gap:18px;padding:18px 14px 22px}.hero-copy{padding-top:4px}h1{font-size:clamp(3.1rem,20vw,5.4rem);text-shadow:0 10px 32px rgba(0,0,0,.72),0 0 22px rgba(237,155,73,.34)}.cassette{border-radius:10px;padding:22px 24px 34px;transform:rotateX(1deg)}.cassette-top{font-size:.58rem}.screw{width:13px}.screw-top-left{top:18px;left:18px}.screw-top-right{top:18px;right:18px}.screw-bottom-left{bottom:18px;left:18px}.screw-bottom-right{right:18px;bottom:18px}.label{grid-template-columns:minmax(0,1fr) 34px;margin:10px 12px 12px;min-height:78px;padding:10px 11px}.track-copy p{font-size:.58rem;margin-bottom:5px}.track-copy h2{font-size:.78rem}.track-copy span{font-size:.68rem;margin-top:5px}.side-mark{width:34px}.reel-window{grid-template-columns:68px minmax(68px,1fr) 68px;min-height:82px;margin-inline:4px;border-width:6px;padding-inline:7px}.reel{width:54px;border-width:8px}.window-center{grid-template-columns:40px 1fr;gap:7px}.album-art{width:40px;border-width:2px}.tape-line{height:12px}.controls{grid-template-columns:repeat(3,56px);gap:12px}.controls button{width:56px;height:50px}.transport{width:92%;margin-top:14px;padding:12px 14px 14px}.transport:before{height:7px;margin-bottom:10px}.cassette-notches{right:66px;bottom:14px;left:66px;gap:10px}.cassette-notches span{height:14px}}@media(max-width:380px){.cassette{padding-inline:20px}.reel-window{grid-template-columns:60px minmax(56px,1fr) 60px}.reel{width:48px;border-width:7px}.album-art{width:34px}.window-center{grid-template-columns:34px 1fr}}