/* Aawaz TTS Player - styles (ASCII only) */
.aw-tts{
  --aw-a1:#ffb347;--aw-a2:#ff7a00;
  --aw-fg:#fff;--aw-sub:#b8c7e8;--aw-pfg:#fff;
  --aw-ibbg:rgba(255,255,255,.14);--aw-ibbgh:rgba(255,255,255,.26);--aw-ibfg:#fff;
  --aw-track:rgba(255,255,255,.18);--aw-f1:var(--aw-a1);--aw-f2:#3ddc3a;
  --aw-w1:#ff9933;--aw-w2:#fff;--aw-w3:#3ddc3a;
  position:relative;box-sizing:border-box;max-width:720px;margin:10px auto;padding:11px 12px 15px;
  border-radius:16px;overflow:hidden;display:flex;align-items:center;gap:11px;
  font-family:'Noto Sans Devanagari','Mukta','Mangal',Arial,sans-serif;color:var(--aw-fg);
  line-height:1.3;text-align:left;
}
.aw-tts *{box-sizing:border-box}
.aw-tts .aw-tts-play{position:relative;flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(135deg,var(--aw-a1),var(--aw-a2));box-shadow:0 3px 12px rgba(0,0,0,.3);
  display:flex;align-items:center;justify-content:center;padding:0;margin:0;min-width:0;line-height:1;transition:transform .15s}
.aw-tts .aw-tts-play:hover{filter:brightness(1.08)}
.aw-tts .aw-tts-play:active{transform:scale(.92)}
.aw-tts .aw-tts-play svg{width:22px;height:22px;fill:var(--aw-pfg);display:block}
.aw-tts.is-playing .aw-tts-play:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;
  border:2px solid var(--aw-a1);opacity:.7;animation:awPulse 1.4s ease-out infinite}
