:root{color-scheme:dark;--bg:#000;--panel:#141414;--ink:#fff;--dim:#c6c6ca;--line:#39393d;--blue:#69b1ff;--green:#6fdda5;--pink:#ef90c6;--purple:#bdabff;--bad:#ff8585}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.55 "Segoe UI","Microsoft JhengHei",sans-serif}main{max-width:1380px;margin:auto;padding:28px}h1{font-size:32px;margin:8px 0 20px}h2{font-size:25px;margin:0 0 16px}h3{font-size:22px}p{margin:12px 0}.eyebrow,.muted{color:var(--dim);font-size:18px}section,aside{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;margin:22px 0}button,a,input{font:inherit}button{background:#252527;color:white;border:1px solid #69696e;border-radius:9px;padding:9px 15px;min-height:46px;cursor:pointer}button:hover{background:#38383e}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary,button[aria-pressed=true]{background:#235fc0;color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}a{color:#94c7ff;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:18px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 8px;min-width:130px}td:first-child,th:first-child{min-width:78px}td button{font-size:18px}tr.current{background:#182c49}.paper{background:#fff;color:#111;padding:30px;border-radius:10px}.paper h3{text-align:center}.question-row{padding:20px 12px;border-bottom:1px solid #dedee3;position:relative}.question-row.current{outline:3px solid #de3434;outline-offset:-3px;border-radius:8px}.question-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.paper button{color:#111;background:#f2f2f6;border-color:#a9a9b2}.paper button.primary{color:#fff;background:#1b4f9d}.question-name{text-align:left;background:none!important;border:none!important;padding:0;min-height:auto;flex:1 1 320px}.question-given{margin:8px 0;overflow-wrap:anywhere}.answer{white-space:pre-wrap;background:#f0f3f8;padding:16px;margin-top:15px;color:#111;overflow-wrap:anywhere}.answer[hidden]{display:none}.paper .muted{color:#45454b}.badge{display:inline-block;font-size:18px;color:#12301f;background:#dbf2e6;padding:3px 9px;border-radius:5px}.badge.pending{background:#ededf1;color:#444}.progress-line{margin:12px 0}.progress-track{height:10px;background:#343438;overflow:hidden;margin-top:6px}.progress-track span{display:block;background:linear-gradient(90deg,#459aff,#5ccd91);height:100%}.source-wrap{margin:16px 0;overflow:auto;background:#fff;color:#111}.source-page{position:relative;width:100%;min-width:100%;background:#fff}.source-page img{width:100%;display:block}.answer-cover{position:absolute;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#444;font-size:18px;overflow:hidden}.answer-cover button{background:#f3f3f8;color:#222;border-color:#bbb;font-size:18px;padding:2px 10px;min-height:30px}.current-region{position:absolute;left:10%;right:2%;border:3px solid #df3333;pointer-events:none}.lesson-duo{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.lesson-duo section{min-width:0}.lesson-duo aside{position:sticky;top:20px}.anchor{border-left:5px solid var(--blue);padding:12px 16px;background:#202935;margin-bottom:20px}.lesson-frame{border:0;width:100%;display:block;background:#000;height:550px}.scene{min-height:90px;margin:20px 0}.math{font-family:Consolas,monospace;overflow-wrap:anywhere}.tokens{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.token{padding:10px 14px;background:#243855;color:white;min-width:44px;text-align:center}.token.green{background:#1a432f}.token.pink{background:#48233a}.token.purple{background:#302653}.weights{display:flex;gap:7px;flex-wrap:wrap}.weight{min-width:50px;text-align:center;display:grid;gap:5px}.weight.active{background:#24513b}.step-purpose{color:var(--blue)}.exam{padding:12px;border-left:3px solid var(--green);white-space:pre-wrap;overflow-wrap:anywhere}.quiz-card{padding:18px 0;border-bottom:1px solid var(--line)}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.quiz-options button{text-align:left;overflow-wrap:anywhere}.feedback{padding:12px 16px;border-left:4px solid var(--blue)}.feedback.correct{border-color:var(--green)}.feedback.wrong{border-color:var(--bad)}input{width:100%;background:#000;color:#fff;border:1px solid #777;border-radius:7px;padding:10px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.keypad button{padding:8px}.keypad .equals{background:#245cb4}output{display:block;margin-top:15px;overflow-wrap:anywhere}footer{font-size:18px;color:var(--dim);margin:30px 0}details summary{cursor:pointer;min-height:44px;padding:8px}.error{color:var(--bad)}[hidden]{display:none!important}
@media(max-width:950px){.lesson-duo{grid-template-columns:1fr}.lesson-duo aside{position:static}.quiz-options{grid-template-columns:1fr}}
@media(max-width:550px){main{padding:12px}section,aside{padding:16px}.paper{padding:14px}.question-row{padding:15px 7px}h1{font-size:26px}.answer-cover{font-size:16px}.answer-cover button{font-size:16px;padding:0 4px;min-height:22px}.question-name{flex-basis:200px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
p,.anchor{overflow-wrap:anywhere}
.exam-row{border-bottom:1px solid var(--line);padding:14px 0}.exam-row:last-child{border-bottom:0}#jump-original{margin:12px 0;color:var(--blue)}
nav a{display:inline-block;padding:8px 0;min-height:44px}
@media(max-width:800px){#overview .table-wrap{overflow:visible}#overview table,#overview tbody,#overview tr,#overview td{display:block;width:100%;min-width:0}#overview thead{display:none}#overview tr{padding:15px 0;border-bottom:1px solid var(--line)}#overview td{border:0;padding:6px 8px}#overview td::before{content:attr(data-label);display:block;color:var(--dim);font-size:18px}#overview td:first-child{font-weight:500}}

.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-card{border:1px solid var(--line);border-radius:10px;padding:18px}.plan-card h3{margin:6px 0}.plan-card p{font-size:18px;margin:8px 0}.plan-date{color:var(--purple)}.plan-today{padding:16px;border-left:5px solid var(--green);background:#14251c;margin:18px 0}.plan-card .actions{margin-top:14px}@media(max-width:700px){.plan-grid{grid-template-columns:1fr}}

/* Visual study layout: one action, one diagram, short labels. */
:root{--bg:#0b1120;--panel:#131d30;--ink:#edf4ff;--dim:#a8bbd4;--line:#2d3e58;--blue:#79beff;--green:#76e3b1;--pink:#ffabd7;--purple:#c1b2ff}
body{background:radial-gradient(ellipse at 12% 0,#1a3155 0,transparent 42%),var(--bg);font:18px/1.6 "Segoe UI Variable","Microsoft JhengHei UI","Microsoft JhengHei",sans-serif}main{max-width:1300px;padding:32px}h1{font-size:clamp(28px,4vw,44px);font-weight:750;letter-spacing:.02em;line-height:1.3}h2{font-size:26px;letter-spacing:.02em}h3{font-weight:650}header{padding:24px 8px;position:relative}header .eyebrow{font-size:13px;letter-spacing:.14em;color:var(--blue)}header nav{margin-top:20px}header nav a{border-radius:24px;background:#1b2b43;padding:8px 18px;font-size:16px;text-decoration:none}#save-state{font-size:13px}section,aside{border-radius:22px;background:var(--panel);padding:26px;margin:24px 0}button{font-size:17px;border-radius:14px;border-color:#455b78;background:#213149;transition:background .15s,transform .15s}button:hover{background:#2a4365;transform:translateY(-1px)}button.primary{background:#68b8ff;color:#091627;border-color:transparent;font-weight:700}.mini-label{font-size:13px;color:var(--dim);letter-spacing:.025em}.sync-pill{display:inline-flex;border:1px solid #2a6a54;background:#13382e;color:#a9f2d0;padding:5px 12px;border-radius:20px;font-size:13px}.learning-path{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:24px 0;font-size:16px}.learning-path span{padding:8px 12px;border-radius:12px;background:#20314d}.learning-path b{color:var(--dim)}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{background:#17243c;border:1px solid #344764;border-radius:18px;padding:20px;position:relative;color:var(--blue)}.plan-card h3{font-size:21px;color:var(--ink);margin:6px 0 14px}.plan-card[data-stage="1"]{color:var(--pink)}.plan-card[data-stage="2"]{color:var(--green)}.plan-card[data-stage="3"]{color:var(--purple)}.plan-card[data-stage="4"]{color:#ffcf88}.plan-card[data-stage="5"]{color:#8ae0ee}.plan-date{font-size:13px;letter-spacing:.07em;color:inherit}.topic-picture{width:128px;height:84px;display:block;margin:16px 0}.plan-card .actions{margin-top:16px}.plan-materials{margin-top:14px;color:var(--dim);font-size:14px}.plan-materials summary{font-size:14px;padding:0;min-height:28px}.plan-materials a{display:block;font-size:14px}.plan-materials p{font-size:14px}.plan-today{background:linear-gradient(110deg,#183947,#172e3f);border:1px solid #3b7e8c;border-radius:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px}.today-point{display:flex;align-items:center;gap:18px;flex:1 1 340px}.today-point svg{width:96px;height:64px;color:var(--blue);margin:0}.today-title{font-size:20px;font-weight:650}.done-chip{display:inline-block;border-radius:24px;padding:6px 12px;background:#1a4637;color:#acf4ce;font-size:14px}.plan-today button{margin-left:auto}.completion-dots{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.completion-dot{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;background:#2a3b55;border:1px solid #546a88;border-radius:50%;color:var(--dim);font-size:12px}.completion-dot.done{background:#70dfab;border-color:#70dfab;color:#102a20}.completion-dot.active{background:#6ab7ff;border-color:#6ab7ff;color:#0c2341}.completion-dot.retry{background:#83573b;border-color:#edb97c;color:#fff3df}.progress-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.progress-card{background:#1c2b45;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;position:relative}.progress-symbol{font-size:25px;position:absolute;right:16px;top:12px;color:var(--blue)}.progress-card strong{font-size:15px;color:var(--dim)}.progress-number{font-size:32px;letter-spacing:.025em}.progress-card .progress-track{border-radius:8px;height:7px;background:#334664}.study-feedback{margin:18px 0;padding:20px;border-radius:16px;border:1px solid #314861;background:#182943}.feedback-title{font-size:20px}.feedback-stats{margin-top:12px;font-size:14px}.feedback-stats p{font-size:14px}#progress-history{font-size:14px;color:var(--dim)}#progress-history summary{font-size:14px}.practice-bottom{margin-top:22px}.answer-modes{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.answer-modes button{flex:1;min-width:180px}.quiz-options{gap:12px}.quiz-options button{padding:16px 20px;font-size:23px;font-family:Consolas,"Microsoft JhengHei",sans-serif;background:#203554;border:1px solid #557399}.quiz-options button[aria-pressed=true]{border-color:var(--green);background:#234739;color:white}.quiz-card h3{font-size:20px}.binary-question{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:18px 0}.binary-field{border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;min-width:90px}.binary-field strong{font-size:22px;overflow-wrap:anywhere}.binary-field .mini-label{color:inherit}.field-0{background:#48263f;color:var(--pink)}.field-1{background:#203a59;color:var(--blue)}.field-2{background:#1d4436;color:var(--green);flex:1;min-width:200px}.image-drop{border:2px dashed #6286b0;border-radius:16px;background:#152b45;padding:20px;margin:16px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.image-drop.dragging{background:#264a69;border-color:var(--green)}#work-preview{width:100%;max-height:520px;object-fit:contain;border-radius:10px;background:#fff}textarea{width:100%;font:18px/1.6 Consolas,"Microsoft JhengHei",sans-serif;background:#0e1b2f;border:1px solid #57769a;color:var(--ink);padding:16px;border-radius:12px;resize:vertical}#written-work small{display:block;font-size:14px;margin-top:12px}.work-status{color:var(--green);font-size:16px}#backup-tools{font-size:13px;color:var(--dim);margin-top:24px}#backup-tools summary{font-size:13px}.feedback{border-radius:12px}.feedback.correct{background:#183c2e}.feedback.wrong{background:#422d2d}
@media(max-width:850px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-path{justify-content:flex-start}}
@media(max-width:550px){main{padding:12px}section,aside{padding:18px}.plan-grid{grid-template-columns:1fr}.progress-cards{gap:8px}.progress-card{padding:12px}.progress-symbol{position:static;font-size:20px}.progress-number{font-size:24px}.progress-card strong{font-size:13px}.today-title{font-size:17px}.today-point{gap:10px}.today-point svg{width:65px}.binary-field strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}

/* Black canvas, a single entry, and meaning shown by moving signs / the radix point. */
:root{--bg:#000;--panel:#101010;--line:#343434;--dim:#b6b6bf}
body{background:#000}header{padding:12px 8px}header h1{margin:8px 0;font-size:32px}#location{margin:8px 0;color:var(--blue)}#next-step-caption{font-size:16px;color:var(--green);max-width:650px}#start-current{font-size:23px;padding:18px 28px;min-height:66px;background:#72bdff;color:#071521;box-shadow:0 0 0 3px #72bdff22}
.other-entries{margin-top:8px;color:var(--dim);font-size:14px}.other-entries summary{padding:0;min-height:32px}header nav a{background:#242424}#save-state{margin:8px 0}.plan-card,.progress-card,.study-feedback,.image-drop,.learning-path span{background:#191919}.plan-today{background:#17211c}.anchor{background:#181818}.quiz-options button{background:#202020}textarea{background:#101010}.lesson-duo{gap:16px}.lesson-duo section{margin-top:12px}#lesson-title{font-size:22px}#question-anchor .anchor{font-size:16px;margin-bottom:10px}#question-anchor .anchor .muted{display:none}#lesson-official-source{font-size:14px;margin:6px 0}#lesson-official-source summary{font-size:14px}#lesson-content{background:#000;border-radius:14px;padding:20px}#lesson-content h3{margin:0 0 8px;font-size:25px}#lesson-content>.actions{margin-top:16px}.decode-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0;font-size:23px}.decode-flow .token{border-radius:12px;font:27px Consolas,monospace;padding:16px 22px}.point-shift{position:relative;display:inline-block;font:clamp(26px,4vw,42px)/1.5 Consolas,monospace;padding-bottom:18px;color:var(--green)}.moving-point{position:absolute;left:calc((var(--point-from)*2 - 1)*1ch);top:0;color:var(--pink)}.play-meaning .moving-point{animation:shift-radix 2s steps(4,end) forwards}.play-meaning .decode-source{animation:move-field .8s ease-in-out both}@keyframes shift-radix{to{left:calc((var(--point-to)*2 - 1)*1ch)}}@keyframes move-field{from{transform:translateX(-18px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(max-width:550px){#start-current{width:100%;font-size:21px}#lesson-content{padding:14px}#lesson-content h3{font-size:21px}.decode-flow{gap:8px;font-size:18px}.decode-flow .token{font-size:22px;padding:12px}.lesson-duo section{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.play-meaning .moving-point{animation:none;left:calc((var(--point-to)*2 - 1)*1ch)}.play-meaning .decode-source{animation:none}}
.plan-doc-status{font-size:15px;color:var(--dim);margin:16px 0;display:grid;gap:8px}.done-label{color:var(--green);font-size:15px;margin:6px 0}.progress-card .progress-number{font-size:28px}.progress-card .mini-label{font-size:14px}#plan-today .done-chip{flex-basis:100%;width:fit-content;flex-grow:0}#plan-today .today-point{flex-basis:280px}.plan-today .today-title{font-size:19px}
.bias-context{font-size:20px;color:var(--blue);margin:12px 0}.bias-map{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0}.bias-box{padding:16px;border-radius:14px;display:grid;gap:8px;text-align:center;min-width:100px}.bias-box span{font-size:15px}.bias-box strong{font:36px Consolas,monospace}.bias-direction{display:grid;text-align:center;color:var(--purple);min-width:105px}.bias-direction b{font-size:26px}.bias-direction>span{font-size:58px;line-height:1}.bias-direction small{font-size:14px}.bias-equation{font:28px Consolas,monospace;text-align:center;margin:20px 0}.bias-controls{justify-content:center}.bias-controls button{font-size:15px}.play-meaning .bias-direction>span{animation:bias-read .8s ease-out}.bias-controls button[aria-pressed=true]{border-color:var(--blue);background:#174b74}@keyframes bias-read{from{transform:scaleX(.25);opacity:.3}to{transform:scaleX(1);opacity:1}}@media(max-width:550px){.bias-map{gap:8px}.bias-box{min-width:75px;padding:10px}.bias-box span{font-size:13px}.bias-direction{min-width:78px}.bias-direction b{font-size:22px}.bias-context{font-size:18px}}@media(prefers-reduced-motion:reduce){.play-meaning .bias-direction>span{animation:none}}
.bias-box.field-2{flex:initial;background:#203a59;color:var(--blue);min-width:100px}@media(max-width:550px){.bias-box.field-2{min-width:75px}}
.fraction-tape{font:clamp(19px,3vw,28px)/1.7 Consolas,monospace;overflow-wrap:anywhere;margin:16px 0;background:#151515;padding:12px;border-radius:10px}.fraction-head{color:var(--purple);background:#302653;padding:5px 0}.fraction-main{color:var(--green)}.fraction-zeros{color:#9d9d9d}.fraction-arrow{font-size:17px;color:var(--blue)}.joined-value{display:flex;gap:0}.joined-value .token{border-radius:0}.power-read-number{font:clamp(32px,7vw,58px) Consolas,monospace;color:var(--green);margin:30px 0;white-space:nowrap}.radix-pink{color:var(--pink);display:inline-block}.power-read-history{font:19px/1.7 Consolas,monospace;overflow-wrap:anywhere;margin:20px 0;color:var(--dim)}.play-meaning .fraction-head{display:inline-block;animation:prefix-return .65s ease-out}.play-meaning .radix-pink{animation:radix-single .65s ease-out}@keyframes prefix-return{from{transform:translateX(-18px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes radix-single{from{transform:translateX(-1ch)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.play-meaning .fraction-head,.play-meaning .radix-pink{animation:none}}
/* Original raster remains intact; only the viewport and answer overlays change. */
#paper{background:transparent;padding:0;color:var(--ink)}
.native-controls{margin:12px 0}.native-question-viewport{position:relative;overflow:hidden;background:#fff;width:100%;border-radius:6px}
.native-question-board{position:absolute;left:0;width:100%;background:#fff}.native-question-board img{display:block;width:100%;height:auto}.native-answer-mask{position:absolute;pointer-events:none}
.question-navigation{margin-top:20px}.question-navigation .question-row{background:#fff;color:#111}.question-navigation .answer{font-size:18px}
#plan-stages{margin-top:18px}
.logic-bar{text-decoration:overline}.logic-flow{margin:15px 0;flex-wrap:wrap}.logic-flow .token{font-size:22px;white-space:normal}.logic-table-wrap{overflow-x:auto}.logic-table{width:100%;font-family:Consolas,sans-serif;font-size:24px}.logic-table th,.logic-table td{text-align:center;min-width:55px;border:1px solid #465468;padding:12px}.logic-table .logic-active{background:#193d35;color:#83ebbd}.logic-row-focus{outline:2px solid #66b7ff}.logic-table th{font-size:20px}.logic-rules{display:grid;gap:12px}
/* Kelvin: one consistent readable size, original next to the lesson. */
#harness2116{max-width:2400px;font-size:28px}#harness2116 *{font-size:28px!important}#harness2116 .lesson-duo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}#paper-section{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;margin:22px 0}#lesson-section{margin:22px 0}#calculator{position:static;width:100%;max-width:700px}.calculator-extra{margin:20px 0}.logic-pairs .tokens{margin:8px 0}
@media(max-width:1500px){#harness2116 .lesson-duo{grid-template-columns:minmax(0,1fr)}#paper-section{position:static;max-height:none;overflow:visible}}
.original-part-outline{position:absolute;border:3px solid #66b7ff;pointer-events:none;z-index:2}
#harness2116 button{max-width:100%;overflow-wrap:anywhere;white-space:normal}#harness2116 .keypad button{min-width:0;padding:4px}
#harness2116{overflow-x:clip}

/* Display-only dark original: source PNG bytes and masks stay intact. */
#paper-section,.native-question-viewport,.native-question-board{background:#000;color:#eef4ff}
.native-question-board img,.native-answer-mask{filter:grayscale(1) invert(1)}
#paper-section .question-row,#paper-section .answer{background:#000;color:#eef4ff}
#paper-section .paper-button{background:#20334d;color:#eef4ff}
.step-copy-backup{margin-top:20px}
.step-copy-backup[open]>button{margin-top:16px}

/* Readability fix: white navigation labels and enlarged unchanged raster. */
#harness2116 *{font-size:32px!important}
#paper-section .question-name,#paper-section .muted{color:#fff!important}
#paper-section .question-row button:not(.primary){color:#fff;background:#20334d}
#paper-section .question-name{background:none!important}
#harness2116 button:disabled{color:#fff;opacity:.65}
.native-original-scroll{overflow:auto;width:100%;background:#000;scrollbar-color:#a0b9d4 #161616}
.native-question-viewport{flex:none;max-width:none}
@media(min-width:1501px){#paper-section{margin-top:200px;top:120px;max-height:calc(100vh - 140px)}}
.q3-switchboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.q3-switchboard button,.q3-lamp{display:flex;flex-direction:column;align-items:center;gap:12px;background:#172330;color:#fff;border:2px solid #64788f;border-radius:12px;padding:14px}
.q3-switchboard button[aria-pressed=true]{border-color:#79deb1;background:#17382b}
.q3-switchboard svg{width:100%;max-width:120px;height:90px;fill:none;stroke:#9bd5ff;stroke-width:5}
.q3-lamp svg{stroke:#aab4c0;fill:#27323e}.q3-lamp.lit svg{fill:#80e4b8;stroke:#dcffef}.q3-lamp.lit{color:#dcffef;background:#17382b}
.q3-literal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.q3-literal{display:grid;gap:18px;padding:18px 10px;text-align:center;border:2px solid #6884a7;border-radius:12px;background:#172330;color:#fff;overflow-wrap:anywhere}
.q3-bit-travel{padding:18px;background:#342752;color:#fff;border-radius:8px}
.q3-wires{display:block;width:100%;height:90px}.q3-wires path{fill:none;stroke:#83ebbd;stroke-width:4}
.q3-gate-result{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.q3-formula{margin:24px 0;padding:20px;border-left:5px solid #83ebbd;background:#17352b;overflow-wrap:anywhere;line-height:2}
.q3-term-stack{display:grid;gap:16px}.q3-term-stack>div{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.q3-selected td{background:#173c30;color:#fff!important}.q3-truth .logic-row-focus td{box-shadow:inset 0 0 0 2px #9bd5ff}
.play-meaning .q3-bit-travel{animation:q3-condition-drop .8s ease-out both}
.play-meaning .q3-literal:nth-child(2) .q3-bit-travel{animation-delay:.4s}.play-meaning .q3-literal:nth-child(3) .q3-bit-travel{animation-delay:.8s}
.play-meaning .q3-wires path{stroke-dasharray:30 12;animation:q3-signal-flow 1.8s linear 1}
@keyframes q3-condition-drop{from{transform:translateY(-35px)}to{transform:translateY(0)}}
@keyframes q3-signal-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:700px){.q3-switchboard{grid-template-columns:repeat(2,minmax(0,1fr))}.q3-literal-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.play-meaning .q3-bit-travel,.play-meaning .q3-wires path{animation:none}}

/* Navigation replaces lesson nodes: do not let the browser pick a new scroll anchor. */
html, body, #lesson-section, #lesson-content { overflow-anchor: none; }

/* Compact learning flow: visible actions and nearby feedback. */
#plan-stages[hidden], #exam-evidence[hidden] { display:none !important; }
#exam-readiness { background:#000; }
#study-plan {display:block; overflow-x:auto;}
.study-order {width:100%; border-collapse:collapse;}
.study-order th,.study-order td {padding:12px; text-align:left; vertical-align:top; color:#fff; font-size:24px;}
.study-order button {margin:3px 4px 3px 0; font-size:24px;}
.reading-status {font-size:24px;color:#fff;}
#lecture-reader {background:#000;color:#fff;}
.lecture-frame {width:100%;height:640px;border:1px solid #777;}
.intro-piece {min-height:300px;}
.intro-boxes {display:flex;gap:16px;flex-wrap:wrap;}
.intro-boxes>div {flex:1;min-width:250px;padding:22px;border:2px solid #78bfff;background:#000;font-size:28px;}
.live-feedback {background:#000;color:#fff;padding:18px;border:2px solid #78bfff;min-height:100px;font-size:26px;margin:16px 0;}
.live-feedback.correct {border-color:#7ee5b9;}
.live-feedback.wrong {border-color:#ffabc8;}
.live-feedback p,.live-feedback strong {font-size:26px;color:#fff;}
.live-feedback progress {display:block;width:100%;height:22px;accent-color:#7ee5b9;}
#progress-details {background:#000;color:#fff;}
@media(max-width:650px){.study-order th,.study-order td,.study-order button {font-size:22px;padding:6px;} .intro-boxes>div{min-width:180px;}}

.study-order th:first-child,.study-order td:first-child {white-space:nowrap;min-width:65px;}
#plan-today {padding:10px;background:#000;border:0;}

/* English and Chinese have equal legibility. */
.intro-piece .bilingual-block {font-size:28px;line-height:1.5;}
.bilingual-block>span {display:block;color:#fff;font-size:inherit;}
.bilingual-block>span+span {margin-top:10px;}
#lecture-status:empty {display:none;}