[hidden]{display:none !important}

:root{
  --aaa-text:#e7f1ff;
  --aaa-sub:#7b8ca8;
  --aaa-panel:rgba(243,247,255,.96);
  --aaa-panel-soft:rgba(232,241,255,.92);
  --aaa-soft:rgba(227,238,255,.82);
  --aaa-border:rgba(66,133,244,.18);
  --aaa-shadow:0 26px 64px rgba(15,23,42,.18);
  --aaa-blue:#4f8ff7;
  --aaa-blue-strong:#2563eb;
  --aaa-orange:#f59e0b;
  --aaa-orange-soft:#ffb84d;
  --aaa-ink:#10213a;
  --aaa-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Arial,sans-serif;
}
.aaa-root,.aaa-root *{box-sizing:border-box;font-family:var(--aaa-font)}
.aaa-root{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:2147483000;
  color:var(--aaa-ink);
}
.aaa-root.aaa-left-mid{
  top:auto;
  bottom:96px;
  transform:none;
}
.aaa-launcher,
.aaa-btn,
.aaa-mini-btn,
.aaa-inline-button,
.aaa-close{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.aaa-launcher{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  width:58px;
  height:58px;
  min-width:58px;
  border:1px solid rgba(79,143,247,.26);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,246,255,.98));
  color:var(--aaa-ink);
  box-shadow:var(--aaa-shadow);
  border-radius:999px;
  padding:0;
  cursor:pointer;
  backdrop-filter:blur(18px);
}
.aaa-launcher:hover,
.aaa-btn:hover,
.aaa-mini-btn:hover,
.aaa-inline-button:hover,
.aaa-close:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(37,99,235,.16);
}
.aaa-left-mid .aaa-launcher{
  writing-mode:horizontal-tb;
  text-orientation:initial;
  border-radius:999px;
  padding:0;
  min-height:58px;
  gap:0;
}
.aaa-left-mid .aaa-launcher-icon{transform:none}
.aaa-launcher-icon{
  font-size:22px;
  line-height:1;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(79,143,247,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.aaa-launcher-label{display:none}
.aaa-panel,
.aaa-mini{
  width:min(430px,calc(100vw - 36px));
  border:1px solid var(--aaa-border);
  box-shadow:var(--aaa-shadow);
  border-radius:24px;
  overflow:hidden;
  backdrop-filter:blur(18px);
}
.aaa-panel{
  margin-top:10px;
  max-height:min(82vh,760px);
  overflow:auto;
  overscroll-behavior:contain;
  background:
    radial-gradient(circle at top right, rgba(245,158,11,.14), transparent 32%),
    radial-gradient(circle at top left, rgba(79,143,247,.16), transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,246,255,.97));
}
.aaa-panel::-webkit-scrollbar,.aaa-chapters::-webkit-scrollbar{width:10px}
.aaa-panel::-webkit-scrollbar-thumb,.aaa-chapters::-webkit-scrollbar-thumb{background:rgba(79,143,247,.28);border-radius:999px;border:2px solid rgba(255,255,255,.7)}
.aaa-panel::-webkit-scrollbar-track,.aaa-chapters::-webkit-scrollbar-track{background:transparent}
.aaa-mini{
  margin-top:10px;
  background:
    radial-gradient(circle at top right, rgba(245,158,11,.12), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,255,.96));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
}
.aaa-mini-open{
  background:none;
  border:0;
  color:inherit;
  text-align:left;
  min-width:0;
  flex:1;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.aaa-mini-kicker{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--aaa-orange);
  font-weight:800;
}
.aaa-mini-kicker,.aaa-mini-status,.aaa-mini-meta{transition:opacity .18s ease,color .18s ease}
.aaa-mini-title{
  display:block;
  margin-top:3px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--aaa-ink);
}
.aaa-mini-status{
  display:block;
  font-size:11px;
  color:var(--aaa-sub);
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.aaa-mini-meta{
  display:block;
  font-size:10px;
  color:#2457b5;
  font-weight:800;
  letter-spacing:.02em;
}
.aaa-mini-controls{display:flex;gap:8px}
.aaa-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(79,143,247,.18);
  background:rgba(255,255,255,.86);
  color:var(--aaa-ink);
  padding:9px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:800;
}
.aaa-left-mid .aaa-panel,
.aaa-left-mid .aaa-mini{
  margin-top:0;
  margin-left:12px;
}
.aaa-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 10px;
  position:sticky;
  top:0;
  z-index:12;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(243,248,255,.95));
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(66,133,244,.08);
  box-shadow:0 8px 22px rgba(37,99,235,.08);
}
.aaa-header-text strong{
  display:block;
  font-size:16px;
  color:#0f1f37;
}
.aaa-header-text small{
  display:block;
  color:var(--aaa-sub);
  margin-top:4px;
  line-height:1.4;
}
.aaa-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.22);
  background:rgba(255,255,255,.96);
  color:var(--aaa-orange);
  width:42px;
  height:42px;
  border-radius:16px;
  cursor:pointer;
  position:sticky;
  top:10px;
  z-index:13;
  flex-shrink:0;
  box-shadow:0 8px 18px rgba(245,158,11,.14);
}
.aaa-now-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px 14px;
  border-bottom:1px solid rgba(66,133,244,.1);
}
.aaa-now-meta{min-width:0}
.aaa-now-kicker{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--aaa-orange);
  font-weight:800;
}
.aaa-now-meta strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#142a47;
}
.aaa-now-count{
  font-size:12px;
  color:var(--aaa-sub);
  white-space:nowrap;
  background:rgba(79,143,247,.08);
  padding:5px 9px;
  border-radius:999px;
}

