@import "https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@500;700;800&family=Hind+Vadodara:wght@400;600;700&family=Outfit:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary-gold:#ffb703;--secondary-orange:#fb8500;--crimson-red:#e63946;--deep-navy:#090e17;--glass-bg:#0c121eb8;--glass-border:#ffffff24;--glass-glow:#ffb70340;--font-gujarati-title:"Baloo Bhai 2", cursive, sans-serif;--font-gujarati-body:"Hind Vadodara", sans-serif;--font-sans:"Outfit", "Inter", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--deep-navy);color:#fff;width:100vw;height:100vh;font-family:var(--font-gujarati-body);position:relative;overflow:hidden}.bg-container{z-index:1;opacity:1;filter:brightness(.82)contrast(1.05)blur();background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .75s cubic-bezier(.4,0,.2,1),filter .75s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.bg-container.bg-fade-out{opacity:.08;filter:brightness(.4)contrast(1.2)blur(6px)}.bg-container:after{content:"";background:radial-gradient(circle,#090e1726 0%,#090e17bf 75%,#090e17f2 100%),linear-gradient(#090e1759 0%,#e639461f 50%,#090e17d9 100%);position:absolute;inset:0}.sparks-overlay{z-index:2;pointer-events:none;opacity:.45;background-image:radial-gradient(2px 2px at 20px 30px,#ffb703,#0000),radial-gradient(2px 2px at 40px 70px,#fb8500,#0000),radial-gradient(3px 3px at 80px 120px,#fff,#0000),radial-gradient(2px 2px at 150px 200px,#ffb703,#0000);background-repeat:repeat;background-size:300px 300px;animation:20s linear infinite floatParticles;position:fixed;inset:0}@keyframes floatParticles{0%{background-position:0 0}to{background-position:300px -600px}}.app-viewport{z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.25rem 2rem;display:flex;position:relative}.top-nav{justify-content:space-between;align-items:center;width:100%;display:flex}.time-badge{font-family:var(--font-sans);color:#ffffffe6;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:50px;padding:.45rem 1rem;font-size:.92rem;font-weight:600}.live-listeners-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#0f172abf;border:1px solid #ffb70359;border-radius:50px;align-items:center;gap:.6rem;padding:.45rem 1.25rem;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 20px #0000004d}.pulse-dot{background-color:#2ecc71;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseGreen;box-shadow:0 0 10px #2ecc71}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}.theme-switch-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;font-family:var(--font-gujarati-body);background:#0f172abf;border:1.5px solid #ffb70366;border-radius:50px;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 18px #0000004d}.theme-switch-btn:hover{background:var(--primary-gold);color:#090e17;border-color:#ffb703;transform:translateY(-2px);box-shadow:0 0 20px #ffb70399}.hero-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:-1.2rem;padding:.5rem 0;display:flex}.garba-main-headline{font-family:var(--font-gujarati-title);background:linear-gradient(180deg, #fff 25%, #ffe5a3 65%, var(--primary-gold) 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 40px #0009,0 0 50px #ffb70366;letter-spacing:-.5px;-webkit-background-clip:text;padding-top:.25em;padding-bottom:.1em;font-size:clamp(4.6rem,10.5vw,8.5rem);font-weight:800;line-height:1.25;animation:4s ease-in-out infinite alternate headlineGlow;display:inline-block;overflow:visible}@keyframes headlineGlow{0%{filter:drop-shadow(0 0 15px #ffb7034d)}to{filter:drop-shadow(0 0 35px #fb850099)}}.garba-subtitle{font-family:var(--font-gujarati-title);color:#fffffff2;letter-spacing:1px;text-shadow:0 4px 15px #000c;margin-top:.2rem;font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:700;line-height:1.35}.side-controls-container{z-index:12;flex-direction:column;gap:.8rem;display:flex;position:absolute;top:48%;left:2rem;transform:translateY(-50%)}.soundscape-pill{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:#ffffffe6;cursor:pointer;border-radius:50px;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 6px 24px #0000004d}.soundscape-pill:hover,.soundscape-pill.active{border-color:var(--primary-gold);color:#fff;box-shadow:0 0 20px var(--glass-glow);background:#ffb70338;transform:translate(6px)}.timer-badge{font-size:.72rem;font-family:var(--font-sans);color:var(--primary-gold);background:#ffb70340;border-radius:20px;margin-left:auto;padding:.15rem .45rem;font-weight:700}.soundscape-pill.active .timer-badge{background:var(--primary-gold);color:#090e17}.rhythm-widget{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:12;border-radius:24px;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem;display:flex;position:absolute;top:48%;right:2rem;transform:translateY(-50%);box-shadow:0 10px 30px #0006}.rhythm-title{color:var(--primary-gold);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.taali-dots{gap:.5rem;display:flex}.beat-dot{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px;transition:all .15s}.beat-dot.active{background:var(--secondary-orange);box-shadow:0 0 12px var(--secondary-orange);transform:scale(1.3)}.tempo-label{color:#fffc;font-size:.82rem;font-weight:600}.player-dock-wrapper{flex-direction:column;align-items:center;gap:.7rem;width:100%;margin-bottom:.5rem;display:flex}.quote-ticker-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c121ec7;border:1px solid #ffb70359;border-radius:50px;align-items:center;gap:.6rem;max-width:90vw;padding:.4rem 1.4rem;display:flex;box-shadow:0 6px 20px #0006}.quote-sparkle{font-size:.9rem}.lyric-quote-text{font-family:var(--font-gujarati-title);color:var(--primary-gold);letter-spacing:.5px;text-shadow:0 2px 10px #000000e6;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.95rem,2vw,1.2rem);font-weight:700;transition:opacity .4s,transform .4s;overflow:hidden}.player-card{-webkit-backdrop-filter:blur(24px);background:#0c121ee0;border:1px solid #ffffff29;border-radius:28px;flex-direction:column;gap:.65rem;width:min(860px,94vw);padding:.9rem 1.4rem;display:flex;position:relative;box-shadow:0 20px 50px #000000b3,0 0 35px #ffb70326}.player-main-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.track-info-group{align-items:center;gap:1rem;min-width:230px;max-width:300px;display:flex}.track-cover-box{border:2px solid var(--primary-gold);background:#000;border-radius:50%;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 4px 18px #ffb70359}.track-cover-img{object-fit:cover;object-position:center;width:145%;height:145%;margin-top:-22.5%;margin-left:-22.5%;transition:transform .5s}.playing .track-cover-img{animation:18s linear infinite slowRotate}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-details{flex-direction:column;display:flex;overflow:hidden}.track-title{font-family:var(--font-gujarati-title);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.track-artist{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.player-controls-group{align-items:center;gap:.6rem;display:flex}.btn-ctrl{color:#ffffffbf;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-ctrl:hover{color:#fff;background:#ffffff29;border-color:#ffffff4d}.btn-ctrl.active{transform:scale(1.08);color:#090e17!important;background:var(--primary-gold)!important;border-color:#ffb703!important;box-shadow:0 0 16px #ffb703d9!important}.btn-play-main{background:linear-gradient(135deg, #fff 0%, var(--primary-gold) 100%);color:#090e17;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 .3rem;font-size:1.3rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #ffb70366}.btn-play-main:hover{transform:scale(1.08);box-shadow:0 6px 28px #ffb703b3}.eq-bars{align-items:flex-end;gap:3px;height:18px;margin-left:.4rem;display:flex}.eq-bar{background:var(--primary-gold);border-radius:3px;width:3px;height:4px;transition:height .2s}.playing .eq-bar:first-child{animation:.7s ease-in-out infinite alternate eqAnim}.playing .eq-bar:nth-child(2){animation:.9s ease-in-out .2s infinite alternate eqAnim}.playing .eq-bar:nth-child(3){animation:.6s ease-in-out .4s infinite alternate eqAnim}.playing .eq-bar:nth-child(4){animation:.8s ease-in-out .1s infinite alternate eqAnim}@keyframes eqAnim{0%{height:4px}to{height:18px}}.player-right-group{align-items:center;gap:.9rem;display:flex}.volume-container{align-items:center;gap:.5rem;width:95px;display:flex}.vol-icon{font-size:.9rem}.vol-slider{width:100%;accent-color:var(--primary-gold);cursor:pointer;height:4px}.playlist-drawer-btn{border:1.5px solid var(--primary-gold);color:#fff;font-family:var(--font-gujarati-body);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffb70340,#fb850059);border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 16px #ffb70340}.playlist-drawer-btn:hover{background:var(--primary-gold);color:#090e17;transform:translateY(-1px);box-shadow:0 0 20px #ffb703b3}.seek-bar-row{align-items:center;gap:.8rem;width:100%;display:flex}.time-stamp{font-family:var(--font-sans);color:#fff9;min-width:36px;font-size:.75rem}.seek-slider{accent-color:var(--primary-gold);cursor:pointer;flex:1;height:4px}.playlist-modal{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#090e17d1;justify-content:flex-end;transition:opacity .35s;display:flex;position:fixed;inset:0}.playlist-modal.open{opacity:1;pointer-events:auto}.playlist-drawer{border-left:1px solid var(--glass-border);background:#0f172af5;flex-direction:column;width:min(500px,92vw);height:100%;padding:1.8rem;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100%);box-shadow:-15px 0 50px #000c}.playlist-modal.open .playlist-drawer{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.drawer-title-group{align-items:center;gap:.6rem;display:flex}.drawer-header-icon{font-size:1.4rem}.drawer-title{font-family:var(--font-gujarati-title);color:var(--primary-gold);font-size:1.7rem;font-weight:800}.icon-btn-close{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn-close:hover{background:var(--crimson-red);border-color:var(--crimson-red)}.search-wrapper{width:100%;margin-bottom:1rem;position:relative}.search-icon{opacity:.6;font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-box{border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-gujarati-body);background:#ffffff12;border-radius:16px;outline:none;padding:.75rem 1rem .75rem 2.6rem;font-size:.95rem;transition:border-color .25s}.search-box:focus{border-color:var(--primary-gold)}.category-pills{scrollbar-width:none;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.cat-pill{color:#fffc;font-family:var(--font-gujarati-body);white-space:nowrap;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:50px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .25s}.cat-pill.active,.cat-pill:hover{border-color:var(--primary-gold);color:#fff;background:#ffb70338}.playlist-scroll-area{flex-direction:column;flex:1;gap:.65rem;padding-right:.3rem;display:flex;overflow-y:auto}.playlist-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:18px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .25s;display:flex}.playlist-item:hover{border-color:var(--glass-border);background:#ffffff14}.playlist-item.active{border-color:var(--primary-gold);background:linear-gradient(135deg,#ffb70333,#fb850026);box-shadow:0 0 15px #ffb70326}.item-num{font-family:var(--font-sans);color:#fff6;text-align:center;min-width:22px;font-size:.85rem}.playlist-item.active .item-num{color:var(--primary-gold);font-weight:700}.item-thumb{object-fit:cover;border-radius:12px;width:46px;height:46px}.item-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.item-title{font-family:var(--font-gujarati-title);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;overflow:hidden}.playlist-item.active .item-title{color:var(--primary-gold)}.item-artist{color:#ffffffa6;font-size:.78rem}.item-duration{font-family:var(--font-sans);color:#ffffff80;font-size:.8rem}@media (width<=860px){.side-controls-container{flex-flow:wrap;justify-content:center;margin-top:.5rem;position:static;transform:none}.rhythm-widget,.volume-container{display:none}.track-info-group{min-width:unset;max-width:180px}}@media (width<=600px){.app-viewport{padding:.9rem}.live-listeners-badge span,.btn-text{display:none}.player-card{border-radius:20px;padding:.8rem}.track-cover-box{width:44px;height:44px}.track-title{font-size:.9rem}}