*{box-sizing:border-box}html{color-scheme:dark;background:transparent}body{margin:0;font:12px Arial,sans-serif;color:#ead3a4;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.music-player{width:100%;padding:5px 6px;background:linear-gradient(135deg,#18291ef5,#09160ef7);border:1px solid #ae915660;border-radius:7px;box-shadow:0 3px 12px #0002}.player-controls{display:flex;align-items:center;gap:4px}.player-controls button{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#e6cb91;cursor:pointer;padding:7px;touch-action:manipulation}.player-controls button:hover{background:#d0ad6620}.player-controls .player-play{background:#d8b66f;color:#102017}.player-controls .player-play:hover{background:#f1d69a}.player-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.player-play svg{fill:currentColor;stroke-width:1}.player-controls input{width:65px;min-width:25px;flex:1;height:28px;margin:0;accent-color:#d8b66f;cursor:pointer}.player-controls output{font-size:10px;color:#c5cdbe;min-width:27px;text-align:right;font-variant-numeric:tabular-nums}.player-controls button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #ffe0a1;outline-offset:1px}button{-webkit-tap-highlight-color:transparent}