.aaa-wheel-wrap{
  padding:14px 16px 14px;
  border-bottom:1px solid rgba(66,133,244,.1);
}
.aaa-wheel{
  position:relative;
  width:220px;
  height:220px;
  margin:0 auto;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96) 0%,rgba(244,249,255,.94) 52%,rgba(231,241,255,.92) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 16px 38px rgba(37,99,235,.12);
  border:1px solid rgba(79,143,247,.14);
  touch-action:none;
}
.aaa-wheel-ring{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
  cursor:pointer;
  touch-action:none;
}
.aaa-wheel-track,
.aaa-wheel-progress{
  fill:none;
  stroke-width:10;
}
.aaa-wheel-track{stroke:rgba(79,143,247,.12)}
.aaa-wheel-progress{
  stroke:linear-gradient(180deg,#2563eb,#f59e0b);
  stroke:rgba(37,99,235,.88);
  stroke-linecap:round;
  transition:stroke-dashoffset .22s ease;
}
.aaa-wheel-btn,
.aaa-wheel-center{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(79,143,247,.18);
  background:rgba(255,255,255,.94);
  color:var(--aaa-ink);
  cursor:pointer;
  box-shadow:0 10px 22px rgba(15,23,42,.1);
}
.aaa-wheel-btn{
  width:44px;
  height:44px;
  border-radius:999px;
  font-size:18px;
}
.aaa-wheel-center{
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:82px;
  height:82px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(79,143,247,.94),rgba(37,99,235,.92));
  color:#fff;
  border-color:rgba(37,99,235,.35);
  font-size:30px;
  font-weight:800;
}
.aaa-wheel-btn-top{top:20px;left:50%;transform:translateX(-50%)}
.aaa-wheel-btn-left{left:18px;top:50%;transform:translateY(-50%)}
.aaa-wheel-btn-right{right:18px;top:50%;transform:translateY(-50%)}
.aaa-wheel-btn-bottom{bottom:20px;left:50%;transform:translateX(-50%)}
.aaa-wheel-meta{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:10px;
  align-items:baseline;
}
.aaa-wheel-meta strong{
  font-size:18px;
  color:#10213a;
}
.aaa-wheel-meta span{
  font-size:12px;
  color:var(--aaa-sub);
  background:rgba(79,143,247,.08);
  padding:4px 8px;
  border-radius:999px;
}
.aaa-controls-row{display:flex;gap:8px;padding:0 16px 10px}
.aaa-controls-row-secondary .aaa-btn{font-size:12px}
.aaa-btn{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(79,143,247,.18);
  background:rgba(255,255,255,.9);
  color:var(--aaa-ink);
  padding:10px 12px;
  border-radius:14px;
  cursor:pointer;
  font-weight:800;
}
.aaa-btn-primary{
  background:linear-gradient(135deg,rgba(79,143,247,.94),rgba(37,99,235,.92));
  color:#f8fbff;
  border-color:rgba(37,99,235,.35);
  box-shadow:0 14px 28px rgba(37,99,235,.18);
}
.aaa-btn-primary:hover{
  box-shadow:0 16px 32px rgba(37,99,235,.24);
}
#aaa-play::before{content:"▶";}
#aaa-pause::before,#aaa-mini-playpause::before{content:"⏸";}
#aaa-stop::before,#aaa-mini-stop::before{content:"⏹";}
#aaa-prev::before{content:"⏮";}
#aaa-next::before{content:"⏭";}
#aaa-back10::before{content:"↺";}
#aaa-forward10::before{content:"↻";}
.aaa-inline-button::before{content:"🔊"; margin-right:8px}
.aaa-scrub-wrap{padding:4px 16px 14px}
.aaa-scrub-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.aaa-scrub-label span{
  font-size:12px;
  color:var(--aaa-sub);
  font-weight:800;
}
.aaa-scrub-label strong{
  font-size:12px;
  color:#0f1f37;
}
#aaa-section-scrub{
  width:100%;
  accent-color:var(--aaa-blue);
}
.aaa-settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 16px 14px;
}
.aaa-field{display:flex;flex-direction:column;gap:6px}
.aaa-field span{
  color:var(--aaa-sub);
  font-size:12px;
  font-weight:800;
}
.aaa-field select{
  width:100%;
  border:1px solid rgba(79,143,247,.18);
  background:rgba(255,255,255,.92);
  color:var(--aaa-ink);
  padding:10px 12px;
  border-radius:14px;
}

