.tia-radio{position:fixed;right:22px;bottom:22px;z-index:999999;font-family:Georgia,'Times New Roman',serif}.tia-radio-trigger{width:86px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#080808;color:#f4efe7;box-shadow:0 20px 55px rgba(0,0,0,.45);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.25s ease}.tia-radio-trigger:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.38)}.tia-radio-main-icon{font-size:11px;letter-spacing:.16em}.tia-radio-wave{font-size:14px;color:#bfb3a5}.tia-radio-panel{position:absolute;right:0;bottom:70px;width:330px;max-width:calc(100vw - 34px);background:linear-gradient(180deg,#070707,#0d0d0d);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 90px rgba(0,0,0,.6);border-radius:22px;padding:22px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease;color:#fff}.tia-radio.open .tia-radio-panel,.tia-radio:hover .tia-radio-panel{opacity:1;visibility:visible;transform:translateY(0)}.tia-radio-head small{display:block;color:#888;letter-spacing:.25em;font-size:10px;margin-bottom:10px}.tia-radio-head strong{display:block;font-size:22px;font-weight:400;color:#fff}.tia-radio-head em{display:block;font-style:normal;color:#bfb3a5;margin-top:7px;font-size:13px}.tia-radio-list{margin:18px 0;display:flex;flex-direction:column;gap:8px}.tia-radio-playlist{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgba(255,255,255,.08);background:#101010;color:#fff;border-radius:14px;padding:11px;text-align:left;cursor:pointer;transition:.2s ease}.tia-radio-playlist:hover{background:#171717;border-color:rgba(255,255,255,.22)}.tia-radio-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#050505;border-radius:10px;overflow:hidden}.tia-radio-icon img{width:100%;height:100%;object-fit:cover}.tia-radio-playlist strong{display:block;font-weight:400;font-size:15px}.tia-radio-playlist small{display:block;color:#888;font-size:11px;line-height:1.35;margin-top:3px}.tia-radio-player-shell{display:none;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.tia-radio.has-player .tia-radio-player-shell{display:block}.tia-radio-now span{display:block;font-size:10px;letter-spacing:.2em;color:#777;text-transform:uppercase}.tia-radio-now strong{display:block;color:#f4efe7;font-size:16px;font-weight:400;margin:5px 0 12px}.tia-radio-frame{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#000;border-radius:14px;overflow:hidden}.tia-radio-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tia-radio-close-player{margin-top:10px;width:100%;border:1px solid rgba(255,255,255,.1);background:#080808;color:#aaa;border-radius:12px;padding:10px;cursor:pointer}.tia-radio-close-player:hover{color:#fff;border-color:rgba(255,255,255,.25)}@media(max-width:640px){.tia-radio{right:14px;bottom:14px}.tia-radio-trigger{width:76px;height:50px}.tia-radio-panel{width:310px;bottom:62px}}

.tia-radio {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 99998;
}

.tia-radio-trigger {
  width: 74px;
  height: 42px;
  border-radius: 999px;
  border: 0;
  background: #8b6fcb;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

.tia-radio-main-icon {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 700;
}

.tia-radio-wave {
  font-size: 12px;
  line-height: 1;
}

.tia-radio-panel {
  display: none;
  position: absolute;
  right: 0;
  bottom: 58px;
  width: 330px;
  max-height: 70vh;
  overflow-y: auto;
  background: #080808;
  color: #fff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
}

.tia-radio.is-open .tia-radio-panel {
  display: block;
}

.tia-radio-list {
  margin-top: 18px;
}

.tia-radio-playlist {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  border-radius: 14px;
  padding: 12px;
  cursor: pointer;
}

.tia-radio-player-shell {
  margin-top: 20px;
}

.tia-radio-close-player {
  width: 100%;
  margin-top: 10px;
  border-radius: 12px;
  padding: 10px;
  background: transparent;
  color: #ddd;
  border: 1px solid rgba(255,255,255,.14);
  cursor: pointer;
}

.tia-radio {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 99998;
}

.tia-radio-trigger {
  width: 74px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: #8b6fcb;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.tia-radio-panel {
  display: none;
  position: absolute;
  right: 0;
  bottom: 58px;
  width: 330px;
  max-height: 70vh;
  overflow-y: auto;
  background: #080808;
  color: #fff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
}

.tia-radio.is-open .tia-radio-panel {
  display: block;
}

.tia-radio-player-shell {
  display: none;
  position: absolute;
  right: 0;
  bottom: 58px;
  width: 330px;
  background: #080808;
  color: #fff;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 22px 55px rgba(0,0,0,.35);
}

.tia-radio.is-playing:not(.is-open) .tia-radio-player-shell {
  display: block;
}

.tia-radio.is-playing .tia-radio-trigger {
  background: #5b4bb7;
}

.tia-radio-close-player {
  width: 100%;
  margin-top: 10px;
  border-radius: 999px;
  padding: 10px;
  background: transparent;
  color: #ddd;
  border: 1px solid rgba(255,255,255,.16);
  cursor: pointer;
}