@keyframes awPulse{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.28);opacity:0}}
.aw-tts .aw-tts-mid{flex:1 1 auto;min-width:0}
.aw-tts .aw-tts-row{display:flex;align-items:center;gap:8px}
.aw-tts .aw-tts-title{font-size:15px;font-weight:700;color:var(--aw-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-tts .aw-tts-wave{display:flex;align-items:flex-end;gap:2px;height:13px;flex:0 0 auto}
.aw-tts .aw-tts-wave i{display:block;width:3px;height:3px;border-radius:2px;background:var(--aw-w1);opacity:.5}
.aw-tts .aw-tts-wave i:nth-child(2n){background:var(--aw-w2)}
.aw-tts .aw-tts-wave i:nth-child(3n){background:var(--aw-w3)}
.aw-tts.is-playing .aw-tts-wave i{opacity:1;animation:awWave .8s ease-in-out infinite}
.aw-tts.is-playing .aw-tts-wave i:nth-child(2){animation-delay:.12s}
.aw-tts.is-playing .aw-tts-wave i:nth-child(3){animation-delay:.24s}
.aw-tts.is-playing .aw-tts-wave i:nth-child(4){animation-delay:.36s}
.aw-tts.is-playing .aw-tts-wave i:nth-child(5){animation-delay:.48s}
@keyframes awWave{0%,100%{height:3px}50%{height:13px}}
.aw-tts .aw-tts-status{margin-top:2px;font-size:12px;color:var(--aw-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-tts .aw-tts-ib{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;background:var(--aw-ibbg);
  display:flex;align-items:center;justify-content:center;padding:0;margin:0;min-width:0;line-height:1;box-shadow:none;
  transition:background .15s;color:var(--aw-ibfg)}
.aw-tts .aw-tts-ib:hover{background:var(--aw-ibbgh)}
.aw-tts .aw-tts-ib svg{width:18px;height:18px;fill:var(--aw-ibfg);display:block}
.aw-tts .aw-tts-sp{width:auto;min-width:40px;padding:0 9px;border-radius:17px;font-size:12px;font-weight:700;font-family:inherit;color:var(--aw-ibfg)}
.aw-tts .aw-tts-bar{position:absolute;left:0;right:0;bottom:0;height:14px;cursor:pointer}
.aw-tts .aw-tts-track{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--aw-track)}
.aw-tts .aw-tts-fill{height:100%;width:0;background:linear-gradient(90deg,var(--aw-f1),var(--aw-f2));transition:width .35s ease}
.aw-tts button:focus{outline:none}
.aw-tts button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* 1. capsule - blue compact */
.aw-tts--capsule{background:linear-gradient(135deg,#0f1d3a 0%,#1d3566 100%);box-shadow:0 5px 16px rgba(15,29,58,.35)}
.aw-tts--capsule:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#ff9933 0,#ff9933 33.3%,#fff 33.3%,#fff 66.6%,#138808 66.6%,#138808 100%)}

/* 2. card - white tricolor card */
.aw-tts--card{--aw-fg:#1b1b1b;--aw-sub:#6b7280;--aw-ibbg:#f1f2f4;--aw-ibbgh:#e2e4e8;--aw-ibfg:#333;--aw-track:#ececec;
  --aw-f2:#138808;--aw-w1:#ff9933;--aw-w2:#138808;--aw-w3:#ff9933;
  background:#fff;border:1px solid #ececec;border-radius:18px;padding:17px 16px 19px;gap:14px;box-shadow:0 6px 22px rgba(0,0,0,.10)}
.aw-tts--card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,#ff9933 0,#ff9933 33.3%,#e9e9e9 33.3%,#e9e9e9 66.6%,#138808 66.6%,#138808 100%)}
.aw-tts--card .aw-tts-play{width:54px;height:54px;box-shadow:0 5px 14px rgba(255,106,0,.4)}
.aw-tts--card .aw-tts-play svg{width:26px;height:26px}
.aw-tts--card .aw-tts-title{font-size:17px}
.aw-tts--card .aw-tts-status{font-size:13px}
.aw-tts--card .aw-tts-track{height:6px}

/* 3. minimal */
.aw-tts--minimal{--aw-fg:#111827;--aw-sub:#6b7280;--aw-ibbg:transparent;--aw-ibbgh:#e5e7eb;--aw-ibfg:#374151;--aw-track:#e5e7eb;
  --aw-f2:var(--aw-a2);--aw-w1:#9ca3af;--aw-w2:#9ca3af;--aw-w3:#9ca3af;
  background:#f7f8fa;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px 11px;gap:10px;box-shadow:none}
.aw-tts--minimal .aw-tts-play{width:36px;height:36px;box-shadow:none}
.aw-tts--minimal .aw-tts-play svg{width:18px;height:18px}
.aw-tts--minimal .aw-tts-title{font-size:14px;font-weight:600}
.aw-tts--minimal .aw-tts-status{font-size:11.5px}
.aw-tts--minimal .aw-tts-ib{width:30px;height:30px}
.aw-tts--minimal .aw-tts-ib svg{width:16px;height:16px}
.aw-tts--minimal .aw-tts-track{height:3px}

/* 4. tiranga gradient */
.aw-tts--tiranga{--aw-a1:#1a237e;--aw-a2:#0d1757;--aw-fg:#0b1445;--aw-sub:#2d3a6b;--aw-ibbg:rgba(255,255,255,.75);--aw-ibbgh:#fff;
  --aw-ibfg:#0b1445;--aw-track:rgba(255,255,255,.55);--aw-f1:#1a237e;--aw-f2:#1a237e;--aw-w1:#1a237e;--aw-w2:#1a237e;--aw-w3:#1a237e;
  background:linear-gradient(100deg,#ff9933 0%,#ffd9ad 30%,#ffffff 50%,#c9efc5 72%,#138808 100%);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.aw-tts--tiranga .aw-tts-play{box-shadow:0 3px 12px rgba(26,35,126,.5)}

/* 5. neon */
.aw-tts--neon{--aw-a1:#00f0ff;--aw-a2:#7a5cff;--aw-fg:#eaffff;--aw-sub:#8fd9e6;--aw-pfg:#06060f;--aw-ibbg:rgba(0,240,255,.10);
  --aw-ibbgh:rgba(0,240,255,.22);--aw-ibfg:#00f0ff;--aw-track:rgba(0,240,255,.15);--aw-f1:#00f0ff;--aw-f2:#ff2bd6;
  --aw-w1:#00f0ff;--aw-w2:#ff2bd6;--aw-w3:#7a5cff;
  background:#07070f;border:1px solid rgba(0,240,255,.55);border-radius:14px;
  box-shadow:0 0 18px rgba(0,240,255,.30),inset 0 0 18px rgba(122,92,255,.12)}
.aw-tts--neon .aw-tts-play{box-shadow:0 0 16px rgba(0,240,255,.8)}
.aw-tts--neon .aw-tts-title{text-shadow:0 0 8px rgba(0,240,255,.8)}

/* 6. news channel */
.aw-tts--news{--aw-a1:#ffffff;--aw-a2:#f1f1f1;--aw-pfg:#c40000;--aw-fg:#fff;--aw-sub:#ffd6d6;--aw-ibbg:rgba(255,255,255,.18);
  --aw-ibbgh:rgba(255,255,255,.3);--aw-track:rgba(255,255,255,.28);--aw-f1:#fff;--aw-f2:#ffd54a;--aw-w1:#fff;--aw-w2:#ffd54a;--aw-w3:#fff;
  background:linear-gradient(90deg,#a80000 0%,#e10600 100%);border-radius:10px;padding:10px 12px 14px;box-shadow:0 4px 14px rgba(200,0,0,.4)}
.aw-tts--news .aw-tts-play{box-shadow:0 2px 10px rgba(0,0,0,.35)}
.aw-tts--news .aw-tts-row:before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#ffd54a;box-shadow:0 0 0 3px rgba(255,213,74,.3)}
.aw-tts--news.is-playing .aw-tts-row:before{animation:awBlink 1s steps(2,start) infinite}
@keyframes awBlink{to{visibility:hidden}}

/* 7. glass gradient */
.aw-tts--glass{--aw-a1:#ffffff;--aw-a2:#f3e8ff;--aw-pfg:#6d28d9;--aw-fg:#fff;--aw-sub:#efe3ff;--aw-ibbg:rgba(255,255,255,.2);
  --aw-ibbgh:rgba(255,255,255,.34);--aw-track:rgba(255,255,255,.25);--aw-f1:#fff;--aw-f2:#ffd1f0;--aw-w1:#fff;--aw-w2:#ffd1f0;--aw-w3:#c4b5fd;
  z-index:0;background:linear-gradient(135deg,#6d28d9 0%,#c026d3 55%,#f472b6 100%);border-radius:22px;padding:13px 14px 17px;gap:13px;
  box-shadow:0 10px 26px rgba(109,40,217,.38)}
.aw-tts--glass:after{content:"";position:absolute;z-index:-1;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.13);
  right:-40px;top:-70px;pointer-events:none}
.aw-tts--glass .aw-tts-play{width:48px;height:48px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.aw-tts--glass .aw-tts-ib{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* 8. floating bubble */
.aw-tts--floating{position:fixed;z-index:99990;bottom:var(--aw-bottom,90px);margin:0;width:auto;max-width:calc(100vw - 20px);
  padding:6px;gap:8px;border-radius:40px;background:linear-gradient(135deg,#0f1d3a,#1d3566);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.aw-tts--right{right:14px}
.aw-tts--left{left:14px}
.aw-tts--floating .aw-tts-play{width:50px;height:50px}
.aw-tts--floating .aw-tts-row,.aw-tts--floating .aw-tts-mute,.aw-tts--floating .aw-tts-sp,
.aw-tts--floating .aw-tts-mid,.aw-tts--floating .aw-tts-stop,.aw-tts--floating .aw-tts-bar{display:none}
.aw-tts--floating.is-active{padding:6px 12px 6px 6px}
.aw-tts--floating.is-active .aw-tts-mid{display:block;max-width:190px}
.aw-tts--floating.is-active .aw-tts-stop{display:flex}
.aw-tts--floating.is-active .aw-tts-bar{display:block}
.aw-tts--floating:not(.is-active) .aw-tts-play{animation:awBounce 2.6s ease-in-out infinite}
@keyframes awBounce{0%,80%,100%{transform:scale(1)}90%{transform:scale(1.12)}}

@media (max-width:380px){
  .aw-tts{gap:9px;padding-left:10px;padding-right:10px}
  .aw-tts .aw-tts-title{font-size:14px}
  .aw-tts .aw-tts-ib{width:32px;height:32px}
  .aw-tts .aw-tts-sp{width:auto}
}
@media (prefers-reduced-motion:reduce){
  .aw-tts *,.aw-tts:before,.aw-tts:after{animation:none !important;transition:none !important}
}