@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);.modal{font-family:Jost Thin}.modal .modal-body{font-size:14px}.modal-header{display:flex;justify-content:space-between}.help_search:before{content:"Find musical scales, ragas, illustrative melodies, etc. by typing their names - e.g. Minor Pentatonic, Yaman. You can also search for specific musical traditions - e.g. Hindustani or Carnatic. You could also look for a thaat or a melakarta raga by typing thaat or melakarta."}.help_tonic:before{content:"Select the tonic for the scale / raga. For ragas, this corresponds to the pitch of the root swara S. Example: if you want to render the F Major scale, you would choose a tonic of F and search for the Major scale. Another example: if you want to render a raga in 'Anjara Kattai (5.5 Kattai)', you would choose a tonic of G#."}.help_instrument:before{content:"Select the instrument using which you would like to render music. More options - such as violin, vocals, and flute - coming soon!"}.help_add_illustration:before{content:"Add new illustration of the selected scale / raga. Use Western or Hindustani notation. Support for Carnatic notation coming soon!"}.info_signout:before{content:"You have been signed out."}.info_add_illustration:before{content:"Add your own illustration below. Choose notation tradition in Settings above."}.help_bpm:before{content:"Set beats per minute. This is the tempo at which your music will be rendered."}.info_something_went_wrong:before{content:"Click retry below or reload the page. Sign out and sign back in if necessary. You have likely hit a network issue."}.help_modes:before{content:"'Modes' of the current musical scale are rotations of the Swara Mala to move the tonic note to the next note in the current scale. Such rotation is also known as 'Grihabhedam' or 'Murchhana' in Indian Classical Music."}.info_add_user_defined_notation:before{content:"Add your own notation schema below."}.mm-player-wrapper{min-height:var(--card-body-dim);padding-top:56.25%;position:relative}.mm-player-wrapper.audio-player-wrapper{min-height:var(--card-body-dim);overflow:hidden;padding-top:0;position:relative}.mm-react-player{left:0;position:absolute;top:0}.modern-audio-player{border:1px solid hsla(0,0%,100%,.05);box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;height:100%;width:100%}.modern-audio-player .hidden-player-container{height:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.media-player-wrapper{height:100%}.media-carousel,.media-player-wrapper .modern-audio-player{position:relative}.media-carousel{overflow:visible}.media-carousel .media-player-wrapper{position:relative;transition:filter .3s ease}.media-carousel:hover .media-player-wrapper:not(.audio-player-wrapper):before{background-color:rgba(0,0,0,.4);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:1}.media-carousel .carousel-nav-button{align-items:center;background-color:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;height:32px;justify-content:center;opacity:.3;transform-origin:center;transition:all .3s ease;width:32px;z-index:10}.media-carousel .carousel-nav-button:hover{background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 6px rgba(0,0,0,.3);opacity:1;transform:translateY(-50%) scale(1.1)}.media-carousel .carousel-nav-button:focus{outline:none}.media-carousel:hover .carousel-nav-button{background-color:hsla(0,0%,100%,.5);opacity:.8}.media-carousel .carousel-dots{background-color:rgba(0,0,0,.2);border-radius:10px;bottom:10px;display:inline-flex;left:50%;padding:4px 8px;transform:translateX(-50%);transition:all .3s ease;width:auto;z-index:10}.media-carousel:hover .carousel-dots{background-color:rgba(0,0,0,.6);padding:6px 10px}.media-carousel .carousel-dots button{background-color:hsla(0,0%,100%,.4);border:none;border-radius:50%;height:6px;margin:0 3px;padding:0;transition:all .3s ease;width:6px}.media-carousel .carousel-dots button.active,.media-carousel .carousel-dots button:hover{background-color:hsla(0,0%,100%,.8)}.media-carousel:hover .carousel-dots button{background-color:hsla(0,0%,100%,.6);height:7px;width:7px}.media-carousel:hover .carousel-dots button.active{background-color:#fff;height:8px;width:8px}.media-carousel .carousel-counter{background-color:rgba(0,0,0,.2);border-radius:10px;color:hsla(0,0%,100%,.8);font-size:11px;opacity:.6;padding:2px 6px;transition:all .3s ease;z-index:10}.media-carousel:hover .carousel-counter{background-color:rgba(0,0,0,.7);color:#fff;font-size:12px;opacity:1;padding:4px 8px}.media-title{background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.9);font-size:12px;overflow:hidden;padding:4px 8px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:2}.rsw-wrapper{min-height:400px!important}.jumbotron{border-radius:30px;margin:20px;padding:1rem 2rem}.jumbotron.themed{background-color:var(--card-group-background-color)}@keyframes stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes rainbow{0%{background-color:var(--red)}20%{background-color:var(--orange)}40%{background-color:var(--yellow)}60%{background-color:var(--green)}80%{background-color:var(--blue)}to{background-color:var(--indigo)}}@keyframes grow{0%{width:0}to{width:100%}}.progress-wrapper{padding-top:25%}.progress{height:5px;overflow:hidden}.progress-bar{height:5px;width:100%}.loaded .progress-bar{animation:grow 3s ease,stripes 1s linear infinite,rainbow 3s ease infinite}.editor-controls{align-items:center;display:flex}.wizard-container .animated{animation-duration:.8192s;animation-fill-mode:backwards;transform-style:preserve-3d}@keyframes intro{0%{opacity:0;transform:perspective(500px) translateZ(-50px)}to{opacity:1;transform:none}}.wizard-container .intro{animation:intro 1s ease-out}@keyframes enterRight{0%{opacity:0;transform:perspective(500px) translate3d(20%,0,0)}to{opacity:1;transform:none}}.wizard-container .enterRight{animation-name:enterRight}@keyframes enterLeft{0%{opacity:0;transform:perspective(500px) translate3d(-20%,0,0)}to{opacity:1;transform:none}}.wizard-container .enterLeft{animation-name:enterLeft}@keyframes exitRight{0%{opacity:1}to{opacity:0;transform:perspective(500px) translate3d(100%,0,-100px)}}.wizard-container .exitRight{animation-name:exitRight}@keyframes exitLeft{0%{opacity:1}to{opacity:0;transform:perspective(500px) translate3d(-100%,0,-100px)}}.wizard-container .exitLeft{animation-name:exitLeft}.pwa-install-banner{animation:slideUp .3s ease-out;background-color:var(--card-color,#000);bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);left:0;padding:10px 16px;position:fixed;right:0;z-index:1000}.pwa-banner-content{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px}.pwa-banner-text{flex:1;font-size:14px}.pwa-banner-text p{margin:0}.pwa-banner-actions{display:flex;gap:8px}:root[data-theme*=dark] .pwa-install-banner{background-color:var(--background-color-secondary,#1e1e1e);border-top-color:var(--border-color,#333)}@media (max-width:640px){.pwa-banner-content{flex-wrap:wrap}.pwa-banner-actions{justify-content:flex-end;margin-top:8px;width:100%}}.pwa-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pwa-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:450px;overflow:hidden;padding:0;width:90%}.pwa-modal-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;padding:20px 24px}.pwa-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.pwa-modal-close:hover{background-color:rgba(0,0,0,.05)}.pwa-modal-body{padding:24px;text-align:center}.pwa-modal-body h2{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.pwa-modal-body p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.pwa-modal-illustration{align-items:center;color:#4f46e5;display:flex;justify-content:center;margin:24px 0}.pwa-modal-benefits{display:flex;flex-direction:column;gap:12px;margin:24px 0}.benefit-item{align-items:center;color:#333;display:flex;gap:10px}.benefit-item svg{color:#4f46e5}.pwa-modal-footer{display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px}.pwa-install-btn{background-color:#4f46e5!important;border-radius:8px;color:#fff!important;font-weight:600;padding:10px 24px;transition:background-color .2s;width:100%}.pwa-install-btn:hover{background-color:#4338ca!important}.pwa-dismiss-btn{color:#666;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pwa-modal-ios{max-width:400px}.pwa-ios-instructions{display:flex;flex-direction:column;gap:20px;margin:24px 0;text-align:left}.ios-instruction-step{align-items:flex-start;display:flex;gap:16px}.ios-step-number{align-items:center;background-color:var(--primary,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.ios-step-content{align-items:flex-start;display:flex;flex:1;gap:12px}.ios-step-icon{align-items:center;background-color:var(--select-background-color-emph,#f3f4f6);border-radius:8px;color:var(--primary,#4f46e5);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ios-step-content p{color:var(--text-color,#333);font-size:14px;line-height:1.5;margin:0;padding-top:8px}.ios-step-content strong{color:var(--primary,#4f46e5);font-weight:600}.pwa-modal{background-color:var(--background-color,#fff)}.pwa-modal-header{border-bottom:1px solid var(--border,rgba(0,0,0,.08))}.pwa-modal-body h2{color:var(--text-color,#333)}.pwa-modal-body p,.pwa-modal-close{color:var(--text-color,#666)}.pwa-install-btn{background-color:var(--primary,#4f46e5)!important}.pwa-install-btn:hover{background-color:var(--primary,#4338ca)!important;opacity:.9}@media (prefers-color-scheme:dark){.pwa-modal{background-color:var(--background-color,#1f2937)}.pwa-modal-header{border-bottom:1px solid var(--border,hsla(0,0%,100%,.1))}.pwa-modal-body h2{color:var(--text-color,#f3f4f6)}.pwa-modal-body p{color:var(--text-color,#d1d5db)}.benefit-item{color:var(--text-color,#e5e7eb)}.pwa-modal-close{color:var(--text-color,#9ca3af)}.pwa-modal-close:hover{background-color:hsla(0,0%,100%,.05)}.pwa-dismiss-btn{color:var(--text-color,#9ca3af)}.ios-step-icon{background-color:var(--select-background-color-emph,hsla(0,0%,100%,.1))}.ios-step-content p{color:var(--text-color,#d1d5db)}}.audio-controls-panel{--panel-width:200px;--tab-width:24px;--slider-height:4px;--slider-thumb-size:12px;--slider-track-background:hsla(0,0%,100%,.2);align-items:center;display:flex;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;z-index:1000}.audio-controls-panel.closed{transform:translateY(-50%) translateX(var(--panel-width))}.audio-controls-panel .panel-tab{align-items:center;background-color:var(--primary);border-radius:6px 0 0 6px;box-shadow:-2px 0 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:var(--tab-width);z-index:2}.audio-controls-panel .panel-content{background-color:var(--sidebar-bg-color);border:1px solid var(--border);border-radius:6px 0 0 6px;border-right:none;box-shadow:-2px 0 10px rgba(0,0,0,.1);margin-left:-1px;overflow:hidden;padding:12px;width:var(--panel-width)}.audio-controls-panel .react-select__control{background-color:var(--select-background-color)!important;border-color:var(--border)!important;box-shadow:none!important;min-height:30px!important}.audio-controls-panel .react-select__menu{border:1px solid var(--border)!important;z-index:9999!important}.audio-controls-panel .react-select__menu,.audio-controls-panel .react-select__option{background-color:var(--select-background-color)!important}.audio-controls-panel .react-select__option--is-selected{background-color:var(--primary)!important}.audio-controls-panel .react-select__option--is-focused:not(.react-select__option--is-selected){background-color:var(--select-hover)!important}.audio-controls-panel input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary) 0,var(--primary) 50%,var(--slider-track-background) 50%,var(--slider-track-background) 100%);border-radius:calc(var(--slider-height)/2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);height:var(--slider-height);margin:10px 0;outline:none;width:100%}.audio-controls-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;height:var(--slider-thumb-size);margin-top:calc((var(--slider-height) - var(--slider-thumb-size))/2);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:var(--slider-thumb-size)}.audio-controls-panel input[type=range]::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;height:var(--slider-thumb-size);-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:var(--slider-thumb-size)}.audio-controls-panel input[type=range]::-webkit-slider-runnable-track{border-radius:calc(var(--slider-height)/2);height:var(--slider-height)}.audio-controls-panel input[type=range]::-moz-range-track{border-radius:8px;height:6px}.audio-controls-panel .slider{min-width:80px;width:100%}.volume-slider input[type=range]{background:linear-gradient(to right,var(--primary) 0,var(--primary) 50%,var(--slider-track-background) 50%,var(--slider-track-background) 100%);border-radius:calc(var(--slider-height)/2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:var(--slider-height);margin:6px 0}.volume-slider input[type=range]::-webkit-slider-thumb{background:var(--primary);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);height:var(--slider-thumb-size);margin-top:calc((var(--slider-height) - var(--slider-thumb-size))/2);width:var(--slider-thumb-size)}.volume-slider input[type=range]::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);height:var(--slider-thumb-size);width:var(--slider-thumb-size)}.volume-slider input[type=range]::-webkit-slider-runnable-track{border-radius:calc(var(--slider-height)/2);height:var(--slider-height)}.volume-slider input[type=range]::-moz-range-track{border-radius:2px;height:4px}.audio-controls-panel .panel-tab:hover{background-color:var(--primary-hover,#4a6ebb)}.audio-controls-panel.closed{box-shadow:-2px 0 10px rgba(0,0,0,.15)}.audio-controls-panel .slider span{display:inline-block;font-size:.75rem;min-width:25px;text-align:right}@media (max-width:600px){.audio-controls-panel{--panel-width:180px}.audio-controls-panel .panel-content{padding:10px 8px}.audio-controls-panel .panel-tab{height:60px}}.audio-controls-panel.open{animation:panel-slide-in .3s ease forwards}@keyframes panel-slide-in{0%{opacity:.8}to{opacity:1}}.audio-controls-panel .slider-value{font-size:.75rem;font-weight:500;min-width:25px;text-align:right}.audio-controls-panel .slider-input{border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);cursor:pointer;height:6px;position:relative}.audio-controls-panel .panel-content>div.pt-2{margin-top:2px}.audio-controls-panel .panel-content,.audio-controls-panel .slider,.audio-controls-panel input[type=range]{transition:all .3s ease}.audio-controls-panel .react-select__single-value{color:inherit!important}.audio-controls-panel input[type=range]:focus{outline:none}.audio-controls-panel input[type=range]:active::-webkit-slider-thumb,.audio-controls-panel input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(var(--primary-rgb,0,120,250),.3),0 1px 3px rgba(0,0,0,.3);transform:scale(1.15)}.audio-controls-panel input[type=range]:active::-moz-range-thumb,.audio-controls-panel input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 2px rgba(var(--primary-rgb,0,120,250),.3),0 1px 3px rgba(0,0,0,.3);transform:scale(1.15)}.audio-controls-panel input[type=range]:hover{cursor:pointer}.volume-slider input[type=range]:active::-webkit-slider-thumb,.volume-slider input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(var(--primary-rgb,0,120,250),.3),0 1px 3px rgba(0,0,0,.3);transform:scale(1.15)}.volume-slider input[type=range]:active::-moz-range-thumb,.volume-slider input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 2px rgba(var(--primary-rgb,0,120,250),.3),0 1px 3px rgba(0,0,0,.3);transform:scale(1.15)}.volume-slider input[type=range]:hover{cursor:pointer}.tempo-control{margin-bottom:8px;padding:0}.tempo-display{align-items:center;background:var(--primary-light,rgba(0,120,250,.15));border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 3px rgba(0,0,0,.1);color:var(--primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;min-width:40px;overflow:hidden;padding:0 8px;position:relative;transition:all .2s ease}.tempo-display:hover{background:var(--primary-light,rgba(0,120,250,.25))}.tempo-adjust-btn{align-items:center;background:var(--select-background-color);border:1px solid var(--border);border-radius:50%;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;line-height:1;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.tempo-adjust-btn:hover{background:var(--select-hover);transform:scale(1.1)}.tempo-adjust-btn:active{transform:scale(.95)}.tempo-input{background:transparent;border:none;color:var(--primary);font-size:.9rem;font-weight:600;outline:none;text-align:center;width:100%}.tempo-value{align-items:center;display:flex;justify-content:center}.tempo-multiplier{display:flex;gap:4px;justify-content:space-between;margin-top:8px}.tempo-multiplier-btn{background:var(--select-background-color);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;flex:1;font-size:.75rem;font-weight:500;padding:4px 0;text-align:center;transition:all .2s ease}.tempo-multiplier-btn:hover{background:var(--select-hover);box-shadow:0 2px 3px rgba(0,0,0,.15);transform:translateY(-1px)}.tempo-multiplier-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 1px 3px rgba(0,0,0,.2);color:#fff;transform:translateY(0)}.tempo-control input[type=range],.volume-slider input[type=range]{background:linear-gradient(to right,var(--primary) 0,var(--primary) 50%,var(--slider-track-background) 50%,var(--slider-track-background) 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:var(--slider-height);margin:12px 0}.tempo-control input[type=range]::-webkit-slider-thumb,.volume-slider input[type=range]::-webkit-slider-thumb{border:none;box-shadow:0 1px 3px rgba(0,0,0,.3);height:var(--slider-thumb-size);margin-top:calc((var(--slider-height) - var(--slider-thumb-size))/2);width:var(--slider-thumb-size)}.tempo-control input[type=range]::-moz-range-thumb,.volume-slider input[type=range]::-moz-range-thumb{border:none;box-shadow:0 1px 3px rgba(0,0,0,.3);height:var(--slider-thumb-size);width:var(--slider-thumb-size)}.volume-track .text-primary{font-weight:600;min-width:24px;text-align:right}.volume-slider-container{padding:0 2px}.volume-controls{display:flex;flex-direction:column;gap:6px}@media (max-width:768px){.audio-controls-panel{transition:transform .3s ease}.audio-controls-panel .panel-content{max-height:80vh;overflow-y:auto}.audio-controls-panel .panel-tab{height:100px;width:32px}}@media (min-width:769px){.audio-controls-panel .panel-tab:hover{background-color:var(--primary-hover,var(--primary));box-shadow:-3px 0 12px rgba(0,0,0,.15)}}.audio-controls-panel{gap:0}.audio-controls-panel.open .panel-content{pointer-events:auto}.audio-controls-panel .close-btn{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7;padding:4px;transition:opacity .2s}.audio-controls-panel .close-btn:hover{opacity:1}.audio-player{border-radius:10px;bottom:20px;box-shadow:0 10px 25px rgba(0,0,0,.2);overflow:visible;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.audio-player,.audio-player .player-notch{background-color:var(--card-color,#fff);border:1px solid var(--card-border-color,#e5e5e5)}.audio-player .player-notch{align-items:center;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -4px 10px rgba(0,0,0,.1);display:flex;gap:4px;height:30px;padding:0 3px;position:absolute;right:10px;top:-30px}.audio-player .player-notch .notch-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:var(--text-muted-color,#666);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:24px}.audio-player .player-notch .notch-button:hover{background-color:rgba(0,0,0,.05);color:var(--text-color,#333)}.audio-player .player-notch .notch-button.close-button:hover{color:var(--destructive-color,#f43f5e)}.audio-player.mobile .audio-player .player-notch{height:36px;right:10px;top:-36px}.audio-player.mobile .audio-player .player-notch .notch-button{height:32px;width:32px}.audio-player.mobile{border-bottom:none;border-left:none;border-radius:10px 10px 0 0;border-right:none;bottom:0;max-width:100%!important;right:0;width:100%!important}.audio-player .player-container{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.audio-player .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player.mobile .title{font-size:16px!important}.audio-player.mobile .album,.audio-player.mobile .artist,.audio-player.mobile .time{font-size:14px!important}.audio-player.minimized{height:80px;width:80px}.audio-player.minimized.mobile{border-radius:10px;bottom:20px;height:80px;right:20px;width:80px!important}.audio-player.minimized .audio-player-minimized{height:100%;width:100%}.audio-player.minimized .audio-player-minimized .album-art-container{height:100%;position:relative;width:100%}.audio-player.minimized .audio-player-minimized .album-art-container .album-art{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.audio-player.minimized .audio-player-minimized .album-art-container .play-pause-overlay{align-items:center;background-color:rgba(0,0,0,.4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.audio-player.minimized .audio-player-minimized .album-art-container .play-pause-overlay:hover,.audio-player.minimized .audio-player-minimized .album-art-container:hover .play-pause-overlay{opacity:1}.audio-player:not(.minimized){max-width:calc(100vw - 40px);width:600px}.audio-player:not(.minimized) .audio-player-expanded{position:relative;width:100%}.audio-player:not(.minimized) .audio-player-expanded .queue-view{display:flex;flex-direction:column;height:350px;padding:16px;width:100%}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view{height:400px;padding:16px 12px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;width:100%}.audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header h3{font-size:16px;font-weight:600;margin:0}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header h3{font-size:18px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header .back-button{font-size:13px;height:28px;margin-left:auto}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header .back-button{font-size:14px;height:36px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list{flex:1;list-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin;width:100%}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list::-webkit-scrollbar{width:6px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list::-webkit-scrollbar-track{background:transparent}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 16px;transition:background-color .15s ease;width:100%}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item{padding:14px 16px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item:hover{background-color:var(--select-background-color,rgba(0,0,0,.05))}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item.active{background-color:var(--select-background-color-emph,rgba(0,0,0,.1));font-weight:500}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details{flex:1;margin-right:16px;overflow:hidden}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-title{font-size:14px;font-weight:500}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-title{font-size:16px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-album,.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-artist{font-size:12px;opacity:.8}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-album,.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .track-details .track-artist{font-size:14px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .remove-button{opacity:.7}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .remove-button:hover{background-color:rgba(0,0,0,.1);opacity:1}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .track-item .remove-button{min-height:44px;min-width:44px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .empty-queue-message{color:var(--text-muted-color,#888);font-size:14px;padding:30px 0;text-align:center}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .queue-view .track-list .empty-queue-message{font-size:16px;padding:50px 0}.audio-player:not(.minimized) .audio-player-expanded .album-art-container{flex-shrink:0;height:60px;margin-right:16px;width:60px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded .album-art-container{height:64px;width:64px}.audio-player:not(.minimized) .audio-player-expanded .album-art-container .album-art{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.audio-player:not(.minimized) .audio-player-expanded .album-art-container .play-pause-overlay{align-items:center;background-color:rgba(0,0,0,.4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.audio-player:not(.minimized) .audio-player-expanded .album-art-container .play-pause-overlay:hover{opacity:1}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view){align-items:center;display:flex;padding:16px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view){flex-wrap:wrap;gap:16px;padding:16px}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section{align-items:center;display:flex;flex:3;min-width:180px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section{flex:0 0 100%;margin-bottom:5px;min-width:unset}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section .track-info{flex:1;min-width:0}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section .track-info .title{font-size:14px;font-weight:500}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section .track-info .album,.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .left-section .track-info .artist{font-size:12px;opacity:.8}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section{align-items:center;display:flex;flex:5;flex-direction:column;justify-content:center;min-width:200px;padding:0 10px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section{order:3}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .player-controls{align-items:center;display:flex;gap:12px;justify-content:center}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .player-controls{gap:16px}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .player-controls .play-button{border-radius:50%;height:40px;width:40px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .player-controls .play-button{height:48px;width:48px}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container{align-items:center;display:flex;gap:10px;width:100%}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container .time{font-size:12px;min-width:40px;opacity:.8;text-align:center}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container .time{min-width:45px}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container [role=slider]{background-color:var(--primary-color,#2563eb)!important;border:none!important;flex:1}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container [role=slider],.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container [role=slider] [data-orientation=horizontal]{height:8px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section .progress-container [role=slider] [role=thumb]{height:16px;width:16px}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .right-section{align-items:center;display:flex;gap:8px;margin-right:10px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .right-section{flex:0 0 auto;order:2}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .right-section button{height:32px;width:32px}.audio-player.mobile .audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .right-section button{height:44px;width:44px}@media(max-width:640px){.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .center-section{order:3}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view) .right-section{margin-left:auto}.audio-player:not(.minimized) .audio-player-expanded:not(.queue-view){padding:16px}.audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}}@media(max-width:640px)and (max-width:400px){.audio-player:not(.minimized) .audio-player-expanded .queue-view .queue-header .back-button{align-self:flex-end;margin-left:0;margin-top:8px}}@media(max-width:640px){.audio-player.minimized{height:80px;width:80px}}@supports(padding-bottom:env(safe-area-inset-bottom)){.audio-player.mobile:not(.minimized){padding-bottom:env(safe-area-inset-bottom)}}.legal-document{height:auto;margin:0 auto;max-width:800px;overflow-y:auto;padding:1.5rem}body{overflow-y:auto!important}.legal-document ol{counter-reset:item;list-style-type:none;margin-bottom:1.5rem;padding-left:1.5rem}.legal-document ol>li{counter-increment:item;display:block;font-weight:500;margin-bottom:1.5rem;position:relative}.legal-document ol>li:before{content:counter(item) ".";display:inline-block;font-weight:700;left:0;margin-left:-1.5rem;margin-right:.5rem;position:absolute}.legal-document ul{list-style-type:none;margin-bottom:1rem;margin-top:.75rem;padding-left:1.5rem}.legal-document ul>li{font-weight:400;margin-bottom:.75rem;padding-left:.5rem;position:relative}.legal-document ul>li:before{color:#555;content:"•";font-size:1.2em;left:-1rem;position:absolute}.legal-document p{line-height:1.6;margin-bottom:1rem}.legal-document h2{border-bottom:1px solid #eaeaea;margin-bottom:1.5rem;padding-bottom:.5rem}.legal-document li>p:first-child{font-weight:600;margin-bottom:.5rem}.legal-document:after{content:"";display:block;height:2rem}.privacy-policy,.terms-of-service{min-height:100vh;position:relative}