.czn-radio-player{box-sizing:border-box;width:100%;max-width:640px;margin:1.5rem auto;border-radius:16px;padding:12px 16px;background:#111;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 14px 30px rgb(0 0 0 / .45);position:relative;overflow:hidden}.czn-rp-inner{display:flex;align-items:center;gap:14px}.czn-rp-cover{flex:0 0 72px;height:72px}.czn-rp-cover-inner{width:100%;height:100%;border-radius:20px;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .35),transparent 55%),radial-gradient(circle at 80% 80%,rgb(0 0 0 / .7),transparent 60%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.czn-rp-cover-note{font-size:32px;filter:drop-shadow(0 5px 12px rgb(0 0 0 / .6));position:relative;z-index:1}.czn-rp-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.czn-rp-main{flex:1;min-width:0}.czn-rp-meta{margin-bottom:8px}.czn-rp-title{font-size:.98rem;font-weight:600;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.czn-rp-artist{font-size:.85rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.czn-rp-extra{margin-top:4px;font-size:.75rem;opacity:.85}.czn-rp-extra span{white-space:nowrap}.czn-rp-controls{display:flex;align-items:center;gap:12px;margin-top:4px}.czn-rp-btn{width:44px;height:44px;border-radius:999px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:transform 0.12s ease,box-shadow 0.12s ease,background 0.12s ease;background:#f05;color:#fff;box-shadow:0 10px 20px rgb(0 0 0 / .45);position:relative;overflow:hidden}.czn-rp-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 10px rgb(0 0 0 / .35)}.czn-rp-icon{position:absolute;opacity:0;transform:scale(.8);transition:opacity 0.12s ease,transform 0.12s ease}.czn-rp-btn.is-playing .czn-rp-icon-pause,.czn-rp-btn:not(.is-playing) .czn-rp-icon-play{opacity:1;transform:scale(1)}.czn-rp-volume{display:inline-flex;align-items:center;gap:6px;flex:1}.czn-rp-volume-icon{font-size:.95rem}.czn-rp-volume-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:rgb(255 255 255 / .2);outline:none}.czn-rp-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:#fff;cursor:pointer;box-shadow:0 0 0 3px rgb(255 255 255 / .25);border:none}.czn-rp-volume-range::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#fff;cursor:pointer;box-shadow:0 0 0 3px rgb(255 255 255 / .25);border:none}.czn-rp-visualizer{width:100%;display:none;margin-top:8px}.czn-rp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:8px 14px;background:rgb(5 5 5 / .96);box-shadow:0 -6px 20px rgb(0 0 0 / .6);display:flex;align-items:center;gap:10px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.czn-rp-sticky-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.czn-rp-sticky-artist{font-size:.78rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.czn-rp-sticky-meta{flex:1;min-width:0}.czn-rp-sticky-btn{width:34px;height:34px;border-radius:999px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:transform 0.12s ease,box-shadow 0.12s ease,background 0.12s ease;background:#f05;color:#fff;box-shadow:0 6px 15px rgb(0 0 0 / .45);margin-right:6px}.czn-rp-sticky-volume{width:90px}.czn-rp-sticky-volume input{width:100%}@media (max-width:480px){.czn-rp-inner{flex-direction:row;align-items:center}.czn-rp-cover{flex:0 0 64px;height:64px}}