/* الزر الدائري واللوحة عنصران مستقلان؛ تبقى الفقاعة دائرية في كل الحالات. */
.player{position:fixed;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:auto;display:block;width:56px;height:56px;padding:0;border:0;background:transparent;box-shadow:none;direction:rtl}
.player-bubble{position:absolute;z-index:2;inset:0;display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;aspect-ratio:1/1;flex-shrink:0;padding:0;border:1px solid #f8d4df99;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff2f7 0 4%,#f4a7c1 25%,#b7547d 67%,#381c4b 100%);box-shadow:0 10px 28px #07030f9c,0 0 0 5px #f7aac51a;color:#fff8ee;transition:transform .28s ease,box-shadow .28s ease}.player-bubble:hover{transform:scale(1.07);box-shadow:0 12px 32px #07030fbb,0 0 0 7px #f7aac52a}.player-bubble svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-bubble i{position:absolute;inset:0;border:1px solid #ffe5ed88;border-radius:inherit;opacity:0;transform:scale(.8)}.player.is-playing .player-bubble i{animation:musicPulse 1.8s ease-out infinite}@keyframes musicPulse{0%{opacity:.7;transform:scale(.82)}100%{opacity:0;transform:scale(1.42)}}
.player-panel{position:absolute;right:0;bottom:68px;display:grid;gap:13px;width:min(330px,calc(100vw - 36px));padding:16px;border:1px solid #f8d7e155;border-radius:24px;background:linear-gradient(135deg,#2d193bf2,#171022fa);box-shadow:0 20px 50px #05020bd9,inset 0 1px #fff3f722;backdrop-filter:blur(17px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:opacity .2s ease,transform .26s ease,visibility 0s linear .26s}.player.expanded .player-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.player-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0}.track-info{display:grid;min-width:0;text-align:right}.track-info span{overflow:hidden;color:#ffe7ef;font-size:.76rem;white-space:nowrap;text-overflow:ellipsis}.track-info small{color:#d8c1d4;font-size:.62rem}.player-close,.player-controls button,.player-bottom .volume{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff4f8}.player-close{width:36px;height:36px;flex:0 0 36px;border-radius:50%;opacity:.82}.player-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.player-timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;direction:ltr}.time{min-width:32px;color:#d7bed0;font:600 .61rem/1 Cairo,sans-serif;text-align:center}.player-timeline input{width:100%;height:4px;margin:0;cursor:pointer;accent-color:#ef9ab8}.player-timeline input:disabled{opacity:.35;cursor:not-allowed}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px;direction:ltr}.player-controls button{width:40px;height:40px;flex:0 0 40px;border-radius:50%}.player-controls .play{width:52px;height:52px;flex-basis:52px;border-radius:50%;background:linear-gradient(135deg,#f9c3d6,#dc769f);box-shadow:0 5px 16px #e98aa74d;color:#341327}.player-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.player-controls .play svg{position:absolute;width:23px;height:23px}.player-controls .icon-play{fill:currentColor;stroke:none;transform:translateX(1px)}.player-controls .icon-pause{display:none}.player.is-playing .icon-play{display:none}.player.is-playing .icon-pause{display:block}.player-bottom{display:flex;justify-content:flex-end}.player-bottom .volume{width:40px;height:40px;border-radius:50%}.player-bottom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player button:focus-visible{outline:2px solid #ffe6a8;outline-offset:2px}.player-panel[aria-hidden="true"]{visibility:hidden}
@media(max-width:700px){.player{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:52px;height:52px}.player-bubble{width:52px;height:52px}.player-panel{right:0;bottom:64px;width:min(310px,calc(100vw - 24px));padding:14px}.player-controls{gap:18px}}
@media(prefers-reduced-motion:reduce){.player-bubble,.player-panel{transition:none}.player.is-playing .player-bubble i{animation:none}}