:root{color:#f8f7f0;--accent-gold:#f5c988;--accent-cream:#f7eddb;--accent-sand:#f8efe0;background:#163e46;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}.app{min-height:100svh}.background{z-index:-2;background:50%/cover no-repeat;transition:opacity .45s;position:fixed;inset:0}.background.hi{opacity:0;background-image:url(/garba-hindi-illustrated.png)}.background.gu{background-image:url(/garba-gujarati-illustrated.png)}.app[data-language=hi] .background.hi{opacity:1}.app:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000 48%,#08161b61);position:fixed;inset:0}.page-bar{z-index:2;justify-content:space-between;align-items:center;width:min(1180px,100vw - 40px);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.languages,.maker,.player-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#142527b8;border:1px solid #ffffff38}.languages{border-radius:999px;gap:2px;padding:3px;display:flex}.language-button{color:#f8f7f0b8;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 11px;font:700 10px/1 DM Sans,sans-serif;transition:background .15s,color .15s}.language-button.active{color:#243d3d;background:#f8efe0}.maker{color:#fbf8ed;border-radius:999px;align-items:center;gap:7px;padding:5px 6px 5px 10px;font-size:10px;font-weight:600;line-height:1;text-decoration:none;transition:background .16s;display:flex}.maker:hover{background:#142527e0}.maker b{color:var(--accent-gold);font-weight:800}.maker img{object-fit:cover;background:#f0c781;border-radius:50%;width:26px;height:26px;display:block}.player-dock{z-index:30;border-radius:24px;width:min(580px,100vw - 32px);padding:16px 20px;transition:width .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1),border-radius .3s,box-shadow .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 24px 68px #040e126b}.player-dock.is-expanded{border-radius:26px;max-height:calc(100svh - 36px);padding:18px 22px 20px;overflow-y:auto;box-shadow:0 28px 80px #000000b3}.app[data-language=hi] .player-dock{background:#1a203ad6}.player-top,.identity{align-items:center;display:flex}.player-top{justify-content:space-between;gap:12px}.identity{letter-spacing:-.025em;gap:8px;font-size:12px;font-weight:800}.sticks{width:20px;height:20px;color:var(--accent-gold)}.timer{color:#f8f7f0b8;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.player-body{align-items:center;gap:14px;margin:10px 0 8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.player-dock.is-expanded .player-body{flex-direction:column;align-items:stretch;gap:12px;margin:10px 0 12px}.media-wrapper{flex-shrink:0;width:96px;height:56px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),max-height .3s cubic-bezier(.16,1,.3,1);position:relative}.player-dock.is-expanded .media-wrapper{aspect-ratio:16/9;width:100%;height:auto;max-height:285px}.media-frame{background:#000;border:1px solid #fff3;border-radius:12px;width:100%;height:100%;transition:border-radius .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.player-dock.is-expanded .media-frame{border-color:#ffffff47;border-radius:16px;box-shadow:0 8px 24px #00000080}.media-embed-player{border:0;width:100%;height:100%;display:block}.media-expand-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8f7f0;cursor:pointer;z-index:10;opacity:.85;background:#0e191cc7;border:0;border-radius:6px;place-items:center;width:24px;height:24px;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:6px;right:6px}.player-dock.is-expanded .media-expand-btn{border-radius:8px;width:28px;height:28px;top:8px;right:8px}.media-expand-btn:hover{opacity:1;color:var(--accent-gold);background:#142527f2}.media-expand-btn svg{width:13px;height:13px}.track{flex-direction:column;flex:1;min-width:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.track-header-meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.overline{color:#edc98f;letter-spacing:.18em;font-size:9px;font-weight:800}.expanded-badge{color:var(--accent-gold);background:#f5c98826;border:1px solid #f5c98840;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.track strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-family:Outfit,sans-serif;font-size:21px;font-weight:800;line-height:1.25;transition:font-size .25s;overflow:hidden}.player-dock.is-expanded .track strong{font-size:24px}.track .track-artist-line{color:#f8f7f0a6;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-weight:500;overflow:hidden}.wavy-timeline-container{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;width:100%;height:26px;margin:4px 0 10px;display:flex;position:relative}.wavy-svg-track{width:100%;height:22px;display:block;overflow:visible}.straight-unplayed-line{stroke:#ffffff38;stroke-width:3.5px;stroke-linecap:round}.wavy-played-line{fill:none;stroke:var(--accent-gold);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.wavy-played-line.is-animated{animation:2s linear infinite waveTravel}@keyframes waveTravel{0%{transform:translate(0)}to{transform:translate(36px)}}.wavy-thumb-pill{fill:var(--accent-gold);transition:x .1s linear,fill .15s}.wavy-timeline-container:hover .wavy-thumb-pill,.wavy-timeline-container:focus-visible .wavy-thumb-pill{fill:#fff}.transport{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.transport-center{align-items:center;gap:10px;display:flex}.control-btn{cursor:pointer;color:#f8f7f0;background:0 0;border:0;place-items:center;transition:background .15s,color .15s;display:grid}.control-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn,.next-btn{color:#f8f7f0d9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;width:36px;height:36px}.prev-btn svg,.next-btn svg{width:17px;height:17px}.prev-btn:hover:not(:disabled),.next-btn:hover:not(:disabled){color:#fff;background:#ffffff2e}.play-btn{color:#1a2f33;background:var(--accent-cream);border-radius:50%;width:44px;height:44px;transition:background .15s,color .15s;box-shadow:0 4px 14px #00000040}.play-btn svg{width:20px;height:20px}.play-btn .play-triangle{margin-left:2px}.play-btn:hover{background:#fff}.select-container{position:relative}.song-select-btn{color:#f8f7f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;max-width:195px;padding:8px 12px;font:700 11px DM Sans,sans-serif;transition:background .15s,border-color .15s;display:flex}.song-select-btn:hover{background:#ffffff24;border-color:#ffffff47}.song-select-btn.active{border-color:var(--accent-gold);background:#f5c98824}.selected-title{white-space:nowrap;text-overflow:ellipsis;max-width:145px;overflow:hidden}.chevron-icon{color:#f8f7f0b3;flex-shrink:0;width:13px;height:13px;transition:transform .2s}.chevron-icon.open{color:var(--accent-gold);transform:rotate(180deg)}.three-option-wheel-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;-webkit-user-select:none;user-select:none;background:#122326e6;border:1px solid #ffffff38;border-radius:20px;flex-direction:column;justify-content:center;width:236px;height:110px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 44px #00000080}.app[data-language=hi] .three-option-wheel-popover{background:#181c32eb}.wheel-slot-highlight{pointer-events:none;z-index:1;background:#f5c9881f;border:1px solid #f5c98852;border-radius:12px;height:38px;position:absolute;top:36px;left:6px;right:6px}.wheel-fade-top,.wheel-fade-bottom{pointer-events:none;z-index:5;height:22px;position:absolute;left:0;right:0}.wheel-fade-top{background:linear-gradient(#122326d9 0%,#0000 100%);top:0}.wheel-fade-bottom{background:linear-gradient(#0000 0%,#122326d9 100%);bottom:0}.app[data-language=hi] .wheel-fade-top{background:linear-gradient(#181c32d9 0%,#0000 100%)}.app[data-language=hi] .wheel-fade-bottom{background:linear-gradient(#0000 0%,#181c32d9 100%)}.wheel-options{z-index:2;flex-direction:column;gap:0;display:flex;position:relative}.wheel-opt{color:#f8f7f0;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;transition:opacity .15s,background .15s,transform .15s;display:flex}.wheel-opt.prev,.wheel-opt.next{opacity:.42;letter-spacing:-.01em;height:32px;padding:0 16px;font:500 9.5px/1 DM Sans,sans-serif;transform:scale(.92)}.wheel-opt.prev .opt-title,.wheel-opt.next .opt-title{color:#f8f7f0a6;max-width:145px}.wheel-opt.prev .opt-dur,.wheel-opt.next .opt-dur{color:#f8f7f066;font-size:9px}.wheel-opt.prev:hover,.wheel-opt.next:hover{opacity:.75}.wheel-opt.current{opacity:1;color:#fff;height:38px;padding:0 14px;font:700 12px/1 DM Sans,sans-serif;transform:scale(1)}.wheel-opt.current .opt-title{color:var(--accent-gold);max-width:155px;font-weight:700}.wheel-opt.current .opt-dur{color:#f8f7f0a6;font-size:10px;font-weight:600}.opt-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opt-dur{font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:8px}.opt-status{color:var(--accent-gold);flex-shrink:0;margin-left:8px;font-size:10px}@media (width<=640px){.page-bar{width:calc(100vw - 24px);top:12px}.maker{padding:5px}.maker span{display:none}.player-dock{width:calc(100vw - 20px);padding:13px 15px;bottom:12px}.player-dock.is-expanded{max-height:calc(100svh - 24px);padding:14px 14px 16px}.player-dock.is-expanded .media-wrapper{max-height:220px}.media-wrapper{width:80px;height:48px}.track strong{font-size:18px}.player-dock.is-expanded .track strong{font-size:20px}.song-select-btn{max-width:125px}.selected-title{max-width:85px}.three-option-wheel-popover{width:195px}}button:focus-visible,div[role=slider]:focus-visible,a:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}