.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;border:1px solid var(--line-strong);background:var(--card-bg,var(--bg));display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .4s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0}.border-glow-card:before{background:linear-gradient(var(--card-bg,var(--bg)) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:var(--edge-light-blend,plus-lighter);position:absolute}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;display:flex;position:relative}
.mp{align-items:center;gap:16px;width:100%;max-width:400px;margin:0 auto;display:flex}.mp-cover{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;flex-shrink:0;width:48px;height:48px;overflow:hidden;box-shadow:0 8px 24px #00000040}.mp-cover.mp-cover--fallback{place-items:center;padding:8px;display:grid}.mp-cover img{object-fit:cover;width:100%;height:100%;display:block}.mp-meta{text-align:left;flex-shrink:0;width:8.5rem;min-width:0}.mp-eyebrow{display:none}.mp-meta h1{font-family:var(--font-kanit), Arial, Helvetica, sans-serif;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.mp-meta p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.mp-progress{flex:1;min-width:0}.mp-time-row{display:none}.mp-bar{background:var(--line-strong);cursor:pointer;border-radius:999px;height:4px;margin-bottom:6px;position:relative}.mp-bar-fill{background:var(--text);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.mp-bar-thumb{background:var(--text);border-radius:50%;width:10px;height:10px;transition:box-shadow .18s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f2f0ec1a}.mp-bar:hover .mp-bar-thumb{box-shadow:0 0 0 5px #f2f0ec33}.mp-transport{flex-shrink:0;align-items:center;gap:14px;display:flex}.mp-skip-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .18s;display:flex}.mp-skip-btn:hover{opacity:.6}.mp-play-btn{background:var(--text);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .3s;display:flex}.mp-play-btn:hover{transform:scale(1.05);box-shadow:0 0 16px #f2f0ec4d}.mp-play-btn:active{transform:scale(.94)}.mp-volume{opacity:.8;align-items:center;gap:8px;margin-top:4px;transition:opacity .18s;display:flex}.mp-volume:hover{opacity:1}.mp-volume-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.mp-volume-slider{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;outline:none;width:72px;height:3px}.mp-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:8px;height:8px}.mp-volume-slider::-moz-range-thumb{background:var(--text);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}