:root{
  --subject-accent:#7c6cff;
  --subject-accent-2:#4dd7ff;
  --subject-soft:rgba(124,108,255,.14);
  --subject-line:rgba(124,108,255,.38);
}

body.study-enhanced.subject-physics{--subject-accent:#6d7cff;--subject-accent-2:#61d8ff;--subject-soft:rgba(97,216,255,.12);--subject-line:rgba(109,124,255,.42)}
body.study-enhanced.subject-chemistry{--subject-accent:#22c55e;--subject-accent-2:#2dd4bf;--subject-soft:rgba(45,212,191,.12);--subject-line:rgba(34,197,94,.42)}
body.study-enhanced.subject-biology{--subject-accent:#84cc16;--subject-accent-2:#22c55e;--subject-soft:rgba(132,204,22,.13);--subject-line:rgba(132,204,22,.42)}
body.study-enhanced.subject-economics{--subject-accent:#f0b85a;--subject-accent-2:#38bdf8;--subject-soft:rgba(240,184,90,.13);--subject-line:rgba(240,184,90,.45)}
body.study-enhanced.subject-maths{--subject-accent:#8b7cff;--subject-accent-2:#f472b6;--subject-soft:rgba(139,124,255,.13);--subject-line:rgba(139,124,255,.42)}
body.study-enhanced.subject-compsci{--subject-accent:#22d3ee;--subject-accent-2:#a3e635;--subject-soft:rgba(34,211,238,.12);--subject-line:rgba(34,211,238,.42)}
body.study-enhanced{
  --study-thinking-text:#243044;
  --study-thinking-bg:rgba(20,184,166,.08);
  --study-thinking-border:rgba(20,184,166,.22);
}
html[data-wgo-theme="dark"] body.study-enhanced{
  --study-thinking-text:#d7e0ee;
  --study-thinking-bg:rgba(255,255,255,.04);
  --study-thinking-border:rgba(255,255,255,.10);
}

.study-ask-btn{
  margin-left:auto;
  flex:0 0 auto;
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--subject-line);
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:var(--subject-accent-2);
  font:600 12px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.study-ask-btn:hover,.study-ask-btn:focus-visible{
  transform:translateY(-1px);
  border-color:var(--subject-accent);
  background:var(--subject-soft);
  outline:none;
}
.study-ask-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

body.study-enhanced aside.toc{
  --rail-left:14px;
}
body.study-enhanced aside.toc a[href^="#"],
html[data-wgo-edition="bold"] body.study-enhanced aside.toc a[href^="#"],
html[data-wgo-edition="bold"] body.study-enhanced .page > aside.toc a[href^="#"]{
  position:relative;
  padding-left:32px !important;
  border-left:0 !important;
}
body.study-enhanced aside.toc a[href^="#"]::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#334155;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
body.study-enhanced aside.toc a[href^="#"]::after{
  content:"";
  position:absolute;
  left:13px;
  top:calc(50% + 8px);
  width:2px;
  height:calc(100% - 2px);
  background:rgba(148,163,184,.18);
}
body.study-enhanced aside.toc a[href^="#"].study-seen::before{
  background:var(--subject-accent);
  box-shadow:0 0 14px var(--subject-line);
}
body.study-enhanced aside.toc a[href^="#"].study-active::before{
  width:11px;
  height:11px;
  left:8px;
  background:var(--subject-accent-2);
  box-shadow:0 0 18px var(--subject-accent);
}
body.study-enhanced aside.toc a[href^="#"].study-active{
  color:#fff !important;
  background:linear-gradient(90deg, var(--subject-soft), transparent) !important;
}

.study-answer-card{
  border:1px solid rgba(255,255,255,.08);
  border-left:4px solid var(--subject-accent);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  padding:12px 14px;
  margin:12px 0;
}
.study-answer-card strong:first-child,
.study-answer-card .study-card-label{
  color:var(--subject-accent-2);
  font-weight:700;
}
.study-card-tip{border-left-color:#fbbf24}
.study-card-mistake{border-left-color:#fb7185}
.study-card-formula{border-left-color:var(--subject-accent-2)}
.study-card-concept{border-left-color:var(--subject-accent)}

.msg.bot.study-layered > p,
.msg.bot.study-layered > div,
.msg.bot.study-layered > ul,
.msg.bot.study-layered > ol{
  max-width:100%;
}
.msg.bot.thinking.study-thinking{
  display:flex !important;
  align-items:center;
  gap:10px;
  color:var(--study-thinking-text,#d7e0ee) !important;
  background:var(--study-thinking-bg,rgba(255,255,255,.04)) !important;
  border-color:var(--study-thinking-border,rgba(255,255,255,.10)) !important;
}
.study-thinking-dots{
  display:inline-flex;
  gap:4px;
}
.study-thinking-dots i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--subject-accent-2);
  animation:studyPulse 1.2s infinite ease-in-out;
}
.study-thinking-dots i:nth-child(2){animation-delay:.14s}
.study-thinking-dots i:nth-child(3){animation-delay:.28s}
html[data-wgo-theme="light"] .study-thinking-dots i,
body.light .study-thinking-dots i,
body[data-theme="light"] .study-thinking-dots i{
  background:#0891b2;
}
@keyframes studyPulse{
  0%,80%,100%{opacity:.35;transform:translateY(0)}
  40%{opacity:1;transform:translateY(-3px)}
}

@media (prefers-reduced-motion:reduce){
  .study-thinking-dots i{animation:none}
  .study-ask-btn{transition:none}
}

@media (max-width:900px){
  .study-ask-btn span{display:none}
}

html[data-wgo-design="apple"] .study-ask-btn{border-radius:999px;background:color-mix(in srgb,var(--subject-accent) 10%,var(--apple-surface-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--subject-accent) 22%,transparent)}
html[data-wgo-design="apple"] .study-ask-btn:hover{transform:scale(1.025);box-shadow:inset 0 0 0 1px var(--subject-accent),0 8px 20px color-mix(in srgb,var(--subject-accent) 18%,transparent)}
html[data-wgo-design="apple"] .study-answer-card{border-radius:14px;background:color-mix(in srgb,var(--apple-surface-solid) 92%,var(--subject-soft));box-shadow:var(--shadow-sm)}
html[data-wgo-design="apple"] .wgo-progress-prompt{border-radius:20px!important;background:var(--apple-surface)!important;box-shadow:var(--apple-shadow-raised)!important;backdrop-filter:blur(26px) saturate(180%)!important;-webkit-backdrop-filter:blur(26px) saturate(180%)!important;transform-origin:bottom right}
