@import"https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0e0e14;max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;overflow-x:hidden}.main-container{display:flex;flex-direction:column;gap:25px;position:relative;min-height:100vh}.main-container__loading-text{font-family:PT Sans Narrow,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:20px}@media screen and (max-width:1439px){body{max-width:1100px}.main-container{gap:10px}}.main-container__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;padding:40px 20px}.main-container__error-text{font-family:PT Sans Narrow,sans-serif;color:#87878a;font-size:18px;text-align:center;line-height:1.5}.main-container__error-btn{background:#ff6f61;border:none;color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;padding:10px 28px;border-radius:30px;cursor:pointer;transition:opacity .2s}.main-container__error-btn:hover{opacity:.85}.main-container__social-icons{display:flex;gap:10px;position:relative;align-items:center}.main-container__social-icons .main-container__social-icons-icon:hover{opacity:.5}@media screen and (max-width:376px){.main-container__social-icons .main-container__social-icons-icon img{width:25px;height:25px}}.main-containe__player{display:flex;justify-content:center;flex-direction:column;gap:25px;margin:10px 0;padding-bottom:40px}.main-containe__player .main-containe__player-image-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{width:300px;height:300px;object-fit:cover}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn{position:absolute;cursor:pointer;background:#ff6f61;height:100px;width:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:0;z-index:1;bottom:-50px;box-shadow:0 0 5px #000000bf}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:before,.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:after{content:"";position:absolute;height:80px;width:80px;background-color:#ff6f61;border-radius:50%;z-index:-1;opacity:.7;border:0}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:before{animation:pulse 2s ease-out infinite}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:after{animation:pulse 2s 1s ease-out infinite}@keyframes pulse{to{transform:scale(2.5);opacity:0}}.main-containe__player .main-containe__player-now-playing-container{display:flex;flex-direction:column;margin-top:80px;justify-content:center;align-items:center;text-align:center;gap:5px;position:relative}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__text{font-family:PT Sans Narrow,sans-serif;font-weight:400;color:#fff;margin:0;font-size:18px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-family:PT Sans Narrow,sans-serif;font-weight:700;color:#fff;margin:0;font-size:36px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{font-family:PT Sans Narrow,sans-serif;font-weight:700;color:#ff6f61;margin:0;font-size:24px}.main-containe__player .main-containe__player-next-playing-container{display:flex;justify-content:center;align-items:center;gap:5px;position:relative;max-width:1280px;width:100%}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container .main-containe__player-next-playing-container__text-container__text{font-family:PT Sans Narrow,sans-serif;font-weight:700;font-size:18px;color:#87878a;margin:0;text-transform:uppercase}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container .main-containe__player-next-playing-container__text-container__song{font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:400;color:#87878a;margin:0}.main-containe__player .main-containe__player-next-playing-container .main-container__social-icons{position:absolute;right:0}#canvas{position:absolute;z-index:-1;opacity:.3}@media screen and (max-width:1681px){.main-containe__player{gap:10px}.main-containe__player .main-containe__player-image-container{height:250px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:250px;width:250px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:30px}}@media screen and (max-width:1439px){.main-containe__player .main-containe__player-image-container{height:200px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:200px;width:200px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:26px}}@media screen and (max-width:476px){.main-containe__player .main-containe__player-image-container{height:250px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{width:250px;height:250px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:24px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{font-size:20px}}@media screen and (max-width:394px){.main-containe__player .main-containe__player-image-container{height:200px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{width:200px;height:200px}}@media screen and (max-width:376px){.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{width:185px;height:185px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__text{font-size:14px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:18px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{font-size:14px}}@media screen and (max-width:361px){.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:20px}.main-containe__player .main-containe__player-next-playing-container{display:none}}.player-status{position:absolute;top:-34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#ff6f611f;border:1px solid rgba(255,111,97,.35);color:#ff6f61;font-family:PT Sans Narrow,sans-serif;font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap}.player-status__dot{width:7px;height:7px;border-radius:50%;background:#ff6f61;animation:player-status-pulse 1s ease-in-out infinite}@keyframes player-status-pulse{0%,to{opacity:.3}50%{opacity:1}}.player-volume{display:flex;align-items:center;gap:10px;margin-top:12px;width:100%;max-width:280px}@media(max-width:992px){.player-volume{display:none}}.player-volume__mute-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:0;line-height:1;flex-shrink:0}.player-volume__slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer}.player-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#ff6f61;cursor:pointer;box-shadow:0 0 4px #00000080}.player-volume__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff6f61;cursor:pointer;border:none}.player-volume__label{font-family:PT Sans Narrow,sans-serif;color:#87878a;font-size:14px;min-width:36px;text-align:right}.player-share-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(255,255,255,.12);color:#87878a;font-family:PT Sans Narrow,sans-serif;font-size:15px;padding:6px 16px;border-radius:20px;cursor:pointer;margin-top:10px;transition:border-color .2s,color .2s;line-height:1}.player-share-btn:hover{border-color:#ff6f61;color:#fff}.player-history-preview{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:480px;margin:0 auto;padding:0 16px}.player-history-preview__label{font-family:PT Sans Narrow,sans-serif;font-size:13px;font-weight:400;color:#87878a;text-transform:uppercase;letter-spacing:1px}.player-history-preview__btn{display:flex;align-items:center;gap:12px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;cursor:pointer;transition:background .2s,border-color .2s;text-align:left}.player-history-preview__btn:hover{background:#ffffff17;border-color:#ff6f614d}.player-history-preview__cover{width:48px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0}.player-history-preview__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.player-history-preview__artist{font-family:PT Sans Narrow,sans-serif;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-history-preview__song{font-family:PT Sans Narrow,sans-serif;font-size:13px;color:#87878a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-history-preview__time{font-family:PT Sans Narrow,sans-serif;font-size:12px;color:#87878a;flex-shrink:0}.player-history-preview__more{font-family:PT Sans Narrow,sans-serif;font-size:12px;font-weight:700;color:#ff6f61;background:#ff6f611f;border-radius:10px;padding:2px 8px;flex-shrink:0}.history-modal__overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.history-modal{background:#1a1a24;border-top:1px solid rgba(255,111,97,.2);border-radius:16px 16px 0 0;width:100%;max-width:600px;padding:20px 20px 32px;animation:modal-slide-in .25s ease}@keyframes modal-slide-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.history-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.history-modal__title{font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.history-modal__close{background:none;border:none;color:#87878a;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.history-modal__close:hover{color:#fff}.history-modal__list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.history-modal__item{display:flex;align-items:center;gap:12px;background:#ffffff0a;border-radius:8px;padding:10px 12px}.history-modal__cover{width:48px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0}.history-modal__info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.history-modal__artist{font-family:PT Sans Narrow,sans-serif;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-modal__song{font-family:PT Sans Narrow,sans-serif;font-size:13px;color:#87878a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-modal__time{font-family:PT Sans Narrow,sans-serif;font-size:13px;color:#87878a;flex-shrink:0}.history-modal__platform-links{display:flex;align-items:center;gap:6px;flex-shrink:0}.history-modal__platform-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#87878a;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);transition:color .18s,border-color .18s}.history-modal__platform-btn--spotify:hover{color:#1db954;border-color:#1db954}.history-modal__platform-btn--apple:hover{color:#fa233b;border-color:#fa233b}.history-modal__platform-btn--youtube:hover{color:red;border-color:red}.kb-mute-badge{position:fixed;top:16px;right:20px;background:#0e0e14e0;border:1px solid rgba(255,111,97,.45);color:#ff6f61;font-family:PT Sans Narrow,sans-serif;font-size:15px;font-weight:700;padding:6px 16px;border-radius:20px;z-index:101;pointer-events:none;animation:mute-badge-in .2s ease}@keyframes mute-badge-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kb-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%) translateY(8px);background:#0e0e14e0;border:1px solid rgba(255,111,97,.35);color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;padding:10px 28px;border-radius:30px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:100;white-space:nowrap}.kb-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.kb-hint{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;background:#0e0e14f0;border-top:1px solid rgba(255,111,97,.2);padding:12px 24px;width:100%;max-width:1280px;z-index:99;animation:kb-hint-in .35s ease}@keyframes kb-hint-in{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.kb-hint__label{font-family:PT Sans Narrow,sans-serif;color:#87878a;font-size:14px;white-space:nowrap}.kb-hint__item{font-family:PT Sans Narrow,sans-serif;color:#fff;font-size:14px;display:flex;align-items:center;gap:4px;white-space:nowrap}.kb-hint__item kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:13px;color:#ff6f61;line-height:1.5}.kb-hint__close{margin-left:auto;background:none;border:none;color:#87878a;font-size:16px;cursor:pointer;padding:2px 6px;line-height:1;transition:color .15s}.kb-hint__close:hover{color:#fff}@media screen and (max-width:600px){.kb-hint{gap:6px 12px;padding:10px 12px}.kb-hint__item{font-size:12px}.kb-hint__toast{font-size:15px;padding:8px 20px}}.main-container__header{font-family:PT Sans Narrow,sans-serif;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:30px 0 0}.main-container__header .main-container__header-title{color:#fff;font-size:60px;margin:0}.main-container__header .main-container__header-subtitle{color:#ff6f61;font-size:25px;margin:0}@media screen and (max-width:1681px){.main-container__header .main-container__header-title{font-size:50px}}@media screen and (max-width:1439px){.main-container__header{margin:20px 0 0}.main-container__header .main-container__header-title{font-size:40px}.main-container__header .main-container__header-subtitle{font-size:20px}}@media screen and (max-width:394px){.main-container__header .main-container__header-title{font-size:30px}.main-container__header .main-container__header-subtitle{font-size:16px}}.main-container__footer{display:flex;flex-direction:column;align-items:center;font-family:PT Sans Narrow,sans-serif;color:#fff;font-weight:700;margin-top:auto;padding:15px 0}@media screen and (max-width:476px){.main-container__footer{gap:10px}}@media screen and (max-width:394px){.main-container__footer{gap:5px}}