@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.largeshadow{-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8))}.largeshadowhv:hover{-webkit-filter:drop-shadow(4px 4px 2px rgba(0,0,0,.8));filter:drop-shadow(4px 4px 2px rgba(0,0,0,.8))}.smallshadow{-webkit-filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7));filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7))}.smallshadowhv:hover{-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,.9));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.9))}.blur{filter:blur(4px)!important}html,body{height:100%;width:100%;padding:0;margin:0;font-family:sans-serif;background-color:#000;-webkit-text-size-adjust:100%;text-size-adjust:100%}#canvas{z-index:0;position:fixed;width:100%;height:100%}#player{position:fixed;width:100%;bottom:5px;color:#fff;display:flex;flex-direction:column;align-items:center}#playlist-wrapper{position:absolute;bottom:52px;overflow:clip}#playlist-content{width:580px;opacity:.2;max-height:min(400px,calc(100vh - 70px));min-height:125px;overflow:hidden;background:linear-gradient(145deg,#3c3c4699,#28283099,#1e1e2699);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(185,185,185,.15);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0003;transition:top .4s ease-in-out,opacity .4s ease-in-out;position:relative;top:400px;display:flex;flex-direction:column}#playlist-content.open{opacity:1;top:0!important}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.playlist-header h3{margin:0;padding-top:2px;padding-left:4px;font-size:1.2em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playlist-actions{display:flex;gap:8px}.playlist-btn{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2em}.playlist-btn:hover{background:#667eea33;border-color:#667eea66;color:#fff;transform:scale(1.05)}#playlist-repeat{position:relative}#playlist-repeat[data-mode=all]{background:#667eea40;border-color:#667eea80;color:#667eea}#playlist-repeat[data-mode=one]{background:#f093fb40;border-color:#f093fb80;color:#f093fb}#playlist-repeat[data-mode=one]:after{content:"1";position:absolute;top:2px;right:2px;font-size:.65em;font-weight:700;background:#f093fbe6;color:#000;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1}.playlist-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.playlist-body.noscroll{overflow:hidden!important}.playlist-body::-webkit-scrollbar{width:8px}.playlist-body::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.playlist-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b9dd8,#9d7bb8,#d89fde);border-radius:4px}.playlist-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.playlist-items{padding:8px}.playlist-item{display:flex;align-items:center;gap:5px;padding:7px;margin-bottom:3px;background:linear-gradient(135deg,#0006,#14141e80);border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s ease}.playlist-item:hover{background:linear-gradient(135deg,#667eea26,#764ba21a);border-color:#667eea4d;transform:translate(4px)}.playlist-item.active{background:linear-gradient(135deg,#667eea40,#764ba233,#f093fb40);border-color:#667eea80;box-shadow:0 2px 8px #667eea33}.playlist-item-drag-handle{color:#fff6;font-size:1.2em;cursor:grab;transition:color .2s ease}.playlist-item-drag-handle:active{cursor:grabbing}.playlist-item:hover .playlist-item-drag-handle{color:#fffc}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:.8em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.playlist-item-duration{font-size:.75em;color:#fff9}.playlist-item-remove{color:#fff6;font-size:1.2em;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center}.playlist-item-remove:hover{color:#f093fb;background:#f093fb26}.playlist-item.dragging{opacity:.5;transform:scale(.95)}.playlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80;text-align:center}.playlist-empty ion-icon{font-size:3em;margin-bottom:12px;opacity:.3}.playlist-empty p{margin:4px 0;font-size:.95em}.playlist-empty-hint{font-size:.85em!important;color:#fff6!important}#playlist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffc;position:absolute;left:0;bottom:0;width:100%;height:100%;background:#0009}#playlist-loading .loading-text{margin-top:10px;margin-bottom:10px;font-size:.9em;color:#ffffffb3;text-align:center;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}#playlist-loading .loading-filename{font-size:.85em}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eeacc;border-radius:50%;animation:spin 1s linear infinite;margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}#player-content{height:50px;width:600px;border:1px solid rgba(185,185,185,.15);border-radius:12px;background:linear-gradient(145deg,#3c3c46d9,#282830e6,#1e1e26d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0003;position:absolute;left:calc(50% - 300px);bottom:0;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease,transform .3s ease;transition:left .5s ease-in-out}#player-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba20d,#f093fb1a);opacity:0;transition:opacity .3s ease;pointer-events:none}#player-content:hover:before{opacity:1}#player-content:hover{box-shadow:0 12px 48px #00000080,0 4px 12px #667eea33,inset 0 1px #ffffff26,inset 0 -1px #0000004d}#player-content.hidden{left:-585px}#player-content.hidden #player-hide{color:#ffffff80}#player .now_playing{display:flex;align-items:center;height:47px;width:300px;min-width:200px;background:linear-gradient(135deg,#0009,#14141eb3);border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.3);padding-left:4px;padding-right:8px;gap:5px;font-size:.8em;box-shadow:inset 0 1px 2px #0000004d;margin-left:1px}#player .now_playing .meta{flex:1;min-width:0;overflow:hidden}#player .icon{border-radius:5px;padding-left:1px;padding-right:2px;height:85%;width:40px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative}#player .icon:hover{cursor:pointer}#player .icon>#icon_border{position:absolute;color:#008c00;width:38px;height:38px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:300% 300%;animation:gradient-shift 4s ease infinite;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 8px #667eea66,0 1px 3px #00000080,inset 0 1px #ffffff4d;position:relative}#player .icon>#icon_border:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px);border-radius:50%;pointer-events:none}#player .icon:hover>#icon_border{box-shadow:0 3px 12px #667eea99,0 2px 6px #000c,inset 0 1px #fff6;transition:all .2s ease;animation-duration:2s}#player .icon>#icon_border>#icon_image{position:absolute;mix-blend-mode:overlay;color:#000;width:30px;height:30px;bottom:4px;right:5px;transition:all .2s ease}#player .icon:hover>#icon_border>#icon_image{mix-blend-mode:color-dodge;color:#fff9}#player .controls_group ion-icon{font-size:2em}#player .controls,#player .controls_group,#player .controls_group div{display:flex;justify-content:center;align-items:center}#player .controls_group ion-button{display:flex}#player .progress .time{font-size:.7em;padding-left:3px;padding-top:4px}#player .hidebutton{height:47px;vertical-align:middle;background-color:#00000080;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:1px solid rgba(255,255,255,.1);display:flex;align-items:center;color:#fffc}#player .hidebutton:hover{cursor:pointer;background-color:#000c}#controls_play ion-button{position:relative;left:2px}#player-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player-artist{font-size:.9em;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#667eea4d,#764ba24d,#f093fb4d);outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0006;transition:all .1s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8b9dd8,#9d7bb8,#d89fde);cursor:pointer;border:2px solid rgba(255,255,255,.35);box-shadow:0 2px 6px #0006,0 0 6px #8c8cb440;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000080,0 0 12px #667eea80}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8b9dd8,#9d7bb8,#d89fde);cursor:pointer;border:2px solid rgba(255,255,255,.35);box-shadow:0 2px 6px #0006,0 0 6px #8c8cb440;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000080,0 0 12px #667eea80}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:8px;height:120px;background:linear-gradient(to top,#667eea4d,#764ba24d,#f093fb4d);border-radius:4px;outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0006}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8b9dd8,#9d7bb8,#d89fde);cursor:pointer;border:2px solid rgba(255,255,255,.35);box-shadow:0 2px 6px #0006,0 0 6px #8c8cb440;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000080,0 0 12px #667eea80}.volume-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000080,0 0 12px #667eea80}#player .volume{padding-left:10px;padding-right:5px;font-size:1.8em;display:flex;justify-content:center;align-items:center;position:relative}#player .volume div{display:flex;justify-content:center;align-items:center;vertical-align:middle}#player .volume ion-button{display:flex;align-items:center;justify-content:center}#player .volume ion-icon{display:flex;align-items:center}.volume-slider-container{position:absolute;bottom:45px;right:-5px;width:20px;height:120px;background:linear-gradient(145deg,#3c3c46f2,#282830f2,#1e1e26f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:15px 10px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(185,185,185,.15);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0003;animation:slideInVolume .2s ease-in-out}@keyframes slideInVolume{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}