body,html{margin:0;padding:0;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:0 0}body.dark .player{background:var(--fp-dark-bg,#1a1a1a);box-shadow:0 -1px 5px 0 rgba(0,0,0,.6),0 10px 17px 0 rgba(0,0,0,.35),0 3px 7px 0 rgba(0,0,0,.4)!important}body.dark .meta,body.dark .time,body.dark .title{color:#fff}body.dark .cover{background:#2a2a2a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="%23bcc0c8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>') center no-repeat!important;background-size:22px 22px!important;background-clip:padding-box!important}.wrap{width:100%;min-height:105px;height:auto;display:flex;align-items:flex-end;justify-content:var(--fp-align);padding:10px 2px 10px 2px!important;box-sizing:border-box}.player{width:100%;max-width:var(--fp-max-width);height:84px;border-radius:20px;background:var(--light-bg);display:flex;align-items:center;padding:0 20px;gap:12px;box-sizing:border-box;box-shadow:0 -1px 5px 0 rgba(0,0,0,.25),0 10px 17px 0 rgba(0,0,0,.05),0 3px 7px 0 rgba(0,0,0,.1)!important;container-type:inline-size;container-name:player}.leftBlock{display:flex;align-items:center;gap:12px;flex:0 0 280px;min-width:280px}.cover{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;border-radius:10px!important;background:#d1d5db url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="%239ca3af" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>') center no-repeat!important;background-size:22px 22px!important;background-clip:padding-box!important;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;flex:0 0 52px!important;flex-shrink:0!important;flex-grow:0!important;position:relative!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:none!important;clip-path:inset(0)!important}.cover img{width:100%;height:100%;object-fit:cover;display:block}.meta{min-width:0;color:var(--player-label-color,#000);flex:1}.title{font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--player-label-color,#000)}.controls{display:flex;align-items:center;gap:10px;flex:0 0 180px;justify-content:center}.btn{width:32px;height:32px;border:none;background:0 0;color:var(--brand-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn:hover:not(.btnPlay){color:color-mix(in srgb,var(--brand-color) 70%,transparent)}.btnPlay:hover{background:color-mix(in srgb,var(--brand-color) 70%,transparent)}#closeBtn{font-size:14px!important;line-height:1!important;font-family:system-ui,-apple-system,sans-serif!important;width:32px!important;height:32px!important}@media (max-width:620px){#closeBtn{width:28px!important;height:28px!important;font-size:18px!important}}.btnPlay{background:var(--brand-color);color:#fff;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer}.waveArea{flex:1;display:flex;align-items:center;gap:15px;min-width:150px}.time{font-size:11px;color:var(--player-label-color,#000);width:40px;text-align:center;font-variant-numeric:tabular-nums}.seekWrap{position:relative;flex:1 1 auto;min-width:0;display:block}canvas{width:100%;height:34px;cursor:pointer;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.rightControls{display:flex;align-items:center;gap:12px;flex:0 0 auto;flex-shrink:0}.speedBtn{background-color:transparent;border:1px solid var(--brand-color);color:var(--brand-color);padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;width:60px;text-align:center;flex:0 0 60px}.adsBlock{display:none!important}@container player (min-width:851px) and (max-width:895px){.player{gap:10px!important}.controls{gap:6px!important}.waveArea{gap:6px!important}.rightControls{gap:5px!important}}@container player (min-width:601px) and (max-width:850px){.player{gap:6px!important}.leftBlock{flex:0 0 150px;min-width:0;gap:8px}.controls{flex:0 0 auto!important;gap:4px!important}.waveArea{gap:6px!important;min-width:80px}.rightControls{gap:6px!important;flex-shrink:0!important}.speedBtn{width:45px;flex:0 0 45px}}@container player (max-width:600px){.player{gap:6px!important;padding:0 12px}.leftBlock{flex:0 0 160px;min-width:0;gap:6px}.cover{width:36px!important;height:36px!important;flex:0 0 36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.title{font-size:12px;-webkit-line-clamp:1}.controls{flex:0 0 auto!important;gap:4px!important}.waveArea{gap:6px!important;min-width:60px}.rightControls{flex-shrink:0!important}#nextBtn,#prevBtn{display:none!important}}@media (min-width:621px) and (max-width:650px){.player{padding:0 10px;gap:4px!important}.leftBlock{flex:0 0 120px!important;min-width:0!important;gap:6px!important}.cover{width:40px!important;height:40px!important;flex:0 0 40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.title{font-size:11px;-webkit-line-clamp:2}.controls{flex:0 0 auto!important;gap:10px!important}.btn{width:26px;height:26px}.btnPlay{width:40px;height:40px}.waveArea{min-width:50px!important;gap:10px!important;padding-right:15px!important}.time{width:32px;font-size:10px}.rightControls{gap:10px!important;flex-shrink:0!important}.speedBtn{width:40px!important;flex:0 0 40px!important;font-size:11px;padding:3px 4px}}@media (max-width:620px){.wrap{align-items:flex-end;padding:4px}.player{height:auto;flex-wrap:wrap;padding:8px 10px;gap:0;justify-content:space-between}.waveArea{order:1;flex:0 0 100%;width:100%;margin-bottom:6px;gap:8px;display:flex;align-items:center;box-sizing:border-box}.waveArea canvas{flex:1 1 auto;width:100%!important;min-width:0;height:40px}@media (min-width:500px){.waveArea canvas{height:50px}.speedBtn{flex:0 0 49px!important}.player{padding:12px 16px}.title{font-size:14px}}.leftBlock{order:2;flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin-right:8px}.cover{width:34px;height:34px;flex:0 0 34px}.title{font-size:12px;max-width:none;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--player-label-color,#000)}.controls{order:3;display:flex!important;align-items:center;gap:4px;flex:0 0 auto}#nextBtn,#prevBtn{display:none!important}.rightControls{order:4;display:flex!important;align-items:center;gap:4px;flex:0 0 auto;margin-left:4px}.btn{width:28px;height:28px}.btnPlay{width:34px;height:34px}}@media (max-width:360px){.player{padding:6px 4px}.title{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speedBtn{flex:0 0 49px!important}.leftBlock{gap:4px}}#waveCanvas:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.btn,.seekWrap,.speedBtn{position:relative}.btn::after,.seekWrap::after,.speedBtn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#5f6368;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:400;border:none;box-shadow:0 1px 4px rgba(0,0,0,.35);font-size:11px;line-height:1.4;padding:3px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10000;opacity:0;visibility:hidden}@keyframes fpTooltipAutoHide{0%{opacity:0;visibility:visible}4%{opacity:1;visibility:visible}91%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.btn:hover:not(:focus-visible)::after,.speedBtn:hover:not(:focus-visible)::after{animation:fpTooltipAutoHide 2.3s ease 1s forwards}.seekWrap:hover:not(:has(#waveCanvas:focus-visible))::after{animation:fpTooltipAutoHide 2.3s ease 1s forwards}.btn:focus-visible::after,.speedBtn:focus-visible::after{animation:fpTooltipAutoHide 2.2s ease 0s forwards}.seekWrap:has(#waveCanvas:focus-visible)::after{animation:fpTooltipAutoHide 2.2s ease 0s forwards}@media (max-width:850px){.seekWrap::after{bottom:auto;top:calc(100% + 8px)}}@supports not (container-type:inline-size){@media (min-width:651px) and (max-width:854px){.leftBlock{flex:0 0 150px;min-width:0;gap:8px}.controls{flex:0 0 auto!important;gap:4px!important}.waveArea{gap:6px!important;min-width:80px}.rightControls{gap:6px!important;flex-shrink:0!important}.speedBtn{width:45px;flex:0 0 45px}}}