/* 平方根専用。数式の配置・操作・判定・アニメーションは変更しない。 */
.appearance-switch { margin:0 auto 24px; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .challenge-giveup-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .challenge-giveup-btn:hover,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .coming-soon strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mode-chip,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-display,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-key,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain.open,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .ai-steps,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .oj-explain-x:hover,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .two-num-explain .oj-explain-x:hover,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .step-back-btn:hover:not(:disabled),
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-concl b,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-grip,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-disp,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-plus-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-note,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .step-preview.shousuu .sh-note,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-factor-expr,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-work,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-token,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-token .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-power,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-slot.filled,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-formula,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-display,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-key,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-plus-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-term-card,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-term-card .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-expression,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-fraction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-flight,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-flight .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-root-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-mul-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-term-card,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-toggle-btn:hover:not(:disabled),
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choice-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-btn.primary,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-nav-btn:hover:not(:disabled),
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-card,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-expression,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kp-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #kanyaku-kp-display,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-fnum.mul-cross-pair { color:var(--look-ink); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .selected-mode,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .coming-soon,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .current-mode-label,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-formula-panel,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .question-expr .prompt,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .oj-pre,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-reveal .ans-step.muted,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .step-back-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-note,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .sh-auto,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-handle,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-qsub,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-disp-pre,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-auto-inline .kanyaku-sw-wrap,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-auto-inline .kanyaku-sw-wrap strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-answer,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-slot,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-close,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-formula,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-auto-control .kanyaku-sw-wrap,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-auto-control .kanyaku-sw-wrap strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-instruction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-auto-control .kanyaku-sw-wrap,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-auto-control .kanyaku-sw-wrap strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-op,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-toggle-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-label,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-altanswer,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-altanswer .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-topbar.mul-step-topbar .kanyaku-sw-wrap,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-topbar.mul-step-topbar .kanyaku-sw-wrap strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-nav-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-op,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-op,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-factor-title,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-simplified-card.mul-disabled,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-sw-wrap { color:var(--look-muted); text-shadow:none; }
/* 5問チャレンジの帯（.challenge-bar）はこの組に入れない。帯の色と字の色は natural-tools.css の --tool-primary／--tool-primary-ink で決める（ほかのアプリと同じ）。
   ⚠️ ここで --look-warm にしていたら、シンプルは --look-warm が帯と同じ青（#365e79）なので字が消えていた（2026-10-10） */
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .btn-answer,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-head,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-head.answer-input-head-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-head.answer-input-head-hint .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .btn-paren-formula,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-formula-panel .kf-hit.kf-label,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-formula-panel .kf-maru,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ai-explain-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .ai-fig-cap,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .oj-explain-x,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .two-num-explain .oj-explain-x,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .ai-reason,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-reveal,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .step-preview .step-line.final,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-badge,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-note b,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-result,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-concl,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-concl .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-hint .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-needplus-msg,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-subst-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-subst-src .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-factor-warn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-head,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-plus-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-complete,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-rational-extra,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-rational-flight,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-instruction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-hint .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-header,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-auto-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .mul-split-strong-instruction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .mul-split-strong-instruction .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .mul-step-choice-instruction,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .mul-step-choice-instruction .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-instruction .mul-split-callout,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #kanyaku-kp-hint,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-fill .fbox,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-slot,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-divisor-box,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-division-quotient { color:var(--look-warm); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-display.correct,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-formula-panel .kf-sankaku,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .sh-auto strong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-q,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-q .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-disp.correct,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-subst-fly .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-display.correct,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choice-btn.correct,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-answer,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-answer .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-altanswer .alt-ok,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-card.complete .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-flight,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-flight .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-simplified-card,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #kanyaku-kp-display.kp-correct,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-result-card,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-fill,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-fill .katex,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-slot.filled,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-answer-root { color:var(--look-success); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .btn-answer-input.active,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .answer-input-display.wrong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-box.shousuu-panel-mode .sh-kp-disp.wrong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-keypad-display.wrong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choice-btn.wrong,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #kanyaku-kp-display.kp-wrong { color:var(--look-danger); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .btn-answer-input,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .oj-explain .ai-route-title,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-op,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .add-panel-mul-btn,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choices-header .sub,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-steps,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-op.clickable,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-op.clickable:hover,
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-op.mul-step-clickable { color:var(--look-accent); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.mode-btn .katex,.combo-sub-btn .katex,.mode-btn-rand .gothic) { color:inherit; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mode-btn.combo-btn { padding:0; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .combo-sub { border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .combo-sub-btn { color:inherit; background:#ffffff25; border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .combo-sub-btn:hover { background:#ffffff45; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .combo-sub-btn.active { background:#25324b18; box-shadow:inset 0 3px 5px #25324b50, inset 0 -1px #fff8; }
html[data-math-look="pop"] .mode-btn-paren { --mode-paper:#73e1dd; }
html[data-math-look="pastel"] .mode-btn-paren { --candy-top:#fff0f7; --candy-bottom:#ffe2ed; --candy-shadow:#d5a6d4; --mode-ink:#98436b; }
html[data-math-look="elegant"] .mode-btn-paren { --jewel-top:#835463; --jewel-base:#542f3d; }
html[data-math-look="pop"] .mode-btn-shousuu { --mode-paper:#72c9fa; }
html[data-math-look="pastel"] .mode-btn-shousuu { --candy-top:#dcf7ff; --candy-bottom:#c6f0ff; --candy-shadow:#d5a6d4; --mode-ink:#316781; }
html[data-math-look="elegant"] .mode-btn-shousuu { --jewel-top:#426172; --jewel-base:#263e50; }
html[data-math-look="pop"] .mode-btn-shizen { --mode-paper:#ffb65c; }
html[data-math-look="pastel"] .mode-btn-shizen { --candy-top:#fff7e9; --candy-bottom:#ffeace; --candy-shadow:#d5a6d4; --mode-ink:#865017; }
html[data-math-look="elegant"] .mode-btn-shizen { --jewel-top:#735746; --jewel-base:#483a32; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .subtitle { opacity:1; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mode-chip { box-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(#btn-prev,#btn-restart-top,.btn-next) { color:var(--look-ink) !important; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #btn-restart-top { background:var(--look-surface) !important; border:2px solid var(--look-border); box-shadow:0 3px var(--look-shadow) !important; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .btn-next .nav-shape path { fill:var(--look-accent-soft); stroke:var(--look-border); }
html[data-math-look="pop"] .btn-next .nav-shape path { fill:#c4ed48; stroke:#15364f; }
html[data-math-look="elegant"] .btn-next .nav-shape path { fill:#e5c983; stroke:#a98239; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.coming-soon,.step-preview,.paren-formula-panel,.oj-explain.open,.two-num-explain) { color:var(--look-ink); background:var(--look-surface); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.choices-box,.kanyaku-interactive) { color:var(--look-ink); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.btn-answer-input,.btn-answer-input.active,.btn-paren-formula,.btn-paren-formula.active,.ai-explain-btn,.oj-explain-x,.step-back-btn,.choices-toggle-btn,.kanyaku-nav-btn,.result-btn) { color:var(--tool-special-ink); background:var(--tool-special); border:2px solid var(--tool-key-frame); border-radius:var(--tool-key-radius); box-shadow:var(--tool-control-shadow); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.btn-answer-input,.btn-answer-input.active,.btn-paren-formula,.btn-paren-formula.active,.ai-explain-btn,.oj-explain-x,.step-back-btn,.choices-toggle-btn,.kanyaku-nav-btn,.result-btn):hover:not(:disabled) { color:var(--tool-special-ink); background:var(--tool-special); filter:brightness(1.05); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.btn-answer-input,.btn-answer-input.active,.btn-paren-formula,.btn-paren-formula.active,.ai-explain-btn,.oj-explain-x,.step-back-btn,.choices-toggle-btn,.kanyaku-nav-btn,.result-btn):active:not(:disabled) { box-shadow:var(--tool-control-pressed-shadow); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.btn-answer-input,.btn-answer-input.active,.btn-paren-formula,.btn-paren-formula.active,.ai-explain-btn,.oj-explain-x,.step-back-btn,.choices-toggle-btn,.kanyaku-nav-btn,.result-btn):disabled { box-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.result-btn.primary,.sh-kp-plus-btn,.paren-mark-plus-btn,.sh-subst-btn) { color:var(--tool-answer-ink); background:var(--tool-answer); border-color:var(--tool-key-frame); box-shadow:var(--tool-control-shadow); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.paren-formula-panel .kf-hit,.ks-fnum.ks-selected,.sh-subst-target-lit) { background:var(--look-warm-soft); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.paren-mark-slot,.ks-answer-slot,.ks-divisor-box,.ks-answer-fill .fbox) { border-color:var(--look-border); background:var(--look-warm-soft); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-slot.muted { color:transparent; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-square { --mark-color:var(--look-accent); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-circle { --mark-color:#b35b16; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-mark-triangle { --mark-color:#237b51; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.paren-mark-distrib-outer,.paren-mark-distrib-inner) { --mark-color:var(--look-warm); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.div-panel-rational-extra,.div-panel-rational-flight,.ks-division-quotient) { color:var(--look-warm); text-shadow:none; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .div-panel-frac-bar { background:var(--look-ink); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.choice-btn,.kanyaku-card,.paren-mark-term-card,.add-panel-term-card,.mul-simplified-card,.ks-result-card,.ks-answer-fill) { color:var(--work-zero-ink,var(--look-ink)); background:var(--work-zero-bg); border:2px solid var(--work-zero-border); border-radius:var(--work-card-radius); box-shadow:var(--work-card-shadow); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.add-panel-color-0,.add-panel-color-2,.paren-mark-term-card.radicand) { color:var(--work-positive-ink); background:var(--work-positive-bg); border-color:var(--work-positive-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.add-panel-color-3,.add-panel-color-4,.paren-mark-term-card.constant) { color:var(--work-negative-ink); background:var(--work-negative-bg); border-color:var(--work-negative-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.paren-mark-term-card,.kanyaku-card,.add-panel-term-card,.ks-answer-fill) .katex { color:inherit; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.choice-btn:hover:not(.locked),.add-panel-root-btn,.add-panel-mul-btn,.mul-step-clickable,.div-panel-rational-mul,.div-panel-pending-mul-btn,.sh-factor-expr) { color:var(--look-ink); background:var(--look-soft); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.choice-btn.correct,.kanyaku-card.complete,.ks-answer-slot.filled) { color:var(--look-success); background:var(--look-success-soft); border-color:var(--look-success); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .choice-btn.wrong { color:var(--look-danger); background:var(--look-danger-soft); border-color:var(--look-danger); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .mul-step-flight { color:var(--look-success); background:var(--look-success-soft); border-color:var(--look-success); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-sw { background:var(--look-border); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-sw.on { background:var(--look-accent); border-color:var(--look-accent); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .kanyaku-sw-dot { background:#fff; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-pad,.paren-mark-keypad,.choices-box.shousuu-panel-mode .sh-kp,#kanyaku-kp,#kanyaku-kp.kp-translucent) { color:var(--look-ink); background:var(--tool-panel) !important; border:3px solid var(--tool-frame) !important; border-radius:var(--tool-radius); box-shadow:var(--tool-shadow) !important; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-display,.paren-mark-keypad-display,.paren-mark-keypad-formula,.choices-box.shousuu-panel-mode .sh-kp-disp,#kanyaku-kp-display) { color:var(--look-ink); background:var(--tool-display); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(#kanyaku-kp-handle,#kanyaku-kp-handle button,#kanyaku-kp-question,#kanyaku-kp-question [style]) { color:var(--look-muted) !important; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-head,.answer-input-head .katex,.paren-mark-keypad-head,.sh-kp-handle,.sh-kp-hint) { color:var(--look-accent); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-key,.paren-mark-key,.kp-btn) { color:var(--look-ink); background:var(--tool-key); border:2px solid var(--tool-key-frame); border-radius:var(--tool-key-radius); box-shadow:var(--tool-key-shadow); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-key,.paren-mark-key,.kp-btn):hover { color:var(--look-ink); background:var(--look-soft); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-key.sqrt-key,.answer-input-key.frac-key,.paren-mark-key.sqrt-key,.paren-mark-key.frac-key,#kanyaku-kp-sqrt-btn,#kanyaku-kp-frac-btn,.kp-btn.kp-back) { color:var(--tool-special-ink); background:var(--tool-special); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-key.back-key,.kp-btn.kp-del,.kp-btn.kp-clear,.paren-mark-key[onclick="pressParenMarkKey('back')"]) { color:var(--tool-action-ink); background:var(--tool-action); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-display.correct,.paren-mark-keypad-display.correct,.choices-box.shousuu-panel-mode .sh-kp-disp.correct,#kanyaku-kp-display.kp-correct) { color:var(--look-success); background:var(--look-success-soft); border-color:var(--look-success); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-display.wrong,.paren-mark-keypad-display.wrong,.choices-box.shousuu-panel-mode .sh-kp-disp.wrong,#kanyaku-kp-display.kp-wrong) { color:var(--look-danger); background:var(--look-danger-soft); border-color:var(--look-danger); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .result-modal { color:var(--look-ink); background:var(--look-surface); border:3px solid var(--tool-dialog-border); box-shadow:var(--tool-dialog-shadow); }
html[data-math-look="elegant"] .result-modal { --look-ink:#fff4d6; --look-muted:#e0d2b2; --look-success:#b7e3c3; background:linear-gradient(145deg,#354563,#1b2942); border-color:#d8b86e; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.bug-modal,.portrait-lock-card) { color:var(--look-ink); background:var(--look-surface); border:2px solid var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .bug-modal textarea { color:var(--look-ink); background:var(--look-soft); border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .portrait-lock { color:var(--look-ink); background:var(--look-bg); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.portrait-lock-title,.portrait-lock-app-title strong,.bug-modal h3) { color:var(--look-accent); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.portrait-lock-text,.portrait-lock-app-title,.portrait-lock-continue span) { color:var(--look-muted); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .portrait-lock-continue { color:var(--tool-primary-ink); background:var(--tool-primary); border:2px solid var(--tool-key-frame); }

html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #kanyaku-kp.kp-translucent .kp-btn { background-color:var(--tool-paper); }

html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(#step-forward-btn,#add-panel-forward-btn,#div-panel-forward-btn,#mul-step-fwd,#kanyaku-fwd,#ks-nav-fwd) { color:var(--tool-answer-ink); background:var(--tool-answer); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.answer-input-key[onclick*=plus],.answer-input-key[onclick*=minus],.answer-input-key[onclick*=ToggleSign],.kp-btn[onclick*=PlusKey],.kp-btn[onclick*=MinusKey],.kp-btn[onclick*=Sign],.paren-mark-key[onclick*=plus],.paren-mark-key[onclick*=minus]) { color:var(--tool-special-ink); background:var(--tool-special); }

html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) #btn-restart-top { border:2px solid var(--look-border) !important; }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .paren-formula-panel .combo-box { border-color:currentColor; }

html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) :is(.paren-mark-slot.filled,.mul-simplified-card.mul-disabled) { border-color:var(--look-border); }
html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .ks-division-dividend::after { border-color:var(--look-ink); }
@media (max-width:600px) {
  html:is([data-math-look="pop"], [data-math-look="pastel"], [data-math-look="elegant"], [data-math-look="simple"]) .top-controls > button { width:auto !important; min-width:0 !important; flex:1; }
}