:root{font-family:Georgia,serif;color:#fff;background:transparent}*{box-sizing:border-box}body{margin:0}.launcher{position:fixed;bottom:20px;right:20px;z-index:10;background:linear-gradient(135deg,#132a49,#3b1a59);color:white;border:1px solid #8cbbff;border-radius:30px;padding:13px 20px;box-shadow:0 0 22px #547ff966;cursor:pointer;font-weight:bold;letter-spacing:2px}.player{position:fixed;z-index:20;right:20px;bottom:80px;width:min(380px,calc(100vw - 24px));overflow:hidden;border-radius:16px;border:1px solid #c4a8ff80;background:#0c0e1af5;box-shadow:0 16px 65px #000a,0 0 35px #7a59ff45;animation:appear .3s ease}.player[hidden]{display:none}.art{height:235px;background:url('../assets/elf.jpg') center 28%/cover;position:relative}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c0e1a 0%,transparent 75%)}.top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:14px;font-size:13px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 5px #000}.top button{background:#090c19ad;border:1px solid #fff6;color:white;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:23px}.art-title{position:absolute;bottom:12px;left:16px;font-size:19px;font-weight:bold;text-shadow:0 2px 8px #000}.panel{padding:10px 20px 20px;text-align:center}.status{font:12px Arial,sans-serif;color:#b9b1dc;min-height:18px}.track{font:600 16px Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 16px}.controls{display:flex;align-items:center;justify-content:center;gap:28px}.controls button{cursor:pointer;border:1px solid #806da4;border-radius:50%;background:#212139;color:#fff;width:42px;height:42px;font-size:18px}.controls .primary{width:56px;height:56px;background:linear-gradient(135deg,#4388dd,#8e4ed3);border-color:#c7d7ff;box-shadow:0 0 18px #6555ff88}.controls button:active,.launcher:active{transform:scale(.94)}.volume{display:flex;align-items:center;gap:12px;margin:20px 0 10px;font:12px Arial,sans-serif}.volume input{width:100%;accent-color:#a875ff}.hint{font:11px/1.5 Arial,sans-serif;color:#a8a5bd}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.player{right:12px;bottom:72px}.art{height:195px}.launcher{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}