#myPlayer.myPlayer{--bg: rgba(255,255,255,.26);--bg-hover: rgba(255,255,255,.85);--bg-playing: rgba(18,58,95,.05);--border: #e6eef7;--text: #0f172a;--muted: #6b7280;--accent: #008DE3;--accent-2: #fff;--accent-3: #fa0;--shadow: 0 18px 46px rgba(18,58,95,.16);--seek: 0%;--buffer: 0%;position:fixed;left:0;right:0;bottom:0;z-index:9999;width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-evenly;gap:10px;flex-wrap:nowrap;background:linear-gradient(180deg,var(--bg),#fff);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;box-shadow:var(--shadow),0 0 0 1px #123a5f0f,0 -18px 36px #123a5f14;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}#myPlayer.myPlayer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent) var(--seek),transparent var(--seek));opacity:.95;pointer-events:none;border-top-left-radius:16px;border-top-right-radius:16px}#myPlayer.myPlayer.is-playing{background:linear-gradient(180deg,var(--bg),var(--bg-hover));border-color:#d9e7ff;box-shadow:0 14px 38px #123a5f21,0 0 0 1px #123a5f17,0 -20px 40px #123a5f1a}#myPlayer .myPlayer__btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;width:40px;height:40px;border-radius:5px;border:1px solid var(--border);background:#008de3;color:#fff;font-size:16px;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}#myPlayer .myPlayer__btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #123a5f33;color:#fff;background:var(--accent)}#myPlayer .myPlayer__btn.is-active{position:relative;background:linear-gradient(180deg,#fff,#f2f6fb);border-color:#ccd6e2;color:var(--accent);box-shadow:0 0 0 2px #faaa0066 inset,0 4px 14px #123a5f1f,inset 0 0 10px #faaa0033;transition:background .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}#myPlayer .myPlayer__btn.is-active:hover{background:linear-gradient(180deg,#fff9e8,#fff);border-color:#fa0;color:#fa0;box-shadow:0 0 0 2px #faaa008c inset,0 6px 18px #faaa0040,inset 0 0 12px #faaa0059}#myPlayer .myPlayer__btn.is-active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none;box-shadow:0 0 #faaa0066;animation:activePulse 1.8s ease-out infinite}@keyframes activePulse{0%{box-shadow:0 0 #faaa0066}70%{box-shadow:0 0 0 10px #faaa0000}to{box-shadow:0 0 #faaa0000}}#myPlayer .myPlayer__btn--play{width:46px;height:46px;font-size:18px;border-radius:5px}#myPlayer .myPlayer__btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}#myPlayer.is-playing .myPlayer__btn--play{position:relative}#myPlayer.is-playing .myPlayer__btn--play:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;pointer-events:none;box-shadow:0 0 #123a5f2e;animation:myPlayer-pulse 1.8s ease-out infinite}@keyframes myPlayer-pulse{0%{box-shadow:0 0 #123a5f33}70%{box-shadow:0 0 0 12px #123a5f00}to{box-shadow:0 0 #123a5f00}}#myPlayer .myPlayer__btn.is-active{box-shadow:0 0 0 2px #ffaa0059 inset}#myPlayer #mute-btn.is-muted{position:relative;background:linear-gradient(180deg,#fff,#f2f6fb);border-color:#ccd6e2;color:var(--accent);box-shadow:0 0 0 2px #faaa0066 inset,0 4px 14px #123a5f1f,inset 0 0 10px #faaa0033;transition:background .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}#myPlayer #mute-btn.is-muted:hover{background:linear-gradient(180deg,#fff9e8,#fff);border-color:#fa0;color:#fa0;box-shadow:0 0 0 2px #faaa008c inset,0 6px 18px #faaa0040,inset 0 0 12px #faaa0059}#myPlayer #mute-btn.is-muted:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none;box-shadow:0 0 #faaa0066;animation:activePulse 1.8s ease-out infinite}#myPlayer #mute-btn.is-muted i{opacity:1;color:inherit}#myPlayer .titlerange{display:inline-flex;align-items:center;gap:10px;flex:1 1 700px;min-width:240px;padding:0 6px;justify-content:center}#myPlayer .myPlayer__track{flex:0 1 auto;min-width:160px;max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#001e3f;font-weight:700;letter-spacing:.2px;text-decoration:none;padding:0 6px;font-size:14px;text-align:left}#myPlayer .myPlayer__track:hover{text-decoration:underline}#myPlayer .sound-time{font-size:13px;color:#374151;white-space:nowrap;min-width:74px;text-align:right}#myPlayer .sound-time .current{color:#0f172a;font-variant-numeric:tabular-nums}#myPlayer .sound-time .total{color:#6b7280;font-variant-numeric:tabular-nums}#myPlayer #seek-bar{--seek-color: var(--accent);flex:1 1 auto;min-width:160px;max-width:760px;height:10px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid var(--border);background:linear-gradient(90deg,rgba(18,58,95,.16) var(--buffer),transparent var(--buffer)),linear-gradient(90deg,var(--seek-color) var(--seek),#e5ebf3 var(--seek))}#myPlayer #seek-bar::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:transparent}#myPlayer #seek-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:18px;height:18px;border-radius:12px;background:#fff;border:2px solid var(--accent);box-shadow:0 3px 10px #123a5f2e;transition:transform .12s ease,border-color .2s ease}#myPlayer #seek-bar:active::-webkit-slider-thumb{transform:scale(1.06);border-color:var(--accent-2)}#myPlayer #seek-bar::-moz-range-track{height:10px;border-radius:999px;background:transparent}#myPlayer #seek-bar::-moz-range-progress{height:10px;border-radius:999px;background:var(--accent)}#myPlayer #seek-bar::-moz-range-thumb{width:18px;height:18px;border-radius:12px;background:#fff;border:2px solid var(--accent)}#myPlayer #seek-bar:hover,#myPlayer #seek-bar:focus-visible,#myPlayer #seek-bar:active{--seek-color: var(--accent-3)}#item-info-popup{position:fixed;bottom:82px;left:50%;transform:translate(-50%);background:#fffffffa;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.35rem 1rem;z-index:10000;display:none}.box1,.box2{display:flex;justify-content:center;align-items:center;gap:5px}@media (max-width: 920px){#myPlayer{padding:12px;gap:10px}}@media (max-width: 720px){#myPlayer{gap:8px;padding:10px 12px}#myPlayer .myPlayer__track{max-width:100%;text-align:center}#myPlayer #seek-bar{display:none}}@media (max-width: 720px){#myPlayer.myPlayer{flex-wrap:wrap;justify-content:space-between;border-radius:5px}#myPlayer .titlerange{justify-content:space-between;position:absolute;bottom:68px;left:0;width:100%;background:#fff;padding:15px;border-top:2px solid #6f6f6f6b}}@media (max-width: 480px){#myPlayer{padding:8px 10px}#myPlayer .myPlayer__btn{width:36px;height:36px}#myPlayer .myPlayer__btn--play{width:44px;height:44px}#myPlayer #seek-bar{min-width:140px;height:8px}#myPlayer .sound-time{font-size:12px;min-width:64px}}#myPlayer .myPlayer__btn--play i{margin-left:1px}#myPlayer #mute-btn{min-height:40px;min-width:40px}#myPlayer #seek-bar:hover::-webkit-slider-thumb,#myPlayer #seek-bar:focus-visible::-webkit-slider-thumb,#myPlayer #seek-bar:active::-webkit-slider-thumb{border-color:var(--accent-3)}#myPlayer #seek-bar:hover::-moz-range-progress,#myPlayer #seek-bar:focus-visible::-moz-range-progress,#myPlayer #seek-bar:active::-moz-range-progress{background:var(--accent-3)}#myPlayer #seek-bar:hover::-moz-range-thumb,#myPlayer #seek-bar:focus-visible::-moz-range-thumb,#myPlayer #seek-bar:active::-moz-range-thumb{border-color:var(--accent-3)}