.konecta-premium-player {
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  width:100%; min-height:570px; box-sizing:border-box;
  border:1px solid rgba(69,232,255,.4); border-radius:20px;
  color:#f4fbff; background:#050b13 url("/konecta-studio-premium.png") center/cover no-repeat;
  font-family:Arial,Helvetica,sans-serif; text-align:center;
  box-shadow:0 16px 45px #0009,0 0 25px #00bfff22;
}
.konecta-premium-player * {box-sizing:border-box}
.konecta-premium-player .kp-shade {
  position:absolute; z-index:-1; inset:0;
  background:linear-gradient(180deg,#02081755,#020817c9 48%,#020817f5);
}
.konecta-premium-player .kp-content {width:min(100%,620px);padding:30px 20px}
.konecta-premium-player .kp-live {
  display:inline-flex;align-items:center;gap:9px;padding:9px 15px;
  border:1px solid #45e8ff66;border-radius:30px;background:#03101dcc;
  color:#a7f4ff;font-size:11px;font-weight:bold;letter-spacing:2px
}
.konecta-premium-player .kp-dot {
  width:8px;height:8px;border-radius:50%;background:#ff425d;
  box-shadow:0 0 12px #ff425d
}
.konecta-premium-player .kp-brand {margin:28px 0 18px}
.konecta-premium-player .kp-mark {
  display:grid;place-items:center;width:64px;height:64px;margin:auto auto 12px;
  border:1px solid #45e8ff;border-radius:17px;color:#45e8ff;
  font-size:42px;font-weight:900;font-style:italic;
  text-shadow:0 0 18px #45e8ff;box-shadow:0 0 22px #45e8ff33
}
.konecta-premium-player .kp-name {
  font-size:clamp(27px,5vw,43px);font-weight:900;letter-spacing:3px;
  text-shadow:0 3px 20px #000
}
.konecta-premium-player .kp-name span {color:#45e8ff}
.konecta-premium-player .kp-tag {
  margin-top:8px;color:#b8d7e7;font-size:10px;letter-spacing:4px
}
.konecta-premium-player .kp-wave {
  display:flex;align-items:center;justify-content:center;gap:5px;height:48px;margin:18px auto
}
.konecta-premium-player .kp-wave i {
  width:5px;height:18px;border-radius:5px;background:linear-gradient(#75f5ff,#168bff);
  box-shadow:0 0 9px #45e8ff88;animation:kp-wave 1s ease-in-out infinite alternate
}
.konecta-premium-player .kp-wave i:nth-child(3n) {height:36px}
.konecta-premium-player .kp-wave i:nth-child(2n) {animation-delay:-.5s}
.konecta-premium-player .kp-wave i:nth-child(3n+1) {animation-delay:-.8s}
.konecta-premium-player .kp-caption {color:#c5dce8;font-size:10px;letter-spacing:3px}
.konecta-premium-player .kp-play {
  display:grid;place-items:center;width:76px;height:76px;margin:22px auto 0;
  border:2px solid #8bf5ff;border-radius:50%;background:linear-gradient(145deg,#1a9cff,#0753ad);
  color:white;font-size:29px;cursor:pointer;
  box-shadow:0 0 0 8px #45e8ff18,0 0 30px #00aeff88
}
.konecta-premium-player .kp-play:hover {filter:brightness(1.2)}
.konecta-premium-player .kp-play:focus-visible,
.konecta-premium-player input:focus-visible {outline:2px solid white;outline-offset:5px}
.konecta-premium-player .kp-label {margin-top:12px;color:#a9eefa;font-size:10px;font-weight:bold;letter-spacing:2px}
.konecta-premium-player .kp-volume {
  display:flex;align-items:center;gap:13px;width:min(100%,290px);margin:22px auto;color:#bdefff
}
.konecta-premium-player .kp-volume input {width:100%;accent-color:#45e8ff;cursor:pointer}
.konecta-premium-player .kp-footer {margin-top:22px;color:#b5c8d5;font-size:9px;letter-spacing:3px}
.konecta-premium-player .kp-footer span {color:#45e8ff}
.konecta-premium-player .kp-error {min-height:18px;margin-top:8px;color:#ff9aaa;font-size:12px}
@keyframes kp-wave {from{transform:scaleY(.45);opacity:.65}to{transform:scaleY(1.2);opacity:1}}
@media(max-width:600px) {
  .konecta-premium-player {min-height:510px;border-radius:14px}
  .konecta-premium-player .kp-content {padding:24px 14px}
  .konecta-premium-player .kp-tag {letter-spacing:3px}
}
@media(prefers-reduced-motion:reduce) {
  .konecta-premium-player .kp-wave i {animation:none}
}