/* ========================
   ROBOK ASK BUTTON — 말풍선 CTA (핵심 기능)
======================== */

.robok-ask-btn{
  --robok-ask-fill-top:#bacee0;
  --robok-ask-fill-bottom:#bacee0;
  --robok-ask-stroke:rgba(93, 151, 176, 0.62);
  --robok-ask-ink:#17384d;
  position:absolute;
  z-index:103;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-sizing:border-box;
  width:35.2px;
  min-width:35.2px;
  max-width:35.2px;
  height:128px;
  min-height:128px;
  max-height:128px;
  padding:9px 0;
  margin:0;
  border:1.5px solid var(--robok-ask-stroke);
  border-right:0;
  border-radius:13px 0 0 13px;
  color:var(--robok-ask-ink);
  background:linear-gradient(180deg, var(--robok-ask-fill-top), var(--robok-ask-fill-bottom));
  box-shadow:
    -6px 8px 16px rgba(7, 39, 58, 0.2),
    inset 1px 1px 0 rgba(255, 255, 255, 0.42);
  cursor:pointer;
  pointer-events:auto;
  overflow:hidden;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

/* 말풍선 꼬리 — 왼쪽 중앙 → 대사창 */
.robok-ask-btn::before,
.robok-ask-btn::after{
  display:none;
}

.robok-ask-btn::before{
  left:-14px;
  border-width:10px 14px 10px 0;
  border-color:transparent var(--robok-ask-stroke) transparent transparent;
}

.robok-ask-btn::after{
  left:-12px;
  border-width:8.5px 12px 8.5px 0;
  border-color:transparent #dceff7 transparent transparent;
}

.robok-ask-btn.hidden,
.robok-ask-btn[hidden]{
  display:none !important;
}

.robok-ask-btn:hover,
.robok-ask-btn:focus-visible{
  --robok-ask-stroke:rgba(72, 145, 174, 0.92);
  --robok-ask-fill-top:#c4d8e7;
  --robok-ask-fill-bottom:#c4d8e7;
  --robok-ask-ink:#0e334a;
  color:var(--robok-ask-ink);
  box-shadow:
    -7px 9px 18px rgba(7, 39, 58, 0.22),
    inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  outline:none;
}

.robok-ask-btn:hover::after,
.robok-ask-btn:focus-visible::after{
  border-right-color:#e8f5fb;
}

.robok-ask-btn.active{
  --robok-ask-stroke:rgba(82, 151, 178, 0.88);
  box-shadow:
    -6px 8px 16px rgba(7, 39, 58, 0.2),
    inset 1px 1px 0 rgba(255, 255, 255, 0.42);
}

.robok-ask-btn.active::after{
  border-right-color:#e4f3fa;
}

.robok-ask-btn-icon{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  display:none;
  place-items:center;
  width:26px;
  height:26px;
  background-image:url("../assets/images/robokchatbot.png");
  background-repeat:no-repeat;
  background-position:center 47%;
  background-size:210% auto;
  object-fit:contain;
}

.robok-ask-btn-icon svg{
  display:none;
}

.robok-ask-btn-label{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  font-size:18.2px;
  font-weight:800;
  letter-spacing:0.12em;
  line-height:1;
  white-space:nowrap;
  writing-mode:vertical-rl;
  text-orientation:upright;
  align-self:center;
  text-align:center;
  color:#0B2A43;
}

.robok-ask-btn.stage1-sa-question-intro-focus{
  animation: robok-ask-intro-blink 1.1s ease-in-out infinite;
}

@keyframes robok-ask-intro-blink {
  0%, 100% {
    box-shadow:
      0 12px 26px rgba(0, 0, 0, 0.34),
      0 0 10px rgba(80, 200, 255, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }
  50% {
    box-shadow:
      0 14px 28px rgba(0, 0, 0, 0.38),
      0 0 20px rgba(110, 224, 255, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }
}

.ui-panel{
  position:absolute;
  z-index:100;
}

/* ========================
   DIALOGUE SHELL (공통 — 스테이지 + 인트로)
======================== */

.dialogue-shell{
  --dialogue-avatar-size:55px;
  --dialogue-profile-width:67px;
  --dialogue-speaker-size:13px;
  --dialogue-nav-size:45px;
  --dialogue-arrow-font:42px;

  min-height:var(--dialogue-hud-height, 86px);
  padding:12px 14px;

  display:grid;
  align-items:center;
  column-gap:12px;

  background:rgba(7,16,28,.92);
  border:2px solid rgba(92,210,255,.58);
  border-radius:16px;

  backdrop-filter:blur(9px);

  box-shadow:
    0 18px 40px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);

  overflow:visible;
  pointer-events:auto;
}

:root{
  /* 모든 스테이지 공통 기본값(한 곳에서 정의 → 자동 상속).
     개별 스테이지는 필요할 때만 이 변수를 덮어쓰면 됨. */
  --eq-inventory-height:44px;

  --dialogue-hud-bottom:calc(var(--eq-inventory-height, 44px) + 28px);
  --dialogue-hud-width:min(980px, calc(var(--eq-frame-width, 1920px) - var(--eq-shell-gap, 24px) * 2));
  --dialogue-hud-height:86px;
  --dialogue-support-btn-width:72px;
  --dialogue-support-gap:8px;
  /* 대사창과 간격 (양수 = 오른쪽으로 떨어짐) */
  --robok-ask-btn-gap:14px;
  --robok-ask-btn-height:58px;
  /* 기존 170px 의 85% */
  --robok-ask-btn-width:145px;
  /* 상단 정렬용 lift (= 대사창높이 - 버튼높이) — JS가 우선 */
  --robok-ask-btn-lift:calc(var(--dialogue-hud-height, 86px) - var(--robok-ask-btn-height, 58px));
  /* 가로 420px, 세로 90% — 우측·하단 고정 */
  --robok-ask-panel-width:420px;
  --robok-ask-panel-height-cap:657px;
  /* 질문창을 말풍선·심사위원 패널 위로 띄움 (하단 겹침 방지) */
  --robok-ask-panel-gap:200px;
  /* 질문창 오른쪽 = 게임 우측 끝선에 거의 붙임 */
  --robok-ask-panel-right:24px;
  --robok-ask-panel-bottom:calc(var(--dialogue-hud-bottom) + var(--robok-ask-btn-lift) + var(--robok-ask-btn-height, 58px) + var(--robok-ask-panel-gap, 200px));
  --robok-ask-panel-avail-height:calc(1080px - var(--dialogue-hud-bottom) - var(--robok-ask-btn-lift) - var(--robok-ask-btn-height, 58px) - var(--robok-ask-panel-gap, 200px) - 36px);
  --robok-ask-panel-height:min(var(--robok-ask-panel-height-cap), calc(var(--robok-ask-panel-avail-height) * 0.9));
}

.dialogue-shell.has-profile{
  grid-template-columns:var(--dialogue-nav-size) var(--dialogue-profile-width) minmax(0, 1fr) auto var(--dialogue-nav-size);
  grid-template-areas:"dialogue-prev dialogue-profile dialogue-content dialogue-support dialogue-next";
}

.dialogue-shell.no-profile{
  grid-template-columns:var(--dialogue-nav-size) minmax(0, 1fr) auto var(--dialogue-nav-size);
  grid-template-areas:"dialogue-prev dialogue-content dialogue-support dialogue-next";
}

#dialogue-panel{
  position:absolute;
  left:50%;
  /* 질문 버튼과 동일 기준 (상단 정렬용) */
  bottom:calc(var(--eq-inventory-height, 44px) + 28px);
  transform:translateX(-50%);
  z-index:100;

  width:var(--dialogue-hud-width);
}

#dialogue-support-slot,
.dialogue-support-slot{
  grid-area:dialogue-support;
  display:flex;
  align-items:center;
  flex-shrink:0;
  min-width:0;
  padding-left:10px;
  margin-left:2px;
  border-left:1px solid rgba(92,210,255,.22);
}

#dialogue-support-slot.hidden{
  display:none !important;
  padding:0;
  margin:0;
  border-left:0;
}

#dialogue-panel .dialogue-inline-support,
#dialogue-panel .stage-chrome-support-actions,
#dialogue-panel .eq-support-actions{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:var(--dialogue-support-gap);
  height:auto;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  pointer-events:auto;
}

#dialogue-panel .eq-help-btn{
  width:var(--dialogue-support-btn-width);
  height:40px;
  min-height:0;
  padding:0 10px;
  border-radius:12px;
  color:#eafaff;
  background:rgba(10,28,48,.78);
  border:1px solid rgba(115,226,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font-size:14px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}

#dialogue-panel .eq-help-btn:hover,
#dialogue-panel .eq-help-btn:focus-visible{
  border-color:rgba(154,240,255,.72);
  background:rgba(14,38,62,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 14px rgba(72,210,255,.16);
}

.dialogue-profile{
  grid-area:dialogue-profile;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:var(--dialogue-profile-width);
  flex-shrink:0;
  transform:translateX(-0.5cm);
}

.dialogue-avatar{
  position:static;
  width:var(--dialogue-avatar-size);
  height:var(--dialogue-avatar-size);
  object-fit:contain;
  flex-shrink:0;

  filter:drop-shadow(0 0 8px rgba(120,200,255,.35));
}

#dialogue-content,
.dialogue-shell .dialogue-content{
  grid-area:dialogue-content;
  min-width:0;
}

#dialogue-speaker,
.dialogue-shell .dialogue-speaker{
  margin:0;
  font-size:var(--dialogue-speaker-size, 13px);
  font-weight:800;
  color:#7edfff;
  text-align:center;
  line-height:1.15;
  white-space:nowrap;
  letter-spacing:-.02em;
}

#dialogue-text,
.dialogue-shell .dialogue-text{
  font-size:18.2px;
  line-height:1.48;
  color:#fff;
  word-break:keep-all;
  white-space:pre-line;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}

#dialogue-text:has(.eq-fraction-inline),
.dialogue-shell .dialogue-text:has(.eq-fraction-inline){
  padding-bottom:.24em;
}

/*
 * 대사창은 white-space: pre-line — 분수 HTML 안 줄바꿈이 분자/분모/꼬리말을
 * 각각 한 줄로 떨어뜨리므로, 분수·대분수 블록만 nowrap으로 고정한다.
 * 색·분수선은 대사 본문(#fff)과 통일한다. (워크시트용 검정 선이 대사창까지 덮지 않게)
 */
#dialogue-text .textbook-math,
.dialogue-shell .dialogue-text .textbook-math,
#dialogue-text .eq-mixed-inline,
.dialogue-shell .dialogue-text .eq-mixed-inline {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  --game-math-color: #fff;
  --game-math-bar: rgba(255, 255, 255, 0.96);
}

#dialogue-text .eq-mixed-inline .eq-mixed-whole,
.dialogue-shell .dialogue-text .eq-mixed-inline .eq-mixed-whole,
#dialogue-text .textbook-math .tm-num,
#dialogue-text .textbook-math .tm-den,
#dialogue-text .textbook-math .tm-whole,
.dialogue-shell .dialogue-text .textbook-math .tm-num,
.dialogue-shell .dialogue-text .textbook-math .tm-den,
.dialogue-shell .dialogue-text .textbook-math .tm-whole {
  color: #fff;
}

#dialogue-text .textbook-math .tm-bar,
#dialogue-text .textbook-math .eq-fraction-line,
#dialogue-text .textbook-math .fraction-line,
.dialogue-shell .dialogue-text .textbook-math .tm-bar,
.dialogue-shell .dialogue-text .textbook-math .eq-fraction-line,
.dialogue-shell .dialogue-text .textbook-math .fraction-line {
  background: rgba(255, 255, 255, 0.96);
  background-color: rgba(255, 255, 255, 0.96);
  border-color: rgba(255, 255, 255, 0.96);
  opacity: 1;
}

#dialogue-text .textbook-math .tm-frac,
.dialogue-shell .dialogue-text .textbook-math .tm-frac {
  display: inline-grid;
  vertical-align: middle;
  line-height: 1;
}

#dialogue-text .eq-mixed-inline {
  gap: .06em;
}

#dialogue-text .eq-mixed-inline .eq-fraction-inline {
  margin: 0;
}

#dialogue-text .dialogue-target-fraction.eq-fraction-inline,
.dialogue-shell .dialogue-text .dialogue-target-fraction.eq-fraction-inline {
  --fraction-line-gap: 0.1em;
  --fraction-line-width: 1em;
  --fraction-number-line-height: 1;
  display: inline-grid;
  font-size: 1.3em;
  line-height: 1;
  color: #ffe566;
  font-weight: 950;
  text-shadow:
    0 0 8px rgba(255, 214, 80, 0.42),
    0 0 14px rgba(255, 196, 56, 0.24);
  margin: 0 0.08em;
  vertical-align: middle;
  transform: translateY(-0.05em);
}

#dialogue-text .dialogue-target-fraction .eq-fraction-num,
#dialogue-text .dialogue-target-fraction .eq-fraction-den,
.dialogue-shell .dialogue-text .dialogue-target-fraction .eq-fraction-num,
.dialogue-shell .dialogue-text .dialogue-target-fraction .eq-fraction-den {
  color: inherit;
  font-size: 0.94em;
  font-weight: 950;
  line-height: 1;
}

#dialogue-text .dialogue-target-fraction .eq-fraction-line,
.dialogue-shell .dialogue-text .dialogue-target-fraction .eq-fraction-line {
  width: 1em;
  min-width: 1em;
  margin: 0.08em 0;
  background: currentColor;
  opacity: 0.95;
}

body.stage3-ui-active #dialogue-panel #dialogue-text .highlight-text{
  display:inline-block;
  margin:0 2px;
  color:#deff9a;
  font-weight:950;
  text-shadow:
    0 0 10px rgba(222,255,154,.55),
    0 0 20px rgba(56,189,248,.28);
}

.dialogue-emphasis{
  display:inline-block;
  margin:0 3px;
  padding:1px 9px 2px;
  border-radius:11px;
  color:#fff6b8;
  background:rgba(255,208,63,.14);
  border:1px solid rgba(255,226,112,.46);
  box-shadow:
    0 0 14px rgba(255,214,80,.28),
    inset 0 1px 0 rgba(255,255,255,.12);
  font-weight:950;
  text-shadow:0 0 10px rgba(255,214,80,.42);
}

#dialogue-panel[data-typing="true"] #dialogue-next-btn::before{
  color:rgba(220,245,255,.42);
  text-shadow:none;
}

#dialogue-panel[data-typing="false"] #dialogue-next-btn::before,
#dialogue-panel[data-typing="false"] #dialogue-prev-btn::before{
  color:rgba(255,255,255,.94);
  text-shadow:
    0 0 12px rgba(160,235,255,.34),
    0 0 24px rgba(110,215,255,.22);
}

/* ========================
   DIALOGUE ARROWS
======================== */

#dialogue-next-btn,
#dialogue-prev-btn,
.dialogue-nav-btn{
  position:relative;
  z-index:3;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  justify-self:center;
  align-self:center;

  width:var(--dialogue-nav-size, 45px);
  height:var(--dialogue-nav-size, 45px);
  padding:0;

  border:none;
  background:none;
  box-shadow:none;

  font-size:0;
  color:transparent;

  cursor:pointer;
}

#dialogue-prev-btn,
.dialogue-nav-prev{
  grid-area:dialogue-prev;
  animation:dialoguePrevArrowPulse 2.8s infinite ease-in-out;
}

#dialogue-next-btn,
.dialogue-nav-next{
  grid-area:dialogue-next;
  animation:dialogueNextArrowPulse 2.8s infinite ease-in-out;
}

#dialogue-prev-btn[hidden],
.dialogue-nav-prev[hidden]{
  display:flex !important;
  align-items:center;
  justify-content:center;
  visibility:hidden;
  pointer-events:none;
}

#dialogue-next-btn[hidden],
.dialogue-nav-next[hidden]{
  display:flex !important;
  align-items:center;
  justify-content:center;
  visibility:hidden;
  pointer-events:none;
  animation:none;
}

/* Stage 4: left dialogue arrow is guidance-history only (not scene back). */
body.stage4-ui-active.stage4-scene-can-go-back #dialogue-prev-btn[hidden] {
  /* no-op kept for compatibility; scene-back override removed */
}

body.scene-nav-can-go-back #dialogue-prev-btn[hidden] {
  /* no-op kept for compatibility; scene-back override removed */
}

#dialogue-next-btn.is-dialogue-locked::before,
#dialogue-prev-btn.is-dialogue-locked::before{
  color:rgba(220,245,255,.42);
  text-shadow:none;
  opacity:0.72;
}

#dialogue-next-btn.is-dialogue-locked{
  cursor:pointer;
}

#dialogue-next-btn::before,
#dialogue-prev-btn::before,
.dialogue-nav-btn::before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);

  font-size:var(--dialogue-arrow-font, 42px);
  font-weight:700;
  line-height:1;

  color:rgba(255,255,255,.88);

  text-shadow:
    0 0 10px rgba(120,210,255,.28);
}

#dialogue-next-btn::before,
.dialogue-nav-next::before{
  content:"›";
}

#dialogue-prev-btn::before,
.dialogue-nav-prev::before{
  content:"‹";
}

#dialogue-next-btn:hover::before,
#dialogue-prev-btn:hover::before,
.dialogue-nav-btn:hover::before{
  color:rgba(255,255,255,.98);
}

.dialogue-shell[data-ready="true"] .dialogue-nav-btn::before{
  color:rgba(255,255,255,.94);
  text-shadow:
    0 0 12px rgba(160,235,255,.34),
    0 0 24px rgba(110,215,255,.22);
}

@keyframes dialogueNextArrowPulse{
  0%,100%{
    opacity:.58;
    transform:translateX(0);
  }

  50%{
    opacity:1;
    transform:translateX(4px);
  }
}

@keyframes dialoguePrevArrowPulse{
  0%,100%{
    opacity:.58;
    transform:translateX(0);
  }

  50%{
    opacity:1;
    transform:translateX(-4px);
  }
}

/* ========================
   CALC PAD
   Default size is ~80% of the previous dock (shrink via canvas area;
   header/toolbar keep their own fixed sizes).
======================== */

#calculation-pad{
  --calc-pad-base-width:512px; /* was 640px */
  --calc-pad-nudge-up:1.5cm;
  position:absolute;
  /* Grow white canvas upward; keep bottom edge fixed, then nudge whole pad up 1cm. */
  top:calc(36px + (100% - 132px) * 0.02 - var(--calc-pad-nudge-up));
  right:18px;
  bottom:calc(96px + (100% - 132px) * 0.06 + var(--calc-pad-nudge-up));
  width:var(--calc-pad-base-width);
  z-index:1200;
  display:block !important;
  visibility:visible;
  pointer-events:none;
  opacity:1;
  transform:translateX(0);
  transition:opacity .24s ease, transform .24s ease, width .24s ease, top .24s ease, bottom .24s ease, right .24s ease;
}

#calculation-pad .calc-canvas-shell{
  min-height:420px;
}

#calculation-pad .calc-pad-footer{
  display:none !important;
}

#calculation-pad.hidden{
  visibility:hidden;
  opacity:0;
  transform:translateX(calc(100% + 24px));
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"],
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"]{
  --calc-pad-base-width:min(499px, calc(var(--eq-frame-width, 1920px) * 0.32)); /* was 624 / 0.4 */
  --calc-pad-base-height:640px; /* grow white area; bottom stays 24px */
  top:auto;
  left:auto;
  right:var(--eq-shell-gap, 24px);
  bottom:calc(24px + var(--calc-pad-nudge-up, 1.5cm));
  width:var(--calc-pad-base-width);
  height:var(--calc-pad-base-height);
  transform:none;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"].hidden,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"].hidden{
  transform:translateY(18px);
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"]{
  top:max(24px, calc(var(--eq-problem-panel-top, 132px) - 20px - var(--calc-pad-nudge-up, 1.5cm)));
  left:auto;
  right:var(--eq-shell-gap, 24px);
  bottom:auto;
  width:min(478px, calc(var(--eq-frame-width, 1920px) * 0.3016)); /* was 598 / 0.377 */
  height:min(520px, calc(var(--eq-problem-panel-height, 455px) * 1.144)); /* was 473 / 1.04 */
  transform:none;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"].hidden{
  transform:translateX(18px);
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-pad-window,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-pad-window,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-pad-window{
  gap:10px;
  padding:12px;
  border-radius:22px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-pad-title-wrap h2,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-pad-title-wrap h2,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-pad-title-wrap h2{
  font-size:22px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-pad-toolbar,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-pad-toolbar,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-pad-toolbar{
  gap:8px;
  padding:10px 12px;
  border-radius:15px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-tool-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-secondary-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-tool-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-secondary-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-tool-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-secondary-btn{
  height:36px;
  padding:0 12px;
  font-size:12px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-ghost-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-ghost-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-ghost-btn{
  height:34px;
  padding:0 12px;
  font-size:12px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-icon-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-icon-btn,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-icon-btn{
  width:38px;
  height:38px;
  font-size:22px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-canvas-shell,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-canvas-shell,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-canvas-shell{
  flex:1 1 auto;
  min-height:229px; /* was 208 after 80% shrink */
  padding:6px;
  border-radius:18px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-canvas-shell{
  min-height:0;
  height:calc(100% - 95px);
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] #calculation-canvas,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] #calculation-canvas,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] #calculation-canvas{
  border-radius:14px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-pad-footer,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-pad-footer,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-pad-footer{
  gap:6px;
  min-height:20px;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] .calc-pad-tip,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] .calc-pad-tip,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] .calc-pad-tip{
  display:none;
}

body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="object"] #calc-status,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="bridge"] #calc-status,
body.stage1-ui-active #calculation-pad[data-scene="stage1"][data-phase="question"] #calc-status{
  font-size:12px;
}

.calc-pad-window{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:18px;
  pointer-events:auto;
  border:1px solid rgba(108,220,255,.34);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(8,18,34,.94), rgba(8,16,28,.9));
  backdrop-filter:blur(12px);
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.calc-pad-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.calc-header-actions{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-shrink:0;
  padding-top:2px;
}

.calc-pad-title-wrap{
  flex:1;
  min-width:0;
}

.calc-pad-title-wrap h2{
  margin:0;
  font-size:28px;
  font-weight:900;
  color:#f2fbff;
  letter-spacing:-.04em;
}

.calc-pad-subtitle{
  margin:6px 0 0;
  color:rgba(210, 232, 246, 0.78);
  font-size:12px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-0.02em;
  white-space:nowrap;
}

.calc-ghost-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 14px;
  border:1px solid rgba(108,220,255,.24);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:#dff6ff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  flex-shrink:0;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease;
}

.calc-ghost-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  border-color:rgba(108,220,255,.42);
}

.calc-icon-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.calc-icon-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}

.calc-pad-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  border:1px solid rgba(107,195,228,.18);
  border-radius:18px;
  background:rgba(13,27,48,.7);
}

.calc-tool-group{
  display:flex;
  align-items:center;
  gap:8px;
}

