.ykmp{--mp-ink:#f3f1fa;--mp-muted:#9995ab;--mp-accent:#b8a1ff;color:var(--mp-ink);font-family:Arial,Helvetica,sans-serif;border:1px solid #b8a1ff30;border-radius:28px;background:linear-gradient(130deg,#21182f,#101019 65%);overflow:hidden;margin:0 0 75px;box-shadow:0 25px 100px #0003}.ykmp *{box-sizing:border-box}.ykmp [hidden]{display:none!important}.ykmp-main{display:grid;grid-template-columns:.85fr 1.15fr}.ykmp-art{position:relative;min-height:430px;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 40%,#7549b85c,transparent 65%),#100e18;overflow:hidden}.ykmp-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ykmp-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#090811)}.ykmp-artlabel{position:absolute;bottom:28px;left:28px;font:9px Consolas,monospace;letter-spacing:.15em;z-index:1;color:#d5c5ec}.ykmp-emblem{position:relative;width:200px;height:200px;border:1px solid #b8a1ff40;border-radius:50%;box-shadow:0 0 70px #a27dec18;transition:transform 1s}.ykmp-emblem:before,.ykmp-emblem:after{content:'';position:absolute;inset:20px;border:1px solid #b8a1ff50;border-radius:50%;transform:rotateX(60deg) rotate(-30deg)}.ykmp-emblem:after{transform:rotateY(60deg) rotate(30deg)}.ykmp-emblem span{position:absolute;top:45px;left:55px;width:90px;height:90px;border:1px solid #b8a1ff50;transform:rotate(45deg);border-radius:24px;background:linear-gradient(135deg,#b8a1ff40,#573c7c20)}.ykmp-emblem span:nth-child(2){transform:rotate(75deg)}.ykmp-emblem span:nth-child(3){transform:rotate(105deg)}.ykmp-playing .ykmp-emblem{animation:ykmp-orbit 16s linear infinite}@keyframes ykmp-orbit{to{transform:rotate(360deg)}}.ykmp-panel{padding:45px;min-width:0}.ykmp-kicker{font:9px/1.6 Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mp-muted)}.ykmp .ykmp-title{font:600 clamp(28px,3vw,44px)/1.12 Arial,sans-serif;letter-spacing:-.045em;margin:24px 0 12px;overflow-wrap:anywhere;color:var(--mp-ink)}.ykmp .ykmp-genre{color:var(--mp-accent);font:11px/1.6 Consolas,monospace;margin:0 0 12px}.ykmp .ykmp-note{font:13px/1.7 Arial,sans-serif;color:var(--mp-muted);margin:0;min-height:45px}.ykmp-eq{height:86px;display:flex;align-items:flex-end;gap:4px;margin:24px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ykmp-eq i{flex:1;height:100%;min-width:2px;border-radius:4px 4px 0 0;background:linear-gradient(#e8deff,#b8a1ff 45%,#684898);transform:scaleY(.035);transform-origin:bottom;transition:transform .1s linear}.ykmp-seekrow{display:flex;align-items:center;gap:12px;font:10px Consolas,monospace;color:var(--mp-muted)}.ykmp input[type=range]{appearance:auto;accent-color:var(--mp-accent);cursor:pointer;padding:0;margin:0;background:transparent;height:24px;border:0;min-width:0}.ykmp-seek{flex:1;width:100%}.ykmp-controls{display:flex;align-items:center;gap:15px;margin-top:24px}.ykmp button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff25;border-radius:50%;width:42px;height:42px;padding:10px;background:transparent;color:var(--mp-ink);cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}.ykmp button:hover:not(:disabled){background:#b8a1ff20;transform:translateY(-2px)}.ykmp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;display:block}.ykmp .ykmp-play{width:62px;height:62px;background:var(--mp-accent);color:#15101f;border:0;box-shadow:0 0 30px #b8a1ff18}.ykmp .ykmp-play:hover:not(:disabled){background:#d2c1ff;box-shadow:0 0 40px #b8a1ff45}.ykmp-play svg{width:27px;height:27px}.ykmp-volume-label{display:flex;flex-direction:column;gap:3px;margin-left:auto;width:95px;font:9px Consolas,monospace;color:var(--mp-muted)}.ykmp-volume{width:100%}.ykmp .ykmp-status{font:10px/1.5 Consolas,monospace;color:var(--mp-muted);min-height:15px;margin:18px 0 0}.ykmp-playlist{border-top:1px solid #ffffff15}.ykmp-playlist:empty{display:none}.ykmp .ykmp-track{display:flex;width:100%;height:auto;justify-content:flex-start;gap:20px;text-align:left;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;padding:19px 28px}.ykmp .ykmp-track:hover{transform:none;background:#b8a1ff0c}.ykmp-track[aria-current=true]{background:#b8a1ff12!important}.ykmp-tracknumber{font:11px Consolas,monospace;color:var(--mp-muted)}.ykmp-track strong{display:block;font:500 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.ykmp-track small{display:block;font:10px/1.7 Consolas,monospace;color:var(--mp-muted);margin-top:3px}.ykmp-track>span:last-child{margin-left:auto;color:var(--mp-accent);flex-shrink:0}.ykmp button:disabled,.ykmp input:disabled{opacity:.35;cursor:default}.ykmp button:focus-visible,.ykmp input:focus-visible{outline:2px solid var(--mp-accent);outline-offset:4px}@media(max-width:700px){.ykmp-main{grid-template-columns:1fr}.ykmp-art{min-height:230px}.ykmp-emblem{width:160px;height:160px}.ykmp-emblem span{top:35px;left:45px;width:70px;height:70px}.ykmp-panel{padding:28px 23px}.ykmp-controls{gap:12px}.ykmp-volume-label{width:75px}.ykmp .ykmp-track{padding:18px 23px;gap:14px}.ykmp-artlabel{left:23px;bottom:20px;font-size:8px}}@media(prefers-reduced-motion:reduce){.ykmp *{animation:none!important;transition:none!important}}

.ykmp-filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid #ffffff15;font:10px Consolas,monospace;color:var(--mp-muted)}.ykmp-filterbar label{color:var(--mp-muted);display:flex;align-items:center;gap:14px}.ykmp .ykmp-filter{appearance:auto;background:#191322;color:var(--mp-ink);border:1px solid #b8a1ff40;border-radius:12px;padding:10px 14px;font:12px Arial,sans-serif;max-width:100%;cursor:pointer}.ykmp-filter:focus-visible{outline:2px solid var(--mp-accent);outline-offset:3px}@media(max-width:700px){.ykmp-filterbar{padding:18px 23px;flex-wrap:wrap}.ykmp-filterbar label{min-width:0}.ykmp .ykmp-filter{max-width:200px}}

.ykmp-device-volume{display:none;margin-left:auto;max-width:100px;font:10px/1.5 Consolas,monospace;color:var(--mp-muted)}@media(max-width:700px),(hover:none) and (pointer:coarse){.ykmp .ykmp-volume-label{display:none}.ykmp .ykmp-device-volume{display:block}}