.meka-player{--mp-ink:#fff4e9;--mp-muted:#cbb4a4;--mp-line:#50311f;--mp-surface:#17120f;--mp-accent:#ff984e;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:38px;background:radial-gradient(ellipse at 15% 50%,#9c431733,transparent 65%),#100e0d;border:1px solid var(--mp-line);border-radius:28px;color:var(--mp-ink);margin-block:24px}.mp-deck{min-width:0;text-align:center}.mp-disc{display:grid;place-items:center;width:100%;max-width:340px;aspect-ratio:1;border-radius:50%;margin:auto;border:2px solid #523524;background:repeating-radial-gradient(circle,#191717 0,#0b0b0b 2px,#30271f 3px,#12100f 4px);box-shadow:0 0 0 9px #21170f,0 18px 45px #0008;animation:mp-spin 7s linear infinite;animation-play-state:paused;user-select:none}.mp-disc.is-playing{animation-play-state:running}button.mp-disc{cursor:grab;touch-action:none;padding:0}.mp-disc.is-scratching{animation-play-state:paused;cursor:grabbing;box-shadow:0 0 0 9px #ed7d2444,0 0 45px #ef7c2444}.mp-center{border:1px solid #9e5827;background:#0a0909;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;padding:7%;box-shadow:0 0 25px #ee762522}.mp-center img{width:100%;height:auto}.mp-info{min-width:0}.mp-info h3{font-size:clamp(22px,3vw,32px);line-height:1.2;margin:0 0 10px;color:var(--mp-ink)!important;overflow-wrap:anywhere}.mp-info p{color:var(--mp-muted)!important;line-height:1.6}.mp-cover{width:70px;height:70px;object-fit:cover;border-radius:10px;margin-bottom:14px}.mp-cover[hidden]{display:none}.mp-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:28px 0}.mp-play{background:#ff984e;color:#190d05;border:0;border-radius:99px;min-height:46px;padding:12px 23px;font:inherit;font-weight:800;cursor:pointer}.mp-play:disabled{opacity:.5;cursor:default}.mp-controls>input{flex:1;min-width:100px;max-width:100%;accent-color:#ff984e}.mp-controls label{display:flex;align-items:center;gap:10px;color:var(--mp-muted);width:100%;font-size:14px}.mp-controls label input{max-width:150px;accent-color:#ff984e}.mp-controls output{font-size:13px;color:var(--mp-muted);font-variant-numeric:tabular-nums}.mp-list{list-style:none;padding:0;margin:18px 0 0;max-height:310px;overflow:auto}.mp-list button{width:100%;text-align:left;font:inherit;color:var(--mp-ink);background:transparent;border:0;border-top:1px solid #543221;padding:14px 8px;cursor:pointer;overflow-wrap:anywhere}.mp-list button:hover,.mp-list button[aria-current=true]{color:#ffad72;background:#ff984e12}.mp-hint{font-size:12px;line-height:1.7;color:var(--mp-muted);margin:28px auto 0;max-width:320px}.mp-feedback{font-size:14px;overflow-wrap:anywhere}.music-library-admin{margin-top:28px}.ml-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ml-form label{display:flex;flex-direction:column;gap:8px;min-width:0}.ml-form input,.ml-form select{width:100%;min-width:0;font:inherit}.ml-form .ml-full{grid-column:1/-1}.ml-form .ml-checkbox{display:flex;flex-direction:row;line-height:1.7}.ml-checkbox input{width:18px;height:18px;flex-shrink:0}.ml-row{padding:20px 0;border-bottom:1px solid var(--line,#ccd);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.ml-row>div{flex:1;min-width:140px}.ml-row h3,.ml-row p{margin:3px 0}.ml-row .actions{display:flex;gap:8px;flex-wrap:wrap}.music-library-admin select{font:inherit;max-width:100%}.music-library-admin [role=status]{overflow-wrap:anywhere}@keyframes mp-spin{to{transform:rotate(360deg)}}@media(max-width:750px){.meka-player{grid-template-columns:1fr;padding:25px;gap:32px}.mp-disc{max-width:260px}.ml-form{grid-template-columns:1fr}.mp-controls{gap:12px}.mp-info h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.mp-disc{animation:none}.mp-disc.is-playing{outline:2px solid #ff984e}}


button.mp-disc:focus-visible{outline:3px solid #ffad72;outline-offset:12px}.mp-disc img{pointer-events:none;-webkit-user-drag:none}.mp-hint{font-size:14px}