/* ActuallySpeak Kids — "Tropical Pop" theme layer (loaded last).
   Default: <html class="theme-tropic">. A vivid tropical sky behind everything,
   a candy purple→pink header, juicy orange→pink actions that shimmer, and
   shimmering purple→pink "you picked this" states. No cream anywhere.
   Optional variants (tokens only, same structure): theme-sky · theme-candy · theme-jungle.
   Every structural rule below is scoped to html[class*="theme-"] (written html[class*="theme-"] here),
   so removing the class gives back the original storybook palette.            */

/* ============================== TOKENS ============================== */
html[class*="theme-"]{
  /* stage */
  --t-bg: linear-gradient(180deg,#19B4FF 0%,#2EC5FF 20%,#2BD6EE 44%,#2DE1D0 66%,#2FDDB0 86%,#39D98A 100%);
  --t-bg-base:#22C3F0;
  /* chrome */
  --t-head: linear-gradient(120deg,#7C3AED 0%,#A63CEB 48%,#EC4899 100%);
  --t-head-1:#7C3AED; --t-head-2:#22C3F0; --t-head-edge:#5B21B6;
  --t-nav:#4C1D95; --t-nav-2:#3B1580; --t-nav-on:#FFFFFF; --t-nav-dim:#E9DDFF;
  /* primary action */
  --t-cta: linear-gradient(180deg,#FF9A1A 0%,#FF6A2E 48%,#FF3D7F 100%);
  --t-cta-solid:#FF5A4E; --t-cta-edge:#C21E5C; --t-cta-glow:rgba(255,61,127,.35);
  /* selected / chosen */
  --t-pick:#A030E8;                         /* solid, for color-mix() users */
  --t-pick-grad: linear-gradient(135deg,#7C3AED 0%,#B42BD9 52%,#DB2777 100%);
  --t-pick-edge:#5B1A9E; --t-pick-soft:#F4ECFF;
  --t-pick-glow: 0 0 0 4px rgba(236,72,153,.25), 0 0 20px rgba(180,43,217,.45);
  /* turquoise → lime alt (success-ish picks) */
  --t-zest-grad: linear-gradient(135deg,#0BC5D9 0%,#22C9A0 50%,#6BD62E 100%);
  /* stars & treasure */
  --t-sun:#FFC800; --t-sun-d:#E08A00;
  --t-gold: linear-gradient(180deg,#FFF06A 0%,#FFD21E 40%,#FFB300 100%);
  --t-gold-edge:#D97706; --t-gold-ink:#5A2E00;
  /* feedback */
  --t-success: linear-gradient(135deg,#8CFF5A 0%,#3FE07A 50%,#16C25E 100%);
  --t-success-solid:#22C55E; --t-success-edge:#0E8F43; --t-success-soft:#E6FFE0;
  --t-wrong:#FF4D6D; --t-wrong-soft:#FFE8EE;
  --t-lock:#E9E5F6; --t-lock-2:#D8D2EE; --t-lock-ink:#6E6890;
  /* surfaces + ink */
  --t-paper:#FFFFFF; --t-tint:#F1F5FF;
  --t-line:#E3DAFF; --t-line-d:#C6B6FA;
  --t-gold-hi:#FFE14D;
  --t-ink:#1F2547; --t-ink-2:#4A5182;
  --t-on-bg:#FFFFFF;
  --t-on-bg-shadow: 0 2px 0 rgba(76,29,149,.55), 0 3px 12px rgba(76,29,149,.35);
  /* candy edges for cards (rim, 3D edge) */
  --c1:#FF4FA3; --c1d:#D11F7A;   /* pink      */
  --c2:#14CFC4; --c2d:#06968F;   /* turquoise */
  --c3:#9B5CFF; --c3d:#6127D6;   /* purple    */
  --c4:#7ED321; --c4d:#4E9A0E;   /* lime      */
  --c5:#FF9214; --c5d:#D56500;   /* orange    */
  --c6:#2E9BFF; --c6d:#1667D9;   /* blue      */
  /* the moving gloss band */
  --t-gloss: linear-gradient(105deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 49%,rgba(255,255,255,.15) 53%,rgba(255,255,255,0) 60%);

  /* remap the storybook tokens */
  --j-cream:#FFFFFF; --j-cream-2:#FFFFFF;
  --j-ink:var(--t-ink); --j-ink-2:var(--t-ink-2);
  --j-line:var(--t-line);
  --j-head-1:var(--t-head-1); --j-head-2:var(--t-head-1); --j-head-edge:var(--t-head-edge);
  --j-nav:var(--t-nav); --j-nav-dim:var(--t-nav-dim);
  --j-green:#22C55E; --j-green-d:#0E8F43; --j-green-btn:#16A34A;
  --j-blue:#0EA5E9; --j-blue-d:#0369A1; --j-blue-btn:#0284C7;
  --j-yellow:#FFC400; --j-yellow-d:#D97706;
  --j-orange:#FF7A1A; --j-orange-d:#C2410C; --j-orange-btn:#EA580C;
  --j-purple:#9B5CFF; --j-purple-d:#5B21B6; --j-purple-btn:#7C3AED;
  --j-pink:#FF4FA3;
  --sticker:0 6px 0 rgba(76,29,149,.20), 0 12px 22px rgba(31,37,71,.16);
  --sticker-sm:0 4px 0 rgba(76,29,149,.18), 0 8px 15px rgba(31,37,71,.13);
  --shadow:0 6px 0 rgba(76,29,149,.16), 0 12px 26px rgba(31,37,71,.16);
  --shadow-sm:0 3px 0 rgba(76,29,149,.14), 0 6px 14px rgba(31,37,71,.12);
}
/* optional variants — tokens only */
html.theme-sky{
  --t-bg: linear-gradient(180deg,#0A9BFF 0%,#2BB8FF 40%,#7AD8FF 100%);
  --t-head: linear-gradient(120deg,#0A8BFF,#0066E0); --t-head-edge:#004FB3; --t-nav:#0B5FD6;
}
html.theme-candy{
  --t-bg: linear-gradient(165deg,#7C3AED 0%,#A855F7 40%,#EC4899 80%,#FB7185 100%);
  --t-head: linear-gradient(120deg,#6D28D9,#5B21B6); --t-nav:#4C1D95;
  --t-pick-grad: var(--t-zest-grad); --t-pick:#14B8A6; --t-pick-edge:#0A7F73;
}
html.theme-jungle{
  --t-bg: linear-gradient(180deg,#00C27A 0%,#21D99A 45%,#7CEBB8 100%);
  --t-head: linear-gradient(120deg,#009E5E,#007F4A); --t-head-edge:#00663B; --t-nav:#00663B;
}

/* ============================== SHIMMER MIXIN ==============================
   A gloss band painted as an extra background layer and swept across, so it
   needs no pseudo-element (many of these elements already use ::before/::after)
   and never clips badges. Usage: give the element
     background-image: var(--t-gloss), <its fill>;  + the .t-shine timing below. */
@keyframes tGloss{0%,58%{background-position:100% 0,0 0}100%{background-position:0% 0,0 0}}
@keyframes tGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08) saturate(1.1)}}
@keyframes tTwinkle{0%,100%{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(25deg)}}

/* ============================== STAGE ============================== */
html[class*="theme-"] body{background:var(--t-bg-base)}
html[class*="theme-"] #ask-root{background:transparent!important;isolation:isolate}
html[class*="theme-"] #ask-root::before{
  content:'';position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:520px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 10% 16%,rgba(255,255,255,.30) 0 34px,transparent 35px),
    radial-gradient(circle at 92% 28%,rgba(255,255,255,.22) 0 22px,transparent 23px),
    radial-gradient(circle at 16% 58%,rgba(255,255,255,.18) 0 16px,transparent 17px),
    radial-gradient(circle at 86% 70%,rgba(255,255,255,.20) 0 40px,transparent 41px),
    radial-gradient(circle at 50% 92%,rgba(255,255,255,.16) 0 26px,transparent 27px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23fff' opacity='.16'%3E%3Cpath d='M8 150C20 92 70 60 132 58 112 112 66 146 8 150z'/%3E%3C/g%3E%3Cg stroke='%23fff' stroke-width='3' opacity='.16' fill='none'%3E%3Cpath d='M10 148C50 120 86 96 126 62'/%3E%3C/g%3E%3C/svg%3E") left -26px bottom 40px/150px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23fff' opacity='.14'%3E%3Cpath d='M152 10C140 68 90 100 28 102 48 48 94 14 152 10z'/%3E%3C/g%3E%3C/svg%3E") right -30px top 120px/140px no-repeat,
    var(--t-bg);
}
@media(min-width:560px){ html[class*="theme-"] body{background:linear-gradient(135deg,#5B21B6,#0EA5E9)} }
html[class*="theme-"] #ask-screen{position:relative;z-index:1}
html[class*="theme-"] .ask-screen,html[class*="theme-"] #ask-screen{background:transparent}

/* ============================== HEADER + NAV ============================== */
html[class*="theme-"] .ask-top{background:var(--t-head)!important;border-bottom:4px solid var(--t-head-edge)!important;
  box-shadow:0 4px 14px rgba(76,29,149,.25)}
html[class*="theme-"] .ask-top .ask-top__name{color:#fff}
html[class*="theme-"] .ask-pill--star{background:var(--t-gold);color:var(--t-gold-ink);border-color:#fff}
html[class*="theme-"] .ask-pill--fire{background:linear-gradient(180deg,#FFB13D,#FF6A2E);color:#4A1203;border-color:#fff}
html[class*="theme-"] .ask-nav{background:linear-gradient(180deg,var(--t-nav),var(--t-nav-2))!important;border-top:4px solid #7C3AED!important;
  box-shadow:0 -4px 16px rgba(76,29,149,.3)}
html[class*="theme-"] .ask-nav button{color:var(--t-nav-dim)}
html[class*="theme-"] .ask-nav button span{filter:none}
html[class*="theme-"] .ask-nav button.is-on{background:#fff!important;color:#6D28D9!important;box-shadow:0 4px 0 #2A0B66,0 0 16px rgba(236,72,153,.45)!important}

/* ============================== TEXT ON THE SKY ============================== */
html[class*="theme-"] .ask-pad > .ask-h1,html[class*="theme-"] .ask-pad > .ask-sub,html[class*="theme-"] .ask-pad > .ask-sec,html[class*="theme-"] .ask-pad > h1,
html[class*="theme-"] .askh-adult__h,html[class*="theme-"] .askrd-h,html[class*="theme-"] .askrd-h b,html[class*="theme-"] .askm-h,html[class*="theme-"] .askm-lvl,html[class*="theme-"] .ask-sec,
html[class*="theme-"] .askm-count,html[class*="theme-"] .askrd-h--soft b{color:var(--t-on-bg)!important;text-shadow:var(--t-on-bg-shadow)}
html[class*="theme-"] .ask-pad > .ask-sub{font-weight:800;opacity:1}
html[class*="theme-"] .ask-sec:before{background:var(--t-gold)!important;box-shadow:0 2px 0 var(--t-gold-edge)}
html[class*="theme-"] .askm-lvl span{text-shadow:none}

/* ============================== CARDS ============================== */
html[class*="theme-"] .ask-card,html[class*="theme-"] .askfun-card{background:#fff;border-color:var(--t-line)}
html[class*="theme-"] .ask-card{border-color:#fff;box-shadow:0 6px 0 rgba(76,29,149,.22),0 12px 24px rgba(31,37,71,.16)}

/* home tiles: candy rims, 3D edges */
html[class*="theme-"] .askh-tile{background:#fff!important;border-width:4px;box-shadow:0 6px 0 var(--tcd),0 12px 20px rgba(31,37,71,.16)}
html[class*="theme-"] .askh-tile:active{box-shadow:0 1px 0 var(--tcd)}
html[class*="theme-"] .askh-tile--t{--tc:var(--c2);--tcd:var(--c2d);background:linear-gradient(180deg,#D9FFFA,#fff 75%)!important}
html[class*="theme-"] .askh-tile--c{--tc:var(--c5);--tcd:var(--c5d);background:linear-gradient(180deg,#FFF0C2,#fff 75%)!important}
html[class*="theme-"] .askh-tile--r{--tc:var(--c3);--tcd:var(--c3d);background:linear-gradient(180deg,#EEE3FF,#fff 75%)!important}
html[class*="theme-"] .askh-tile--m{--tc:var(--c1);--tcd:var(--c1d);background:linear-gradient(180deg,#FFE0F0,#fff 75%)!important}
html[class*="theme-"] .askh-tile--s{--tc:var(--c4);--tcd:var(--c4d);background:linear-gradient(180deg,#EBFFD6,#fff 75%)!important}
html[class*="theme-"] .askh-tile--g{--tc:var(--c6);--tcd:var(--c6d);background:linear-gradient(180deg,#DDF0FF,#fff 75%)!important}
html[class*="theme-"] .askh-tile b{color:var(--t-ink)}
html[class*="theme-"] .askh-chip{background:#fff;border-color:#fff;box-shadow:0 4px 0 rgba(76,29,149,.28)}
html[class*="theme-"] .askh-row .askh-chip:nth-child(5n+1){border-color:var(--c1)} html[class*="theme-"] .askh-row .askh-chip:nth-child(5n+2){border-color:var(--c2)}
html[class*="theme-"] .askh-row .askh-chip:nth-child(5n+3){border-color:var(--c3)} html[class*="theme-"] .askh-row .askh-chip:nth-child(5n+4){border-color:var(--c4)}
html[class*="theme-"] .askh-row .askh-chip:nth-child(5n+5){border-color:var(--c5)}
html[class*="theme-"] .askh-more .askfun-card:nth-child(4n+1){border-color:var(--c1);box-shadow:0 5px 0 var(--c1d),0 10px 18px rgba(31,37,71,.14)}
html[class*="theme-"] .askh-more .askfun-card:nth-child(4n+2){border-color:var(--c2);box-shadow:0 5px 0 var(--c2d),0 10px 18px rgba(31,37,71,.14)}
html[class*="theme-"] .askh-more .askfun-card:nth-child(4n+3){border-color:var(--c3);box-shadow:0 5px 0 var(--c3d),0 10px 18px rgba(31,37,71,.14)}
html[class*="theme-"] .askh-more .askfun-card:nth-child(4n+4){border-color:var(--c4);box-shadow:0 5px 0 var(--c4d),0 10px 18px rgba(31,37,71,.14)}
html[class*="theme-"] .askh-hero{border-color:#fff;box-shadow:0 7px 0 #6D28D9,0 16px 30px rgba(76,29,149,.3)}
html[class*="theme-"] .askh-hero__foot{background:#fff}
html[class*="theme-"] .askh-hero__k{color:#C026D3}
html[class*="theme-"] .askh-adult{background:rgba(255,255,255,.2);border:2.5px dashed rgba(255,255,255,.75)}
html[class*="theme-"] .askfun-dot{background:var(--t-lock);color:var(--t-lock-ink)}
html[class*="theme-"] .askfun-dot.is-on{background:var(--t-gold);color:var(--t-gold-ink);box-shadow:inset 0 0 0 2px #fff,0 2px 0 var(--t-gold-edge)}
html[class*="theme-"] .askfun-chest.is-ready,html[class*="theme-"] .askfun-streak{background:linear-gradient(135deg,#FFF6B8,#FFE14D 60%,#FFC400)!important;border-color:#FFB300!important}
html[class*="theme-"] .askfun-prog,html[class*="theme-"] .ask-prog,html[class*="theme-"] .ask-bar{background:var(--t-lock)!important;border-color:var(--t-lock)}
html[class*="theme-"] .askfun-prog i,html[class*="theme-"] .askfun-prog > *,html[class*="theme-"] .ask-prog__b{background:linear-gradient(90deg,#0BC5D9,#6BD62E)!important}

/* ============================== BUTTONS ============================== */
html[class*="theme-"] .ask-btn,html[class*="theme-"] .askm-play,html[class*="theme-"] .askrd-cont__go,html[class*="theme-"] .askrd-first__go,html[class*="theme-"] .askrd-camp__go{
  background-color:var(--t-cta-solid);
  background-image:var(--t-gloss),var(--t-cta);background-size:320% 100%,100% 100%;background-repeat:no-repeat;
  background-position:100% 0,0 0;color:#fff;border:0;
  text-shadow:0 2px 0 rgba(150,20,60,.45);
  box-shadow:0 6px 0 var(--t-cta-edge),0 12px 22px var(--t-cta-glow);
  animation:tGloss 3.8s ease-in-out infinite}
html[class*="theme-"] .ask-btn:active,html[class*="theme-"] .askrd-cont__go:active{box-shadow:0 1px 0 var(--t-cta-edge)}
html[class*="theme-"] .ask-btn--blue{background-image:var(--t-gloss),linear-gradient(180deg,#22D3EE,#0EA5E9 55%,#0369A1);box-shadow:0 6px 0 #075985,0 12px 20px rgba(3,105,161,.3)}
html[class*="theme-"] .ask-btn--purple{background-image:var(--t-gloss),var(--t-pick-grad);box-shadow:0 6px 0 var(--t-pick-edge),0 12px 20px rgba(124,58,237,.3)}
html[class*="theme-"] .ask-btn--yellow{background-image:var(--t-gloss),var(--t-gold);color:var(--t-gold-ink);text-shadow:none;box-shadow:0 6px 0 var(--t-gold-edge)}
html[class*="theme-"] .ask-btn--ghost{background:#fff;background-image:none;color:#6D28D9;text-shadow:none;border:3px solid var(--t-line-d);box-shadow:0 4px 0 var(--t-line-d);animation:none}
html[class*="theme-"] .askh-play{animation:tGloss 3.6s ease-in-out infinite,askhPulse 2.8s ease-in-out infinite}
html[class*="theme-"] .askh-play__i{color:#FF3D7F}
html[class*="theme-"] .askm-play{animation:tGloss 3.6s ease-in-out infinite,askmPulse 1.6s ease-in-out infinite;box-shadow:0 4px 0 var(--t-cta-edge)}
html[class*="theme-"] .askh-say,html[class*="theme-"] .ask-speak-btn{background:linear-gradient(180deg,#22D3EE,#0284C7);box-shadow:0 4px 0 #075985}
html[class*="theme-"] .ask-speak-btn--slow{background:#fff;color:#0369A1;border-color:#22D3EE;box-shadow:0 4px 0 #22D3EE}
html[class*="theme-"] .ask-iconbtn.ask-grownups{background:rgba(255,255,255,.18)}
html[class*="theme-"] .ask-mic{background:linear-gradient(180deg,#2EE6A8,#0BC5D9 50%,#0284C7);box-shadow:0 7px 0 #075985,0 14px 28px rgba(3,105,161,.35)}

/* ============================== SELECTED STATES ==============================
   Shimmering purple→pink, white text, soft glow. */
html[class*="theme-"] .askh-seg,html[class*="theme-"] .askrd-seg{background:rgba(255,255,255,.35)!important;border:2.5px solid rgba(255,255,255,.7)}
html[class*="theme-"] .askh-seg button,html[class*="theme-"] .askrd-seg button{color:#fff;text-shadow:0 1px 0 rgba(76,29,149,.5);background:transparent}
html[class*="theme-"] .askh-seg button.is-on,html[class*="theme-"] .askrd-seg button.is-on,
html[class*="theme-"] .ask-nav button.is-on.t-never,
html[class*="theme-"] .ob2-age.is-on,html[class*="theme-"] .ob2-langb.is-on,html[class*="theme-"] .ob2-chip.is-on,html[class*="theme-"] .ob2-face.is-on,html[class*="theme-"] .ob2-ynb.is-on,
html[class*="theme-"] .ob4-opt.is-on,html[class*="theme-"] .ob4-chip.is-on,html[class*="theme-"] .ob4-ynb.is-on,html[class*="theme-"] .ob4-b--me,
html[class*="theme-"] .askfun-avpick.is-on,html[class*="theme-"] .askfun-wl__chips button.is-on,html[class*="theme-"] .askonb__avpick.is-on,html[class*="theme-"] .askonb__langpick.is-on,
html[class*="theme-"] .askm-stop.is-here .askm-node{
  background-color:var(--t-pick)!important;
  background-image:var(--t-gloss),var(--t-pick-grad)!important;background-size:320% 100%,100% 100%!important;background-repeat:no-repeat!important;
  color:#fff!important;border-color:#fff!important;text-shadow:0 1px 0 rgba(60,10,90,.45);
  box-shadow:0 4px 0 var(--t-pick-edge),var(--t-pick-glow)!important;
  animation:tGloss 3.4s ease-in-out infinite}
html[class*="theme-"] .ob2-langb.is-on *,html[class*="theme-"] .ob4-opt.is-on *,html[class*="theme-"] .ob4-chip.is-on *,html[class*="theme-"] .ob2-chip.is-on *{color:#fff!important}
html[class*="theme-"] .askh-seg button.is-on,html[class*="theme-"] .askrd-seg button.is-on{box-shadow:0 3px 0 var(--t-pick-edge),0 0 14px rgba(219,39,119,.4)!important}
html[class*="theme-"] .ob4-opt.is-on::after{background:#fff!important;color:#B42BD9!important}

/* ============================== MAP ============================== */
html[class*="theme-"] .askm-head{background:rgba(255,255,255,.96);box-shadow:0 4px 0 rgba(76,29,149,.18),0 8px 16px rgba(31,37,71,.12)}
html[class*="theme-"] .askm-head__st{background:var(--t-gold);border-color:#fff;color:var(--t-gold-ink);box-shadow:0 2px 0 var(--t-gold-edge)}
html[class*="theme-"] .askm-head__bar{background:var(--t-lock)}
html[class*="theme-"] .askm-head__bar i{background:linear-gradient(90deg,#FF4FA3,#9B5CFF)}
html[class*="theme-"] .askm-path__dim{stroke:#fff;stroke-opacity:.75}
html[class*="theme-"] .askm-path__lit,html[class*="theme-"] .askm-reg.is-cur .askm-path__lit{stroke:#fff;stroke-opacity:1}
html[class*="theme-"] .askm-node{background:radial-gradient(circle at 35% 30%,#9DFF6A,#22C55E 58%,#0E8F43);box-shadow:0 6px 0 #0B6B33,0 10px 18px rgba(14,143,67,.3)}
html[class*="theme-"] .askm-stop.is-here .askm-node{border-width:6px!important;width:112px;height:112px;
  box-shadow:0 7px 0 var(--t-pick-edge),0 0 0 10px rgba(255,255,255,.35),0 0 30px rgba(236,72,153,.55)!important;
  animation:tGloss 3.4s ease-in-out infinite,askmBob 2.2s ease-in-out infinite}
html[class*="theme-"] .askm-stop.is-open .askm-node{background:#fff;color:#6D28D9;border-color:var(--c3)}
html[class*="theme-"] .askm-stop.is-locked .askm-node{background:var(--t-lock);border-color:#fff;color:var(--t-lock-ink);box-shadow:0 4px 0 var(--t-lock-2)}
html[class*="theme-"] .askm-stop.is-plan .askm-node{background:#FFF6CC;border-color:#fff;box-shadow:0 4px 0 #F5C400}
html[class*="theme-"] .askm-stars{background:rgba(255,255,255,.92);box-shadow:0 2px 0 rgba(76,29,149,.15)}
html[class*="theme-"] .askm-stars i{color:var(--t-lock-2)}
html[class*="theme-"] .askm-stars i.on{color:#FFC400;text-shadow:0 2px 0 #D97706}
html[class*="theme-"] .askm-title{background:#fff;color:var(--t-ink);padding:2px 12px;box-shadow:0 2px 0 rgba(76,29,149,.18)}
html[class*="theme-"] .askm-c1{fill:#DCD5F2;stroke:#9C93C4} html[class*="theme-"] .askm-c2{fill:#C9C0E8} html[class*="theme-"] .askm-c3{fill:#F1EDFF;stroke:#9C93C4}
html[class*="theme-"] .askm-row{border-color:#fff;box-shadow:0 4px 0 rgba(76,29,149,.22)}
html[class*="theme-"] .askm-row.is-done{border-color:var(--c4)}
html[class*="theme-"] .askm-row.is-locked{background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.9)!important;color:var(--t-lock-ink)!important;box-shadow:0 3px 0 rgba(76,29,149,.12)!important}
html[class*="theme-"] .askm-row__st{color:#B45309}
/* old map nodes */
html[class*="theme-"] .ask-node.is-locked .ask-node__dot,html[class*="theme-"] .ask-tnode{background:var(--t-lock)!important;border-color:#fff!important;color:var(--t-lock-ink);box-shadow:0 4px 0 var(--t-lock-2)!important}
html[class*="theme-"] .ask-path:before{background:repeating-linear-gradient(180deg,#fff 0 10px,transparent 10px 20px)}

/* backpack + rewards */
html[class*="theme-"] .askm-bp{background:linear-gradient(180deg,#FFFFFF,#F4ECFF)!important;border:4px solid var(--c3)!important;box-shadow:0 6px 0 var(--c3d),0 12px 22px rgba(31,37,71,.16)!important}
html[class*="theme-"] .askm-bp__h span{background:var(--t-gold);color:var(--t-gold-ink);border-color:#fff}
html[class*="theme-"] .askm-bp__slot.is-empty{border-color:var(--t-line-d)!important;background:#fff!important;color:#B6A6F0!important}
html[class*="theme-"] .askm-bp__slot.is-got{background:linear-gradient(180deg,#FFF9C7,#FFE14D)!important;border-color:#FFB300!important}
html[class*="theme-"] .askm-bp__go i{background:var(--t-lock)!important;border-color:var(--t-lock-2)!important}
html[class*="theme-"] .askm-bp__go i.on{background:var(--t-gold)!important;border-color:var(--t-gold-edge)!important}
html[class*="theme-"] .askm-count > *{border-color:#fff}
html[class*="theme-"] .askm-stile{border-width:4px}
html[class*="theme-"] .askm-stile:nth-child(5n+1){border-color:var(--c1)!important;box-shadow:0 5px 0 var(--c1d)!important}
html[class*="theme-"] .askm-stile:nth-child(5n+2){border-color:var(--c2)!important;box-shadow:0 5px 0 var(--c2d)!important}
html[class*="theme-"] .askm-stile:nth-child(5n+3){border-color:var(--c3)!important;box-shadow:0 5px 0 var(--c3d)!important}
html[class*="theme-"] .askm-stile:nth-child(5n+4){border-color:var(--c4)!important;box-shadow:0 5px 0 var(--c4d)!important}
html[class*="theme-"] .askm-stile:nth-child(5n+5){border-color:var(--c5)!important;box-shadow:0 5px 0 var(--c5d)!important}
html[class*="theme-"] .askm-kbar__b{border-color:#fff}

/* jungle yard + shop */
html[class*="theme-"] .ask-jungleyard{background:linear-gradient(180deg,#7FE3FF 0%,#B9F1FF 55%,#6BE07A 55%,#22C55E 100%)!important;border:4px solid #fff!important;box-shadow:0 6px 0 rgba(76,29,149,.25)}
html[class*="theme-"] .ask-shopitem{background:#fff;border:3.5px solid var(--t-line);color:var(--t-ink);box-shadow:0 4px 0 rgba(76,29,149,.2)}
html[class*="theme-"] .ask-shop .ask-shopitem:nth-child(5n+1){border-color:var(--c1)} html[class*="theme-"] .ask-shop .ask-shopitem:nth-child(5n+2){border-color:var(--c2)}
html[class*="theme-"] .ask-shop .ask-shopitem:nth-child(5n+3){border-color:var(--c3)} html[class*="theme-"] .ask-shop .ask-shopitem:nth-child(5n+4){border-color:var(--c4)}
html[class*="theme-"] .ask-shop .ask-shopitem:nth-child(5n+5){border-color:var(--c5)}
html[class*="theme-"] .ask-shopitem.is-own{background:var(--t-success)!important;border-color:#fff!important;color:#06361A;box-shadow:0 4px 0 var(--t-success-edge)}
html[class*="theme-"] .ask-shopitem.is-locked{opacity:1;background:var(--t-lock)!important;border-color:#fff!important;color:var(--t-lock-ink)}
html[class*="theme-"] .ask-shopitem.is-locked b{filter:grayscale(.5);opacity:.7}

/* ============================== STORIES ============================== */
html[class*="theme-"] .askrd-cont,html[class*="theme-"] .askrd-first{background:#fff;border-color:var(--c1)!important;box-shadow:0 6px 0 var(--c1d),0 12px 22px rgba(31,37,71,.16)!important}
html[class*="theme-"] .askrd-book .askrd-cover,html[class*="theme-"] .askrd-scene .askrd-scene__pic{border-color:#fff}
html[class*="theme-"] .askrd-shelf > :nth-child(5n+1) .askrd-cover{box-shadow:0 0 0 4px var(--c1),0 6px 0 4px var(--c1d)}
html[class*="theme-"] .askrd-shelf > :nth-child(5n+2) .askrd-cover{box-shadow:0 0 0 4px var(--c2),0 6px 0 4px var(--c2d)}
html[class*="theme-"] .askrd-shelf > :nth-child(5n+3) .askrd-cover{box-shadow:0 0 0 4px var(--c3),0 6px 0 4px var(--c3d)}
html[class*="theme-"] .askrd-shelf > :nth-child(5n+4) .askrd-cover{box-shadow:0 0 0 4px var(--c4),0 6px 0 4px var(--c4d)}
html[class*="theme-"] .askrd-shelf > :nth-child(5n+5) .askrd-cover{box-shadow:0 0 0 4px var(--c5),0 6px 0 4px var(--c5d)}
html[class*="theme-"] .askrd-book__t,html[class*="theme-"] .askrd-book__s{color:#fff;text-shadow:var(--t-on-bg-shadow)}
html[class*="theme-"] .askrd-book__t{margin-top:10px}
html[class*="theme-"] .askrd-book.is-locked .askrd-cover,html[class*="theme-"] .askrd-scene.is-locked .askrd-scene__pic{background:linear-gradient(160deg,#F4EFFF,#DCD3FA)!important;box-shadow:0 0 0 4px rgba(255,255,255,.85),0 5px 0 4px rgba(76,29,149,.18)!important}
html[class*="theme-"] .askrd-book.is-locked .askrd-book__t{color:#fff;opacity:.92}
html[class*="theme-"] .askrd-lock{background:#fff;box-shadow:0 3px 0 rgba(76,29,149,.25)}
html[class*="theme-"] .askrd-badge--new{background:var(--t-pick-grad);color:#fff;border-color:#fff}
html[class*="theme-"] .askrd-badge--done{background:var(--t-success-solid);color:#fff}
html[class*="theme-"] .askrd-camp{background:#fff;border-color:#fff;box-shadow:0 5px 0 rgba(76,29,149,.22)}
html[class*="theme-"] .askrd-camp.is-next{border-color:var(--c3)!important;box-shadow:0 5px 0 var(--c3d),0 0 18px rgba(155,92,255,.4)!important}
html[class*="theme-"] .askrd-camp__n{background:var(--t-gold);color:var(--t-gold-ink)}
html[class*="theme-"] .askrd-camp.is-done .askrd-camp__n{background:var(--t-success-solid);color:#fff}
html[class*="theme-"] .askrd-camp.is-next .askrd-camp__n{background:var(--t-pick-grad);color:#fff}
html[class*="theme-"] .askrd-camp.is-locked{background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.9)!important}
html[class*="theme-"] .askrd-camp.is-locked .askrd-camp__t{color:var(--t-lock-ink)}
html[class*="theme-"] .askrd-chip{background:#fff;border-color:var(--t-line)}
html[class*="theme-"] .askrd-camps .askrd-camp:nth-child(5n+1):not(.is-locked):not(.is-next){border-color:var(--c2)}
html[class*="theme-"] .askrd-camps .askrd-camp:nth-child(5n+2):not(.is-locked):not(.is-next){border-color:var(--c1)}
html[class*="theme-"] .askrd-chip.is-off{background:var(--t-lock)!important;border-color:var(--t-lock)}
html[class*="theme-"] .askrd-chip.is-off b{color:var(--t-lock-ink)!important}
html[class*="theme-"] .askrd-rd{background:transparent!important}
html[class*="theme-"] .askrd-rd__top{background:var(--t-head)!important;color:#fff}
html[class*="theme-"] .askrd-rd__text{background:#fff;border-color:#fff;box-shadow:0 6px 0 rgba(76,29,149,.22)}
html[class*="theme-"] .askrd-rd__pic{border-color:#fff}
html[class*="theme-"] .askrd-rd__bar{background:linear-gradient(180deg,var(--t-nav),var(--t-nav-2))!important;border-top:4px solid #7C3AED!important}
html[class*="theme-"] .askrd-arrow{background:#fff;color:#6D28D9;border-color:#fff}
html[class*="theme-"] .askrd-arrow--next{background-image:var(--t-gloss),var(--t-cta)!important;background-size:320% 100%,100% 100%;background-repeat:no-repeat;
  color:#fff;border-color:#fff;box-shadow:0 5px 0 var(--t-cta-edge)!important;animation:tGloss 3.6s ease-in-out infinite}
html[class*="theme-"] .askrd-dots i{background:rgba(255,255,255,.35)}
html[class*="theme-"] .askrd-dots i.is-done{background:#fff}
html[class*="theme-"] .askrd-dots i.is-here{background:var(--t-gold)}
html[class*="theme-"] .askrd-play{background-image:var(--t-gloss),linear-gradient(180deg,#22D3EE,#0EA5E9 55%,#0369A1)!important;background-size:320% 100%,100% 100%;background-repeat:no-repeat;
  color:#fff;box-shadow:0 6px 0 #075985!important;animation:tGloss 4s ease-in-out infinite}
html[class*="theme-"] .askrd-mic{background:linear-gradient(180deg,#FF9A1A,#FF3D7F);box-shadow:0 5px 0 var(--t-cta-edge)}
html[class*="theme-"] .askrd-w.is-on{background:var(--t-gold-hi)}
html[class*="theme-"] .askrd-done__t{color:#fff;text-shadow:0 3px 0 #6D28D9,0 6px 16px rgba(76,29,149,.45)}
html[class*="theme-"] .askrd-done__book{align-self:center;background:#fff;border-radius:999px;padding:6px 18px 6px 8px;box-shadow:0 5px 0 rgba(76,29,149,.25),0 10px 20px rgba(31,37,71,.14)}
html[class*="theme-"] .askrd-done__again{background:#fff!important;background-image:none!important;color:#6D28D9!important;text-shadow:none!important;box-shadow:0 5px 0 rgba(76,29,149,.3)!important;animation:none!important}
html[class*="theme-"] .askrd-sheet{background:#fff}

/* ============================== LESSON ============================== */
html[class*="theme-"] .ask-coachrow__say,html[class*="theme-"] .ask-bubble{border-color:var(--c3);color:var(--t-ink)}
html[class*="theme-"] .ask-coachrow__say:after,html[class*="theme-"] .ask-bubble:after{border-right-color:var(--c3)}
html[class*="theme-"] .ask-opt{border-color:#fff;box-shadow:0 5px 0 rgba(76,29,149,.25),0 10px 18px rgba(31,37,71,.14)}
html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+1){border-color:var(--c1)} html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+2){border-color:var(--c2)}
html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+3){border-color:var(--c5)} html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+4){border-color:var(--c3)}
html[class*="theme-"] .ask-opt.is-right{border-color:#fff!important;background:var(--t-success)!important;color:#06361A;
  box-shadow:0 5px 0 var(--t-success-edge),0 0 0 4px rgba(124,255,79,.45),0 0 26px rgba(34,197,94,.6)!important}
html[class*="theme-"] .ask-opt.is-wrong{border-color:var(--t-wrong)!important;background:var(--t-wrong-soft)!important}
html[class*="theme-"] .ask-wordart{background:#E6F7FF}
html[class*="theme-"] .ask-wordcard .ask-w{background:linear-gradient(90deg,#FF7A1A,#FF3D7F,#9B5CFF);-webkit-background-clip:text;background-clip:text}
html[class*="theme-"] .ask-syl-btn.is-first{background:#FFF3B0}
html[class*="theme-"] .ask-cueact{background:#FFFBE0}
html[class*="theme-"] .ask-hook{background:linear-gradient(180deg,#fff,#F4ECFF)!important}
html[class*="theme-"] .ask-bookpg__band{background:#fff}
html[class*="theme-"] .ask-find,html[class*="theme-"] .ask-scene-card{border-color:#fff}

/* ============================== SHEETS / OVERLAYS ============================== */
html[class*="theme-"] .ask-sheet__in,html[class*="theme-"] .askfun-ov__in{background:#fff!important}
html[class*="theme-"] .askfun-ov__close{background:var(--t-lock)}

/* ============================== ONBOARDING ============================== */
html[class*="theme-"] .askonb--v2{background:var(--t-bg)!important;background-color:var(--t-bg-base)!important;color:var(--t-ink)}
html[class*="theme-"] .askonb{background:var(--t-bg)}
html[class*="theme-"] .askonb--v2{--ob-pick-d:#7C1FC9;--ob-pick-soft:#F4ECFF;--ob-pick-line:#D9B8FF;--ob-pick-glow:rgba(180,43,217,.3)}
html[class*="theme-"] .ob2-bubble,html[class*="theme-"] .ob4-b{border-color:#fff;box-shadow:0 4px 0 rgba(76,29,149,.2)}
html[class*="theme-"] .ob4-b--glow{background:var(--t-success-soft);border-color:#fff;color:#0B5D2A}
html[class*="theme-"] .ob2-age,html[class*="theme-"] .ob2-langb,html[class*="theme-"] .ob2-chip,html[class*="theme-"] .ob2-face,html[class*="theme-"] .ob4-opt,html[class*="theme-"] .ob4-chip,html[class*="theme-"] .ob4-ynb,html[class*="theme-"] .ob2-ynb,html[class*="theme-"] .ob2-yn,html[class*="theme-"] .ob2-pts li,html[class*="theme-"] .ob4-ticks li,html[class*="theme-"] .ob4-card,html[class*="theme-"] .ob2-check--req{
  border-color:#fff}
html[class*="theme-"] .ob2-age,html[class*="theme-"] .ob4-opt,html[class*="theme-"] .ob4-chip,html[class*="theme-"] .ob4-ynb{box-shadow:0 4px 0 rgba(76,29,149,.25)}
html[class*="theme-"] .ob2-langb{box-shadow:0 3px 0 rgba(76,29,149,.2)}
html[class*="theme-"] .ob4-ynb--yes:not(.is-on){background:var(--t-success-soft);border-color:#fff;color:#0B5D2A;box-shadow:0 4px 0 var(--t-success-edge)}
html[class*="theme-"] .ob2-dots i.on{background:var(--t-gold)}
html[class*="theme-"] .ob4-prog__bar i{background:linear-gradient(90deg,#FF4FA3,#9B5CFF)}
html[class*="theme-"] .askonb--v2 .ob2-card{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.8),0 8px 0 3px rgba(76,29,149,.3)}
html[class*="theme-"] .askonb--v2 .ob2-card.is-right{box-shadow:0 0 0 5px #7CFF4F,0 8px 0 5px var(--t-success-edge),0 0 28px rgba(124,255,79,.7)}
html[class*="theme-"] .ob2-wonw{border-color:#fff;box-shadow:0 5px 0 rgba(76,29,149,.25)}
html[class*="theme-"] .ob2-wonw:nth-child(3n+1){border-color:var(--c1)} html[class*="theme-"] .ob2-wonw:nth-child(3n+2){border-color:var(--c2)} html[class*="theme-"] .ob2-wonw:nth-child(3n+3){border-color:var(--c5)}

/* ============================== STARS SPARKLE ============================== */
html[class*="theme-"] .ask-pill--star:not(.askfx-pill-hit){background-image:var(--t-gloss),var(--t-gold);background-size:320% 100%,100% 100%;background-repeat:no-repeat;animation:tGloss 4.4s ease-in-out infinite}


/* ============================== FIXES (pass 2) ============================== */
/* stickers: unearned = white bubble with a lilac dashed rim (readable), earned = shimmering gold */
html[class*="theme-"] .ask-badge{color:#fff;text-shadow:var(--t-on-bg-shadow)}
html[class*="theme-"] .ask-badge__ic{background:rgba(255,255,255,.9)!important;border:3px dashed #B9A6F5!important;opacity:1!important;filter:grayscale(1)!important;color:#9A93BC}
html[class*="theme-"] .ask-badge:not(.is-on) .ask-badge__ic > *{opacity:.5}
html[class*="theme-"] .ask-badge.is-on .ask-badge__ic{background-image:var(--t-gloss),var(--t-gold)!important;background-size:320% 100%,100% 100%!important;background-repeat:no-repeat!important;
  border:3px solid #fff!important;filter:none;box-shadow:0 4px 0 var(--t-gold-edge),0 0 16px rgba(255,200,0,.55);animation:tGloss 4.2s ease-in-out infinite}
/* backpack chest button */
html[class*="theme-"] .askm-bp__go{background:#fff;border:3px solid var(--t-line-d);color:var(--t-ink-2)}
html[class*="theme-"] .askm-bp__go.is-ready{background-image:var(--t-gloss),var(--t-gold)!important;background-size:320% 100%,100% 100%;background-repeat:no-repeat;
  color:var(--t-gold-ink)!important;border:3px solid #fff!important;box-shadow:0 6px 0 var(--t-gold-edge),0 0 22px rgba(255,200,0,.5)!important;animation:tGloss 3.4s ease-in-out infinite,askmPulse 1.6s ease-in-out infinite}
/* grown-up forms */
html[class*="theme-"] .askfun-acct__go{background-image:var(--t-gloss),var(--t-cta)!important;background-color:var(--t-cta-solid)!important}
html[class*="theme-"] .askfun-acct a,html[class*="theme-"] .askfun-acct__alt,html[class*="theme-"] .askfun-acct b{color:#7C3AED}
html[class*="theme-"] .ask-switch{background:var(--t-lock);border-color:var(--t-lock-2)}
html[class*="theme-"] .ask-switch.is-on{background:var(--t-pick-grad);border-color:var(--t-pick-edge);box-shadow:0 0 10px rgba(180,43,217,.4)}
/* locked rows/camps: solid lavender, readable */
html[class*="theme-"] .askm-row.is-locked,html[class*="theme-"] .askrd-camp.is-locked{background:#EFEAFF!important;border-color:#fff!important;color:#5E5785!important;box-shadow:0 3px 0 rgba(76,29,149,.16)!important}
html[class*="theme-"] .askm-row.is-locked .askm-row__ic{opacity:.75}
html[class*="theme-"] .askrd-camp.is-locked .askrd-chip{background:#fff!important}
/* answer tiles: no pink/green rims, so wrong (red) and right (lime) stand out */
html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+1){border-color:var(--c2)} html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+2){border-color:var(--c5)}
html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+3){border-color:var(--c3)} html[class*="theme-"] .ask-opts .ask-opt:nth-child(4n+4){border-color:var(--c6)}
html[class*="theme-"] .ask-opts .ask-opt.is-wrong{border-color:var(--t-wrong)!important;box-shadow:0 5px 0 #B3123A,0 0 0 4px rgba(255,77,109,.3)!important}
html[class*="theme-"] .ask-opts .ask-opt.is-right{border-color:#fff!important}
/* jungle yard: vivid sky + grass */
html[class*="theme-"] .ask-jungleyard{background:linear-gradient(180deg,#2EC5FF 0%,#9BE7FF 52%,#7CE85A 52%,#22C55E 100%)!important}
html[class*="theme-"] .ask-shopitem.is-locked{background:#fff!important;border-style:dashed!important;border-color:#C6B6FA!important;color:#5E5785}
html[class*="theme-"] .ask-shopitem.is-locked b{filter:grayscale(.3);opacity:.8}


/* ============================== FIXES (pass 3: onboarding) ============================== */
html[class*="theme-"] .askonb--v2{--ob-glass:rgba(255,255,255,.26)}
html[class*="theme-"] .ob4-act{box-shadow:0 -4px 18px rgba(76,29,149,.14)}
html[class*="theme-"] .ask-btn[disabled],html[class*="theme-"] .askonb--v2 .ask-btn[disabled]{background:#DCD5F5!important;background-image:none!important;color:#6E6890!important;text-shadow:none!important;
  opacity:1!important;filter:none!important;box-shadow:0 4px 0 #BDB3E6!important;animation:none!important}
html[class*="theme-"] .ob5-lang.is-on{background-color:var(--t-pick)!important;background-image:var(--t-gloss),var(--t-pick-grad)!important;background-size:320% 100%,100% 100%!important;background-repeat:no-repeat!important;
  color:#fff!important;border-color:#fff!important;box-shadow:0 4px 0 var(--t-pick-edge),var(--t-pick-glow)!important;animation:tGloss 3.4s ease-in-out infinite}
html[class*="theme-"] .ob5-lang.is-on b,html[class*="theme-"] .ob5-lang.is-on small{color:#fff!important;text-shadow:0 1px 0 rgba(60,10,90,.45)}
html[class*="theme-"] .ob5-lang.is-on::after{background:#fff!important;color:#B42BD9!important}
html[class*="theme-"] .ob5-lang{border-color:#fff}
html[class*="theme-"] .ob5-check.is-on,html[class*="theme-"] .ob5-tog.is-on{border-color:#C084FC;background:#F6EEFF}
html[class*="theme-"] .ob5-check.is-on .ob5-check__box{background:var(--t-pick-grad);border-color:var(--t-pick-edge)}
html[class*="theme-"] .ob4-hook,html[class*="theme-"] .ob2-body--hand .ob2-h1,html[class*="theme-"] .ob2-h1--done{color:#fff!important;text-shadow:0 3px 0 rgba(76,29,149,.6),0 4px 14px rgba(76,29,149,.35)}
html[class*="theme-"] .ob4-hook b,html[class*="theme-"] .ob4-hook em,html[class*="theme-"] .ob4-hook span{color:#FFE14D!important}

html[class*="theme-"] .ask-sign{background:var(--t-pick-grad);border-color:#fff;box-shadow:0 4px 0 var(--t-pick-edge),0 8px 16px rgba(76,29,149,.25);text-shadow:0 1px 0 rgba(60,10,90,.45)}
html[class*="theme-"] input[type=range],html[class*="theme-"] input[type=checkbox],html[class*="theme-"] input[type=radio]{accent-color:#A030E8}

/* ============================== REDUCED MOTION ==============================
   Colours stay; the gloss sweep (and pulses we add) stop. */
@media (prefers-reduced-motion:reduce){
  html[class*="theme-"] .ask-btn,
  html[class*="theme-"] .askm-play,
  html[class*="theme-"] .askh-play,
  html[class*="theme-"] [class*="is-on"],
  html[class*="theme-"] .askm-node,
  html[class*="theme-"] .ask-pill--star,
  html[class*="theme-"] .askrd-arrow--next,
  html[class*="theme-"] .askrd-play,
  html[class*="theme-"] .ob4-b--me,
  html[class*="theme-"] .ob5-lang.is-on,
  html[class*="theme-"] .askrd-cont__go,
  html[class*="theme-"] .askrd-first__go,
  html[class*="theme-"] .askrd-camp__go,
  html[class*="theme-"] .askm-bp__go.is-ready,
  html[class*="theme-"] .ask-badge.is-on .ask-badge__ic{animation:none!important}
}
html.ask-reduced[class*="theme-"] .ask-btn,
html.ask-reduced[class*="theme-"] .askm-play,
html.ask-reduced[class*="theme-"] .askh-play,
html.ask-reduced[class*="theme-"] [class*="is-on"],
html.ask-reduced[class*="theme-"] .askm-node,
html.ask-reduced[class*="theme-"] .ask-pill--star,
html.ask-reduced[class*="theme-"] .askrd-arrow--next,
html.ask-reduced[class*="theme-"] .askrd-play,
html.ask-reduced[class*="theme-"] .ob4-b--me,
html.ask-reduced[class*="theme-"] .ob5-lang.is-on,
html.ask-reduced[class*="theme-"] .askrd-cont__go,
html.ask-reduced[class*="theme-"] .askrd-first__go,
html.ask-reduced[class*="theme-"] .askrd-camp__go,
html.ask-reduced[class*="theme-"] .askm-bp__go.is-ready,
html.ask-reduced[class*="theme-"] .ask-badge.is-on .ask-badge__ic{animation:none!important}