/* sarvamask PREVIEW: Poochhiye sheet polish. Uses theme CSS vars so answers stay readable
   on Classic Red, Ivory, Navy, Emerald, Graphite and legacy accents. */
#ask #askMic{display:flex!important}
#ask #askMic[hidden]{display:none!important}
#ask #askVo{display:block!important;color:var(--mute);margin:4px 2px 8px}

#ask .sheet{color:var(--ink);background:var(--tile,#fff)}
#ask .sheet h2,#ask .sheet h3,#ask .sheet h4{color:var(--ink)}
#ask .sheet a{color:var(--y2,var(--y))}
#ask .tiny,#ask .sub,#ask .askst{color:var(--mute)}

#ask .askin{background:linear-gradient(transparent,var(--tile,#fff) 28%);align-items:center}
#ask .askin input{background:var(--tile,#fff);color:var(--ink);border-color:var(--bd2)}
#ask .askin .rb.m{
  width:56px;height:56px;background:var(--y);color:#fff;border:0;
  box-shadow:0 2px 8px rgba(0,0,0,.18)
}
#ask .askin .rb.m .ico{width:26px;height:26px;stroke:#fff}
#ask .askin .rb.m.rec{background:var(--bad,#E5484D);color:#fff;animation:askP 1.2s ease-out infinite}
#ask .askin .rb.s{width:48px;height:48px}

#askLive{
  min-height:0;margin:0 0 8px;padding:0 12px;border-radius:10px;
  background:var(--glass2);color:var(--ink);font-size:14px;line-height:1.4;
  max-height:0;overflow:hidden;opacity:0;transition:max-height .2s,opacity .2s,padding .2s
}
#ask.ask-listen #askLive,#ask.ask-think #askLive{
  max-height:4.5em;opacity:1;padding:8px 12px;margin-bottom:8px
}
#ask.ask-listen #askLive:empty:before{content:"🎤 Sun raha hoon… boliye";color:var(--mute)}
#ask.ask-think #askLive:empty:before{content:"Samajh raha hoon…";color:var(--mute)}
#ask.ask-listen .askin .rb.m{background:var(--bad,#E5484D)}
#ask.ask-off #askSt{color:var(--bad)}

#askSug{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
#askSug[hidden]{display:none!important}
#askSug .chip,#askEx .chip{
  background:var(--glass2);color:var(--ink);border:1px solid var(--bd);
  border-radius:999px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer
}

#askLog .ab,#askLog .qb{color:var(--ink)}
#askLog .qb{background:var(--glass2);border-radius:12px 12px 4px 12px;padding:8px 12px}
#askLog .ab.g,#askLog .ab{background:var(--tile,#fff);border:1px solid var(--bd);border-radius:4px 12px 12px 12px;padding:10px 12px}
#askLog h4 a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bd2)}
#askLog .kv{color:var(--ink)}
#askLog .kv span{color:var(--ink)}
#askLog .askjumps{margin:8px 0 0;font-size:12.5px;color:var(--mute);display:flex;flex-wrap:wrap;gap:8px 12px}
#askLog .askjumps a{color:var(--y2,var(--y))}
#askLog .sadd{background:var(--y);color:#fff}
#askLog .sadd.done{background:rgba(17,132,90,.16);color:var(--ok);border:1px solid var(--ok)}
#askLog .aol{color:var(--ink)}
#askLog .askok{border-color:var(--ok);background:rgba(17,132,90,.08)}
#ask .vohint b{color:var(--ink)}
#ask .askvp{display:block;width:100%;margin:8px 0 0;padding:10px 12px;border-radius:12px;border:1.5px solid var(--y);
  background:var(--glass2);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}

@media(max-width:400px){
  #ask .sheet{padding:14px 12px 10px}
  #ask .askin .rb.m{width:52px;height:52px}
  #askEx .chip,#askSug .chip{font-size:12px;padding:5px 9px}
}