.prediction-chapter{border-top:2px solid var(--accent);padding:16px 0 8px;margin-top:12px}.prediction-chapter>span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.prediction-chapter>strong{display:block;font:25px/1.3 var(--serif);margin:8px 0}.prediction-chapter>p{max-width:850px;font-size:12px;line-height:1.65;margin-bottom:10px}.predicted-token{display:inline-block;font-weight:400;background:var(--accent-solid);color:white;padding:2px 7px;border-bottom:2px solid var(--accent);animation:prediction-arrive .6s ease-out}.prediction-result-word{font:30px var(--serif);color:var(--accent)}
.human-prediction-process{min-height:145px;box-sizing:border-box;background:var(--soft);border:1px solid var(--border);border-top:0;padding:15px 13px;display:flex;flex-direction:column;justify-content:center}.prediction-process-label{font:9px/1.5 var(--mono);color:var(--subtle);text-transform:uppercase;letter-spacing:.035em}.human-candidates{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.human-candidates>span{padding:5px 9px;border:1px solid var(--border);font:17px var(--serif)}.human-candidates .candidate-selected{border-color:var(--accent);background:var(--accent-solid);color:white}.human-prediction-process>p{font-size:11px;line-height:1.5;margin:0}
.reading-player[data-predicting=true] .comparison-machine-diagram{height:auto;min-height:535px;align-items:stretch;overflow:hidden}.prediction-computation{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:18px;width:100%;box-sizing:border-box}.prediction-representation{border:1px solid var(--border);background:var(--soft);padding:11px;text-align:center;display:grid;gap:5px}.prediction-representation>span{font:11px/1.5 var(--mono)}.prediction-representation strong{font:19px var(--mono);color:var(--accent)}.prediction-representation small{font:10px/1.5 var(--mono);color:var(--subtle)}.prediction-flow{height:24px;position:relative;text-align:center;font-size:20px;line-height:24px}.prediction-flow i{position:absolute;width:7px;height:7px;background:var(--accent);border:1px solid var(--panel);border-radius:50%;left:calc(50% - 3px);top:var(--prediction-travel,0%);transform:translateY(-50%)}.reading-player:not([data-playing=true]) .prediction-flow i,.reading-player[data-reduced-motion=true] .prediction-flow i{display:none}.prediction-operation{text-align:center;font:13px/1.5 var(--mono);padding:6px;color:var(--accent)}.prediction-vocabulary{display:grid;gap:5px}.vocabulary-row{display:grid;grid-template-columns:100px 1fr 54px;gap:10px;align-items:center;padding:6px 8px;border:1px solid transparent;min-width:0}.vocabulary-row>span{font:14px var(--serif)}.vocabulary-row strong{font:11px var(--mono);text-align:right;font-variant-numeric:tabular-nums}.vocabulary-track{display:block;height:10px;background:var(--soft)}.vocabulary-track b{display:block;height:100%;background:var(--accent)}.vocabulary-winner{border-color:var(--accent);background:var(--accent-soft)}.vocabulary-winner>span{color:var(--accent);font-weight:bold}.prediction-machine-choice{text-align:center;border-top:1px solid var(--border);padding-top:12px;font-size:12px}.prediction-machine-choice b{font:22px var(--serif);color:var(--accent)}.prediction-computation>p{text-align:center;color:var(--subtle);font:9px/1.5 var(--mono);margin:0}
@keyframes prediction-arrive{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px){.reading-player[data-predicting=true] .comparison-machine-diagram{min-height:485px}}
@media(max-width:700px){.prediction-chapter>strong{font-size:21px}.prediction-chapter>p{font-size:11px}.human-prediction-process{min-height:270px;padding:10px 7px}.prediction-process-label{font-size:8px}.human-candidates{gap:5px;margin:8px 0}.human-candidates>span{font-size:14px;padding:4px 6px}.human-prediction-process>p{font-size:10px}.reading-player[data-predicting=true] .comparison-machine-diagram{min-height:600px}.prediction-computation{padding:9px 5px;gap:10px}.prediction-representation{padding:9px 4px;gap:6px}.prediction-representation>span{font-size:9px}.prediction-representation strong{font-size:12px}.prediction-representation small{font-size:8px;overflow-wrap:anywhere}.prediction-operation{font-size:10px;padding:2px}.vocabulary-row{grid-template-columns:minmax(0,1fr) 36px;padding:6px 3px;gap:5px}.vocabulary-row>span{font-size:12px}.vocabulary-row strong{font-size:9px;grid-column:2;grid-row:1}.vocabulary-track{height:6px;grid-column:1/-1;grid-row:2}.prediction-machine-choice{font-size:10px;line-height:1.6}.prediction-machine-choice b{font-size:19px}.prediction-computation>p{font-size:8px}.predicted-token{padding:1px 4px}}
@media(prefers-reduced-motion:reduce){.predicted-token{animation:none}.prediction-flow i{display:none}}