.aaa-human-row{display:flex;gap:8px;align-items:center;padding:0 16px 14px;flex-wrap:wrap}
.aaa-human-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,.12);color:#a35b00;border:1px solid rgba(245,158,11,.22);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.aaa-human-pill::before{content:"✦";font-size:10px}
.aaa-human-pill-soft{background:rgba(79,143,247,.09);color:#2457b5;border-color:rgba(79,143,247,.18)}

.aaa-chapters-wrap{
  border-top:1px solid rgba(66,133,244,.1);
  padding:14px 16px 16px;
}
.aaa-section-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.aaa-section-head strong{
  font-size:14px;
  color:#0f1f37;
}
.aaa-section-head span{
  font-size:12px;
  color:var(--aaa-sub);
}
.aaa-chapters{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:280px;
  overflow:auto;
  padding-right:2px;
}
.aaa-left-mid .aaa-chapters{max-height:min(44vh,360px)}
.aaa-chapter{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  border:1px solid rgba(79,143,247,.16);
  background:rgba(255,255,255,.86);
  border-radius:16px;
  padding:11px 12px;
  cursor:pointer;
  color:var(--aaa-ink);
}
.aaa-chapter:hover{
  border-color:rgba(79,143,247,.3);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.98));
}
.aaa-chapter.active{
  outline:1px solid rgba(245,158,11,.35);
  background:linear-gradient(135deg,rgba(255,247,229,.98),rgba(239,246,255,.98));
  box-shadow:inset 0 0 0 1px rgba(79,143,247,.08);
}
.aaa-chapter-main{min-width:0}
.aaa-chapter-title{
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  color:#10213a;
}
.aaa-chapter-preview{
  margin-top:4px;
  color:var(--aaa-sub);
  font-size:11px;
  line-height:1.45;
}
.aaa-chapter-index{
  font-size:11px;
  color:var(--aaa-sub);
  white-space:nowrap;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}