.calc-tool-btn,
.calc-secondary-btn{
  height:40px;
  padding:0 14px;
  border:none;
  border-radius:12px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.calc-tool-btn{
  background:rgba(255,255,255,.08);
  color:#dfefff;
}

.calc-tool-btn.active{
  background:linear-gradient(135deg,#2c7cff,#49b8ff);
  color:#fff;
  box-shadow:0 10px 22px rgba(57,138,255,.25);
}

.calc-secondary-btn{
  margin-left:auto;
  background:rgba(255,255,255,.1);
  color:#eff7ff;
}

.calc-tool-btn:hover,
.calc-secondary-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}

.calc-size-control{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:160px;
  color:#b9d8ea;
  font-size:13px;
  font-weight:800;
}

.calc-size-control input{
  flex:1;
  accent-color:#57cfff;
}

.calc-canvas-shell{
  flex:1;
  min-height:240px;
  padding:10px;
  border:1px solid rgba(103,184,217,.2);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(248,251,255,.94), rgba(238,245,252,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

#calculation-canvas{
  display:block;
  width:100%;
  height:100%;
  background:
    linear-gradient(rgba(94,154,199,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,154,199,.12) 1px, transparent 1px),
    linear-gradient(180deg, #ffffff, #f8fbff);
  background-size:28px 28px, 28px 28px, auto;
  border:1px solid rgba(120,180,214,.38);
  border-radius:16px;
  touch-action:none;
  cursor:crosshair;
}

.calc-pad-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#5e6d83;
}

#calc-status{
  margin:0;
  font-size:11px;
  font-weight:800;
  color:#d7f3ff;
  white-space:nowrap;
  flex-shrink:0;
}

.calc-pad-tip{
  margin:0;
  font-size:11px;
  font-weight:700;
  color:rgba(192,222,238,.62);
  flex:1;
  min-width:0;
  line-height:1.2;
  text-align:right;
  white-space:nowrap;
}

/* ========================
   STAGE 1 CHROME BASELINE
======================== */

body.stage2-ui-active,
body.stage3-ui-active,
body.stage4-ui-active{
  --eq-frame-width:1920px;
  --eq-frame-height:1080px;
  --eq-shell-gap:clamp(18px, calc(var(--eq-frame-width) * 0.018), 28px);
  --eq-home-pill-width:68px;
  --eq-inventory-width:68px;
  /* --eq-inventory-height 는 :root 공통 기본값(44px)을 상속 */
}

body.stage2-ui-active .stage2-topbar{
  top:0;
  padding:18px var(--eq-shell-gap, 24px) 0;
}

body.stage2-ui-active .stage2-mission{
  max-width:min(700px, calc(100% - 520px));
  padding:10px 16px;
  border-radius:999px;
  background:rgba(7,18,31,.74);
  border:1px solid rgba(142,214,255,.18);
  box-shadow:0 16px 30px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  font-size:14px;
  font-weight:900;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.stage2-ui-active .stage2-hud,
body.stage4-ui-active .eq-stage-hud{
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:4px;
  background:rgba(5,16,30,.78);
  border:1px solid rgba(128,226,255,.28);
  box-shadow:0 14px 32px rgba(0,0,0,.26);
  pointer-events:auto;
}

body.stage2-ui-active .stage2-home-btn,
body.stage4-ui-active .eq-home-btn{
  min-width:var(--eq-home-pill-width);
  height:40px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(180deg, #4f8fff, #2f63e8);
  box-shadow:0 12px 24px rgba(18,65,160,.34);
  font-size:15px;
  font-weight:950;
  pointer-events:auto;
  cursor:pointer;
}

body.stage2-ui-active .stage2-fixed-actions button,
body.stage4-ui-active .eq-support-actions .eq-help-btn{
  width:clamp(86px, calc(var(--eq-frame-width) * .05), 100px);
  height:clamp(44px, calc(var(--eq-frame-height) * .045), 52px);
  min-height:0;
  padding:0 14px;
  border-radius:16px;
  color:#eafaff;
  background:linear-gradient(180deg, rgba(13,36,61,.9), rgba(5,19,36,.94));
  border:1px solid rgba(115,226,255,.5);
  box-shadow:
    0 14px 28px rgba(0,0,0,.24),
    0 0 16px rgba(72,210,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
  font-size:15px;
  font-weight:950;
}

body.stage2-ui-active .corridor-inventory{
  position:absolute;
  left:36px;
  right:auto;
  top:50%;
  z-index:64;
  width:var(--eq-inventory-width);
  padding:7px 6px;
  border-radius:18px;
  transform:translateY(-50%);
  background:
    linear-gradient(180deg, rgba(54,38,24,.94) 0%, rgba(23,16,12,.98) 100%);
  border:1px solid rgba(255,225,188,.12);
  box-shadow:
    0 16px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,245,223,.06),
    inset 0 -10px 24px rgba(0,0,0,.18);
}

body.stage2-ui-active .corridor-inventory h2{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

body.stage2-ui-active .corridor-inventory ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}

body.stage2-ui-active .corridor-inventory-slot{
  width:50px;
  height:50px;
  min-height:50px;
  padding:0;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:rgba(239,250,255,.68);
  background:linear-gradient(180deg, rgba(28,38,55,.96), rgba(11,17,28,.98));
  border:1px solid rgba(141,213,255,.16);
  font-size:10px;
  font-weight:950;
  text-align:center;
}

body.stage2-ui-active .corridor-inventory-slot.filled{
  color:#fff;
  border-color:rgba(126,230,255,.82);
  box-shadow:0 0 22px rgba(75,216,255,.42);
}

body.stage2-ui-active .corridor-inventory-slot b{
  display:none;
}

body.stage3-ui-active .lab-home-btn,
body.stage3-ui-active .problem-badge{
  position:absolute !important;
  z-index:90 !important;
  top:18px !important;
  border-radius:999px !important;
  border:1px solid rgba(142,214,255,.18) !important;
  background:rgba(7,18,31,.74) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(12px) !important;
}

body.stage3-ui-active .problem-badge{
  left:var(--eq-shell-gap, 24px) !important;
  max-width:min(700px, calc(100% - 520px)) !important;
  padding:10px 16px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.45 !important;
  color:#eef6ff !important;
}

body.stage3-ui-active .lab-home-btn{
  right:var(--eq-shell-gap, 24px) !important;
  min-width:var(--eq-home-pill-width) !important;
  height:40px !important;
  padding:0 16px !important;
  color:#fff !important;
  background:linear-gradient(180deg, #4f8fff, #2f63e8) !important;
}

body.stage3-ui-active .science-sidebar:has(.sidebar-actions:empty){
  display:none !important;
}

body.stage3-ui-active .science-sidebar .sidebar-actions:empty{
  display:none !important;
}

body.stage3-ui-active .science-sidebar .inventory-card{
  position:fixed !important;
  left:36px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:68px !important;
  min-height:96px !important;
  padding:7px 6px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(54,38,24,.94), rgba(23,16,12,.98)) !important;
  border:1px solid rgba(255,225,188,.12) !important;
  box-shadow:0 16px 28px rgba(0,0,0,.24) !important;
}

body.stage3-ui-active .science-sidebar .inventory-card h2{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

body.stage3-ui-active .science-sidebar .inventory-empty{
  width:50px !important;
  height:50px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(239,250,255,.68) !important;
  background:linear-gradient(180deg, rgba(28,38,55,.96), rgba(11,17,28,.98)) !important;
  border:1px solid rgba(141,213,255,.16) !important;
  font-size:10px !important;
  font-weight:950 !important;
}

body.stage3-ui-active .science-sidebar .sidebar-actions:empty{
  display:none !important;
  padding:0 !important;
  border:0 !important;
}

body.stage3-ui-active .science-sidebar button{
  width:clamp(86px, calc(var(--eq-frame-width) * .05), 100px) !important;
  height:clamp(44px, calc(var(--eq-frame-height) * .045), 52px) !important;
  border-radius:16px !important;
  color:#eafaff !important;
  background:linear-gradient(180deg, rgba(13,36,61,.9), rgba(5,19,36,.94)) !important;
  border:1px solid rgba(115,226,255,.5) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.24), 0 0 16px rgba(72,210,255,.18) !important;
  font-size:15px !important;
  font-weight:950 !important;
}

body.stage3-ui-active .bottom-dialog,
body.stage3-ui-active .magic-bottom-dialog{
  left:50% !important;
  right:auto !important;
  bottom:calc(var(--eq-inventory-height, 96px) + 28px) !important;
  width:min(768px, calc(var(--eq-frame-width, 1920px) - var(--eq-shell-gap, 24px) * 2)) !important;
  min-height:86px !important;
  padding:13px 59px 13px 77px !important;
  transform:translateX(-50%) !important;
  border-radius:16px !important;
  border:2px solid rgba(92,210,255,.58) !important;
  background:rgba(7,16,28,.92) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.stage3-ui-active .bottom-dialog img,
body.stage3-ui-active .magic-bottom-dialog img{
  position:absolute !important;
  left:19px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:58px !important;
  height:58px !important;
}

body.stage3-ui-active .bottom-dialog .dialog-copy strong,
body.stage3-ui-active .magic-bottom-dialog .dialog-copy strong{
  margin-bottom:6px !important;
  font-size:20.8px !important;
  color:#7edfff !important;
}

body.stage3-ui-active .bottom-dialog .dialog-copy p,
body.stage3-ui-active .magic-bottom-dialog .dialog-copy p{
  font-size:18.2px !important;
  line-height:1.48 !important;
}

/* Shared stage chrome: Stage 1 is the visual baseline. */
body.stage1-ui-active,
body.stage2-ui-active,
body.stage3-ui-active,
body.stage4-ui-active{
  --eq-frame-width:1920px;
  --eq-frame-height:1080px;
  --eq-shell-gap:clamp(18px, calc(var(--eq-frame-width) * .018), 28px);
  --eq-home-pill-width:68px;
  --eq-inventory-width:68px;
  --eq-inventory-height:44px;
}

body.stage1-ui-active{
  --dialogue-hud-height:100px;
}

body.stage1-ui-active .dialogue-shell{
  min-height:var(--dialogue-hud-height, 100px);
}

body.stage1-ui-active #dialogue-text,
body.stage1-ui-active .dialogue-shell .dialogue-text{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  text-overflow:clip;
  max-height:none;
}

.stage-chrome-topbar{
  position:absolute;
  inset:0 0 auto;
  z-index:90;
  min-height:0;
  padding:18px var(--eq-shell-gap, 24px) 0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  pointer-events:none;
}


.stage-chrome-mission{
  max-width:min(700px, calc(100% - 650px));
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#eef6ff;
  background:rgba(7,18,31,.74);
  border:1px solid rgba(142,214,255,.18);
  box-shadow:0 16px 30px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.stage-chrome-mission::before,
body.stage1-ui-active .stage-chrome-mission::before{
  content:attr(data-stage-label);
  flex:0 0 auto;
  color:#9edcff;
  font-size:12px;
  letter-spacing:0;
  text-transform:uppercase;
}

.stage-chrome-topbar-actions{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:10px;
  pointer-events:auto;
}

.stage-chrome-metrics-sr{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

.stage-chrome-hud{
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  background:rgba(5,16,30,.78);
  border:1px solid rgba(128,226,255,.28);
  box-shadow:0 14px 32px rgba(0,0,0,.26);
  overflow:hidden;
}

.stage-chrome-hud > span{
  min-width:0;
  padding:0 9px;
  color:rgba(231,249,255,.94);
  font-size:12px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}

.stage-chrome-hud > span + span{
  border-left:1px solid rgba(142,226,255,.22);
}

.stage-chrome-hud b,
.stage-chrome-hud strong{
  color:#9df2ff;
}

.stage-chrome-home-btn{
  min-width:var(--eq-home-pill-width);
  min-height:40px;
  height:40px;
  padding:0 16px !important;
  border:0 !important;
  border-radius:12px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  background:linear-gradient(180deg, #4f8fff, #2f63e8) !important;
  box-shadow:0 12px 24px rgba(18,65,160,.34) !important;
  font-size:15px !important;
  font-weight:950 !important;
  cursor:pointer;
}

/* ========================
   STAGE SELECT (배지 버튼) + ☰ 메뉴 + 드롭다운
======================== */

.stage-chrome-stage-select{
  appearance:none;
  -webkit-appearance:none;
  max-width:min(760px, calc(100% - 200px));
  font-family:inherit;
  text-align:left;
  overflow:visible;
  text-overflow:clip;
  cursor:pointer;
  pointer-events:auto;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

/* stage1.css의 .eq-mission overflow:hidden보다 우선해 메뉴 칩이 잘리지 않게 보장 */
.stage-chrome-mission.stage-chrome-stage-select,
body.stage1-ui-active .stage-chrome-mission.stage-chrome-stage-select{
  overflow:visible;
  text-overflow:clip;
}

.stage-chrome-stage-select::after{
  content:"메뉴 ▾";
  order:-1;
  flex:0 0 auto;
  margin-right:2px;
  padding:4px 11px;
  border-radius:999px;
  color:#06121f;
  background:linear-gradient(180deg, #9bedff, #5fd0ff);
  border:1px solid rgba(154,240,255,.6);
  box-shadow:0 6px 14px rgba(40,180,255,.32);
  font-size:12px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:.02em;
  white-space:nowrap;
  animation:stage-select-pulse 2.4s ease-in-out infinite;
}

@keyframes stage-select-pulse{
  0%, 100%{
    box-shadow:0 6px 14px rgba(40,180,255,.28);
    transform:translateY(0);
  }
  50%{
    box-shadow:0 6px 18px rgba(40,180,255,.55), 0 0 0 4px rgba(95,208,255,.18);
    transform:translateY(-1px);
  }
}

.stage-chrome-stage-select:hover,
.stage-chrome-stage-select:focus-visible{
  border-color:rgba(142,214,255,.5);
  background:rgba(12,30,50,.86);
  box-shadow:0 16px 30px rgba(0,0,0,.3), 0 0 16px rgba(72,210,255,.16);
  outline:none;
}

.stage-chrome-stage-select:hover::after,
.stage-chrome-stage-select:focus-visible::after{
  animation:none;
  background:linear-gradient(180deg, #b6f3ff, #74d8ff);
  box-shadow:0 8px 18px rgba(40,180,255,.5);
}

.stage-chrome-stage-select[aria-expanded="true"]::after{
  content:"메뉴 ▴";
  animation:none;
  background:linear-gradient(180deg, #74d8ff, #46b6ef);
}

@media (prefers-reduced-motion: reduce){
  .stage-chrome-stage-select::after{
    animation:none;
  }
}

.stage-chrome-dropdown{
  position:absolute;
  top:68px;
  z-index:160;
  max-width:min(420px, calc(100% - 48px));
  max-height:min(560px, calc(100% - 120px));
  padding:10px;
  border-radius:16px;
  background:rgba(7,17,30,.96);
  border:1px solid rgba(115,226,255,.32);
  box-shadow:0 26px 54px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  overflow-y:auto;
  pointer-events:auto;
}

.stage-chrome-dropdown-left{
  left:var(--eq-shell-gap, 24px);
}

.stage-chrome-dropdown-title{
  margin:2px 6px 8px;
  color:#9edcff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.stage-chrome-stage-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.stage-chrome-stage-item{
  width:100%;
  min-height:48px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:12px;
  color:#eaf6ff;
  background:rgba(13,32,53,.7);
  border:1px solid rgba(115,226,255,.2);
  font-size:14px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s ease, background .14s ease, transform .14s ease;
}

.stage-chrome-stage-item:hover:not([disabled]),
.stage-chrome-stage-item:focus-visible:not([disabled]){
  border-color:rgba(154,240,255,.6);
  background:rgba(18,44,72,.86);
  outline:none;
}

.stage-chrome-stage-item.is-current{
  border-color:rgba(120,232,255,.7);
  background:rgba(20,52,84,.92);
  box-shadow:0 0 0 1px rgba(120,232,255,.3) inset;
}

.stage-chrome-stage-item.is-locked{
  color:rgba(200,220,235,.45);
  background:rgba(10,20,32,.6);
  border-color:rgba(120,150,180,.18);
  cursor:not-allowed;
}

.stage-chrome-stage-name{
  min-width:0;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.stage-chrome-stage-status{
  flex:0 0 auto;
  padding:3px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.02em;
}

.stage-chrome-stage-status.status-current{
  color:#06121f;
  background:#7ee0ff;
}

.stage-chrome-stage-status.status-cleared{
  color:#baffea;
  background:rgba(43,206,151,.18);
  border:1px solid rgba(89,235,187,.42);
}

.stage-chrome-stage-status.status-locked{
  color:rgba(210,224,238,.6);
  background:rgba(120,150,180,.14);
  border:1px solid rgba(150,180,210,.22);
}

.stage-chrome-dropdown-divider{
  height:1px;
  margin:10px 6px;
  background:linear-gradient(90deg, rgba(115,226,255,0), rgba(115,226,255,.32), rgba(115,226,255,0));
}

.stage-chrome-menu-group{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:0 2px 2px;
}

.stage-chrome-menu-item{
  width:100%;
  min-height:36px;
  padding:0 12px;
  display:flex;
  align-items:center;
  border-radius:9px;
  color:rgba(206,225,242,.78);
  background:transparent;
  border:1px solid transparent;
  font-size:13px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease, border-color .14s ease, color .14s ease;
}

.stage-chrome-menu-item:hover,
.stage-chrome-menu-item:focus-visible{
  color:#eaf6ff;
  background:rgba(18,44,72,.7);
  border-color:rgba(115,226,255,.24);
  outline:none;
}

.stage-chrome-menu-home{
  color:rgba(255,196,196,.82);
}

.stage-chrome-menu-home:hover,
.stage-chrome-menu-home:focus-visible{
  color:#ffd9d9;
  background:rgba(72,22,28,.55);
  border-color:rgba(255,150,150,.32);
}

/* ========================
   처음 화면으로 확인창
======================== */

.stage-home-confirm{
  position:absolute;
  inset:0;
  z-index:240;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
}

.stage-home-confirm.hidden{
  display:none;
}

.stage-home-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,8,16,.62);
  backdrop-filter:blur(3px);
}

.stage-home-confirm-card{
  position:relative;
  width:min(420px, calc(100% - 56px));
  padding:26px 26px 22px;
  border-radius:18px;
  background:rgba(8,18,32,.98);
  border:1px solid rgba(120,210,255,.34);
  box-shadow:0 30px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  text-align:center;
}

.stage-home-confirm-title{
  margin:0 0 10px;
  color:#eaf6ff;
  font-size:19px;
  font-weight:950;
}

.stage-home-confirm-desc{
  margin:0 0 22px;
  color:rgba(200,222,240,.8);
  font-size:14px;
  line-height:1.5;
}

.stage-home-confirm-actions{
  display:flex;
  gap:12px;
  justify-content:center;
}

.stage-home-confirm-btn{
  min-width:128px;
  min-height:44px;
  padding:0 18px;
  border-radius:12px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:background .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.stage-home-confirm-btn.is-cancel{
  color:#dbeeff;
  background:rgba(16,34,56,.86);
  border:1px solid rgba(120,200,255,.28);
}

.stage-home-confirm-btn.is-cancel:hover,
.stage-home-confirm-btn.is-cancel:focus-visible{
  background:rgba(22,48,76,.94);
  border-color:rgba(150,220,255,.5);
  outline:none;
}

.stage-home-confirm-btn.is-confirm{
  color:#fff;
  background:linear-gradient(180deg, #ff6b6b, #e03d51);
  border:1px solid rgba(255,150,150,.5);
  box-shadow:0 14px 28px rgba(170,40,60,.34);
}

.stage-home-confirm-btn.is-confirm:hover,
.stage-home-confirm-btn.is-confirm:focus-visible{
  background:linear-gradient(180deg, #ff7d7d, #ec4a5e);
  box-shadow:0 16px 32px rgba(170,40,60,.42);
  outline:none;
}

.stage-chrome-sound-btn{
  min-width:auto !important;
  height:28px !important;
  margin:0 3px;
  padding:0 9px !important;
  border-radius:999px !important;
  color:#dff8ff !important;
  background:rgba(12,38,62,.9) !important;
  border:1px solid rgba(115,226,255,.28) !important;
  box-shadow:none !important;
  font-size:11px !important;
}

.stage-chrome-inventory{
  position:absolute;
  left:36px;
  top:50%;
  z-index:420;
  pointer-events:auto;
  width:var(--eq-inventory-width);
  max-height:calc(100% - 170px);
  padding:7px 6px;
  border-radius:18px;
  transform:translateY(-50%);
  overflow:visible;
  scrollbar-width:none;
  background:linear-gradient(180deg, rgba(54,38,24,.94), rgba(23,16,12,.98));
  border:1px solid rgba(255,225,188,.12);
  box-shadow:0 16px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,245,223,.06), inset 0 -10px 24px rgba(0,0,0,.18);
}

.stage-chrome-inventory::before{
  content:none;
}

.stage-chrome-inventory::-webkit-scrollbar{
  display:none;
}

.stage-chrome-inventory h2{
  margin:0 0 7px;
  color:#eafcff;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 0 12px rgba(112,232,255,.48);
  white-space:nowrap;
}

.stage-chrome-inventory-name{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

.stage-chrome-inventory ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}

.stage-chrome-inventory-slot{
  width:50px;
  min-width:50px;
  height:50px;
  min-height:50px;
  padding:0;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:rgba(239,250,255,.68);
  background:linear-gradient(180deg, rgba(28,38,55,.96), rgba(11,17,28,.98));
  border:1px solid rgba(141,213,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 18px rgba(0,0,0,.2);
}

.stage-chrome-inventory-slot.filled{
  color:#fff;
  background:linear-gradient(180deg, rgba(25,56,95,.98), rgba(11,29,52,.98));
  border-color:rgba(126,230,255,.72);
  box-shadow:0 0 0 1px rgba(88,185,255,.18), 0 0 18px rgba(75,216,255,.28), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -8px 16px rgba(5,19,39,.42);
}

.stage-chrome-inventory-slot.locked{
  color:rgba(214,222,232,.34);
  background:linear-gradient(180deg, rgba(13,17,24,.98), rgba(6,9,15,.99));
  border-color:rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 8px 14px rgba(0,0,0,.18);
  filter:saturate(.4) brightness(.8);
  opacity:.92;
  cursor:default;
}

.stage-chrome-inventory-button{
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:inherit;
  display:grid;
  place-items:center;
  color:inherit;
  background:transparent;
  cursor:pointer;
}

.stage-chrome-inventory-button:hover,
.stage-chrome-inventory-button:focus-visible,
.stage-chrome-inventory-button.active{
  outline:0;
  color:#fff;
  background:linear-gradient(180deg, rgba(28,101,164,.92), rgba(14,55,98,.92));
  box-shadow:0 0 0 2px rgba(133,232,255,.48), 0 0 22px rgba(83,196,255,.48);
}

.stage-chrome-inventory-icon{
  max-width:44px;
  padding:0 3px;
  font-size:12px;
  font-weight:950;
  line-height:1;
  text-align:center;
}

.stage-chrome-inventory .eq-tool-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:24px;
  color:currentColor;
  filter:drop-shadow(0 0 8px rgba(132,222,255,.22));
}

.stage-chrome-inventory .eq-tool-icon-bars{
  gap:4px;
  align-items:flex-end;
}

.stage-chrome-inventory .eq-tool-icon-bars span{
  display:block;
  width:5px;
  border-radius:4px 4px 1px 1px;
  background:currentColor;
}

.stage-chrome-inventory .eq-tool-icon-bars span:nth-child(1){ height:10px; }
.stage-chrome-inventory .eq-tool-icon-bars span:nth-child(2){ height:15px; }
.stage-chrome-inventory .eq-tool-icon-bars span:nth-child(3){ height:12px; }

.stage-chrome-inventory .eq-tool-icon-circle span{
  display:block;
  width:18px;
  height:18px;
  border:2px solid currentColor;
  border-radius:50%;
}

.stage-chrome-inventory .eq-tool-icon-reduce{
  flex-direction:column;
  gap:4px;
}

.stage-chrome-inventory .eq-tool-icon-reduce span{
  display:block;
  height:3px;
  border-radius:999px;
  background:currentColor;
}

.stage-chrome-inventory .eq-tool-icon-reduce span:first-child{
  width:22px;
}

.stage-chrome-inventory .eq-tool-icon-reduce span:nth-child(2){
  width:12px;
}

.stage-chrome-inventory .eq-tool-icon-reduce i{
  position:absolute;
  right:0;
  bottom:2px;
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
}

.stage-chrome-inventory .eq-tool-icon-common span{
  position:absolute;
  width:15px;
  height:15px;
  border:2px solid currentColor;
  border-radius:4px;
}

.stage-chrome-inventory .eq-tool-icon-common span:first-child{
  left:2px;
  top:2px;
}

.stage-chrome-inventory .eq-tool-icon-common span:last-child{
  right:2px;
  bottom:2px;
  background:rgba(126,230,255,.12);
}

.stage-chrome-inventory .eq-tool-icon-operation span{
  width:20px;
  height:22px;
  border:2px solid currentColor;
  border-radius:4px;
}

.stage-chrome-inventory .eq-tool-icon-operation span::before{
  content:"+";
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:17px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}

.stage-chrome-inventory .eq-tool-icon-sub span::before{
  content:"−";
}

.stage-chrome-inventory .eq-tool-icon-line span:first-child{
  width:20px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}

.stage-chrome-inventory .eq-tool-icon-line span:last-child{
  position:absolute;
  width:2px;
  height:12px;
  border-radius:999px;
  background:currentColor;
}

.stage-chrome-inventory .eq-tool-icon-film{
  display:grid;
  grid-template-columns:repeat(10, 1fr);
  grid-template-rows:repeat(10, 1fr);
  gap:1px;
  width:24px;
  height:24px;
  padding:2px;
  border:1px solid currentColor;
  border-radius:4px;
  background:rgba(170,240,255,.08);
}

.stage-chrome-inventory .eq-tool-icon-film span{
  display:block;
  min-width:0;
  min-height:0;
  border-radius:1px;
  background:currentColor;
  opacity:.32;
}

.stage-chrome-inventory .eq-tool-icon-ratio{
  width:24px;
  height:24px;
}

.stage-chrome-inventory .eq-tool-icon-ratio span{
  position:absolute;
  width:8px;
  height:8px;
  border:2px solid currentColor;
  border-radius:50%;
}

.stage-chrome-inventory .eq-tool-icon-ratio span:first-child{
  left:2px;
  top:2px;
}

.stage-chrome-inventory .eq-tool-icon-ratio span:nth-child(2){
  right:2px;
  bottom:2px;
}

.stage-chrome-inventory .eq-tool-icon-ratio i{
  width:22px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:rotate(-35deg);
}

.stage-tool-workbench{
  position:absolute;
  left:calc(36px + var(--eq-inventory-width, 68px) + 16px);
  top:50%;
  z-index:140;
  width:min(350px, calc(100% - 156px));
  min-height:0;
  padding:6px 8px 8px;
  transform:translateY(-50%);
  border-radius:14px;
  color:#eef9ff;
  background:radial-gradient(circle at 18% 0%, rgba(88,220,255,.18), transparent 44%), linear-gradient(180deg, rgba(8,26,47,.88), rgba(2,9,20,.96));
  border:1px solid rgba(126,232,255,.34);
  box-shadow:0 22px 46px rgba(0,0,0,.4), 0 0 30px rgba(64,211,255,.18), inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 28px rgba(78,213,255,.055);
  backdrop-filter:blur(12px);
  pointer-events:auto;
}

.stage-tool-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.stage-tool-header span{
  color:#6fddff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}

.stage-tool-header h2{
  margin:5px 0 4px;
  color:#fff;
  font-size:25px;
  line-height:1.2;
}

.stage-tool-header p{
  margin:0;
  color:rgba(225,241,250,.72);
  font-size:14px;
}

.stage-tool-close{
  width:40px;
  height:40px;
  flex:0 0 auto;
  padding:0;
  border-radius:12px;
  color:#dff7ff;
  background:rgba(20,48,74,.7);
  border:1px solid rgba(123,217,255,.34);
  font-size:27px;
  line-height:1;
  cursor:pointer;
}

.stage-tool-mode-tabs{
  margin-top:18px;
  display:flex;
  gap:8px;
}

.stage-tool-mode-tabs button{
  min-width:108px;
  height:36px;
  padding:0 15px;
  border-radius:11px;
  color:rgba(225,243,252,.72);
  background:rgba(9,28,47,.74);
  border:1px solid rgba(113,199,239,.2);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.stage-tool-mode-tabs button.active{
  color:#fff;
  background:linear-gradient(180deg, rgba(30,112,176,.9), rgba(14,61,104,.9));
  border-color:rgba(119,226,255,.68);
  box-shadow:0 0 14px rgba(65,203,255,.2);
}

.stage-tool-controls{
  margin-top:15px;
  min-height:94px;
  padding:13px 16px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:rgba(5,19,34,.74);
  border:1px solid rgba(113,199,239,.18);
}

.stage-tool-second-input.hidden{
  display:none;
}

.stage-tool-input-group{
  display:flex;
  align-items:center;
  gap:12px;
  color:#b9dceb;
  font-size:12px;
  font-weight:900;
}

.stage-tool-fraction-input{
  width:58px;
  display:grid;
  grid-template-rows:30px 2px 30px;
  gap:2px;
}

.stage-tool-fraction-input input{
  width:58px;
  height:30px;
  padding:0 4px;
  border:0;
  color:#fff;
  background:rgba(21,54,81,.84);
  text-align:center;
  font-size:16px;
  font-weight:950;
  appearance:textfield;
}

.stage-tool-fraction-input input:first-child{ border-radius:8px 8px 3px 3px; }
.stage-tool-fraction-input input:last-child{ border-radius:3px 3px 8px 8px; }
.stage-tool-fraction-input i{ display:block; background:#dff9ff; border-radius:999px; }

.stage-tool-submit{
  min-width:130px;
  height:46px;
  padding:0 18px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(180deg, #39bff5, #2879e8);
  box-shadow:0 10px 22px rgba(28,116,226,.32);
  font-size:14px;
  font-weight:950;
  cursor:pointer;
}

.stage-tool-error{
  min-height:20px;
  margin:8px 0 0;
  color:#ff9ca9;
  font-size:13px;
  text-align:center;
}

.stage-tool-preview{
  min-height:205px;
  padding:15px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:rgba(3,13,25,.76);
  border:1px solid rgba(103,197,239,.17);
}

.stage-tool-model-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
}

.stage-tool-fraction{
  min-width:44px;
  display:inline-grid;
  grid-template-rows:auto 2px auto;
  gap:4px;
  color:#fff;
  text-align:center;
  font-size:22px;
  font-weight:950;
}

.stage-tool-fraction i{ background:#dff9ff; border-radius:999px; }

.stage-tool-bar{
  width:360px;
  height:64px;
  display:grid;
  grid-template-columns:repeat(var(--parts), minmax(0, 1fr));
  overflow:hidden;
  border:2px solid rgba(190,240,255,.85);
  border-radius:12px;
  background:rgba(8,27,45,.92);
}

.stage-tool-bar span{ border-right:1px solid rgba(195,238,255,.34); }
.stage-tool-bar span:last-child{ border-right:0; }
.stage-tool-bar span.filled{ background:linear-gradient(180deg, #55dcff, #2786ef); }

.stage-tool-circle{
  width:150px;
  height:150px;
  filter:drop-shadow(0 0 12px rgba(69,204,255,.22));
}

.stage-tool-circle path{
  fill:rgba(13,38,61,.94);
  stroke:rgba(191,236,255,.5);
  stroke-width:1;
}

.stage-tool-circle path.filled{ fill:#38bdf2; }
.stage-tool-circle circle{ fill:none; stroke:#d4f5ff; stroke-width:2; }

.stage-tool-line{
  position:relative;
  width:400px;
  height:88px;
  margin:0 20px;
}

.stage-tool-line .track{
  position:absolute;
  left:0;
  right:0;
  top:39px;
  height:4px;
  border-radius:999px;
  background:#bfeeff;
}

.stage-tool-line > i{
  position:absolute;
  top:30px;
  width:2px;
  height:22px;
  background:rgba(211,246,255,.78);
}

.stage-tool-line .zero,
.stage-tool-line .one{
  position:absolute;
  top:58px;
  font-weight:900;
}

.stage-tool-line .zero{ left:-4px; }
.stage-tool-line .one{ right:-4px; }
.stage-tool-line > b{
  position:absolute;
  left:var(--position);
  top:27px;
  width:26px;
  height:26px;
  border:4px solid #a6f1ff;
  border-radius:50%;
  background:#168fe8;
  box-shadow:0 0 18px rgba(72,215,255,.72);
  transform:translateX(-50%);
}

.stage-tool-film{
  width:170px;
  height:170px;
  padding:5px;
  display:grid;
  grid-template-columns:repeat(10, 1fr);
  grid-template-rows:repeat(10, 1fr);
  gap:2px;
  border:2px solid rgba(191,239,255,.78);
  border-radius:12px;
  background:rgba(14,42,62,.62);
}

.stage-tool-film span{
  border-radius:2px;
  background:rgba(188,232,249,.09);
}

.stage-tool-film span.filled{ background:rgba(47,188,246,.88); }
.stage-tool-film-overlay span.first{ background:rgba(39,173,255,.68); }
.stage-tool-film-overlay span.second{ background:rgba(255,213,63,.62); }
.stage-tool-film-overlay span.first.second{ background:#58efc3; box-shadow:0 0 6px rgba(88,239,195,.55); }

.stage-tool-compare-models{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.stage-tool-compare-models > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.stage-tool-compare-models .stage-tool-bar{ width:100%; height:48px; }
.stage-tool-compare-models .stage-tool-circle{ width:112px; height:112px; }

.stage-tool-line-overlay > b.first{ left:var(--first); border-color:#7fdfff; background:#168fe8; }
.stage-tool-line-overlay > b.second{ left:var(--second); top:31px; width:18px; height:18px; border-color:#ffe56c; background:#f0b91d; }

.stage-tool-verdict{
  margin:0;
  padding:8px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:950;
}

.stage-tool-verdict.same{ color:#baffea; background:rgba(43,206,151,.16); border:1px solid rgba(89,235,187,.42); }
.stage-tool-verdict.different{ color:#ffd3d7; background:rgba(235,91,112,.13); border:1px solid rgba(255,129,148,.36); }

/* ========================
   SUPPORT ACTIONS — 씬 내부 중복 숨김 (실제 버튼은 #dialogue-panel 안)
======================== */

#scene-root .stage-chrome-support-actions,
#scene-root .stage-support-dock,
#scene-root .eq-support-actions,
#scene-root .stage1-fixed-actions,
#scene-root .stage2-fixed-actions,
body.stage3-ui-active #scene-root .science-sidebar .sidebar-actions{
  display:none !important;
}

.stage-chrome-support-actions .eq-help-btn,
.dialogue-inline-support .eq-help-btn,
body.stage1-ui-active .eq-support-actions .eq-help-btn,
body.stage1-ui-active .stage-chrome-support-actions button,
body.stage2-ui-active .stage2-fixed-actions button,
body.stage3-ui-active .science-sidebar button,
body.stage4-ui-active .eq-support-actions .eq-help-btn{
  width:clamp(86px, calc(var(--eq-frame-width) * .05), 100px);
  height:clamp(44px, calc(var(--eq-frame-height) * .045), 52px);
  min-height:0;
  padding:0 14px;
  border-radius:16px;
  color:#eafaff;
  background:linear-gradient(180deg, rgba(13,36,61,.9), rgba(5,19,36,.94));
  border:1px solid rgba(115,226,255,.5);
  box-shadow:0 14px 28px rgba(0,0,0,.24), 0 0 16px rgba(72,210,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
  font-size:15px;
  font-weight:950;
  cursor:pointer;
}

body.stage3-ui-active .science-lab-stage:has(.stage-chrome-topbar){
  grid-template-columns:1fr !important;
  grid-template-rows:minmax(0, 1fr) !important;
  grid-template-areas:"main" !important;
}

body.stage3-ui-active .dual-textbook-stage:has(.stage-chrome-topbar){
  grid-template-rows:minmax(0, 1fr) !important;
  grid-template-areas:"dual-main" !important;
}

body.stage3-ui-active .dual-textbook-stage:has(.stage-chrome-topbar) .dual-textbook-main{
  padding-top:86px !important;
}

body.stage2-ui-active .eq-tool-input-panel,
body.stage3-ui-active .eq-tool-input-panel,
body.stage4-ui-active .eq-tool-input-panel,
body.stage5-ui-active .eq-tool-input-panel{
  position:absolute;
  left:calc(36px + var(--eq-inventory-width, 68px) + 16px);
  top:50%;
  z-index:140;
  width:min(350px, calc(100% - 156px));
  max-width:350px;
  min-height:0;
  padding:6px 8px 8px;
  transform:translateY(-50%);
  border-radius:14px;
  color:#ecfbff;
  background:radial-gradient(circle at 18% 0%, rgba(88,220,255,.18), transparent 44%), linear-gradient(180deg, rgba(8,26,47,.88), rgba(2,9,20,.96));
  border:1px solid rgba(126,232,255,.34);
  box-shadow:0 22px 46px rgba(0,0,0,.4), 0 0 30px rgba(64,211,255,.18), inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 28px rgba(78,213,255,.055);
  backdrop-filter:blur(12px);
  pointer-events:auto;
}

body.stage2-ui-active .eq-tool-input-panel.is-compare,
body.stage3-ui-active .eq-tool-input-panel.is-compare,
body.stage4-ui-active .eq-tool-input-panel.is-compare,
body.stage5-ui-active .eq-tool-input-panel.is-compare{
  width:min(360px, calc(100% - 156px));
  max-width:360px;
}

body.stage2-ui-active .eq-math-tool-panel,
body.stage3-ui-active .eq-math-tool-panel,
body.stage4-ui-active .eq-math-tool-panel,
body.stage5-ui-active .eq-math-tool-panel{
  width:min(360px, calc(100% - 156px));
  max-width:360px;
  padding:10px 12px 12px;
}

.eq-math-inputs{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top:7px;
}

.eq-math-inputs.single{
  grid-template-columns:1fr;
}

.eq-math-fraction-input{
  display:grid;
  justify-items:center;
  gap:2px;
  padding:6px;
  border:1px solid rgba(126,232,255,.18);
  border-radius:8px;
  background:rgba(3,17,31,.58);
}

.eq-math-fraction-input > span:first-child{
  color:rgba(218,244,255,.68);
  font-size:10px;
  font-weight:800;
}

.eq-math-submit{
  margin-top:8px !important;
}

.eq-math-operator-tabs{
  display:flex;
  justify-content:center;
  gap:3px;
  margin:7px auto 0;
}

.eq-math-operator-tabs button{
  width:42px;
  height:25px;
  padding:0;
  border:1px solid rgba(126,232,255,.24);
  border-radius:6px;
  color:rgba(220,245,255,.68);
  background:rgba(3,18,32,.72);
  font-size:17px;
  font-weight:900;
  cursor:pointer;
}

.eq-math-operator-tabs button.active{
  color:#041522;
  background:linear-gradient(180deg, rgba(124,236,255,.94), rgba(50,155,228,.88));
  box-shadow:0 0 12px rgba(80,220,255,.28);
}

.eq-math-result{
  min-height:82px;
  margin-top:7px;
  padding:8px;
  display:grid;
  place-items:center;
  gap:6px;
  border:1px solid rgba(120,230,255,.16);
  border-radius:9px;
  background:rgba(2,12,24,.58);
  text-align:center;
}

.eq-math-result.is-empty{
  color:rgba(220,244,255,.56);
  font-size:11px;
  font-weight:780;
}

.eq-math-result p{
  margin:0;
  color:rgba(222,245,255,.72);
  font-size:10px;
  font-weight:720;
  line-height:1.45;
}

.eq-math-result-title{
  color:#9af0ff;
  font-size:11px;
  font-weight:900;
}

.eq-math-equation,
.eq-math-common-results > div,
.eq-math-final-result{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.eq-math-equation.compact{
  gap:6px;
}

.eq-math-symbol{
  color:#b9efff;
  font-size:16px;
  font-weight:900;
}

.eq-math-result .eq-fraction{
  min-width:27px;
  font-size:13px;
}

.eq-math-process{
  display:grid;
  grid-template-columns:1fr;
  color:#e8fbff;
  font-size:11px;
  font-weight:820;
  line-height:1.45;
}

.eq-math-process span{
  width:100%;
  height:1px;
  background:rgba(126,232,255,.22);
}

.eq-math-common-results{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
}

.eq-math-common-results > div{
  padding:5px;
  border-radius:7px;
  background:rgba(69,190,255,.07);
}

.eq-math-common-results > div > span{
  color:rgba(218,244,255,.72);
  font-size:10px;
  font-weight:850;
}

.eq-math-final-result{
  padding:5px 10px;
  border:1px solid rgba(116,237,255,.24);
  border-radius:7px;
  background:rgba(52,194,215,.1);
}

.eq-math-final-result > span{
  color:#9af0ff;
  font-size:10px;
  font-weight:900;
}

body.stage2-ui-active .eq-tool-panel-head,
body.stage3-ui-active .eq-tool-panel-head,
body.stage4-ui-active .eq-tool-panel-head,
body.stage5-ui-active .eq-tool-panel-head{
  position:absolute;
  top:7px;
  right:7px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

body.stage2-ui-active .eq-tool-panel-kicker,
body.stage3-ui-active .eq-tool-panel-kicker,
body.stage4-ui-active .eq-tool-panel-kicker,
body.stage5-ui-active .eq-tool-panel-kicker{
  display:none;
}

body.stage2-ui-active .eq-tool-panel-title-wrap,
body.stage3-ui-active .eq-tool-panel-title-wrap,
body.stage4-ui-active .eq-tool-panel-title-wrap,
body.stage5-ui-active .eq-tool-panel-title-wrap{
  padding:0 24px 4px 0;
  margin-bottom:4px;
  border-bottom:1px solid rgba(126,232,255,.16);
}

body.stage2-ui-active .eq-tool-panel-title-row,
body.stage3-ui-active .eq-tool-panel-title-row,
body.stage4-ui-active .eq-tool-panel-title-row,
body.stage5-ui-active .eq-tool-panel-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

body.stage2-ui-active .eq-tool-panel-title-wrap strong,
body.stage3-ui-active .eq-tool-panel-title-wrap strong,
body.stage4-ui-active .eq-tool-panel-title-wrap strong,
body.stage5-ui-active .eq-tool-panel-title-wrap strong{
  display:block;
  color:#f2fdff;
  font-size:15px;
  font-weight:950;
  white-space:nowrap;
}

body.stage2-ui-active .eq-tool-panel-title-wrap p,
body.stage3-ui-active .eq-tool-panel-title-wrap p,
body.stage4-ui-active .eq-tool-panel-title-wrap p,
body.stage5-ui-active .eq-tool-panel-title-wrap p{
  margin:2px 0 0;
  color:rgba(218,244,255,.72);
  font-size:12px;
  font-weight:760;
  line-height:1.3;
}

body.stage2-ui-active .eq-tool-panel-description,
body.stage3-ui-active .eq-tool-panel-description,
body.stage4-ui-active .eq-tool-panel-description,
body.stage5-ui-active .eq-tool-panel-description{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.stage2-ui-active .eq-tool-panel-close,
body.stage3-ui-active .eq-tool-panel-close,
body.stage4-ui-active .eq-tool-panel-close,
body.stage5-ui-active .eq-tool-panel-close{
  width:20px;
  height:20px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(160,230,255,.18);
  border-radius:50%;
  color:rgba(234,253,255,.74);
  background:rgba(255,255,255,.045);
  cursor:pointer;
}

body.stage2-ui-active .eq-tool-mode-tabs,
body.stage3-ui-active .eq-tool-mode-tabs,
body.stage4-ui-active .eq-tool-mode-tabs,
body.stage5-ui-active .eq-tool-mode-tabs{
  display:flex;
  width:max-content;
  flex:0 0 auto;
  gap:2px;
  margin:0;
  padding:2px;
  border-radius:999px;
  background:rgba(3,18,32,.72);
  border:1px solid rgba(110,220,255,.28);
}

body.stage2-ui-active .eq-tool-mode-tab,
body.stage3-ui-active .eq-tool-mode-tab,
body.stage4-ui-active .eq-tool-mode-tab,
body.stage5-ui-active .eq-tool-mode-tab{
  height:20px;
  padding:0 7px;
  border:0;
  border-radius:999px;
  color:rgba(220,245,255,.68);
  background:transparent;
  font-size:10px;
  font-weight:760;
  cursor:pointer;
}

body.stage2-ui-active .eq-tool-mode-tab.active,
body.stage3-ui-active .eq-tool-mode-tab.active,
body.stage4-ui-active .eq-tool-mode-tab.active,
body.stage5-ui-active .eq-tool-mode-tab.active{
  color:#041522;
  background:linear-gradient(180deg, rgba(120,235,255,.95), rgba(45,150,225,.86));
  box-shadow:0 0 14px rgba(80,220,255,.34);
}

body.stage2-ui-active .eq-tool-mode-section.hidden,
body.stage3-ui-active .eq-tool-mode-section.hidden,
body.stage4-ui-active .eq-tool-mode-section.hidden,
body.stage5-ui-active .eq-tool-mode-section.hidden{
  display:none;
}

body.stage2-ui-active .eq-tool-compare-inputs,
body.stage3-ui-active .eq-tool-compare-inputs,
body.stage4-ui-active .eq-tool-compare-inputs,
body.stage5-ui-active .eq-tool-compare-inputs{
  display:grid;
  grid-template-columns:repeat(2, minmax(132px, 1fr));
  column-gap:8px;
  row-gap:5px;
  align-items:center;
}

body.stage2-ui-active .eq-tool-compare-slot,
body.stage3-ui-active .eq-tool-compare-slot,
body.stage4-ui-active .eq-tool-compare-slot,
body.stage5-ui-active .eq-tool-compare-slot{
  min-height:66px;
  padding:4px 5px;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(7,28,51,.56), rgba(3,14,27,.66));
  border:1px solid rgba(126,232,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

body.stage2-ui-active .eq-tool-compare-slot strong,
body.stage3-ui-active .eq-tool-compare-slot strong,
body.stage4-ui-active .eq-tool-compare-slot strong,
body.stage5-ui-active .eq-tool-compare-slot strong{
  display:none;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input-box,
body.stage3-ui-active .eq-tool-input-panel .fraction-input-box,
body.stage4-ui-active .eq-tool-input-panel .fraction-input-box,
body.stage5-ui-active .eq-tool-input-panel .fraction-input-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:fit-content;
  margin:2px auto;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input,
body.stage3-ui-active .eq-tool-input-panel .fraction-input,
body.stage4-ui-active .eq-tool-input-panel .fraction-input,
body.stage5-ui-active .eq-tool-input-panel .fraction-input{
  width:44px;
  height:26px;
  padding:0;
  box-sizing:border-box;
  border:1px solid rgba(110,220,255,.7);
  border-radius:7px;
  outline:none;
  color:#eafcff;
  background:rgba(3,15,28,.92);
  text-align:center;
  font-size:14px;
  font-weight:800;
  line-height:26px;
  appearance:textfield;
  -moz-appearance:textfield;
  text-align-last:center;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input::placeholder,
body.stage3-ui-active .eq-tool-input-panel .fraction-input::placeholder,
body.stage4-ui-active .eq-tool-input-panel .fraction-input::placeholder,
body.stage5-ui-active .eq-tool-input-panel .fraction-input::placeholder{
  color:rgba(218,244,255,.48);
  font-size:11px;
  font-weight:760;
  text-align:center;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input::-webkit-outer-spin-button,
body.stage2-ui-active .eq-tool-input-panel .fraction-input::-webkit-inner-spin-button,
body.stage3-ui-active .eq-tool-input-panel .fraction-input::-webkit-outer-spin-button,
body.stage3-ui-active .eq-tool-input-panel .fraction-input::-webkit-inner-spin-button,
body.stage4-ui-active .eq-tool-input-panel .fraction-input::-webkit-outer-spin-button,
body.stage4-ui-active .eq-tool-input-panel .fraction-input::-webkit-inner-spin-button,
body.stage5-ui-active .eq-tool-input-panel .fraction-input::-webkit-outer-spin-button,
body.stage5-ui-active .eq-tool-input-panel .fraction-input::-webkit-inner-spin-button{
  appearance:none;
  margin:0;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage3-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage4-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage5-ui-active .eq-tool-input-panel .fraction-input-line{
  width:64px;
  height:2px;
  border-radius:999px;
  background:rgba(230,250,255,.92);
  box-shadow:0 0 10px rgba(120,230,255,.35);
}

body.stage2-ui-active .eq-tool-panel-submit,
body.stage3-ui-active .eq-tool-panel-submit,
body.stage4-ui-active .eq-tool-panel-submit,
body.stage5-ui-active .eq-tool-panel-submit,
body.stage2-ui-active .eq-tool-panel-compare,
body.stage3-ui-active .eq-tool-panel-compare,
body.stage4-ui-active .eq-tool-panel-compare,
body.stage5-ui-active .eq-tool-panel-compare{
  width:104px;
  height:30px;
  margin:5px auto 0;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(146,239,255,.56);
  border-radius:8px;
  color:#03182a;
  background:linear-gradient(180deg, rgba(177,250,255,.98), rgba(57,191,255,.96));
  box-shadow:0 0 18px rgba(80,220,255,.24), inset 0 1px 0 rgba(255,255,255,.46);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

body.stage2-ui-active .eq-tool-compare-actions,
body.stage3-ui-active .eq-tool-compare-actions,
body.stage4-ui-active .eq-tool-compare-actions,
body.stage5-ui-active .eq-tool-compare-actions{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:6px;
}

body.stage2-ui-active .eq-tool-compare-actions .eq-tool-panel-compare,
body.stage3-ui-active .eq-tool-compare-actions .eq-tool-panel-compare,
body.stage4-ui-active .eq-tool-compare-actions .eq-tool-panel-compare,
body.stage5-ui-active .eq-tool-compare-actions .eq-tool-panel-compare{
  grid-column:2;
  justify-self:center;
}

body.stage2-ui-active .eq-tool-compare-actions .eq-tool-result-view-tabs-inline,
body.stage3-ui-active .eq-tool-compare-actions .eq-tool-result-view-tabs-inline,
body.stage4-ui-active .eq-tool-compare-actions .eq-tool-result-view-tabs-inline,
body.stage5-ui-active .eq-tool-compare-actions .eq-tool-result-view-tabs-inline{
  grid-column:3;
  justify-self:start;
}

body.stage2-ui-active .eq-tool-result-view-tabs,
body.stage3-ui-active .eq-tool-result-view-tabs,
body.stage4-ui-active .eq-tool-result-view-tabs,
body.stage5-ui-active .eq-tool-result-view-tabs{
  display:inline-flex;
  gap:2px;
  padding:2px;
  border-radius:999px;
  background:rgba(2,12,24,.74);
  border:1px solid rgba(126,232,255,.18);
}

body.stage2-ui-active .eq-tool-result-view-tabs-inline,
body.stage3-ui-active .eq-tool-result-view-tabs-inline,
body.stage4-ui-active .eq-tool-result-view-tabs-inline,
body.stage5-ui-active .eq-tool-result-view-tabs-inline{
  transform:scale(.88);
  transform-origin:left center;
}

body.stage2-ui-active .eq-tool-result-view-tab,
body.stage3-ui-active .eq-tool-result-view-tab,
body.stage4-ui-active .eq-tool-result-view-tab,
body.stage5-ui-active .eq-tool-result-view-tab{
  height:18px;
  padding:0 6px;
  border:0;
  border-radius:999px;
  color:rgba(220,245,255,.68);
  background:transparent;
  font-size:9px;
  font-weight:820;
  cursor:pointer;
}

body.stage2-ui-active .eq-tool-result-view-tab.active,
body.stage3-ui-active .eq-tool-result-view-tab.active,
body.stage4-ui-active .eq-tool-result-view-tab.active,
body.stage5-ui-active .eq-tool-result-view-tab.active{
  color:#041522;
  background:linear-gradient(180deg, rgba(124,236,255,.92), rgba(50,155,228,.84));
  box-shadow:0 0 12px rgba(80,220,255,.3);
}

body.stage2-ui-active .eq-tool-panel-error,
body.stage3-ui-active .eq-tool-panel-error,
body.stage4-ui-active .eq-tool-panel-error,
body.stage5-ui-active .eq-tool-panel-error{
  min-height:12px;
  margin-top:2px;
  color:#ffb4c0;
  font-size:11px;
  font-weight:850;
}

body.stage2-ui-active .eq-tool-panel-preview,
body.stage3-ui-active .eq-tool-panel-preview,
body.stage4-ui-active .eq-tool-panel-preview,
body.stage5-ui-active .eq-tool-panel-preview{
  display:grid;
  justify-items:center;
  gap:4px;
  min-height:50px;
  margin-top:2px;
  padding:5px 7px;
  border-radius:10px;
  background:radial-gradient(circle at 50% 0%, rgba(84,218,255,.09), transparent 64%), rgba(2,12,24,.58);
  border:1px solid rgba(120,230,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.stage2-ui-active .eq-tool-input-panel.is-compare .eq-tool-panel-preview,
body.stage3-ui-active .eq-tool-input-panel.is-compare .eq-tool-panel-preview,
body.stage4-ui-active .eq-tool-input-panel.is-compare .eq-tool-panel-preview,
body.stage5-ui-active .eq-tool-input-panel.is-compare .eq-tool-panel-preview{
  min-height:112px;
  align-content:center;
  overflow:visible;
}

body.stage2-ui-active .eq-tool-panel-preview.is-empty,
body.stage3-ui-active .eq-tool-panel-preview.is-empty,
body.stage4-ui-active .eq-tool-panel-preview.is-empty,
body.stage5-ui-active .eq-tool-panel-preview.is-empty{
  min-height:34px;
  place-items:center;
  color:rgba(220,244,255,.56);
  font-size:11px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
}

body.stage2-ui-active .eq-tool-preview-fraction,
body.stage3-ui-active .eq-tool-preview-fraction,
body.stage4-ui-active .eq-tool-preview-fraction,
body.stage5-ui-active .eq-tool-preview-fraction,
body.stage2-ui-active .eq-tool-compare-fraction,
body.stage3-ui-active .eq-tool-compare-fraction,
body.stage4-ui-active .eq-tool-compare-fraction,
body.stage5-ui-active .eq-tool-compare-fraction{
  display:flex;
  justify-content:center;
  color:#fff;
  transform:scale(1.08);
  transform-origin:center;
}

body.stage2-ui-active .eq-tool-preview-model-row,
body.stage3-ui-active .eq-tool-preview-model-row,
body.stage4-ui-active .eq-tool-preview-model-row,
body.stage5-ui-active .eq-tool-preview-model-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
}

body.stage2-ui-active .eq-tool-compare-result,
body.stage3-ui-active .eq-tool-compare-result,
body.stage4-ui-active .eq-tool-compare-result,
body.stage5-ui-active .eq-tool-compare-result{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  width:100%;
  align-items:center;
}

body.stage2-ui-active .eq-tool-compare-model,
body.stage3-ui-active .eq-tool-compare-model,
body.stage4-ui-active .eq-tool-compare-model,
body.stage5-ui-active .eq-tool-compare-model{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}

body.stage2-ui-active .eq-tool-compare-view,
body.stage3-ui-active .eq-tool-compare-view,
body.stage4-ui-active .eq-tool-compare-view,
body.stage5-ui-active .eq-tool-compare-view{
  display:none;
  width:100%;
}

body.stage2-ui-active .eq-tool-compare-view.active,
body.stage3-ui-active .eq-tool-compare-view.active,
body.stage4-ui-active .eq-tool-compare-view.active,
body.stage5-ui-active .eq-tool-compare-view.active{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  height:100%;
}

body.stage2-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage3-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage4-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage5-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar{
  width:176px;
  height:28px;
  border-width:2px;
  border-radius:7px;
}

body.stage2-ui-active .eq-analysis-fraction-bar,
body.stage3-ui-active .eq-analysis-fraction-bar,
body.stage4-ui-active .eq-analysis-fraction-bar,
body.stage5-ui-active .eq-analysis-fraction-bar{
  display:grid;
  grid-template-columns:repeat(var(--denominator), 1fr);
  width:204px;
  height:32px;
  border:2px solid rgba(235,255,255,.9);
  border-radius:8px;
  overflow:hidden;
  background:rgba(5,18,34,.65);
}

body.stage2-ui-active .eq-analysis-fraction-bar .seg,
body.stage3-ui-active .eq-analysis-fraction-bar .seg,
body.stage4-ui-active .eq-analysis-fraction-bar .seg,
body.stage5-ui-active .eq-analysis-fraction-bar .seg{
  display:block;
  min-width:0;
  border-right:1px solid rgba(235,255,255,.36);
  background:rgba(255,255,255,.08);
}

body.stage2-ui-active .eq-analysis-fraction-bar .seg:last-child,
body.stage3-ui-active .eq-analysis-fraction-bar .seg:last-child,
body.stage4-ui-active .eq-analysis-fraction-bar .seg:last-child,
body.stage5-ui-active .eq-analysis-fraction-bar .seg:last-child{
  border-right:0;
}

body.stage2-ui-active .eq-analysis-fraction-bar .seg.filled,
body.stage3-ui-active .eq-analysis-fraction-bar .seg.filled,
body.stage4-ui-active .eq-analysis-fraction-bar .seg.filled,
body.stage5-ui-active .eq-analysis-fraction-bar .seg.filled{
  background:linear-gradient(180deg, rgba(130,235,255,.96), rgba(48,160,235,.9));
  box-shadow:inset 0 0 8px rgba(255,255,255,.35);
}

body.stage2-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage3-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage4-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage5-ui-active .eq-tool-input-panel .eq-analysis-circle-model{
  width:72px;
  height:72px;
  margin:0;
}

body.stage2-ui-active .eq-analysis-circle-model,
body.stage3-ui-active .eq-analysis-circle-model,
body.stage4-ui-active .eq-analysis-circle-model,
body.stage5-ui-active .eq-analysis-circle-model{
  display:block;
  width:92px;
  height:92px;
  margin:0 auto;
  overflow:visible;
  filter:drop-shadow(0 0 10px rgba(84,218,255,.28));
}

body.stage2-ui-active .eq-analysis-circle-model path,
body.stage3-ui-active .eq-analysis-circle-model path,
body.stage4-ui-active .eq-analysis-circle-model path,
body.stage5-ui-active .eq-analysis-circle-model path{
  fill:rgba(255,255,255,.07);
  stroke:rgba(224,249,255,.72);
  stroke-width:1.5;
}

body.stage2-ui-active .eq-analysis-circle-model path.filled,
body.stage3-ui-active .eq-analysis-circle-model path.filled,
body.stage4-ui-active .eq-analysis-circle-model path.filled,
body.stage5-ui-active .eq-analysis-circle-model path.filled{
  fill:rgba(86,205,255,.9);
}

body.stage2-ui-active .eq-analysis-circle-model circle,
body.stage3-ui-active .eq-analysis-circle-model circle,
body.stage4-ui-active .eq-analysis-circle-model circle,
body.stage5-ui-active .eq-analysis-circle-model circle{
  fill:none;
  stroke:rgba(235,255,255,.92);
  stroke-width:2.4;
}

body.stage2-ui-active .eq-tool-interpretation,
body.stage3-ui-active .eq-tool-interpretation,
body.stage4-ui-active .eq-tool-interpretation,
body.stage5-ui-active .eq-tool-interpretation,
body.stage2-ui-active .eq-tool-compare-verdict,
body.stage3-ui-active .eq-tool-compare-verdict,
body.stage4-ui-active .eq-tool-compare-verdict,
body.stage5-ui-active .eq-tool-compare-verdict{
  margin:0;
  color:rgba(222,245,255,.74);
  font-size:11px;
  font-weight:760;
  line-height:1.45;
  text-align:center;
}

body.stage2-ui-active .eq-tool-compare-verdict.same,
body.stage3-ui-active .eq-tool-compare-verdict.same,
body.stage4-ui-active .eq-tool-compare-verdict.same,
body.stage5-ui-active .eq-tool-compare-verdict.same{
  color:#95f8ff;
  background:rgba(35,210,220,.1);
  border:1px solid rgba(95,236,240,.24);
  text-shadow:0 0 12px rgba(76,226,255,.48);
}

body.stage2-ui-active .eq-tool-compare-verdict.different,
body.stage3-ui-active .eq-tool-compare-verdict.different,
body.stage4-ui-active .eq-tool-compare-verdict.different,
body.stage5-ui-active .eq-tool-compare-verdict.different{
  color:#ffb4c0;
  background:rgba(255,94,84,.1);
  border:1px solid rgba(255,118,118,.23);
  text-shadow:0 0 12px rgba(255,78,110,.35);
}

body.stage2-ui-active .eq-tool-overlay-wrap,
body.stage3-ui-active .eq-tool-overlay-wrap,
body.stage4-ui-active .eq-tool-overlay-wrap,
body.stage5-ui-active .eq-tool-overlay-wrap{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  width:100%;
  min-height:0;
  height:100%;
  padding:2px 0 0;
}

body.stage2-ui-active .eq-analysis-bar-overlay,
body.stage3-ui-active .eq-analysis-bar-overlay,
body.stage4-ui-active .eq-analysis-bar-overlay,
body.stage5-ui-active .eq-analysis-bar-overlay{
  position:relative;
  width:280px;
  max-width:100%;
  height:50px;
  overflow:visible;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-merge-stage,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-merge-stage,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-merge-stage,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-merge-stage{
  position:relative;
  width:240px;
  height:44px;
  margin:2px auto 0;
  overflow:visible;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track{
  position:absolute;
  left:0;
  top:10px;
  width:240px;
  height:24px;
  border:2px solid rgba(235,255,255,.82);
  border-radius:8px;
  background:rgba(5,18,34,.65);
  overflow:hidden;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-a,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-a,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-a,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-a{
  z-index:1;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-b,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-b,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-b,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-b{
  z-index:2;
  opacity:.58;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill{
  display:block;
  height:100%;
  border-radius:6px 0 0 6px;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.a,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.a,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.a,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.a{
  width:var(--a-ratio);
  background:linear-gradient(180deg, rgba(130,235,255,.96), rgba(48,160,235,.9));
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.b,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.b,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.b,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-ratio-fill.b{
  width:var(--b-ratio);
  background:linear-gradient(180deg, rgba(117,255,219,.94), rgba(41,194,164,.88));
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar{
  position:absolute;
  left:0;
  top:8px;
  width:240px;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar .eq-analysis-fraction-bar,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar .eq-analysis-fraction-bar,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar .eq-analysis-fraction-bar,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar .eq-analysis-fraction-bar{
  width:240px;
  height:24px;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-a,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-a,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-a,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-a{
  z-index:1;
  opacity:1;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b{
  z-index:2;
  opacity:.55;
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b .seg.filled,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b .seg.filled,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b .seg.filled,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-moving-bar.is-b .seg.filled{
  background:linear-gradient(180deg, rgba(117,255,219,.94), rgba(41,194,164,.88));
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker{
  position:absolute;
  z-index:3;
  top:4px;
  height:31px;
  width:2px;
  border-radius:999px;
  transform:translateX(-1px);
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.a,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.a,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.a,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.a{
  left:var(--a-ratio);
  background:rgba(75,196,255,.98);
  box-shadow:0 0 9px rgba(75,196,255,.62);
}

body.stage2-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.b,
body.stage3-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.b,
body.stage4-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.b,
body.stage5-ui-active .eq-analysis-bar-overlay .eq-overlay-end-marker.b{
  left:var(--b-ratio);
  background:rgba(101,255,216,.98);
  box-shadow:0 0 9px rgba(101,255,216,.58);
}

body.stage2-ui-active .eq-analysis-circle-overlay,
body.stage3-ui-active .eq-analysis-circle-overlay,
body.stage4-ui-active .eq-analysis-circle-overlay,
body.stage5-ui-active .eq-analysis-circle-overlay{
  width:126px;
  height:126px;
  overflow:visible;
  filter:drop-shadow(0 0 12px rgba(80,220,255,.24));
}

body.stage2-ui-active .eq-tool-input-panel .eq-analysis-circle-overlay,
body.stage3-ui-active .eq-tool-input-panel .eq-analysis-circle-overlay,
body.stage4-ui-active .eq-tool-input-panel .eq-analysis-circle-overlay,
body.stage5-ui-active .eq-tool-input-panel .eq-analysis-circle-overlay{
  width:86px;
  height:86px;
}

body.stage2-ui-active .eq-overlay-circle-base,
body.stage3-ui-active .eq-overlay-circle-base,
body.stage4-ui-active .eq-overlay-circle-base,
body.stage5-ui-active .eq-overlay-circle-base{
  fill:rgba(255,255,255,.04);
  stroke:rgba(224,249,255,.42);
  stroke-width:1.4;
}

body.stage2-ui-active .eq-overlay-circle-fill.a,
body.stage3-ui-active .eq-overlay-circle-fill.a,
body.stage4-ui-active .eq-overlay-circle-fill.a,
body.stage5-ui-active .eq-overlay-circle-fill.a{
  fill:rgba(54,174,255,.48);
}

body.stage2-ui-active .eq-overlay-circle-fill.b,
body.stage3-ui-active .eq-overlay-circle-fill.b,
body.stage4-ui-active .eq-overlay-circle-fill.b,
body.stage5-ui-active .eq-overlay-circle-fill.b{
  fill:rgba(78,255,210,.42);
  mix-blend-mode:screen;
}

body.stage2-ui-active .eq-overlay-circle-guide,
body.stage3-ui-active .eq-overlay-circle-guide,
body.stage4-ui-active .eq-overlay-circle-guide,
body.stage5-ui-active .eq-overlay-circle-guide{
  stroke-width:.7;
  opacity:.46;
}

body.stage2-ui-active .eq-overlay-circle-guide.a,
body.stage3-ui-active .eq-overlay-circle-guide.a,
body.stage4-ui-active .eq-overlay-circle-guide.a,
body.stage5-ui-active .eq-overlay-circle-guide.a{
  stroke:rgba(110,210,255,.8);
}

body.stage2-ui-active .eq-overlay-circle-guide.b,
body.stage3-ui-active .eq-overlay-circle-guide.b,
body.stage4-ui-active .eq-overlay-circle-guide.b,
body.stage5-ui-active .eq-overlay-circle-guide.b{
  stroke:rgba(116,255,216,.72);
}

body.stage2-ui-active .eq-overlay-circle-outline,
body.stage3-ui-active .eq-overlay-circle-outline,
body.stage4-ui-active .eq-overlay-circle-outline,
body.stage5-ui-active .eq-overlay-circle-outline{
  fill:none;
  stroke:rgba(235,255,255,.9);
  stroke-width:1.8;
}

/* Enlarged shared math/tool panels used in Stage 2 and Stage 3. */
body.stage2-ui-active .eq-tool-input-panel,
body.stage3-ui-active .eq-tool-input-panel,
body.stage4-ui-active .eq-tool-input-panel,
body.stage5-ui-active .eq-tool-input-panel{
  width:min(400px, calc(100% - 156px)) !important;
  max-width:400px !important;
  min-height:430px !important;
  padding:12px 16px 16px !important;
}

body.stage2-ui-active .eq-tool-input-panel .eq-tool-panel-title-wrap strong,
body.stage3-ui-active .eq-tool-input-panel .eq-tool-panel-title-wrap strong,
body.stage4-ui-active .eq-tool-input-panel .eq-tool-panel-title-wrap strong,
body.stage5-ui-active .eq-tool-input-panel .eq-tool-panel-title-wrap strong{
  font-size:23px !important;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input,
body.stage3-ui-active .eq-tool-input-panel .fraction-input,
body.stage4-ui-active .eq-tool-input-panel .fraction-input,
body.stage5-ui-active .eq-tool-input-panel .fraction-input{
  width:66px !important;
  height:39px !important;
  border-radius:10px !important;
  font-size:21px !important;
  line-height:39px !important;
}

body.stage2-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage3-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage4-ui-active .eq-tool-input-panel .fraction-input-line,
body.stage5-ui-active .eq-tool-input-panel .fraction-input-line{
  width:96px !important;
  height:3px !important;
}

body.stage2-ui-active .eq-tool-panel-submit,
body.stage3-ui-active .eq-tool-panel-submit,
body.stage4-ui-active .eq-tool-panel-submit,
body.stage5-ui-active .eq-tool-panel-submit,
body.stage2-ui-active .eq-tool-panel-compare,
body.stage3-ui-active .eq-tool-panel-compare,
body.stage4-ui-active .eq-tool-panel-compare,
body.stage5-ui-active .eq-tool-panel-compare{
  width:156px !important;
  height:45px !important;
  font-size:17px !important;
}

body.stage2-ui-active .eq-tool-input-panel .eq-tool-panel-preview,
body.stage3-ui-active .eq-tool-input-panel .eq-tool-panel-preview,
body.stage4-ui-active .eq-tool-input-panel .eq-tool-panel-preview,
body.stage5-ui-active .eq-tool-input-panel .eq-tool-panel-preview,
body.stage2-ui-active .eq-math-tool-panel .eq-math-result,
body.stage3-ui-active .eq-math-tool-panel .eq-math-result,
body.stage4-ui-active .eq-math-tool-panel .eq-math-result,
body.stage5-ui-active .eq-math-tool-panel .eq-math-result{
  min-height:132px !important;
  margin-top:12px !important;
  padding:12px !important;
}

body.stage2-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage3-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage4-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar,
body.stage5-ui-active .eq-tool-input-panel .eq-analysis-fraction-bar{
  width:264px !important;
  height:42px !important;
}

body.stage2-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage3-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage4-ui-active .eq-tool-input-panel .eq-analysis-circle-model,
body.stage5-ui-active .eq-tool-input-panel .eq-analysis-circle-model{
  width:108px !important;
  height:108px !important;
}

body.stage2-ui-active .eq-math-tool-panel .eq-math-fraction-input > span:first-child,
body.stage3-ui-active .eq-math-tool-panel .eq-math-fraction-input > span:first-child,
body.stage4-ui-active .eq-math-tool-panel .eq-math-fraction-input > span:first-child,
body.stage5-ui-active .eq-math-tool-panel .eq-math-fraction-input > span:first-child{
  font-size:15px !important;
}

body.stage2-ui-active .eq-math-tool-panel .eq-math-result-title,
body.stage3-ui-active .eq-math-tool-panel .eq-math-result-title,
body.stage4-ui-active .eq-math-tool-panel .eq-math-result-title,
body.stage5-ui-active .eq-math-tool-panel .eq-math-result-title{
  font-size:16px !important;
}

body.stage2-ui-active .eq-math-tool-panel .eq-math-result p,
body.stage2-ui-active .eq-math-tool-panel .eq-math-process,
body.stage3-ui-active .eq-math-tool-panel .eq-math-result p,
body.stage3-ui-active .eq-math-tool-panel .eq-math-process,
body.stage4-ui-active .eq-math-tool-panel .eq-math-result p,
body.stage4-ui-active .eq-math-tool-panel .eq-math-process,
body.stage5-ui-active .eq-math-tool-panel .eq-math-result p,
body.stage5-ui-active .eq-math-tool-panel .eq-math-process{
  font-size:15px !important;
}

body.stage2-ui-active .eq-math-tool-panel .eq-math-result .eq-fraction,
body.stage3-ui-active .eq-math-tool-panel .eq-math-result .eq-fraction,
body.stage4-ui-active .eq-math-tool-panel .eq-math-result .eq-fraction,
body.stage5-ui-active .eq-math-tool-panel .eq-math-result .eq-fraction{
  --fraction-line-width:1.45em;
  min-width:72px !important;
  font-size:34px !important;
}

body.stage2-ui-active .eq-math-common-results > div > span:not(.eq-math-symbol):not(.eq-fraction),
body.stage3-ui-active .eq-math-common-results > div > span:not(.eq-math-symbol):not(.eq-fraction),
body.stage4-ui-active .eq-math-common-results > div > span:not(.eq-math-symbol):not(.eq-fraction),
body.stage5-ui-active .eq-math-common-results > div > span:not(.eq-math-symbol):not(.eq-fraction){
  display:none !important;
}

body.stage2-ui-active .eq-math-operation-fraction,
body.stage3-ui-active .eq-math-operation-fraction,
body.stage4-ui-active .eq-math-operation-fraction,
body.stage5-ui-active .eq-math-operation-fraction{
  --fraction-line-width:2.25em;
  min-width:112px !important;
}

body.stage2-ui-active .eq-math-operation-fraction b,
body.stage3-ui-active .eq-math-operation-fraction b,
body.stage4-ui-active .eq-math-operation-fraction b,
body.stage5-ui-active .eq-math-operation-fraction b{
  margin-left:3px !important;
  color:#9af0ff !important;
  font-size:.66em !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-inputs.single,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-inputs.single,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-inputs.single,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-inputs.single{
  width:265px !important;
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-submit,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-submit,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-submit,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="reduce"] .eq-math-submit{
  position:static !important;
  margin:10px auto 0 !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-inputs,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-inputs,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-inputs,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-inputs{
  grid-template-columns:1fr 1fr !important;
  gap:92px !important;
  margin-top:10px !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-submit,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-submit,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-submit,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-submit{
  position:static !important;
  margin:12px auto 0 !important;
  transform:none !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-result,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-result,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-result,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-result{
  margin-top:12px !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results{
  grid-template-columns:1fr !important;
  gap:8px !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div{
  width:100% !important;
  box-sizing:border-box !important;
  padding:8px !important;
  gap:5px !important;
  overflow:hidden !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div > span,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div > span,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div > span,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-common-results > div > span{
  font-size:20px !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-symbol,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-symbol,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-symbol,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="common"] .eq-math-symbol{
  font-size:24px !important;
}

body.stage2-ui-active .stage-chrome-inventory h2,
body.stage3-ui-active .stage-chrome-inventory h2,
body.stage4-ui-active .stage-chrome-inventory h2,
body.stage5-ui-active .stage-chrome-inventory h2{
  position:static;
  width:auto;
  height:auto;
  margin:0 0 7px;
  padding:0;
  overflow:visible;
  clip:auto;
  color:#eafcff;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 0 12px rgba(112,232,255,.48);
  white-space:nowrap;
  border:0;
}

body.stage1-ui-active .stage-chrome-inventory,
body.stage2-ui-active .stage-chrome-inventory,
body.stage3-ui-active .stage-chrome-inventory,
body.stage4-ui-active .stage-chrome-inventory,
body.stage5-ui-active .stage-chrome-inventory,
body.stage6-ui-active .stage-chrome-inventory{
  padding:6px 5px;
  border-radius:17px;
  overflow:visible;
}

body.stage1-ui-active .stage-chrome-inventory ul,
body.stage2-ui-active .stage-chrome-inventory ul,
body.stage3-ui-active .stage-chrome-inventory ul,
body.stage4-ui-active .stage-chrome-inventory ul,
body.stage5-ui-active .stage-chrome-inventory ul,
body.stage6-ui-active .stage-chrome-inventory ul{
  gap:6px;
}

body.stage1-ui-active .stage-chrome-inventory-slot,
body.stage2-ui-active .stage-chrome-inventory-slot,
body.stage3-ui-active .stage-chrome-inventory-slot,
body.stage4-ui-active .stage-chrome-inventory-slot,
body.stage5-ui-active .stage-chrome-inventory-slot,
body.stage6-ui-active .stage-chrome-inventory-slot{
  position:relative;
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

body.stage1-ui-active .stage-chrome-inventory-button,
body.stage2-ui-active .stage-chrome-inventory-button,
body.stage3-ui-active .stage-chrome-inventory-button,
body.stage4-ui-active .stage-chrome-inventory-button,
body.stage5-ui-active .stage-chrome-inventory-button,
body.stage6-ui-active .stage-chrome-inventory-button{
  position:relative;
  width:44px;
  height:44px;
  border-radius:13px;
  color:rgba(239,250,255,.68);
  background:linear-gradient(180deg, rgba(28,38,55,.96), rgba(11,17,28,.98));
  border:1px solid rgba(141,213,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 18px rgba(0,0,0,.2);
}

body.stage1-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button,
body.stage2-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button,
body.stage3-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button,
body.stage4-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button,
body.stage5-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button,
body.stage6-ui-active .stage-chrome-inventory-slot.filled.available .stage-chrome-inventory-button{
  color:#fff;
  background:linear-gradient(180deg, rgba(25,56,95,.98), rgba(11,29,52,.98));
  border-color:rgba(126,230,255,.72);
  box-shadow:0 0 0 1px rgba(88,185,255,.18), 0 0 18px rgba(75,216,255,.28), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -8px 16px rgba(5,19,39,.42);
}

body.stage1-ui-active .stage-chrome-inventory-button:hover,
body.stage1-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage1-ui-active .stage-chrome-inventory-button.active,
body.stage2-ui-active .stage-chrome-inventory-button:hover,
body.stage2-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage2-ui-active .stage-chrome-inventory-button.active,
body.stage3-ui-active .stage-chrome-inventory-button:hover,
body.stage3-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage3-ui-active .stage-chrome-inventory-button.active,
body.stage4-ui-active .stage-chrome-inventory-button:hover,
body.stage4-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage4-ui-active .stage-chrome-inventory-button.active,
body.stage5-ui-active .stage-chrome-inventory-button:hover,
body.stage5-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage5-ui-active .stage-chrome-inventory-button.active,
body.stage6-ui-active .stage-chrome-inventory-button:hover,
body.stage6-ui-active .stage-chrome-inventory-button:focus-visible,
body.stage6-ui-active .stage-chrome-inventory-button.active{
  outline:0;
  color:#fff;
  background:linear-gradient(180deg, rgba(28,101,164,.92), rgba(14,55,98,.92));
  border-color:rgba(133,232,255,.84);
  box-shadow:0 0 0 1px rgba(133,232,255,.26), 0 0 20px rgba(83,196,255,.34), inset 0 1px 0 rgba(255,255,255,.1);
}

body.stage2-ui-active .stage-chrome-inventory-slot .eq-tool-icon,
body.stage3-ui-active .stage-chrome-inventory-slot .eq-tool-icon,
body.stage4-ui-active .stage-chrome-inventory-slot .eq-tool-icon,
body.stage5-ui-active .stage-chrome-inventory-slot .eq-tool-icon{
  transform:none !important;
}

body.stage1-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage2-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage3-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage4-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage5-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage6-ui-active .stage-chrome-inventory-slot.locked .stage-chrome-inventory-button,
body.stage1-ui-active .stage-chrome-inventory-button[aria-disabled="true"],
body.stage2-ui-active .stage-chrome-inventory-button[aria-disabled="true"],
body.stage3-ui-active .stage-chrome-inventory-button[aria-disabled="true"],
body.stage4-ui-active .stage-chrome-inventory-button[aria-disabled="true"],
body.stage5-ui-active .stage-chrome-inventory-button[aria-disabled="true"],
body.stage6-ui-active .stage-chrome-inventory-button[aria-disabled="true"]{
  color:rgba(214,222,232,.34);
  background:linear-gradient(180deg, rgba(13,17,24,.98), rgba(6,9,15,.99));
  border-color:rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 8px 14px rgba(0,0,0,.18);
  filter:saturate(.4) brightness(.8);
  opacity:.92;
  cursor:not-allowed;
  pointer-events:auto;
}

body.stage1-ui-active .stage-chrome-inventory-slot.locked::after,
body.stage2-ui-active .stage-chrome-inventory-slot.locked::after,
body.stage3-ui-active .stage-chrome-inventory-slot.locked::after,
body.stage4-ui-active .stage-chrome-inventory-slot.locked::after,
body.stage5-ui-active .stage-chrome-inventory-slot.locked::after,
body.stage6-ui-active .stage-chrome-inventory-slot.locked::after{
  content:"LOCK";
  position:absolute;
  top:4px;
  right:4px;
  z-index:2;
  padding:2px 4px;
  border-radius:999px;
  color:rgba(238,244,255,.54);
  background:rgba(255,255,255,.1);
  font-size:8px;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
}

body.stage1-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon,
body.stage2-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon,
body.stage3-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon,
body.stage4-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon,
body.stage5-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon,
body.stage6-ui-active .stage-chrome-inventory-slot.locked .eq-tool-icon{
  opacity:.48;
}

body.stage2-ui-active .stage-chrome-inventory .eq-tool-tooltip,
body.stage3-ui-active .stage-chrome-inventory .eq-tool-tooltip,
body.stage4-ui-active .stage-chrome-inventory .eq-tool-tooltip,
body.stage5-ui-active .stage-chrome-inventory .eq-tool-tooltip{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

#ui-layer .eq-tool-tooltip-floating{
  position:absolute;
  z-index:220;
  width:188px;
  padding:9px 11px;
  border-radius:14px;
  background:rgba(7,17,30,.97);
  border:1px solid rgba(126,210,255,.22);
  box-shadow:0 18px 30px rgba(0,0,0,.28);
  color:#eef6ff;
  text-align:left;
  pointer-events:none;
  opacity:1;
  visibility:visible;
  transform:translateY(-50%);
}

#ui-layer .eq-tool-tooltip-floating .eq-tool-tip-line{
  display:block;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  color:#eef6ff;
}

.eq-math-inputs.hidden{
  display:none !important;
}

.eq-math-type-tabs{
  display:inline-flex;
  flex:0 0 auto;
  gap:2px;
  padding:2px;
  border:1px solid rgba(126,232,255,.26);
  border-radius:999px;
  background:rgba(3,18,32,.76);
}

.eq-math-type-tab{
  height:21px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  color:rgba(220,245,255,.72);
  background:transparent;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}

.eq-math-type-tab.active{
  color:#041522;
  background:linear-gradient(180deg, rgba(132,239,255,.96), rgba(54,176,236,.9));
  box-shadow:0 0 12px rgba(80,220,255,.28);
}

.eq-math-mixed-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

.eq-math-mixed-box .fraction-input-box{
  flex:0 0 auto;
}

body.stage2-ui-active .eq-math-tool-panel .eq-math-whole-input,
body.stage3-ui-active .eq-math-tool-panel .eq-math-whole-input,
body.stage4-ui-active .eq-math-tool-panel .eq-math-whole-input,
body.stage5-ui-active .eq-math-tool-panel .eq-math-whole-input{
  width:74px !important;
  font-size:17px !important;
}

.eq-mixed-fraction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.18em;
  color:#fff;
}

.eq-mixed-whole{
  font-weight:950;
  line-height:1;
}

.eq-mixed-fraction .eq-fraction{
  min-width:1.15em;
}

.eq-math-bar-visual{
  display:grid;
  gap:7px;
  width:100%;
  max-width:340px;
  padding:8px;
  border:1px solid rgba(120,230,255,.18);
  border-radius:10px;
  background:rgba(2,12,24,.48);
}

.eq-math-bar-row{
  display:grid;
  grid-template-columns:64px minmax(0, 1fr);
  align-items:center;
  gap:8px;
}

.eq-math-bar-row > span:first-child{
  color:rgba(218,244,255,.76);
  font-size:11px;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
}

.eq-math-numberbar-set{
  display:grid;
  gap:3px;
  min-width:0;
}

body.stage2-ui-active .eq-math-bar-visual .eq-analysis-fraction-bar,
body.stage3-ui-active .eq-math-bar-visual .eq-analysis-fraction-bar,
body.stage4-ui-active .eq-math-bar-visual .eq-analysis-fraction-bar,
body.stage5-ui-active .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:100% !important;
  height:18px !important;
  border-width:1px !important;
  border-radius:5px !important;
}

.eq-math-bar-row.add .eq-analysis-fraction-bar .seg.filled{
  background:linear-gradient(180deg, rgba(115,255,216,.94), rgba(39,190,162,.88));
}

.eq-math-bar-row.subtract .eq-analysis-fraction-bar .seg.filled{
  background:linear-gradient(180deg, rgba(255,165,158,.94), rgba(235,82,106,.88));
}

.eq-math-bar-row.result{
  padding-top:5px;
  border-top:1px solid rgba(126,232,255,.18);
}

.eq-math-bar-row.result .eq-analysis-fraction-bar .seg.filled{
  background:linear-gradient(180deg, rgba(255,224,128,.96), rgba(255,170,57,.9));
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="add"],
body.stage2-ui-active .eq-math-tool-panel[data-tool-id="sub"],
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="add"],
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="sub"],
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="add"],
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="sub"],
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="add"],
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="sub"]{
  width:min(430px, calc(100% - 156px)) !important;
  max-width:430px !important;
  min-height:500px !important;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result,
body.stage2-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result{
  align-content:start;
  min-height:235px !important;
  gap:8px;
}

body.stage2-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-inputs,
body.stage2-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-inputs,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-inputs,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-inputs,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-inputs,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-inputs,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-inputs,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-inputs{
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.eq-math-blank-equation{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(8, 28, 46, 0.7);
  border:1px solid rgba(126, 232, 255, 0.16);
}

.eq-math-blank-fraction .eq-fraction-den{
  font-size:18px;
}

.eq-math-blank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  min-height:30px;
  padding:0 5px;
  border-radius:7px;
  border:1px dashed rgba(168, 220, 255, 0.6);
  background:rgba(8, 24, 40, 0.55);
  color:rgba(255,255,255,.95);
  font-size:18px;
  font-weight:600;
}

/* Hint tool: short, calm guidance text (add/sub items) */
body.stage1-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result-title,
body.stage1-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result-title,
body.stage2-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result-title,
body.stage2-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result-title,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result-title,
body.stage3-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result-title,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result-title,
body.stage4-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result-title,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="add"] .eq-math-result-title,
body.stage5-ui-active .eq-math-tool-panel[data-tool-id="sub"] .eq-math-result-title{
  display:block;
  font-size:19px !important;
  font-weight:600 !important;
  line-height:1.4;
  text-align:left;
  margin:0 0 8px;
}

.eq-math-hint-text{
  margin:6px 0 0;
  color:rgba(214,236,255,.86);
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  text-align:left;
}

.eq-math-hint-section{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:8px 10px;
  margin-top:8px;
  border-radius:10px;
  background:rgba(8, 24, 40, 0.4);
  border:1px solid rgba(126, 232, 255, 0.1);
}

.eq-math-hint-subtitle{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:rgba(168, 220, 255, 0.9);
}

.eq-math-plain-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  font-size:18px;
  font-weight:600;
  color:rgba(230,244,255,.95);
}

/* Keep hint bars compact so improper/mixed amounts never stretch the panel */
body.stage1-ui-active .eq-math-bar-visual .eq-math-numberbar-set,
body.stage2-ui-active .eq-math-bar-visual .eq-math-numberbar-set,
body.stage3-ui-active .eq-math-bar-visual .eq-math-numberbar-set,
body.stage4-ui-active .eq-math-bar-visual .eq-math-numberbar-set,
body.stage5-ui-active .eq-math-bar-visual .eq-math-numberbar-set{
  gap:3px;
}

.eq-tool-icon-question,
.stage-chrome-inventory .eq-tool-icon-question,
.eq-toolbox .eq-tool-icon-question{
  position:relative;
  display:grid;
  place-items:center;
  width:26px;
  height:24px;
}

.eq-tool-icon-question::before,
.stage-chrome-inventory .eq-tool-icon-question::before,
.eq-toolbox .eq-tool-icon-question::before{
  content:"";
  position:absolute;
  left:2px;
  top:2px;
  width:21px;
  height:16px;
  border-radius:9px;
  background:linear-gradient(180deg, rgba(236,252,255,.98), rgba(210,242,255,.94));
  box-shadow:0 0 12px rgba(109,224,255,.35);
}

.eq-tool-icon-question::after,
.stage-chrome-inventory .eq-tool-icon-question::after,
.eq-toolbox .eq-tool-icon-question::after{
  content:"";
  position:absolute;
  left:7px;
  top:16px;
  width:7px;
  height:7px;
  background:linear-gradient(135deg, rgba(210,242,255,.94) 0 50%, transparent 52%);
}

.eq-tool-icon-question img,
.stage-chrome-inventory .eq-tool-icon-question img,
.eq-toolbox .eq-tool-icon-question img{
  display:none;
}

.eq-tool-icon-question > span:not(.eq-tool-icon-question-dots),
.stage-chrome-inventory .eq-tool-icon-question > span:not(.eq-tool-icon-question-dots),
.eq-toolbox .eq-tool-icon-question > span:not(.eq-tool-icon-question-dots){
  display:none;
}

.eq-tool-icon-question-dots,
.stage-chrome-inventory .eq-tool-icon-question-dots,
.eq-toolbox .eq-tool-icon-question-dots{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:16px;
  height:12px;
  margin-top:-3px;
  color:#0a2a44;
  font-size:11px;
  font-weight:900;
  letter-spacing:0.5px;
  line-height:1;
}

body.stage1-ui-active .eq-tool-input-panel.eq-question-tool-panel,
body.stage2-ui-active .eq-tool-input-panel.eq-question-tool-panel,
body.stage3-ui-active .eq-tool-input-panel.eq-question-tool-panel,
body.stage4-ui-active .eq-tool-input-panel.eq-question-tool-panel,
body.stage5-ui-active .eq-tool-input-panel.eq-question-tool-panel,
body.stage6-ui-active .eq-tool-input-panel.eq-question-tool-panel{
  width:var(--robok-ask-panel-width, 420px);
  max-width:var(--robok-ask-panel-width, 420px);
  min-height:0;
  max-height:var(--robok-ask-panel-height);
  padding:10px 12px 12px;
  border-radius:14px;
  overflow:hidden;
}

.eq-question-tool-panel{
  display:flex;
  flex-direction:column;
  gap:0;
}

.eq-question-tool-panel .eq-tool-panel-title-wrap{
  flex:0 0 auto;
  padding:0 24px 4px 0;
  margin:0 0 4px;
  border-bottom:1px solid rgba(126,232,255,.16);
}

.eq-question-tool-panel .eq-tool-panel-title-row{
  align-items:center;
}

.eq-question-tool-panel .eq-tool-panel-title-wrap strong{
  color:#f2fdff;
  font-size:15px;
  font-weight:950;
  line-height:1.3;
  white-space:normal;
}

.eq-question-tool-panel .eq-tool-panel-title-wrap p{
  margin:2px 0 0;
  color:rgba(218,244,255,.72);
  font-size:12px;
  font-weight:760;
  line-height:1.3;
}

.eq-question-tool-panel .eq-tool-panel-head{
  top:7px;
  right:7px;
}

.eq-question-tool-panel .eq-tool-panel-close{
  width:20px;
  height:20px;
  font-size:14px;
}

.eq-question-input-wrap{
  display:grid;
  gap:6px;
  margin-top:8px;
}

.eq-question-label{
  color:rgba(235,250,255,.94);
  font-size:12px;
  font-weight:800;
  line-height:1.3;
}

.eq-question-textarea{
  box-sizing:border-box;
  width:100%;
  min-height:72px;
  max-height:110px;
  padding:10px 12px;
  resize:vertical;
  border:1px solid rgba(126,232,255,.28);
  border-radius:10px;
  outline:none;
  color:#f3fdff;
  background:rgba(3,17,31,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font:inherit;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}

.eq-question-textarea::placeholder{
  color:rgba(220,244,255,.64);
  font-size:12px;
  white-space:pre-line;
  line-height:1.35;
}

.eq-question-textarea:focus{
  border-color:rgba(132,232,255,.72);
  box-shadow:0 0 0 3px rgba(80,220,255,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

.eq-question-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  color:rgba(223,246,255,.78);
  font-size:11px;
  font-weight:700;
  line-height:1.35;
}

.eq-question-meta small{
  color:rgba(223,246,255,.76);
  font-size:11px;
  line-height:1.35;
}

.eq-question-examples{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.eq-question-chip{
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(126,232,255,.2);
  border-radius:999px;
  color:rgba(229,249,255,.86);
  background:rgba(8,28,46,.62);
  font-size:11px;
  font-weight:780;
  line-height:1.25;
  white-space:normal;
  cursor:pointer;
}

.eq-question-chip:hover,
.eq-question-chip:focus-visible{
  outline:0;
  border-color:rgba(126,232,255,.5);
  background:rgba(22,68,96,.72);
}

.eq-question-actions{
  display:flex;
  justify-content:center;
  margin-top:8px;
}

.eq-question-submit{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  max-width:180px;
  height:34px;
  min-width:0;
  border-radius:10px;
  font-size:13px;
  font-weight:850;
}

.eq-question-submit:disabled{
  opacity:.72;
  cursor:wait;
}

.eq-question-spinner{
  width:12px;
  height:12px;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#ffffff;
  border-radius:50%;
  animation:eq-question-spin 760ms linear infinite;
}

.eq-question-error{
  min-height:16px;
  margin-top:6px;
  color:#ffd27c;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  text-align:left;
}

.eq-question-answer{
  flex:1 1 auto;
  min-height:96px;
  max-height:180px;
  margin-top:8px;
  padding:10px 12px;
  overflow-y:auto;
  border:1px solid rgba(120,230,255,.16);
  border-radius:10px;
  background:rgba(2,12,24,.58);
  font-size:12px;
  line-height:1.5;
}

.eq-question-empty{
  display:grid;
  min-height:72px;
  place-items:center;
  margin:0;
  color:rgba(220,244,255,.72);
  font-size:12px;
  font-weight:760;
  text-align:center;
}

.eq-question-record{
  display:grid;
  gap:10px;
  padding:0 0 10px;
  margin:0 0 10px;
  border-bottom:1px solid rgba(126,232,255,.12);
}

.eq-question-record:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0;
}

.eq-question-record-block{
  display:grid;
  gap:4px;
  text-align:left;
}

.eq-question-record-block strong{
  color:#9af0ff;
  font-size:11px;
  font-weight:950;
}

.eq-question-record-block.answer strong{
  color:#bdf7d6;
}

.eq-question-record-block p{
  margin:0;
  color:rgba(238,250,255,.9);
  font-size:12px;
  font-weight:650;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:keep-all;
  overflow-wrap:anywhere;
}

.eq-question-record-block p .textbook-math,
.eq-question-record-block p .eq-mixed-inline{
  display:inline-block;
  vertical-align:middle;
  white-space:nowrap;
}

.eq-question-record-block p .eq-mixed-inline{
  gap:.06em;
}

@keyframes eq-question-spin{
  to{ transform:rotate(360deg); }
}

/* Fixed 1920x1080 item workbench: keep the central learning panel untouched. */
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"],
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"].is-compare,
body.stage1-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"]{
  position:absolute !important;
  left:118px !important;
  top:244px !important;
  width:278px !important;
  min-width:278px !important;
  max-width:278px !important;
  min-height:0 !important;
  max-height:610px !important;
  height:auto !important;
  padding:14px 14px 16px !important;
  overflow:hidden !important;
  transform:none !important;
  border:1px solid #85c9df !important;
  border-radius:16px !important;
  color:#294b5d !important;
  background:#eaf4f8 !important;
  box-shadow:0 10px 24px rgba(7, 39, 58, 0.22) !important;
  backdrop-filter:none !important;
}

body.stage1-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]{
  width:var(--robok-ask-panel-width, 420px) !important;
  min-width:var(--robok-ask-panel-width, 420px) !important;
  max-width:var(--robok-ask-panel-width, 420px) !important;
  min-height:0 !important;
  height:var(--robok-ask-panel-height) !important;
  max-height:var(--robok-ask-panel-height) !important;
  padding:14px 14px 16px !important;
  overflow:hidden !important;
  border:1px solid #85c9df !important;
  border-radius:16px !important;
  color:#294b5d !important;
  background:#eaf4f8 !important;
  box-shadow:0 10px 24px rgba(7, 39, 58, 0.22) !important;
  backdrop-filter:none !important;
}

body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]::before{
  content:"";
  position:absolute;
  left:-12px;
  top:34px;
  width:12px;
  height:2px;
  background:#42b8df;
  box-shadow:0 0 8px rgba(66, 184, 223, 0.32);
}

.stage-chrome-inventory-button.active::after,
body.stage1-ui-active .eq-toolbox .eq-tool-btn.active::after{
  content:"";
  position:absolute;
  right:-9px;
  top:50%;
  transform:translateY(-50%);
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:8px solid #8be3f7;
  filter:drop-shadow(0 0 4px rgba(80, 200, 230, 0.35));
  pointer-events:none;
  z-index:2;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-head{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap{
  margin:-4px -4px 12px !important;
  padding:12px 38px 12px 12px !important;
  border:1px solid rgba(133, 201, 223, 0.55) !important;
  border-radius:12px !important;
  background:#d8edf5 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap strong{
  color:#17384a !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  white-space:normal !important;
  text-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap p,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-description{
  color:#294b5d !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-close{
  width:26px !important;
  height:26px !important;
  border:1px solid rgba(83, 166, 194, 0.45) !important;
  color:#17384a !important;
  background:rgba(255, 255, 255, 0.78) !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-tabs,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-type-tabs{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  gap:4px !important;
  padding:3px !important;
  border:1px solid rgba(133, 201, 223, 0.7) !important;
  border-radius:999px !important;
  background:rgba(255, 255, 255, 0.58) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-tab,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-type-tab{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 8px !important;
  color:#294b5d !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-tab.active,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-type-tab.active{
  color:#082d42 !important;
  background:linear-gradient(180deg, #8be3f7 0%, #45bde8 100%) !important;
  box-shadow:0 3px 9px rgba(7, 39, 58, 0.12) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-section,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-compare-inputs,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-inputs{
  gap:10px !important;
  margin-top:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-inputs{
  grid-template-columns:1fr !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-inputs:not(.single){
  grid-template-columns:1fr 1fr !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-fraction-input{
  border:1px solid rgba(133, 201, 223, 0.55) !important;
  background:rgba(247, 251, 253, 0.9) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-fraction-input > span:first-child,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-compare-slot strong{
  color:#294b5d !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .fraction-input-box{
  border-color:#85c9df !important;
  background:#ffffff !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .fraction-input,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-whole-input{
  color:#17384a !important;
  background:#ffffff !important;
  font-size:18px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .fraction-input::placeholder{
  color:#607985 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .fraction-input-line{
  background:#85c9df !important;
  border-color:#85c9df !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-submit,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-compare,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-submit{
  min-height:38px !important;
  padding:0 16px !important;
  border:1px solid rgba(43, 151, 188, 0.45) !important;
  border-radius:10px !important;
  color:#082d42 !important;
  background:linear-gradient(180deg, #8be3f7 0%, #45bde8 100%) !important;
  box-shadow:0 6px 13px rgba(7, 39, 58, 0.16) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-error{
  color:#9a5b10 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-preview,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result{
  min-height:118px !important;
  max-height:238px !important;
  margin-top:12px !important;
  padding:12px !important;
  overflow-y:auto !important;
  border:1px solid rgba(133, 201, 223, 0.62) !important;
  border-radius:12px !important;
  color:#294b5d !important;
  background:#f7fbfd !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-preview.is-empty,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result.is-empty{
  min-height:44px !important;
  max-height:44px !important;
  padding:10px 12px !important;
  place-items:center !important;
  color:#607985 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-preview.is-empty .eq-tool-empty-preview-text{
  font-size:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-panel-preview.is-empty .eq-tool-empty-preview-text::before{
  content:"분자와 분모를 입력해 보세요.";
  font-size:13px;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result.is-empty span{
  font-size:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result.is-empty span::before{
  content:"분자와 분모를 입력해 보세요.";
  font-size:13px;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result p,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-process,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-result-title,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-interpretation,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-compare-verdict{
  color:#294b5d !important;
  text-shadow:none !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]{
  top:auto !important;
  overflow:hidden !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap strong{
  font-size:18px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap p{
  font-size:13px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-input-wrap{
  gap:7px !important;
  margin-top:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-label{
  color:#294b5d !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-textarea{
  min-height:48px !important;
  height:48px !important;
  max-height:48px !important;
  padding:6px 12px !important;
  overflow:hidden !important;
  border-color:#85c9df !important;
  border-radius:10px !important;
  color:#17384a !important;
  background:#ffffff !important;
  font-size:13px !important;
  line-height:1.3 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-textarea::placeholder{
  color:#607985 !important;
  font-size:13px !important;
  white-space:pre-line !important;
  line-height:1.35 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-meta{
  color:#607985 !important;
  font-size:11px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-meta small{
  color:#607985 !important;
  font-size:11px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-examples{
  gap:6px !important;
  margin-top:10px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-chip{
  min-height:30px !important;
  padding:6px 9px !important;
  color:#294b5d !important;
  background:#f7fbfd !important;
  border-color:rgba(133, 201, 223, 0.7) !important;
  font-size:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-actions{
  margin-top:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit{
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  color:#111111 !important;
  background:#fee500 !important;
  font-size:0 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-error{
  min-height:16px !important;
  margin-top:7px !important;
  font-size:11px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-answer{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin-top:0 !important;
  padding:12px 16px 14px !important;
  overflow-y:auto !important;
  border:0 !important;
  border-radius:0 !important;
  color:#191919 !important;
  background:#bacee0 !important;
  font-size:16px !important;
  line-height:1.5 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-empty{
  min-height:154px !important;
  color:#607985 !important;
  font-size:13px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record{
  gap:10px !important;
  padding-bottom:12px !important;
  margin-bottom:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block strong{
  color:#17384a !important;
  font-size:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block.answer strong{
  color:#24745f !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p{
  color:#294b5d !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* 질문 패널은 밝은 배경 — 대사창용 흰/청록 분수가 보이지 않으므로 on-light로 강제 */
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .eq-mixed-inline{
  color:#0d1f35 !important;
  --game-math-color:#0d1f35 !important;
  --game-math-bar:#0d1f35 !important;
  --math-fs:1em;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .eq-mixed-whole,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .tm-num,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .tm-den,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .tm-whole{
  color:#0d1f35 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .tm-bar,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .eq-fraction-line,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p .textbook-math .fraction-line{
  background:#0d1f35 !important;
  background-color:#0d1f35 !important;
  border-color:#0d1f35 !important;
  opacity:1 !important;
  height:var(--bar-h, 2px);
}

/* Readable fixed-size item panels for the 1920x1080 game canvas.
   Align beside the inventory "아이템" label (inventory is vertically centered). */
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare{
  left:118px !important;
  top:350px !important;
  width:420px !important;
  min-width:420px !important;
  max-width:420px !important;
  min-height:0 !important;
  max-height:620px !important;
  padding:20px 22px 22px !important;
  overflow:hidden !important;
  transform:none !important;
}

/* 분수 막대·원형: 아이템 제목 옆에서 시작, 커넥터도 제목 높이에 맞춤 */
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]::before,
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]::before{
  top:18px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-head{
  top:16px !important;
  right:16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-wrap{
  margin:-6px -6px 18px !important;
  padding:18px 54px 18px 18px !important;
  border-radius:16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-wrap strong{
  font-size:28px !important;
  line-height:1.25 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-wrap p,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-description{
  font-size:18px !important;
  line-height:1.4 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-close{
  width:34px !important;
  height:34px !important;
  font-size:22px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-tabs,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-type-tabs{
  gap:6px !important;
  padding:5px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-tab,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-type-tab{
  height:42px !important;
  padding:0 14px !important;
  font-size:18px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-section,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-inputs,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs{
  gap:16px !important;
  margin-top:16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-fraction-input{
  gap:8px !important;
  padding:12px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-fraction-input > span:first-child,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-slot strong{
  font-size:18px !important;
  line-height:1.3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input-box{
  width:96px !important;
  min-width:96px !important;
  height:118px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input{
  height:52px !important;
  font-size:25px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-whole-input{
  width:92px !important;
  height:52px !important;
  font-size:24px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input-line{
  height:3px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-submit,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-compare,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-submit{
  min-width:150px !important;
  min-height:50px !important;
  padding:0 24px !important;
  border-radius:13px !important;
  font-size:21px !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-preview,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result{
  min-height:170px !important;
  max-height:250px !important;
  padding:18px !important;
  border-radius:16px !important;
  font-size:18px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-preview.is-empty,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result.is-empty{
  min-height:58px !important;
  max-height:58px !important;
  padding:16px 18px !important;
  font-size:17px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-preview.is-empty .eq-tool-empty-preview-text::before,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result.is-empty span::before{
  font-size:17px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result p,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-process,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result-title,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-interpretation,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-verdict{
  font-size:17px !important;
  line-height:1.45 !important;
}

body.stage1-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]{
  z-index:11000 !important;
  width:var(--robok-ask-panel-width, 420px) !important;
  min-width:var(--robok-ask-panel-width, 420px) !important;
  max-width:var(--robok-ask-panel-width, 420px) !important;
  min-height:0 !important;
  height:var(--robok-ask-panel-height) !important;
  max-height:var(--robok-ask-panel-height) !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* 인벤토리 쪽 연결선 숨김 — 질문은 하단 버튼 기준 */
body.stage1-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before,
body.stage2-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before,
body.stage3-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before,
body.stage4-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before,
body.stage5-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before,
body.stage6-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]::before{
  content:none !important;
  display:none !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap{
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap strong{
  font-size:18px !important;
  line-height:1.25 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-clear{
  flex:0 0 auto !important;
  margin-top:4px !important;
  padding:7px 11px !important;
  border:1px solid #85c9df !important;
  border-radius:10px !important;
  background:#f7fbfd !important;
  color:#294b5d !important;
  font-size:14px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-clear:hover,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-clear:focus-visible{
  border-color:#42b8df !important;
  background:#eaf7fb !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-tool-panel-title-wrap p{
  margin-top:8px !important;
  font-size:18px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-input-wrap{
  gap:10px !important;
  margin-top:0 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-label{
  font-size:18px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-textarea{
  min-height:48px !important;
  height:48px !important;
  max-height:48px !important;
  padding:6px 14px !important;
  overflow:hidden !important;
  font-size:13px !important;
  line-height:1.3 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-textarea::placeholder{
  font-size:13px !important;
  white-space:pre-line !important;
  line-height:1.35 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-meta,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-meta small{
  font-size:15px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-examples{
  gap:6px !important;
  margin-top:8px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-chip{
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:12px !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-actions{
  margin-top:8px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit{
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  color:#111111 !important;
  background:#fee500 !important;
  font-size:0 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-error{
  min-height:20px !important;
  margin-top:10px !important;
  font-size:14px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-answer{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin-top:0 !important;
  padding:12px 16px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  color:#191919 !important;
  background:#bacee0 !important;
  font-size:16px !important;
  line-height:1.5 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-empty{
  min-height:154px !important;
  font-size:17px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block strong{
  font-size:16px !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-record-block p{
  font-size:18px !important;
  line-height:1.65 !important;
}

.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-followups{
  margin-top:12px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(133, 201, 223, 0.55) !important;
}

/* Fixed 1920x1080 fraction tool interior polish. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel){
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) *{
  text-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-section,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-tool-body{
  display:grid !important;
  gap:18px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-inputs,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs{
  align-items:start !important;
  justify-items:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-slot,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-fraction-input{
  width:100% !important;
  min-height:168px !important;
  padding:10px 4px !important;
  display:grid !important;
  justify-items:center !important;
  align-content:start !important;
  gap:12px !important;
  border:0 !important;
  border-radius:0 !important;
  color:#17384a !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-slot strong,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-fraction-input > span:first-child{
  min-height:24px !important;
  color:#17384a !important;
  font-size:18px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input-box{
  width:82px !important;
  min-width:82px !important;
  height:126px !important;
  min-height:126px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-rows:54px 6px 54px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input{
  width:66px !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 !important;
  border:2px solid #7bc6df !important;
  border-radius:12px !important;
  color:#17384a !important;
  background:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  font-size:28px !important;
  font-weight:850 !important;
  line-height:54px !important;
  text-align:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input::placeholder{
  color:#7b98a6 !important;
  font-size:22px !important;
  opacity:1 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input:focus{
  border-color:#42b8df !important;
  box-shadow:0 0 0 3px rgba(66, 184, 223, 0.2) !important;
  outline:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .fraction-input-line{
  width:82px !important;
  min-width:82px !important;
  height:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-mixed-input{
  min-height:168px !important;
  grid-template-columns:auto auto !important;
  align-content:start !important;
  column-gap:8px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-mixed-box{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-whole-input{
  width:62px !important;
  min-width:62px !important;
  height:56px !important;
  padding:0 !important;
  border:2px solid #7bc6df !important;
  border-radius:12px !important;
  color:#17384a !important;
  background:#ffffff !important;
  font-size:27px !important;
  font-weight:850 !important;
  text-align:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-mixed-box .fraction-input-box{
  width:74px !important;
  min-width:74px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-mixed-box .fraction-input{
  width:60px !important;
  font-size:26px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-mixed-box .fraction-input-line{
  width:74px !important;
  min-width:74px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-submit,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-compare,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-submit{
  justify-self:center !important;
  margin:0 !important;
  color:#082d42 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-actions{
  display:grid !important;
  justify-items:center !important;
  gap:12px !important;
  margin:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tabs-inline{
  width:272px !important;
  height:46px !important;
  min-height:46px !important;
  padding:5px !important;
  display:flex !important;
  gap:5px !important;
  border:1px solid #85c9df !important;
  border-radius:999px !important;
  background:#d8edf5 !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tab{
  width:129px !important;
  height:34px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#294b5d !important;
  background:transparent !important;
  font-size:18px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tab.active{
  color:#082d42 !important;
  background:linear-gradient(180deg, #8be3f7 0%, #45bde8 100%) !important;
  box-shadow:0 4px 10px rgba(7, 39, 58, 0.14) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-preview,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result{
  display:grid !important;
  align-content:start !important;
  justify-items:center !important;
  gap:14px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border-color:#b7ddeb !important;
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-preview.is-empty,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result.is-empty{
  align-content:center !important;
  justify-items:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel).is-compare .eq-tool-panel-preview{
  min-height:218px !important;
  max-height:250px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-preview-fraction,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-fraction,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result-fraction,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result .eq-fraction,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .textbook-math{
  color:#17384a !important;
  font-size:30px !important;
  font-weight:850 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-fraction-num,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-fraction-den,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .tm-num,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .tm-den{
  color:#17384a !important;
  font-size:30px !important;
  font-weight:850 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-fraction-line,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .tm-bar{
  background:#17384a !important;
  border-color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-symbol{
  color:#17384a !important;
  font-size:28px !important;
  font-weight:900 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result-title{
  color:#17384a !important;
  font-size:20px !important;
  line-height:1.35 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-result p,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-process,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-interpretation,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-verdict,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-hint-text{
  color:#294b5d !important;
  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.5 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-model-wrap,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-model-area,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-models{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-model{
  display:grid !important;
  justify-items:center !important;
  gap:8px !important;
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-fraction-bar{
  width:292px !important;
  height:42px !important;
  min-height:42px !important;
  border:2px solid #17384a !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  box-shadow:0 5px 12px rgba(7, 39, 58, 0.12) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-fraction-bar .seg{
  border-right:1px solid rgba(23, 56, 74, 0.5) !important;
  background:#ffffff !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-fraction-bar .seg.filled{
  background:#2e9bd3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-model:nth-child(2) .eq-analysis-fraction-bar .seg.filled{
  background:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-model{
  width:156px !important;
  height:156px !important;
  min-width:156px !important;
  color:#17384a !important;
  filter:drop-shadow(0 5px 10px rgba(7, 39, 58, 0.14)) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-model path{
  stroke:#17384a !important;
  stroke-width:1.3 !important;
  fill:#ffffff !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-model path.filled{
  fill:#2e9bd3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-model:nth-child(2) .eq-analysis-circle-model path.filled{
  fill:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-model circle{
  stroke:#17384a !important;
  stroke-width:1.2 !important;
  fill:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay{
  width:318px !important;
  min-height:118px !important;
  display:grid !important;
  gap:10px !important;
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay::before,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay-wrap::before,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-overlay-wrap::before{
  content:none;
  justify-self:center !important;
  color:#294b5d !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-merge-stage{
  width:318px !important;
  height:70px !important;
  border-radius:12px !important;
  background:#ffffff !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-ratio-track{
  height:28px !important;
  border:1px solid rgba(23, 56, 74, 0.44) !important;
  border-radius:9px !important;
  background:#ffffff !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-a{
  top:6px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-ratio-track.is-b{
  top:36px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-ratio-fill.a{
  background:rgba(46, 155, 211, 0.86) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-ratio-fill.b{
  background:rgba(55, 191, 166, 0.86) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-end-marker{
  width:4px !important;
  height:68px !important;
  border-radius:999px !important;
  background:#17384a !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-end-marker.a{
  background:#2e9bd3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay .eq-overlay-end-marker.b{
  background:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay{
  width:184px !important;
  height:184px !important;
  color:#17384a !important;
  filter:drop-shadow(0 5px 10px rgba(7, 39, 58, 0.14)) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay .eq-overlay-circle-base,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay path{
  stroke:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay .eq-overlay-circle-fill.a{
  fill:rgba(46, 155, 211, 0.62) !important;
  stroke:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay .eq-overlay-circle-fill.b{
  fill:rgba(55, 191, 166, 0.62) !important;
  stroke:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div{
  min-height:76px !important;
  padding:12px 14px !important;
  border:1px solid #b7ddeb !important;
  border-radius:14px !important;
  background:#f7fbfd !important;
  box-shadow:0 4px 10px rgba(7, 39, 58, 0.08) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span:not(.eq-math-symbol):not(.eq-fraction){
  display:inline-flex !important;
  align-items:center !important;
  color:#294b5d !important;
  font-size:18px !important;
}

body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span,
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span,
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span,
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span,
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span,
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-common-results > div > span{
  display:inline-flex !important;
  align-items:center !important;
  color:#294b5d !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-visual{
  width:100% !important;
  display:grid !important;
  gap:12px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:74px 1fr !important;
  align-items:center !important;
  gap:12px !important;
  color:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-row > span:first-child{
  color:#294b5d !important;
  font-size:17px !important;
  font-weight:850 !important;
  text-align:right !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-numberbar-set{
  display:grid !important;
  gap:7px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-row.add .seg.filled{
  background:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-row.subtract .seg.filled{
  background:#f19a45 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-bar-row.result .seg.filled{
  background:#f2a43a !important;
}

/* 뺄셈: 남은 양은 빼는 양(주황)과 구분되는 보라색 */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row.result .seg.filled{
  background:#8b7cf0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-blank-equation,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-final-result,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-equation{
  flex-wrap:wrap !important;
  color:#17384a !important;
  row-gap:10px !important;
}

/* Fixed 1920x1080 tab visibility restoration. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-section.hidden,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-mode-section[hidden],
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs.hidden,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs[hidden]{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-single-section:not(.hidden):not([hidden]){
  display:grid !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-section:not(.hidden):not([hidden]){
  display:grid !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-view{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-view.active{
  display:grid !important;
  width:100% !important;
  justify-items:center !important;
  align-content:start !important;
  gap:14px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-single-section .eq-tool-panel-submit{
  margin-top:2px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-section .eq-tool-panel-submit{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-single-section .eq-tool-compare-inputs,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-single-section .eq-tool-compare-actions,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-section > .fraction-input-box{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-preview-model-row{
  width:100% !important;
  display:grid !important;
  justify-items:center !important;
  gap:16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-result{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  align-items:start !important;
  justify-items:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel)[data-tool-id="bar"] .eq-tool-compare-result .eq-analysis-fraction-bar{
  width:164px !important;
  height:38px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel)[data-tool-id="circle"] .eq-tool-compare-result .eq-analysis-circle-model{
  width:132px !important;
  height:132px !important;
  min-width:132px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel)[data-tool-id="bar"] .eq-tool-preview-model-row .eq-analysis-fraction-bar{
  width:304px !important;
  height:44px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel)[data-tool-id="circle"] .eq-tool-preview-model-row .eq-analysis-circle-model{
  width:170px !important;
  height:170px !important;
  min-width:170px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs-proper:not(.hidden):not([hidden]){
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs-mixed:not(.hidden):not([hidden]){
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-inputs-proper .eq-math-whole-input{
  display:none !important;
}

.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"]{
  max-height:620px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  width:100% !important;
  min-height:230px !important;
  max-height:260px !important;
  padding:18px 24px 28px 18px !important;
  border:1px solid #b7ddeb !important;
  border-radius:16px !important;
  background:#f7fbfd !important;
  color:#17384a !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-gutter:stable !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  width:100% !important;
  padding:14px 12px !important;
  display:flex !important;
  justify-content:center !important;
  gap:22px !important;
  border:1px solid #d4eaf2 !important;
  border-radius:14px !important;
  background:#ffffff !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank{
  min-width:31px !important;
  min-height:31px !important;
  padding:0 5px !important;
  border:2px dashed #7bc6df !important;
  border-radius:8px !important;
  background:#ffffff !important;
  color:#17384a !important;
  font-size:17px !important;
  font-weight:850 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-fraction .eq-fraction-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-fraction .eq-fraction-den{
  color:#17384a !important;
  font-size:27px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation .eq-math-symbol,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation .eq-math-symbol{
  color:#17384a !important;
  font-size:28px !important;
  font-weight:900 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:100% !important;
  max-width:none !important;
  padding:14px 18px 16px 12px !important;
  gap:12px !important;
  border:1px solid #d4eaf2 !important;
  border-radius:14px !important;
  background:#ffffff !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:74px 1fr !important;
  gap:12px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  border:2px solid #17384a !important;
  border-radius:9px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-section{
  border:1px solid #d4eaf2 !important;
  background:#ffffff !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-plain-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-plain-line{
  color:#17384a !important;
}

/* Fixed 1920x1080 item button and calculation cleanup. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-submit,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-compare,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-submit{
  width:122px !important;
  min-width:122px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
  border:1px solid #348184 !important;
  border-radius:11px !important;
  color:#ffffff !important;
  background:#4fa6a5 !important;
  box-shadow:0 4px 10px rgba(7, 39, 58, 0.14) !important;
  font-size:19px !important;
  font-weight:850 !important;
  line-height:44px !important;
  text-align:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-submit:hover,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-compare:hover,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-math-submit:hover{
  background:#3d8f91 !important;
  box-shadow:0 5px 11px rgba(7, 39, 58, 0.16) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  gap:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  grid-column:auto !important;
  justify-self:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tabs-inline{
  width:188px !important;
  height:34px !important;
  min-height:34px !important;
  padding:3px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:4px !important;
  border:1px solid #85c9df !important;
  border-radius:9px !important;
  background:#eef7fa !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tab{
  width:88px !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border:1px solid transparent !important;
  border-radius:7px !important;
  color:#294b5d !important;
  background:#ffffff !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:28px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tab.active{
  color:#082d42 !important;
  background:#d8edf5 !important;
  border-color:#85c9df !important;
  box-shadow:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-result-title{
  color:#17384a !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-sign,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-factor,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction b,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results .eq-math-symbol{
  color:#247c91 !important;
  font-weight:700 !important;
}

.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"]{
  top:156px !important;
  max-height:720px !important;
  padding:16px 20px 20px !important;
  overflow:visible !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-wrap,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-wrap{
  margin:-4px -4px 12px !important;
  padding:14px 48px 14px 14px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-wrap strong,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-wrap strong{
  font-size:24px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inputs,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inputs{
  gap:12px !important;
  margin-top:12px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-input{
  min-height:138px !important;
  padding:8px 4px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-mixed-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-mixed-input{
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  align-content:start !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-mixed-input.hidden,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-mixed-input[hidden],
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-mixed-input.hidden,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-mixed-input[hidden]{
  display:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-mixed-box,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-mixed-box{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-input{
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:54px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .fraction-input-box,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .fraction-input-box{
  width:72px !important;
  min-width:72px !important;
  height:112px !important;
  min-height:112px !important;
  grid-template-rows:48px 4px 48px !important;
  gap:6px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .fraction-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .fraction-input{
  width:60px !important;
  height:48px !important;
  min-height:48px !important;
  font-size:25px !important;
  line-height:48px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .fraction-input-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .fraction-input-line{
  width:72px !important;
  min-width:72px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-submit,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-submit{
  margin-top:0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-error,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-error{
  min-height:14px !important;
  font-size:13px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  margin-top:10px !important;
  padding:14px 18px 22px 14px !important;
  overflow:visible !important;
  scrollbar-gutter:auto !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result.is-empty,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result.is-empty{
  min-height:52px !important;
  max-height:52px !important;
  padding:14px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result-title,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result-title{
  font-size:18px !important;
  margin:0 !important;
  text-align:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-text,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-text{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.35 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  padding:10px !important;
  gap:20px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  padding:12px 16px 14px 10px !important;
  gap:10px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  height:32px !important;
  min-height:32px !important;
}

.s61-btn,
.s61-guide-btn,
.s61-aligned-subtract-btn,
.s5-subtract-answer-button,
.s5-subtract-next-btn{
  background:#4fa6a5 !important;
  border-color:#348184 !important;
  color:#ffffff !important;
  box-shadow:0 4px 10px rgba(7, 39, 58, 0.14) !important;
}

.s61-btn:hover,
.s61-guide-btn:hover,
.s61-aligned-subtract-btn:hover,
.s5-subtract-answer-button:hover,
.s5-subtract-next-btn:hover{
  background:#3d8f91 !important;
}

/* Fixed 1920x1080 final item-panel alignment pass. */
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-tab,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-type-tab{
  border:1px solid #c5dde6 !important;
  color:#294b5d !important;
  background:#f7fbfd !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-tool-mode-tab.active,
.eq-tool-input-panel[data-stage-shared-tool="true"] .eq-math-type-tab.active{
  border:1px solid #84c4c2 !important;
  color:#21575a !important;
  background:#b9dedd !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-section{
  gap:16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-inputs{
  row-gap:14px !important;
  column-gap:16px !important;
  margin-top:10px !important;
  margin-bottom:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-actions{
  gap:11px !important;
  margin-top:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  width:120px !important;
  min-width:120px !important;
  height:44px !important;
  min-height:44px !important;
  line-height:44px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tabs-inline{
  width:150px !important;
  height:30px !important;
  min-height:30px !important;
  padding:2px !important;
  gap:6px !important;
  border-radius:8px !important;
  background:#eef7fa !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-result-view-tab{
  width:70px !important;
  height:26px !important;
  min-height:26px !important;
  border-radius:7px !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:26px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay::before,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay-wrap::before,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-overlay-wrap::before{
  content:none !important;
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-overlay-wrap{
  width:100% !important;
  display:grid !important;
  justify-items:center !important;
  gap:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-legend{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  color:#294b5d !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-legend span{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-legend i{
  display:inline-block !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-legend i.a{
  background:rgba(46, 155, 211, 0.8) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-legend i.b{
  background:rgba(55, 191, 166, 0.8) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-bar-overlay{
  width:330px !important;
  min-height:54px !important;
  display:grid !important;
  justify-items:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-bar{
  position:relative !important;
  width:330px !important;
  height:52px !important;
  overflow:hidden !important;
  border:2px solid #17384a !important;
  border-radius:11px !important;
  background:#ffffff !important;
  box-shadow:0 5px 12px rgba(7, 39, 58, 0.12) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-fill{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:block !important;
  mix-blend-mode:multiply !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-fill.a{
  width:var(--a-ratio) !important;
  background:rgba(46, 155, 211, 0.65) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-fill.b{
  width:var(--b-ratio) !important;
  background:rgba(55, 191, 166, 0.65) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-grid{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:1fr !important;
  pointer-events:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-seg{
  display:block !important;
  border-right:1px solid rgba(23, 56, 74, 0.42) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-shared-seg:last-child{
  border-right:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-merge-stage,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-ratio-track,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-overlay-end-marker{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay{
  width:188px !important;
  height:188px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay .eq-overlay-circle-fill.a{
  fill:rgba(46, 155, 211, 0.65) !important;
  mix-blend-mode:multiply !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-analysis-circle-overlay .eq-overlay-circle-fill.b{
  fill:rgba(55, 191, 166, 0.65) !important;
  mix-blend-mode:multiply !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-compare-verdict{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#294b5d !important;
  font-size:16px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
}

.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"]{
  top:126px !important;
  max-height:780px !important;
  padding:14px 18px 20px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-wrap,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-wrap{
  margin:-2px -2px 10px !important;
  padding:12px 48px 12px 14px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  width:100% !important;
  margin-top:8px !important;
  padding:16px 20px 22px !important;
  display:grid !important;
  align-content:start !important;
  justify-items:stretch !important;
  gap:18px !important;
  overflow:visible !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result-title,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result-title{
  display:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  width:100% !important;
  margin:0 !important;
  padding:12px 14px !important;
  justify-content:center !important;
  gap:22px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:100% !important;
  margin:0 !important;
  padding:14px 18px 22px 12px !important;
  display:grid !important;
  gap:11px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:76px 1fr !important;
  gap:12px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:76px !important;
  text-align:right !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-numberbar-set{
  width:100% !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-section{
  margin:0 !important;
  padding:10px 12px !important;
  display:grid !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-section:has(.eq-math-plain-line):not(:has(.eq-math-bar-visual)),
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-section:has(.eq-math-plain-line):not(:has(.eq-math-bar-visual)){
  min-height:78px !important;
  align-content:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-subtitle{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-plain-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-plain-line{
  margin:0 !important;
  justify-content:center !important;
  gap:12px !important;
  font-size:20px !important;
  line-height:1.2 !important;
}

/* Fixed 1920x1080 bar/circle item-panel compact height pass. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel){
  height:590px !important;
  min-height:590px !important;
  max-height:590px !important;
  overflow:hidden !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-wrap{
  margin-bottom:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-single-section,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-section{
  min-height:0 !important;
  height:auto !important;
  align-content:start !important;
  justify-items:center !important;
  gap:12px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-single-inputs{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-single-section > .fraction-input-box{
  margin-top:4px !important;
  margin-bottom:4px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-single-section .eq-tool-panel-submit{
  margin-top:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-inputs{
  row-gap:8px !important;
  column-gap:16px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-slot{
  min-height:126px !important;
  padding-bottom:0 !important;
  gap:8px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 120px 128px !important;
  align-items:center !important;
  justify-items:center !important;
  column-gap:6px !important;
  row-gap:6px !important;
  margin-top:-10px !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  grid-column:2 !important;
  justify-self:center !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tabs-inline{
  grid-column:3 !important;
  justify-self:end !important;
  width:128px !important;
  min-width:128px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tab{
  width:54px !important;
  min-width:54px !important;
  font-size:11px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-preview{
  min-height:138px !important;
  max-height:166px !important;
  margin-top:6px !important;
  padding:12px 16px !important;
  overflow:hidden !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-preview.is-empty{
  min-height:52px !important;
  max-height:52px !important;
  padding:14px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-preview-model-row{
  gap:8px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-preview-fraction{
  display:none !important;
}

/* Fixed 1920x1080 item-panel cleanup pass after visual QA. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel){
  height:auto !important;
  min-height:0 !important;
  max-height:590px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-preview{
  min-height:0 !important;
  max-height:150px !important;
  margin-top:4px !important;
  padding:12px 16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-preview.is-empty{
  min-height:52px !important;
  max-height:52px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-preview-model-row .eq-analysis-fraction-bar{
  width:300px !important;
  height:42px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-interpretation{
  margin:6px 0 0 !important;
  font-size:16px !important;
  line-height:1.3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-inputs{
  row-gap:10px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-slot{
  min-height:148px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions{
  grid-template-columns:1fr 120px 128px !important;
  column-gap:6px !important;
  margin-top:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  justify-self:center !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tabs-inline{
  width:128px !important;
  min-width:128px !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tab{
  width:59px !important;
  min-width:59px !important;
  font-size:12px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-panel-preview{
  max-height:150px !important;
  padding:10px 16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-result{
  gap:18px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-model{
  gap:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-fraction{
  display:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-result .eq-analysis-fraction-bar{
  width:166px !important;
  height:38px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-result{
  max-height:238px !important;
  overflow:hidden !important;
  gap:10px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results{
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results > div{
  min-height:62px !important;
  padding:8px 10px !important;
  display:grid !important;
  grid-template-columns:70px 24px 110px 24px 70px !important;
  align-items:center !important;
  justify-items:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-symbol{
  width:24px !important;
  text-align:center !important;
  justify-content:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction b{
  color:#247c91 !important;
  font-size:18px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-result p{
  display:none !important;
}

.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
.eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"]{
  top:118px !important;
  height:744px !important;
  max-height:744px !important;
  padding:12px 18px 18px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  max-height:336px !important;
  padding:12px 16px 16px !important;
  gap:12px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  flex:1 1 auto !important;
  margin-top:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  padding:8px 10px !important;
  gap:14px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  padding:10px 12px 12px 8px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:64px 1fr !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:64px !important;
  font-size:15px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  height:28px !important;
  min-height:28px !important;
}

/* Fixed 1920x1080 exact compare-action alignment and common-denominator spacing. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tabs{
  width:310px !important;
  max-width:310px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tab{
  text-align:center !important;
  justify-content:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:44px !important;
  margin-top:4px !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tabs-inline{
  position:absolute !important;
  right:0 !important;
  top:7px !important;
  width:128px !important;
  min-width:128px !important;
  margin:0 !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-panel-preview{
  max-height:178px !important;
  padding:10px 16px 12px !important;
  overflow:hidden !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel)[data-tool-id="circle"].is-compare .eq-tool-compare-result .eq-analysis-circle-model{
  width:96px !important;
  height:96px !important;
  min-width:96px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-verdict{
  margin:4px 0 0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results > div{
  grid-template-columns:60px 40px 122px 40px 60px !important;
  column-gap:0 !important;
  justify-items:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-symbol{
  width:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction{
  justify-self:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction b{
  color:#247c91 !important;
  font-size:22px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

/* Fixed 1920x1080 compare view tabs: keep button centered, push tabs to panel right. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions{
  position:relative !important;
  display:block !important;
  width:420px !important;
  height:44px !important;
  margin-left:-22px !important;
  margin-top:4px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-compare-actions .eq-tool-panel-compare{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tabs-inline{
  position:absolute !important;
  right:14px !important;
  top:7px !important;
  width:122px !important;
  min-width:122px !important;
  margin:0 !important;
  transform:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-result-view-tab{
  width:56px !important;
  min-width:56px !important;
  font-size:11px !important;
}

/* Fixed 1920x1080 overlay compare: keep circle fully inside preview. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-panel-preview{
  max-height:192px !important;
  padding:8px 16px 12px !important;
  overflow:visible !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-compare-view[data-compare-view-panel="overlay"].active{
  gap:4px !important;
  align-content:start !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-tool-overlay-wrap{
  gap:4px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-legend{
  font-size:13px !important;
  line-height:1 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel)[data-tool-id="circle"].is-compare .eq-analysis-circle-overlay{
  width:116px !important;
  height:116px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel)[data-tool-id="circle"].is-compare .eq-tool-overlay-wrap .eq-tool-compare-verdict{
  margin-top:2px !important;
}

/* Fixed 1920x1080 common-denominator input spacing. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-inputs{
  width:270px !important;
  margin:14px auto 0 !important;
  display:grid !important;
  grid-template-columns:96px 96px !important;
  justify-content:center !important;
  justify-items:center !important;
  column-gap:34px !important;
  row-gap:0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-fraction-input{
  width:96px !important;
  min-width:96px !important;
  min-height:146px !important;
  padding:8px 0 0 !important;
  align-content:start !important;
}

/* Fixed 1920x1080 mode tabs: center the tab group in the title area. */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row{
  display:block !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tabs{
  position:relative !important;
  left:50% !important;
  width:310px !important;
  max-width:310px !important;
  margin:10px 0 0 !important;
  transform:translateX(-50%) !important;
}

/* Fixed 1920x1080 common tool compact labels and equation rhythm. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"]{
  max-height:560px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-inputs{
  margin-top:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-fraction-input{
  min-height:118px !important;
  padding-top:0 !important;
  gap:4px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-fraction-input > span:first-child{
  display:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-submit{
  margin-top:-4px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-result{
  margin-top:8px !important;
  max-height:218px !important;
  padding:12px 16px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-result-title{
  margin:0 0 8px !important;
  font-size:19px !important;
  line-height:1.2 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results{
  gap:7px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results > div{
  min-height:58px !important;
  padding:6px 8px !important;
  grid-template-columns:56px 42px 128px 42px 56px !important;
  column-gap:0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-symbol{
  width:42px !important;
  font-size:24px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction{
  justify-self:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction b{
  color:#247c91 !important;
  font-size:28px !important;
  font-weight:850 !important;
}

/* Fixed 1920x1080 common result equation rhythm: equal gaps around equals. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results > div{
  min-height:58px !important;
  padding:6px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;
  grid-template-columns:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-common-results .eq-math-result-fraction{
  width:46px !important;
  min-width:46px !important;
  justify-content:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction{
  width:102px !important;
  min-width:102px !important;
  justify-content:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-symbol{
  width:auto !important;
  min-width:18px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction .tm-num,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction .eq-fraction-num,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-operation-fraction .eq-fraction-den{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  white-space:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-math-op-factor{
  display:inline-block !important;
  color:#247c91 !important;
  font-size:28px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

/* Fixed 1920x1080 add/sub bars: shrink the base bar so the right edge never clips. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  padding:12px 14px 16px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:344px !important;
  max-width:344px !important;
  margin:0 auto !important;
  padding:10px 8px 12px !important;
  box-sizing:border-box !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  width:100% !important;
  grid-template-columns:56px 258px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:56px !important;
  font-size:14px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-numberbar-set{
  width:258px !important;
  max-width:258px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:258px !important;
  max-width:258px !important;
  height:27px !important;
  min-height:27px !important;
}

/* Fixed 1920x1080 add/sub result guide and balanced bar margins. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-guide-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-guide-equation{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:12px 10px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-guide-token,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-guide-token{
  min-width:68px !important;
  height:34px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed #85c9df !important;
  border-radius:10px !important;
  color:#294b5d !important;
  background:#ffffff !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-guide-token.result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-guide-token.result{
  color:#17384a !important;
  background:#eaf4f8 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:318px !important;
  max-width:318px !important;
  margin:0 auto !important;
  padding:10px 10px 12px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:54px 232px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:54px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:232px !important;
  max-width:232px !important;
}

/* Fixed 1920x1080 add/sub blank fractions: empty numerator boxes, not square text. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  padding:12px 10px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  display:block !important;
  border:2px dashed #85c9df !important;
  border-radius:6px !important;
  background:#ffffff !important;
  font-size:0 !important;
  line-height:0 !important;
}

/* Fixed 1920x1080 add/sub result card: prevent content-box padding from clipping the right edge. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  width:360px !important;
  max-width:360px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:12px 12px 16px !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-equation{
  width:336px !important;
  max-width:336px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px 8px !important;
  box-sizing:border-box !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
  overflow:visible !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-blank-fraction,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-blank-fraction{
  min-width:58px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:300px !important;
  max-width:300px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px 8px 12px !important;
  box-sizing:border-box !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:52px 220px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:52px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:220px !important;
  max-width:220px !important;
}

/* Fixed 1920x1080 mixed add/sub result: one-line whole and fraction equations. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  max-height:356px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-section{
  padding:8px 10px !important;
  gap:8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inline-equation-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inline-equation-section{
  width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inline-equation-section .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inline-equation-section .eq-math-hint-subtitle{
  width:54px !important;
  min-width:54px !important;
  margin:0 !important;
  color:#294b5d !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:right !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-plain-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-plain-line{
  width:214px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  font-size:18px !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank-equation{
  width:244px !important;
  max-width:244px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  flex-wrap:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank-fraction,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank-fraction{
  min-width:45px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank{
  width:28px !important;
  height:28px !important;
  border-radius:7px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-fraction-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-fraction-den{
  font-size:22px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-symbol,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-symbol{
  width:auto !important;
  min-width:14px !important;
  font-size:22px !important;
}

/* Fixed 1920x1080 add/sub mixed result: smaller numerator blanks and visible footer text. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  max-height:360px !important;
  padding:10px 12px 14px !important;
  gap:6px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-hint-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-hint-section{
  padding:6px 8px !important;
  gap:6px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inline-equation-section,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inline-equation-section{
  min-height:36px !important;
  gap:9px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank-equation{
  width:222px !important;
  max-width:222px !important;
  gap:7px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank-fraction,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank-fraction{
  min-width:38px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-blank{
  width:22px !important;
  height:22px !important;
  border-width:2px !important;
  border-radius:6px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-fraction-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-fraction-den{
  font-size:19px !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-symbol,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-symbol{
  font-size:20px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual{
  width:286px !important;
  max-width:286px !important;
  padding:7px 8px 8px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row{
  grid-template-columns:48px 210px !important;
  gap:7px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-row > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-row > span:first-child{
  width:48px !important;
  font-size:13px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-numberbar-set,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-bar-visual .eq-analysis-fraction-bar,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-bar-visual .eq-analysis-fraction-bar{
  width:210px !important;
  max-width:210px !important;
  height:23px !important;
  min-height:23px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result .eq-math-hint-text,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result .eq-math-hint-text{
  margin:2px 0 0 !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

/* Fixed 1920x1080 add/sub mixed result: keep labels and equations on one line. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 !important;
  gap:9px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-hint-subtitle,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-hint-subtitle{
  width:48px !important;
  min-width:48px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-align:right !important;
  white-space:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-plain-line,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-plain-line{
  width:194px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;
  color:#17384a !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-symbol,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-symbol{
  color:#17384a !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-whole-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-whole-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank{
  width:20px !important;
  height:20px !important;
  border-radius:5px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-math-blank-equation,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-math-blank-equation{
  width:218px !important;
  max-width:218px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .tm-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-line .eq-fraction-den,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-line .eq-fraction-den{
  color:#17384a !important;
  font-size:21px !important;
  font-weight:900 !important;
}

/* Fixed 1920x1080 add/sub header and compact input labels. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-wrap,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-wrap{
  padding:10px 44px 10px 16px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-row{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-row strong,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-row strong{
  flex:0 0 auto !important;
  font-size:22px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-type-tabs,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-type-tabs{
  flex:0 0 154px !important;
  width:154px !important;
  max-width:154px !important;
  min-width:154px !important;
  height:30px !important;
  margin:0 !important;
  padding:2px !important;
  gap:3px !important;
  align-self:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-type-tab,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-type-tab{
  height:24px !important;
  min-height:24px !important;
  padding:0 4px !important;
  font-size:11px !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inputs,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inputs{
  margin-top:10px !important;
  gap:18px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-input{
  padding:0 4px !important;
  border:0 !important;
  background:transparent !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-input > span:first-child,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-input > span:first-child{
  display:none !important;
}

/* Fixed 1920x1080 add/sub fraction type tabs: remove awkward outer capsule. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-type-tabs,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-type-tabs{
  flex:0 0 132px !important;
  width:132px !important;
  max-width:132px !important;
  min-width:132px !important;
  height:24px !important;
  padding:0 !important;
  gap:6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-type-tab,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-type-tab{
  flex:1 1 0 !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 3px !important;
  border:1px solid rgba(133, 201, 223, 0.72) !important;
  border-radius:999px !important;
  color:#294b5d !important;
  background:rgba(255, 255, 255, 0.72) !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-type-tab.active,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-type-tab.active{
  border-color:#73bfd3 !important;
  color:#082d42 !important;
  background:#b8e2e2 !important;
  box-shadow:0 2px 5px rgba(7, 39, 58, 0.10) !important;
}

/* Fixed 1920x1080 bar/circle mode tabs: place mode chips on the title row. */
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-wrap,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-wrap{
  padding:10px 42px 10px 16px !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row strong,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row strong{
  flex:0 0 auto !important;
  font-size:22px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tabs,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tabs{
  position:static !important;
  left:auto !important;
  transform:none !important;
  flex:0 0 142px !important;
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  gap:6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tab,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tab{
  flex:1 1 0 !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 3px !important;
  border:1px solid rgba(133, 201, 223, 0.72) !important;
  border-radius:999px !important;
  color:#294b5d !important;
  background:rgba(255, 255, 255, 0.72) !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tab.active,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-mode-tab.active{
  border-color:#73bfd3 !important;
  color:#082d42 !important;
  background:#b8e2e2 !important;
  box-shadow:0 2px 5px rgba(7, 39, 58, 0.10) !important;
}

/* Fixed 1920x1080 common tool title: match other item headers. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-wrap{
  padding:10px 42px 10px 16px !important;
  min-height:0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-row{
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-wrap strong,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-row strong{
  font-size:22px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

/* Fixed 1920x1080 compare overlay: animate the two original models into overlap. */
@keyframes eqToolBarMergeA{
  0%{ transform:translate(-36px, -8px); opacity:1; }
  68%{ transform:translate(0, 0); opacity:1; }
  100%{ transform:translate(0, 0); opacity:.92; }
}

@keyframes eqToolBarMergeB{
  0%{ transform:translate(36px, 8px); opacity:1; }
  68%{ transform:translate(0, 0); opacity:.72; }
  100%{ transform:translate(0, 0); opacity:.72; }
}

@keyframes eqToolCircleMergeA{
  0%{ transform:translateX(-34px) scale(.96); opacity:1; }
  70%{ transform:translateX(0) scale(1); opacity:1; }
  100%{ transform:translateX(0) scale(1); opacity:.9; }
}

@keyframes eqToolCircleMergeB{
  0%{ transform:translateX(34px) scale(.96); opacity:1; }
  70%{ transform:translateX(0) scale(1); opacity:.72; }
  100%{ transform:translateX(0) scale(1); opacity:.72; }
}

@keyframes eqToolMarkerFade{
  0%, 62%{ opacity:0; }
  100%{ opacity:1; }
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay{
  width:292px !important;
  min-height:72px !important;
  display:grid !important;
  place-items:center !important;
  gap:0 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-merge-stage{
  position:relative !important;
  display:block !important;
  width:260px !important;
  height:54px !important;
  margin:0 auto !important;
  overflow:visible !important;
  border-radius:12px !important;
  background:transparent !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-moving-bar{
  position:absolute !important;
  left:0 !important;
  top:10px !important;
  width:260px !important;
  display:block !important;
  transform-origin:left center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-moving-bar .eq-analysis-fraction-bar{
  width:260px !important;
  height:34px !important;
  border:2px solid #17384a !important;
  border-radius:10px !important;
  background:#ffffff !important;
  box-shadow:0 5px 12px rgba(7, 39, 58, 0.14) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-moving-bar.is-a{
  z-index:1 !important;
  animation:eqToolBarMergeA 1.05s ease-out both !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-moving-bar.is-b{
  z-index:2 !important;
  animation:eqToolBarMergeB 1.05s ease-out both !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-moving-bar.is-b .eq-analysis-fraction-bar .seg.filled{
  background:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-end-marker{
  position:absolute !important;
  z-index:4 !important;
  top:4px !important;
  display:block !important;
  width:3px !important;
  height:46px !important;
  border-radius:999px !important;
  transform:translateX(-1.5px) !important;
  opacity:0;
  animation:eqToolMarkerFade 1.05s ease-out both !important;
  box-shadow:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-end-marker.a{
  left:var(--a-ratio) !important;
  background:#2e9bd3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-bar-overlay.eq-animated-overlay .eq-overlay-end-marker.b{
  left:var(--b-ratio) !important;
  background:#37bfa6 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-analysis-circle-motion{
  position:relative !important;
  width:150px !important;
  height:122px !important;
  overflow:visible !important;
  margin:0 auto !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle{
  position:absolute !important;
  left:17px !important;
  top:3px !important;
  width:116px !important;
  height:116px !important;
  transform-origin:center center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle .eq-analysis-circle-model{
  width:116px !important;
  height:116px !important;
  filter:drop-shadow(0 5px 10px rgba(7, 39, 58, 0.14)) !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle .eq-analysis-circle-model path{
  stroke:#17384a !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle .eq-analysis-circle-model circle{
  stroke:#17384a !important;
  stroke-width:1.2 !important;
  fill:none !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle.is-a{
  z-index:1 !important;
  animation:eqToolCircleMergeA 1.05s ease-out both !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle.is-a .eq-analysis-circle-model path.filled{
  fill:#2e9bd3 !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle.is-b{
  z-index:2 !important;
  animation:eqToolCircleMergeB 1.05s ease-out both !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel).is-compare .eq-overlay-moving-circle.is-b .eq-analysis-circle-model path.filled{
  fill:#37bfa6 !important;
}

/* Add/sub: keep action button just under denominator inputs; drop unused footer gap. */
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-wrap,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-wrap{
  flex:0 0 auto !important;
  margin-bottom:4px !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-inputs,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-inputs{
  flex:0 0 auto !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
  gap:12px !important;
  align-items:start !important;
  align-content:start !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-fraction-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-fraction-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-mixed-input,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-mixed-input{
  min-height:0 !important;
  height:auto !important;
  padding:0 4px !important;
  gap:6px !important;
  align-content:start !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-submit,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-submit{
  flex:0 0 auto !important;
  align-self:center !important;
  justify-self:center !important;
  margin-top:6px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-error,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-error{
  flex:0 0 auto !important;
  min-height:0 !important;
  margin:2px 0 0 !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-math-result,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-math-result{
  margin-top:8px !important;
}

/* All item panels (bar/circle/common/add/sub): dock left beside 아이템, same as 분수 막대. */
body.stage1-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage2-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage3-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage4-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage5-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel),
body.stage6-ui-active .eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel){
  left:118px !important;
  right:auto !important;
  top:350px !important;
  transform:none !important;
}

body.stage1-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"],
body.stage2-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"],
body.stage3-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"],
body.stage4-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"],
body.stage5-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"],
body.stage6-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"]{
  left:118px !important;
  top:350px !important;
  width:420px !important;
  min-width:420px !important;
  max-width:420px !important;
  max-height:620px !important;
  transform:none !important;
}

body.stage1-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage1-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"],
body.stage2-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage2-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"],
body.stage3-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage3-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"],
body.stage4-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage4-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"],
body.stage5-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage5-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"],
body.stage6-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"],
body.stage6-ui-active .eq-tool-input-panel.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"]{
  left:118px !important;
  top:350px !important;
  width:420px !important;
  min-width:420px !important;
  max-width:420px !important;
  height:auto !important;
  max-height:680px !important;
  transform:none !important;
}

/* 제목만 왼쪽 정렬 (분수·버튼 배치는 기존 유지) */
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-wrap,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-row,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-wrap strong,
.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-row strong{
  text-align:left !important;
  justify-content:flex-start !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"]:not(.eq-question-tool-panel) .eq-tool-panel-title-row{
  align-items:center !important;
}

.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="bar"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row,
.eq-tool-input-panel[data-stage-shared-tool="true"][data-tool-id="circle"]:not(.eq-question-tool-panel):not(.eq-math-tool-panel) .eq-tool-panel-title-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="add"] .eq-tool-panel-title-row,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="sub"] .eq-tool-panel-title-row{
  justify-content:space-between !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-row{
  justify-content:flex-start !important;
}

.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-wrap strong,
.eq-math-tool-panel[data-stage-shared-tool="true"][data-tool-id="common"] .eq-tool-panel-title-row strong{
  display:block !important;
  width:100% !important;
  text-align:left !important;
}

.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body.stage1-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]{
  width:var(--robok-ask-panel-width, 420px) !important;
  min-width:var(--robok-ask-panel-width, 420px) !important;
  max-width:var(--robok-ask-panel-width, 420px) !important;
  height:var(--robok-ask-panel-height) !important;
  max-height:var(--robok-ask-panel-height) !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:18px !important;
  color:#191919 !important;
  background:#bacee0 !important;
  box-shadow:0 14px 30px rgba(7, 39, 58, 0.24) !important;
}

.eq-question-tool-panel .robok-chat-header{
  position:relative;
  flex:0 0 auto;
  min-height:0;
  padding:12px 52px 10px 18px;
  border-bottom:1px solid rgba(0, 0, 0, 0.06);
  background:#bacee0;
}

.eq-question-tool-panel .robok-chat-header .eq-tool-panel-title-row{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.eq-question-tool-panel .robok-chat-header strong{
  color:#191919 !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-align:left !important;
  text-shadow:none !important;
}

.eq-question-tool-panel .robok-chat-header p{
  display:none !important;
}

.eq-question-tool-panel .robok-chat-header .eq-tool-panel-close{
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  width:28px !important;
  height:28px !important;
  border:0 !important;
  border-radius:50% !important;
  color:#191919 !important;
  background:rgba(255, 255, 255, 0.55) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.eq-question-clear{
  display:none !important;
}

.eq-question-tool-panel .robok-chat-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:12px 16px 14px !important;
  overflow-y:auto !important;
  border:0 !important;
  border-radius:0 !important;
  color:#191919 !important;
  background:#bacee0 !important;
  font-size:16px !important;
  line-height:1.5 !important;
  scroll-behavior:smooth;
}

.eq-question-tool-panel .robok-chat-messages::-webkit-scrollbar{
  width:8px;
}

.eq-question-tool-panel .robok-chat-messages::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(0, 0, 0, 0.18);
}

.eq-question-tool-panel .eq-question-record{
  display:grid !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 0 12px !important;
  border:0 !important;
}

.eq-question-tool-panel .eq-question-record:last-child{
  margin-bottom:0 !important;
}

.robok-message{
  display:flex;
  width:100%;
  gap:8px;
}

.robok-message--student{
  justify-content:flex-end;
}

.robok-message--bot{
  justify-content:flex-start;
  align-items:flex-start;
}

.robok-message-avatar{
  flex:0 0 auto;
  width:40px;
  height:40px;
  object-fit:cover;
  object-position:center 18%;
  margin-top:2px;
  border-radius:50%;
  background:#0b1a2c;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);
}

.robok-message-content{
  display:grid;
  max-width:75%;
  gap:3px;
  justify-items:start;
}

.robok-message-name{
  color:#191919 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
}

.robok-message-bubble{
  position:relative;
  box-sizing:border-box;
  max-width:100%;
  padding:7px 11px;
  color:#191919;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  word-break:keep-all;
  overflow-wrap:anywhere;
  white-space:normal;
  text-align:left;
  text-indent:0;
}

.robok-message--student .robok-message-bubble{
  max-width:75%;
  border-radius:14px 14px 2px 14px;
  background:#fee500;
  box-shadow:none;
}

.robok-message--bot .robok-message-bubble{
  border-radius:2px 14px 14px 14px;
  background:#ffffff;
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.06);
}

.robok-message--bot .robok-message-bubble::before{
  content:"";
  position:absolute;
  left:-5px;
  top:8px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 6px 8px 0;
  border-color:transparent #ffffff transparent transparent;
}

.robok-message-bubble .textbook-math,
.robok-message-bubble .eq-mixed-inline{
  display:inline-block;
  vertical-align:middle;
  white-space:nowrap;
  color:#0d1f35 !important;
  --game-math-color:#0d1f35 !important;
  --game-math-bar:#0d1f35 !important;
  --math-fs:1em;
}

.robok-message-bubble .eq-mixed-whole,
.robok-message-bubble .textbook-math .tm-num,
.robok-message-bubble .textbook-math .tm-den,
.robok-message-bubble .textbook-math .tm-whole{
  color:#0d1f35 !important;
}

.robok-message-bubble .textbook-math .tm-bar,
.robok-message-bubble .textbook-math .eq-fraction-line,
.robok-message-bubble .textbook-math .fraction-line{
  background:#0d1f35 !important;
  background-color:#0d1f35 !important;
  border-color:#0d1f35 !important;
  opacity:1 !important;
  height:var(--bar-h, 2px);
}

.eq-question-tool-panel .robok-chat-footer{
  flex:0 0 auto;
  padding:8px 12px 10px;
  border-top:1px solid rgba(0, 0, 0, 0.06);
  background:#bacee0;
}

.eq-question-tool-panel .eq-question-meta{
  display:none !important;
}

.eq-question-tool-panel .eq-question-meta small{
  display:none !important;
}

.eq-question-compose{
  display:flex;
  align-items:flex-end;
  gap:4px;
}

.eq-question-tool-panel .eq-question-textarea{
  box-sizing:border-box;
  flex:1 1 auto;
  width:auto !important;
  min-width:0 !important;
  min-height:48px !important;
  height:48px !important;
  max-height:48px !important;
  padding:6px 14px !important;
  resize:none !important;
  overflow:hidden !important;
  overflow-y:hidden !important;
  border:0 !important;
  border-radius:18px !important;
  outline:none !important;
  color:#191919 !important;
  background:#ffffff !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

.eq-question-tool-panel .eq-question-textarea::placeholder{
  color:rgba(25, 25, 25, 0.42) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  white-space:pre-line !important;
  line-height:1.3 !important;
}

.eq-question-tool-panel .eq-question-textarea:focus{
  border:0 !important;
  box-shadow:0 0 0 2px rgba(254, 229, 0, 0.55) !important;
}

.eq-question-tool-panel .eq-question-submit,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit,
.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  color:#111111 !important;
  background:#fee500 !important;
  box-shadow:none !important;
  font-size:0 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

.eq-question-tool-panel .eq-question-submit .eq-question-submit-icon,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit .eq-question-submit-icon{
  display:block !important;
  width:20px !important;
  height:20px !important;
  color:#111111 !important;
}

.eq-question-tool-panel .eq-question-submit span,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit span{
  display:none !important;
}

.eq-question-tool-panel .eq-question-submit:hover,
.eq-question-tool-panel .eq-question-submit:focus-visible,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit:hover,
.eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"] .eq-question-submit:focus-visible{
  outline:0 !important;
  background:#ffe766 !important;
  color:#000000 !important;
}

.eq-question-tool-panel .eq-question-submit:disabled{
  opacity:.72;
  cursor:wait;
}

.eq-question-tool-panel .eq-question-submit .eq-question-spinner{
  width:16px !important;
  height:16px !important;
  border-color:rgba(17, 17, 17, 0.28) !important;
  border-top-color:#111111 !important;
}

.eq-question-tool-panel .eq-question-error{
  min-height:14px !important;
  margin:4px 0 0 !important;
  color:#b65d00 !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
}

.eq-question-tool-panel .eq-question-examples{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:8px 0 0 !important;
}

.eq-question-tool-panel .eq-question-chip,
.eq-question-tool-panel .eq-question-followups .eq-question-chip{
  min-height:28px !important;
  padding:5px 10px !important;
  border:1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius:999px !important;
  color:#191919 !important;
  background:rgba(255, 255, 255, 0.72) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.eq-question-tool-panel .eq-question-chip:hover,
.eq-question-tool-panel .eq-question-chip:focus-visible{
  outline:0 !important;
  border-color:rgba(0, 0, 0, 0.14) !important;
  background:#ffffff !important;
}

.eq-question-tool-panel .eq-question-followups{
  margin-top:6px !important;
}

/* 1920x1080 overlay drawer. It inherits the exact #game-root viewport scale. */
.robok-question-overlay{
  position:absolute;
  left:0;
  top:0;
  width:1920px;
  height:1080px;
  z-index:2000;
  overflow:hidden;
  pointer-events:none;
}

.robok-question-overlay .robok-ask-drawer{
  position:absolute;
  top:auto;
  /* 심사위원 패널 위 여유 간격 (참고 간격에 맞춤) */
  bottom:calc(var(--dialogue-hud-bottom) + 200px);
  right:0;
  width:var(--robok-ask-panel-width, 420px);
  height:var(--robok-ask-panel-height, 657px);
  z-index:1;
  overflow:visible;
  pointer-events:none;
  transform:translateX(100%);
  transition:transform 260ms ease;
  contain:layout style;
}

.robok-question-overlay .robok-ask-drawer:has(.robok-ask-btn.active){
  transform:translateX(0);
}

.robok-ask-drawer .robok-ask-btn,
.robok-ask-drawer .robok-ask-btn.active{
  position:absolute;
  top:137px !important;
  right:auto !important;
  bottom:auto !important;
  left:-34.2px !important;
  z-index:2;
  pointer-events:auto;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

body.stage1-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage2-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage3-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage4-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage5-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"],
body.stage6-ui-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"]{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:auto !important;
  left:0 !important;
  z-index:1 !important;
  pointer-events:auto;
  border-radius:16px 0 0 16px !important;
  background:#bacee0 !important;
  box-shadow:-12px 14px 30px rgba(7, 39, 58, 0.22) !important;
  animation:none !important;
}

@media (prefers-reduced-motion: reduce){
  .robok-ask-drawer{
    transition:none;
  }
}

/* Unlock toast — Stage 1 bar/circle chip style (all 5 tools) */
.stage-tool-unlock-toast,
.stage1-tool-unlock-toast,
#math-escape-unlock-toast {
  position: absolute !important;
  left: calc(100% + 10px) !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
  box-sizing: border-box;
  width: max-content;
  max-width: 220px;
  margin: 0;
  padding: 8px 12px;
  border-radius: 8px;
  pointer-events: none;
  color: #eefcff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  white-space: nowrap;
  background: rgba(4, 18, 31, 0.96);
  border: 1.5px solid rgba(126, 232, 255, 0.9);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4), 0 0 14px rgba(80, 220, 255, 0.35);
  opacity: 1 !important;
  animation: none !important;
}

.stage-chrome-inventory:has(.stage-tool-unlock-toast),
.stage-chrome-inventory:has(#math-escape-unlock-toast),
.eq-toolbox:has(.stage-tool-unlock-toast),
.eq-toolbox:has(#math-escape-unlock-toast) {
  overflow: visible !important;
  z-index: 6000 !important;
}

.eq-tool-slot:has(.stage-tool-unlock-toast),
.eq-tool-slot:has(#math-escape-unlock-toast),
.stage-chrome-inventory-slot:has(.stage-tool-unlock-toast),
.stage-chrome-inventory-slot:has(#math-escape-unlock-toast) {
  overflow: visible !important;
  z-index: 6001 !important;
}

.eq-tool-slot.is-tool-unlock-pulse,
.stage-chrome-inventory-slot.is-tool-unlock-pulse {
  animation: tool-unlock-slot-pulse 1.4s ease-in-out 1;
  z-index: 160;
}

@keyframes tool-unlock-slot-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(88, 185, 255, 0.18),
      0 10px 18px rgba(0, 0, 0, 0.24);
    filter: brightness(1);
  }
  40% {
    box-shadow:
      0 0 0 2px rgba(160, 245, 255, 0.95),
      0 0 28px rgba(96, 228, 255, 0.95);
    filter: brightness(1.35);
  }
}

/* ========================
   ROBOK QUESTION FOCUS TUTORIAL (s11 write-fraction)
======================== */

.robok-q-tutorial-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  z-index: 1900;
  pointer-events: none;
}

.robok-q-tutorial-dim {
  position: absolute;
  inset: 0;
  z-index: 0;
  /* Visual only — never freeze puzzle clicks / auto-advance. */
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.robok-q-tutorial-dim-on .robok-q-tutorial-dim {
  opacity: 1;
}

/* Keep bottom dialogue readable above the dim (size/position unchanged). */
body.robok-q-tutorial-active #dialogue-panel {
  z-index: 1950 !important;
}

/* Side tab + chat stay above the dim. */
body.robok-q-tutorial-active .robok-question-overlay {
  z-index: 2000;
}

/* Tab focus: nudge inward (left) ~6px, scale pulse, cyan glow family. */
body.robok-q-tutorial-active #robok-ask-btn.robok-q-tutorial-tab-focus,
#robok-ask-btn.robok-q-tutorial-tab-focus {
  animation: robok-q-tut-tab-focus 0.8s ease-in-out 1;
  border-color: rgba(136, 237, 255, 0.88);
  filter: brightness(1.18);
  z-index: 3;
}

@keyframes robok-q-tut-tab-focus {
  0% {
    transform: translateX(0) scale(1);
    box-shadow:
      -6px 8px 16px rgba(7, 39, 58, 0.2),
      0 0 0 1px rgba(122, 230, 255, 0.34),
      0 0 14px rgba(73, 211, 255, 0.45),
      inset 1px 1px 0 rgba(255, 255, 255, 0.42);
  }
  45% {
    transform: translateX(-6px) scale(1.06);
    box-shadow:
      -7px 10px 20px rgba(7, 39, 58, 0.24),
      0 0 0 2px rgba(160, 245, 255, 0.72),
      0 0 28px rgba(96, 228, 255, 0.85),
      inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    transform: translateX(-6px) scale(1);
    box-shadow:
      -6px 8px 16px rgba(7, 39, 58, 0.2),
      0 0 0 1px rgba(122, 230, 255, 0.4),
      0 0 18px rgba(73, 211, 255, 0.55),
      inset 1px 1px 0 rgba(255, 255, 255, 0.42);
  }
}

/* Auto-click feel ~0.15s */
body.robok-q-tutorial-active #robok-ask-btn.robok-q-tutorial-tab-click,
#robok-ask-btn.robok-q-tutorial-tab-click {
  animation: robok-q-tut-tab-click 0.15s ease-in-out 1;
  border-color: rgba(136, 237, 255, 0.88);
  filter: brightness(1.12);
}

@keyframes robok-q-tut-tab-click {
  0% { transform: translateX(-6px) scale(1); }
  50% { transform: translateX(-6px) scale(0.94); }
  100% { transform: translateX(-6px) scale(1); }
}

/* Drawer slide-in (RIGHT → LEFT). Do NOT use transition:none — that was the open bug. */
body.robok-q-tutorial-active .robok-ask-drawer.robok-q-tutorial-drawer-enter {
  transition: transform 0.4s ease !important;
}

body.robok-q-tutorial-active .robok-ask-drawer.robok-q-tutorial-drawer-enter:has(.robok-ask-btn.active) {
  transform: translateX(0) !important;
}

/* Drawer slide-out (LEFT → RIGHT) while panel still mounted. */
.robok-ask-drawer.robok-q-tutorial-drawer-exit,
body.robok-q-tutorial-active .robok-ask-drawer.robok-q-tutorial-drawer-exit {
  transition: transform 0.4s ease !important;
  transform: translateX(100%) !important;
}

/* Legacy snap class — keep harmless if old JS briefly adds it. */
body.robok-q-tutorial-active .robok-ask-drawer.robok-q-tutorial-instant-open:has(.robok-ask-btn.active) {
  transform: translateX(0) !important;
}

/* Optional subtle panel nudge (no opacity:0 — drawer slide is primary). */
body.robok-q-tutorial-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"].robok-q-tutorial-panel-enter,
.eq-question-tool-panel.robok-q-tutorial-panel-enter {
  animation: robok-q-tut-panel-enter 0.4s ease forwards !important;
  transform-origin: right center;
}

@keyframes robok-q-tut-panel-enter {
  from {
    transform: translateX(12px);
  }
  to {
    transform: translateX(0);
  }
}

/* Whole chat panel cyan border / soft pulse (~1.2s) — beat drawer animation:none. */
body.robok-q-tutorial-active .robok-ask-drawer .eq-tool-input-panel.eq-question-tool-panel[data-stage-shared-tool="true"].robok-q-tutorial-chat-focus,
.eq-question-tool-panel.robok-q-tutorial-chat-focus {
  animation: robok-q-tut-chat-focus 1.2s ease-in-out 1 !important;
  position: relative;
}

@keyframes robok-q-tut-chat-focus {
  0%, 100% {
    box-shadow:
      -12px 14px 30px rgba(7, 39, 58, 0.22),
      0 0 0 1px rgba(122, 230, 255, 0.34),
      0 0 18px rgba(73, 211, 255, 0.4) !important;
    border-color: rgba(136, 237, 255, 0.72) !important;
  }
  50% {
    box-shadow:
      -12px 14px 30px rgba(7, 39, 58, 0.22),
      0 0 0 2px rgba(160, 245, 255, 0.7),
      0 0 28px rgba(96, 228, 255, 0.7) !important;
    border-color: rgba(160, 245, 255, 0.9) !important;
  }
}

/* Optional thin border-run light */
.eq-question-tool-panel.robok-q-tutorial-chat-focus::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(160, 245, 255, 0.35) 45%,
    transparent 70%
  );
  background-size: 220% 100%;
  animation: robok-q-tut-border-run 1.2s ease-in-out 1;
  opacity: 0.55;
  mix-blend-mode: screen;
}

@keyframes robok-q-tut-border-run {
  from { background-position: 100% 0; opacity: 0.2; }
  50% { opacity: 0.55; }
  to { background-position: -100% 0; opacity: 0.15; }
}

/* Input / suggested-question highlight (~0.6s) */
.robok-q-tutorial-input-focus {
  animation: robok-q-tut-input-focus 0.6s ease-in-out 1;
  border-radius: 10px;
}

#robok-question-input.robok-q-tutorial-input-focus,
.eq-question-input-wrap.robok-q-tutorial-input-focus,
.eq-question-examples.robok-q-tutorial-input-focus {
  box-shadow:
    0 0 0 2px rgba(160, 245, 255, 0.75),
    0 0 16px rgba(73, 211, 255, 0.55) !important;
  border-color: rgba(136, 237, 255, 0.9) !important;
}

@keyframes robok-q-tut-input-focus {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  #robok-ask-btn.robok-q-tutorial-tab-focus,
  #robok-ask-btn.robok-q-tutorial-tab-click,
  .eq-question-tool-panel.robok-q-tutorial-panel-enter,
  .eq-question-tool-panel.robok-q-tutorial-chat-focus,
  .eq-question-tool-panel.robok-q-tutorial-chat-focus::after,
  .robok-q-tutorial-input-focus {
    animation: none !important;
  }
  .robok-q-tutorial-dim {
    transition: none;
  }
}

/* =========================================================
   Shared all-round clear popup — pixel-match s24 gameClear
   (!important beats stage-injected unified-card styles)
   ========================================================= */
.stage-final-clear-card {
  width: 560px !important;
  max-width: calc(100% - 48px) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 32px 38px 30px !important;
  box-sizing: border-box !important;
  border: 2px solid rgba(117, 242, 217, 0.78) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(53, 190, 232, 0.18), transparent 48%),
    linear-gradient(180deg, rgba(7, 25, 43, 0.98), rgba(3, 14, 27, 0.98)) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 36px rgba(70, 236, 208, 0.18) !important;
  color: #effcff !important;
  text-align: center !important;
  pointer-events: auto !important;
  transform: none !important;
}

.stage-final-clear-card h2 {
  margin: 8px 0 0 !important;
  color: #fff !important;
  font-size: 36px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  animation: none !important;
}

.stage-final-clear-copy {
  display: block !important;
  margin: 22px 0 24px !important;
  max-width: none !important;
  gap: 0 !important;
}

.stage-final-clear-copy p {
  margin: 6px 0 !important;
  color: rgba(227, 247, 255, 0.92) !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

.stage-final-clear-btn,
.stage-final-clear-card .stage-final-clear-btn,
.stage-final-clear-card .stage2-primary-btn,
.stage-final-clear-card .stage1-primary-action,
.stage-final-clear-card .s33-primary-btn,
.stage-final-clear-card .s44-primary-btn,
.stage-final-clear-card .s53-primary-btn,
.stage-final-clear-card .s64-primary-btn,
.stage-final-clear-card .s24-modal-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  width: auto !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #5de4ff, #2576ef) !important;
  box-shadow:
    0 12px 26px rgba(0, 83, 190, 0.36),
    0 0 22px rgba(81, 220, 255, 0.3) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

/* Overlay dim + blur — match .s24-modal-layer */
.s14-result-layer:has(.stage-final-clear-card),
.s24-modal-layer:has(.stage-final-clear-card),
.s33-flow-modal:has(.stage-final-clear-card),
.s44-result-layer:has(.stage-final-clear-card),
.s51-game-modal:has(.stage-final-clear-card),
.s53-stage .s51-game-modal.show:has(.stage-final-clear-card),
.s64-flow-modal:has(.stage-final-clear-card) {
  background: rgba(1, 8, 18, 0.52) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  pointer-events: auto !important;
}

/* =========================================================
   Shared mid-round clear popup (s14/s22/s24/s33/s44/s53/s64)
   Mounted on .game-frame → 1920×1080 absolute coords
   ========================================================= */
.game-frame > .round-clear-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9200 !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(2, 8, 15, 0.62) !important;
  backdrop-filter: blur(2.5px) !important;
  -webkit-backdrop-filter: blur(2.5px) !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
}

.game-frame > .round-clear-overlay.is-visible {
  display: flex !important;
}

.round-clear-modal {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  width: 560px !important;
  min-width: 560px !important;
  max-width: min(560px, calc(100% - 72px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 42px 28px 40px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(122, 255, 205, 0.44) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(7, 23, 41, 0.96), rgba(2, 9, 19, 0.97)),
    radial-gradient(circle at 50% 0%, rgba(69, 214, 255, 0.16), transparent 58%) !important;
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.48),
    0 0 42px rgba(69, 214, 255, 0.16) inset !important;
  color: #eef8ff !important;
  text-align: center !important;
  pointer-events: auto !important;
}

.round-clear-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  min-width: 92px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 7px 12px !important;
  border-radius: 6px !important;
  background: rgba(61, 216, 255, 0.14) !important;
  color: #8befff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.round-clear-title {
  display: block !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

.round-clear-message {
  display: block !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 18px 0 28px !important;
  padding: 0 !important;
  color: rgba(228, 248, 255, 0.84) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.round-clear-next-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 168px !important;
  max-width: none !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #3bd8ff, #2579ff) !important;
  box-shadow:
    0 14px 28px rgba(0, 78, 177, 0.32),
    0 0 18px rgba(61, 206, 255, 0.24) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: filter 0.15s ease !important;
}

.round-clear-next-button:hover,
.round-clear-next-button:focus-visible {
  filter: brightness(1.08) !important;
  transform: none !important;
}

.round-clear-next-button:active {
  filter: brightness(0.96) !important;
}

/* =========================================================
   Shared fail / retry popup (s14/s22/s24/s33/s44/s53/s64)
   Mounted on .game-frame → 1920×1080 absolute coords
   z-index below teacher-skip (10050) so 심사위원 패널 stays clickable
   ========================================================= */
.game-frame > .retry-modal-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9100 !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(0, 7, 15, 0.52) !important;
  backdrop-filter: blur(1.5px) !important;
  -webkit-backdrop-filter: blur(1.5px) !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  animation: retry-modal-overlay-in 180ms ease-out both;
}

.game-frame > .retry-modal-overlay.is-visible {
  display: flex !important;
}

.retry-modal-card {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 560px !important;
  min-height: 300px !important;
  max-width: calc(100% - 64px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 34px 38px 36px !important;
  border: 1px solid rgba(89, 207, 238, 0.42) !important;
  border-radius: 22px !important;
  text-align: center !important;
  color: #eefaff !important;
  background:
    linear-gradient(
      180deg,
      rgba(8, 30, 50, 0.98) 0%,
      rgba(2, 13, 25, 0.98) 100%
    ) !important;
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  animation: retry-modal-card-in 200ms ease-out both;
  transform: none !important;
}

.retry-modal-badge {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  height: 28px !important;
  margin: 0 0 16px !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  background: rgba(42, 185, 220, 0.18) !important;
  color: #8cecff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.retry-modal-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  word-break: keep-all !important;
}

.retry-modal-message {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 16px 0 0 !important;
  color: rgba(229, 246, 252, 0.88) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  text-align: center !important;
  word-break: keep-all !important;
}

.retry-modal-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 172px !important;
  height: 50px !important;
  margin-top: 20px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(110, 222, 255, 0.7) !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  background:
    linear-gradient(
      180deg,
      #38d6ff 0%,
      #2380f4 100%
    ) !important;
  box-shadow: 0 10px 22px rgba(28, 119, 238, 0.32) !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
}

.retry-modal-button:hover,
.retry-modal-button:focus-visible {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}

.retry-modal-button:active {
  transform: translateY(0) !important;
  filter: brightness(0.96) !important;
}

@keyframes retry-modal-overlay-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes retry-modal-card-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .game-frame > .retry-modal-overlay,
  .retry-modal-card {
    animation-duration: 1ms !important;
  }

  .retry-modal-card {
    transform: none !important;
  }

  @keyframes retry-modal-card-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}

/* =========================================================
   Overall learning result (final ending overlay)
   Fixed 1920×1080 design coords inside .final-outro-root /
   #game-shell (--game-scale). No vh/vw/media reflow.
   ========================================================= */
.overall-learning-result-overlay {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1920px;
  height: 1080px;
  padding: 50px 220px;
  background: rgba(9, 25, 39, 0.28);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: auto;
}

.overall-learning-result-overlay.is-visible {
  display: flex;
}

.overall-result-panel {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 1480px;
  height: 980px;
  max-width: none;
  max-height: none;
  padding: 28px 30px 24px;
  border-radius: 24px;
  border: 1px solid #c8dde9;
  color: #17324b;
  background: linear-gradient(180deg, #f8fbfe 0%, #edf5fa 100%);
  box-shadow:
    0 28px 70px rgba(17, 52, 73, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
}

.overall-result-top-controls {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  pointer-events: none;
}

.overall-result-top-controls > * {
  pointer-events: auto;
}

.overall-student-switcher {
  position: relative;
}

.overall-student-switcher-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
  max-width: 220px;
  height: 44px;
  padding: 0 14px 0 16px;
  border: 1px solid #b7d3e0;
  border-radius: 12px;
  background: #f3fafc;
  color: #1d4a61;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.02em;
  cursor: pointer;
  box-shadow: 0 3px 9px rgba(30, 70, 95, 0.07);
}

.overall-student-switcher-btn:hover,
.overall-student-switcher-btn:focus-visible {
  background: #e7f5fa;
  border-color: #6fadc4;
  outline: none;
}

.overall-student-switcher-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.overall-student-switcher-caret {
  flex-shrink: 0;
  color: #4f7e94;
  font-size: 13px;
  line-height: 1;
}

.overall-student-switcher-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 5;
  box-sizing: border-box;
  width: 360px;
  max-width: none;
  max-height: 460px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #c5dae6;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(20, 52, 72, 0.18);
  scrollbar-width: thin;
  scrollbar-color: #9fc2d1 #e6eef3;
}

.overall-student-switcher-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.overall-student-option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #1d4257;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.overall-student-option:hover:not(:disabled),
.overall-student-option:focus-visible:not(:disabled) {
  background: #eef6fa;
  border-color: #d2e4ed;
  outline: none;
}

.overall-student-option.is-selected {
  background: #dff1f6;
  border-color: #9dccd9;
  color: #15556d;
}

.overall-student-option:disabled {
  opacity: 0.55;
  cursor: wait;
}

.overall-student-option-check {
  flex-shrink: 0;
  width: 14px;
  color: #1d7f96;
  font-size: 13px;
  font-weight: 900;
}

.overall-student-option-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overall-student-switcher-empty {
  margin: 8px 6px;
  color: #607687;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.overall-student-switcher-retry {
  margin: 0 6px 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #bdd3df;
  border-radius: 10px;
  background: #f7fbfd;
  color: #33566d;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

.overall-result-close {
  position: static;
  top: auto;
  right: auto;
  width: 40px;
  height: 40px;
  border: 1px solid #bdd3df;
  border-radius: 12px;
  background: #ffffff;
  color: #33566d;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 3px 9px rgba(30, 70, 95, 0.08);
}

.overall-result-close:hover,
.overall-result-close:focus-visible {
  background: #eaf5fa;
  border-color: #75b8d0;
  outline: none;
}

.overall-result-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 18px;
  min-height: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #9fc2d1 #e6eef3;
}

.overall-result-body::-webkit-scrollbar {
  width: 6px;
}

.overall-result-body::-webkit-scrollbar-track {
  background: #e6eef3;
  border-radius: 999px;
}

.overall-result-body::-webkit-scrollbar-thumb {
  background: #9fc2d1;
  border-radius: 999px;
}

.overall-result-hero {
  text-align: center;
  padding: 8px 280px 0;
  margin: 0;
}

.overall-result-hero h2 {
  margin: 0;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: #17324b;
  outline: none;
}

.overall-result-hero h2:focus,
.overall-result-hero h2:focus-visible {
  outline: none;
}

.overall-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  flex: 0 0 auto;
}

.overall-summary-card {
  box-sizing: border-box;
  padding: 16px 16px 15px;
  border-radius: 14px;
  border: 1px solid #d4e3eb;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 5px 14px rgba(33, 73, 96, 0.06);
}

.overall-summary-label {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: #607687;
}

.overall-summary-value {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #17324b;
}

.overall-summary-card.is-blanks .overall-summary-value { color: #167f99; }
.overall-summary-card.is-mastery .overall-summary-value { color: #168c76; }
.overall-summary-card.is-support .overall-summary-value { color: #ba7b00; }
.overall-summary-card.is-hint .overall-summary-value { color: #2876aa; }
.overall-summary-card.is-retry .overall-summary-value { color: #596f80; }

.overall-section-title {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 10px 14px;
  font-size: 18px;
  font-weight: 900;
  color: #17324b;
  border-bottom: 1px solid #dce8ef;
}

.overall-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 4px;
  height: 1.05em;
  border-radius: 999px;
  background: #3cb8ad;
}

.overall-cognitive-section {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.overall-cognitive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #9fc2d1 #e6eef3;
}

.overall-cognitive-grid::-webkit-scrollbar {
  width: 6px;
}

.overall-cognitive-grid::-webkit-scrollbar-track {
  background: #e6eef3;
  border-radius: 999px;
}

.overall-cognitive-grid::-webkit-scrollbar-thumb {
  background: #9fc2d1;
  border-radius: 999px;
}

.overall-cognitive-grid::-webkit-scrollbar-thumb:hover {
  background: #75aabd;
}

.overall-cognitive-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 14px;
  border-radius: 13px;
  border: 1px solid #d5e3eb;
  background: #ffffff;
  color: #18344c;
  box-shadow: 0 3px 10px rgba(31, 67, 88, 0.05);
}

.overall-cognitive-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.overall-cognitive-head strong {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  font-weight: 850;
  color: #18344c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overall-cognitive-rate {
  flex-shrink: 0;
  margin-left: auto;
  font-size: 16px;
  font-weight: 900;
  color: #1b677c;
}

.overall-cognitive-card.is-needs-support .overall-cognitive-rate {
  color: #ba7b00;
}

.overall-cognitive-card.is-no-record .overall-cognitive-rate {
  color: #71808c;
}

.overall-cognitive-progress {
  height: 8px;
  border-radius: 999px;
  background: #e7eff4;
  overflow: hidden;
}

.overall-cognitive-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #4ebc9a, #62c9ad);
}

.overall-cognitive-card.is-needs-support .overall-cognitive-progress > span {
  background: linear-gradient(90deg, #e4b94e, #f0cc6b);
}

.overall-cognitive-card.is-no-record .overall-cognitive-progress > span {
  background: #d7e0e6;
}

.overall-cognitive-status {
  flex-shrink: 0;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 750;
  white-space: nowrap;
  border: 1px solid transparent;
}

.overall-cognitive-status.is-mastered {
  color: #18775d;
  border-color: #addfcf;
  background: #e3f6ef;
}

.overall-cognitive-status.is-needs-support {
  color: #8a6300;
  border-color: #ecd184;
  background: #fff4d6;
}

.overall-cognitive-status.is-no-record {
  color: #71808c;
  border-color: #d7dfe4;
  background: #eef2f5;
}

.overall-robok-section {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #b9dae3;
  background: linear-gradient(135deg, #edf9fa 0%, #e8f3fa 100%);
  box-shadow: none;
  color: #24465c;
}

.overall-robok-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #d9ebf2;
  border: 1px solid #c5dde7;
}

.overall-robok-copy .overall-section-title {
  margin-bottom: 8px;
  padding-bottom: 0;
  border-bottom: none;
  color: #173f57;
}

.overall-robok-copy .overall-section-title::before {
  background: #4eb8c4;
}

.overall-robok-copy .overall-robok-loading {
  margin: 0;
  color: #5a6b7d;
  font-size: 15px;
  line-height: 1.55;
}

.overall-robok-copy p {
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: #35576c;
}

.overall-robok-copy p:last-child {
  margin-bottom: 0;
}

.overall-chatgpt-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  min-height: 310px;
  margin-top: 4px;
  padding: 26px 28px;
  border-radius: 16px;
  border: 1px solid #d5dde8;
  background: linear-gradient(180deg, #f8f9fc 0%, #f1f4f9 100%);
  color: #2a3a4d;
}

.overall-chatgpt-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.overall-chatgpt-badge {
  flex-shrink: 0;
  min-width: 64px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #c9d3e2;
  background: #fff;
  color: #40566d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.overall-chatgpt-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.overall-chatgpt-copy .overall-section-title,
.overall-chatgpt-head .overall-section-title {
  margin: 0;
  padding-bottom: 0;
  border-bottom: none;
  color: #24384c;
}

.overall-chatgpt-head .overall-section-title::before {
  background: #6b86a3;
}

.overall-chatgpt-loading,
.overall-chatgpt-error {
  margin: 0;
  color: #5a6b7d;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 600;
}

.overall-chatgpt-error {
  color: #7a5b4a;
}

.overall-chatgpt-blocks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.overall-chatgpt-block {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 12px 16px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid rgba(170, 186, 204, 0.35);
}

.overall-chatgpt-block:first-child {
  border-top: none;
  padding-top: 2px;
}

.overall-chatgpt-block.is-practice {
  padding-bottom: 4px;
  min-height: 72px;
}

.overall-chatgpt-label {
  display: inline-block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.45;
  color: #3d5a72;
}

.overall-chatgpt-block.is-strength .overall-chatgpt-label {
  color: #1f7a68;
}

.overall-chatgpt-block.is-focus .overall-chatgpt-label {
  color: #8a6a2d;
}

.overall-chatgpt-block.is-next .overall-chatgpt-label {
  color: #2f6f9a;
}

.overall-chatgpt-block.is-practice .overall-chatgpt-label {
  color: #3d5f8a;
}

.overall-chatgpt-text {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  color: #35506a;
}

.overall-result-actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 12px;
  margin-top: auto;
  flex: 0 0 auto;
}

.overall-result-btn {
  min-width: 160px;
  height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid #17817e;
  background: linear-gradient(180deg, #35b8b1, #218f8d);
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(33, 143, 141, 0.22);
}

.overall-result-btn.is-secondary {
  background: linear-gradient(180deg, #4caee6, #2f83bf);
  border-color: #2a79ad;
  box-shadow: 0 6px 14px rgba(47, 131, 191, 0.18);
  color: #ffffff;
}

.overall-result-btn.is-ghost {
  background: #ffffff;
  border-color: #b9ccd7;
  color: #38566a;
  box-shadow: none;
}

.overall-result-btn:hover,
.overall-result-btn:focus-visible {
  filter: brightness(1.05);
  outline: none;
}

.overall-result-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 180px;
  text-align: center;
  color: #35576c;
  font-size: 16px;
  font-weight: 650;
}

.overall-result-spinner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid #d5e6ee;
  border-top-color: #35b8b1;
  animation: overall-result-spin 0.8s linear infinite;
}

@keyframes overall-result-spin {
  to { transform: rotate(360deg); }
}

.overall-result-empty {
  margin: 0;
  grid-column: 1 / -1;
  text-align: center;
  color: #71808c;
}