.knnps-player.knnps-modern-player{
  --knn-blue:#30b6ff;
  --knn-yellow:#ffd735;
  --knn-slate:#9aa8a8;
  --knn-ink:#111827;
  --knn-navy:#06314f;
  --knn-soft:#f4fbff;
  position:relative;
  max-width:820px;
  margin:24px 0;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fcff 56%,#fff8d7 100%);
  border:1px solid rgba(48,182,255,.32);
  box-shadow:0 14px 34px rgba(17,24,39,.10);
  color:var(--knn-ink);
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
}
.knnps-player-glow{position:absolute;inset:-80px auto auto -80px;width:220px;height:220px;background:radial-gradient(circle,rgba(48,182,255,.20),transparent 68%);pointer-events:none;}
.knnps-player-head{position:relative;display:flex;gap:18px;align-items:flex-start;}
.knnps-player-icon{width:62px;height:62px;min-width:62px;border-radius:18px;background:linear-gradient(135deg,var(--knn-blue),var(--knn-yellow));display:flex;align-items:center;justify-content:center;color:#061a2a;font-weight:900;font-size:24px;box-shadow:0 10px 22px rgba(48,182,255,.25);}
.knnps-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900;color:var(--knn-blue);margin-bottom:8px;}
.knnps-badge{display:inline-flex;align-items:center;border:1px solid rgba(48,182,255,.38);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;color:var(--knn-navy);box-shadow:0 4px 12px rgba(17,24,39,.06);}
.knnps-player h3{margin:14px 0 0;font-size:26px;line-height:1.18;color:#111827;font-weight:900;}
.knnps-sponsored{position:relative;margin:22px 0 18px;padding:15px 18px;border-radius:16px;background:#ffffff;border:1px solid rgba(255,215,53,.95);box-shadow:0 6px 16px rgba(17,24,39,.06);font-size:18px;font-weight:900;color:#111827;}
.knnps-sponsored a{color:#06314f;text-decoration:none;border-bottom:3px solid var(--knn-yellow);}
.knnps-now-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#eef8ff;border:1px solid rgba(48,182,255,.22);}
.knnps-now-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:900;color:var(--knn-blue);}
.knnps-current-track{font-size:14px;color:#111827;}
.knnps-custom-controls{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:16px;border-radius:18px;background:#ffffff;border:1px solid rgba(154,168,168,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 7px 18px rgba(17,24,39,.07);}
.knnps-play-toggle{width:54px;height:54px;border:0;border-radius:50%;background:var(--knn-blue);color:#071827;font-weight:900;font-size:20px;cursor:pointer;box-shadow:0 8px 18px rgba(48,182,255,.30);display:flex;align-items:center;justify-content:center;}
.knnps-play-toggle:hover{transform:translateY(-1px);}
.knnps-progress-wrap{min-width:0;}
.knnps-time-row{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#50616c;margin-bottom:8px;}
.knnps-progress{height:12px;border-radius:999px;background:#e6edf2;overflow:hidden;cursor:pointer;outline:none;}
.knnps-progress:focus{box-shadow:0 0 0 3px rgba(48,182,255,.25);}
.knnps-progress-fill{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--knn-blue),var(--knn-yellow));}
.knnps-native-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.knnps-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.knnps-download,.knnps-rss{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:900;line-height:1;}
.knnps-download{background:var(--knn-yellow);color:#071827;box-shadow:0 8px 18px rgba(255,215,53,.28);}
.knnps-rss{background:#eef8ff;color:#06314f;border:1px solid rgba(48,182,255,.36);}
@media(max-width:640px){
  .knnps-player.knnps-modern-player{box-sizing:border-box;width:100%;max-width:100%;margin:18px 0;padding:16px;border-radius:18px;overflow:hidden;}
  .knnps-player.knnps-modern-player *{box-sizing:border-box;}
  .knnps-player-head{gap:12px;align-items:flex-start;}
  .knnps-player-icon{width:48px;height:48px;min-width:48px;border-radius:15px;font-size:20px;}
  .knnps-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:7px;}
  .knnps-badge{font-size:12px;padding:6px 10px;max-width:100%;white-space:normal;}
  .knnps-player h3{font-size:20px;line-height:1.18;margin-top:12px;overflow-wrap:anywhere;}
  .knnps-sponsored{margin:18px 0 14px;padding:13px 14px;font-size:16px;line-height:1.25;overflow-wrap:anywhere;}
  .knnps-now-row{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px;margin-bottom:10px;}
  .knnps-now-label{font-size:10px;letter-spacing:.14em;}
  .knnps-current-track{font-size:13px;}
  .knnps-custom-controls{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px;width:100%;}
  .knnps-play-toggle{width:48px;height:48px;font-size:18px;flex:0 0 48px;}
  .knnps-progress-wrap{width:100%;min-width:0;}
  .knnps-time-row{font-size:12px;margin-bottom:7px;}
  .knnps-progress{height:12px;width:100%;touch-action:manipulation;}
  .knnps-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
  .knnps-download,.knnps-rss{width:100%;max-width:100%;padding:13px 14px;text-align:center;font-size:18px;}
}
@media(max-width:380px){
  .knnps-player.knnps-modern-player{padding:14px;border-radius:16px;}
  .knnps-player-head{display:block;}
  .knnps-player-icon{margin-bottom:12px;}
  .knnps-player h3{font-size:19px;}
  .knnps-sponsored{font-size:15px;}
  .knnps-custom-controls{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px;}
  .knnps-play-toggle{width:44px;height:44px;}
  .knnps-download,.knnps-rss{font-size:16px;}
}