.aaa-chapter-index small{
  font-size:10px;
  color:var(--aaa-orange);
}
.aaa-speaking-block{
  outline:2px solid rgba(245,158,11,.38) !important;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,240,210,.44),rgba(221,236,255,.42)) !important;
  transition:background .25s ease, outline-color .25s ease;
}
.aaa-speaking-context{
  outline:1px solid rgba(79,143,247,.18) !important;
  border-radius:10px;
  background:rgba(79,143,247,.04);
  transition:background .25s ease, outline-color .25s ease;
}
.aaa-inline-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(79,143,247,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,246,255,.98));
  color:var(--aaa-ink);
  padding:10px 14px;
  border-radius:999px;
  box-shadow:var(--aaa-shadow);
  font-weight:800;
  cursor:pointer;
}
.aaa-launcher:focus-visible,
.aaa-btn:focus-visible,
.aaa-mini-btn:focus-visible,
.aaa-inline-button:focus-visible,
.aaa-close:focus-visible,
.aaa-chapter:focus-visible{
  outline:2px solid rgba(245,158,11,.42);
  outline-offset:2px;
}
@media (max-width:782px){
  .aaa-human-row{padding:0 14px 12px}
  .aaa-root{
    left:12px;
    right:auto;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);
    top:auto;
    transform:none;
    max-width:min(94vw,360px);
    width:auto;
  }
  .aaa-root.aaa-left-mid{
    left:12px;
    right:auto;
    top:auto;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);
    transform:none;
  }
  .aaa-launcher{
    width:52px;
    height:52px;
    min-width:52px;
    min-height:52px;
    max-width:none;
    justify-content:center;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed;
    padding:0;
    border-radius:999px;
    margin-left:0;
    gap:0;
    box-shadow:0 14px 32px rgba(37,99,235,.18);
  }
  .aaa-launcher::after{
    content:'';
    position:absolute;
    inset:-5px;
    border-radius:999px;
    border:1px solid rgba(79,143,247,.16);
    pointer-events:none;
  }
  .aaa-launcher-label{display:none}
  .aaa-launcher-icon{width:26px;height:26px;font-size:18px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(79,143,247,.18))}
  .aaa-left-mid .aaa-launcher-icon{transform:none}
  .aaa-root.aaa-mobile-compact .aaa-mini{display:none !important}
  .aaa-root.aaa-mobile-compact .aaa-launcher[hidden]{display:flex !important}
  .aaa-root.aaa-mobile-compact .aaa-launcher{position:relative}
  .aaa-root.aaa-mobile-compact.aaa-is-active .aaa-launcher{background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(232,246,255,.99));border-color:rgba(79,143,247,.34)}
  .aaa-root.aaa-mobile-compact.aaa-is-active .aaa-launcher::before{
    content:'';
    position:absolute;
    top:7px;
    right:7px;
    width:9px;
    height:9px;
    border-radius:999px;
    background:linear-gradient(180deg,#f59e0b,#fb923c);
    box-shadow:0 0 0 4px rgba(245,158,11,.16);
  }
  .aaa-panel{
    width:min(92vw,360px);
    margin-left:0;
    margin-top:10px;
    max-height:min(74vh,640px);
    overflow:auto;
    border-radius:22px;
  }
  .aaa-header{padding:14px 14px 10px}
  .aaa-header-text strong{font-size:15px}
  .aaa-close{top:8px;width:40px;height:40px}
  .aaa-now-strip{padding:0 14px 12px}
.aaa-wheel-wrap{padding:12px 14px}
  .aaa-wheel{width:196px;height:196px}
  .aaa-wheel-btn{width:40px;height:40px;font-size:16px}
  .aaa-wheel-center{width:74px;height:74px;font-size:26px}
  .aaa-wheel-btn-top{top:16px}
  .aaa-wheel-btn-left{left:14px}
  .aaa-wheel-btn-right{right:14px}
  .aaa-wheel-btn-bottom{bottom:16px}
  .aaa-wheel-meta strong{font-size:16px}
  .aaa-controls-row{padding:0 14px 10px}
  .aaa-btn{padding:9px 10px;font-size:13px}
  .aaa-controls-row-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .aaa-settings-grid{grid-template-columns:1fr}
  .aaa-chapters{max-height:220px}
}


.aaa-field select:disabled{opacity:.8;cursor:not-allowed}.aaa-root.aaa-is-active .aaa-launcher-icon{box-shadow:0 0 0 4px rgba(59,130,246,.14)}