.pukey-player{margin:20px 0;padding:20px 22px;border:1px solid #a45c8580;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#762b5050,transparent 65%),#19111e;box-shadow:inset 0 1px #ffd4ed0d;overflow:hidden}.pukey-player audio{display:none!important}.player-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.player-badge{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#efa5cc}.player-row{display:flex;align-items:center;gap:18px}.player-play{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;border:1px solid #ffc1df70;background:linear-gradient(140deg,#ffa9d4,#e97cb9);color:#361629;font-size:19px;box-shadow:0 5px 20px #ee70ae26;cursor:pointer;transition:transform .2s}.player-play:hover{transform:translateY(-2px);background:#ffc0df}.player-track{flex:1;min-width:0}.player-times{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#c8adc8;font-variant-numeric:tabular-nums}.pukey-player input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;margin:12px 0;border:0;border-radius:20px;cursor:pointer;background:linear-gradient(to right,#f69dc9 var(--played,0%),#47304f var(--played,0%));accent-color:#ffabd4}.pukey-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ffd2e9;border:2px solid #ee8ebf;box-shadow:0 0 12px #ee8ebf55}.pukey-player input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#ffd2e9;border:2px solid #ee8ebf}.pukey-player input:disabled{opacity:.5;cursor:default}.player-mute{width:34px;height:34px;flex-shrink:0;border:1px solid #6b405f;border-radius:10px;background:#332037;color:#f5b3d7;font-size:21px;cursor:pointer}.pukey-player input.player-volume{width:65px;flex:0 0 65px;background:#5a3753}.player-note{margin:15px 0 0!important;color:#ac8faf;font-size:12px}.player-wave{height:18px;display:flex;gap:3px;align-items:center}.player-wave i{display:block;width:3px;height:6px;border-radius:3px;background:#b8739b}.player-wave i:nth-child(2n){height:12px}.player-wave i:nth-child(3n){height:18px}.is-playing .player-wave i{animation:pukey-sound .8s ease-in-out infinite alternate}.is-playing .player-wave i:nth-child(2n){animation-delay:.2s}.is-playing .player-wave i:nth-child(3n){animation-delay:.4s}@keyframes pukey-sound{to{height:3px;background:#ffc0e1}}@media(max-width:500px){.pukey-player{padding:18px 16px}.player-row{gap:12px}.player-play{width:44px;height:44px;flex-basis:44px;border-radius:13px}.pukey-player input.player-volume{display:none}.player-badge{font-size:9px;letter-spacing:1.2px}}@media(prefers-reduced-motion:reduce){.player-wave i{animation:none!important}.player-play{transition:none}}
.player-badge{display:flex;align-items:center;gap:9px}.player-badge:before{content:'';display:block;width:28px;height:28px;border-radius:9px;background:#e6cfda url('/static/pukey-cartoon.png') center/cover;border:1px solid #bd6d9855;transform:rotate(-5deg)}