.u16-paper>.reader-playback,.u16-paper>.playback-sentinel,.u16-paper>.drawing-viewport{display:none!important}.u16-paper{background:#fff!important;color:#193653!important}.u16-lesson{--u16-blue:#245bce;--u16-ink:#193653}.u16-question{font:650 12px/1.5 system-ui;letter-spacing:.1em;color:#526882;margin:0 0 16px}.u16-stage{padding:24px 0}.u16-picker{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.u16-picker>span{font-size:14px;color:#526882;margin-right:8px}.u16-picker button{font-size:25px;min-width:58px}.u16-picker button[aria-pressed=true]{border:2px solid #245bce;background:#edf3ff}.u16-story{display:flex;align-items:center;justify-content:center;gap:22px}.u16-symbol-card,.u16-number-card,.u16-packing,.u16-first-question{flex:1;min-width:0;max-width:480px;text-align:center;padding:24px;border:1px solid #c9d5e5;border-radius:12px;background:#f8faff}.u16-symbol-card{max-width:260px}.u16-symbol-card>span,.u16-number-card>span,.u16-result>span{display:block;font-size:14px;color:#526882}.u16-glyph{font:600 76px/1.35 system-ui,'Segoe UI Emoji',sans-serif;display:block;margin:8px 0}.u16-symbol-card p,.u16-number-card p,.u16-packing p,.u16-result p{font-size:15px;line-height:1.6;margin:8px 0 0}.u16-number-card>strong{display:block;font:700 46px/1.4 system-ui;color:#245bce;margin:14px 0}.u16-arrow{font-size:32px;color:#245bce;flex:none}.u16-first-question>span{font-size:30px;color:#245bce}.u16-first-question h3{font-size:23px}.u16-first-question p{font-size:16px;line-height:1.6}.u16-machine{font-weight:650;display:block;margin-bottom:18px}.u16-pieces{display:flex;gap:12px;justify-content:center}.u16-piece{flex:1;max-width:180px;min-width:0;border:2px solid #7398db;border-radius:9px;padding:14px 8px;background:#fff;animation:u16-arrive .5s ease both}.u16-piece:nth-child(2){animation-delay:.18s}.u16-piece-index{font-size:13px;color:#365c9b;display:block}.u16-piece svg{display:block;width:100%;height:65px;fill:#e9f0ff;stroke:#245bce;stroke-width:2;margin:10px 0}.u16-piece strong{display:block;font-size:14px}.u16-piece small{display:block;font-size:12px;margin-top:6px;color:#526882}.u16-piece.u16-missing{border:2px dashed #aab8cd;background:#f8faff}.u16-missing svg{opacity:.2}.u16-piece.u16-missing strong{font-size:30px}.u16-count{font-weight:700;color:#245bce}.u16-focus{border-color:#245bce;box-shadow:0 0 0 3px #245bce12}.u16-read-arrow{text-align:center;font-size:15px;color:#526882;margin:20px 0}.u16-result{text-align:center;max-width:560px;margin:0 auto;padding:20px 28px;border:2px solid;border-radius:12px}.u16-success{border-color:#6aab83;background:#f0f9f3}.u16-blocked{border-color:#d29170;background:#fff7ed}.u16-result h3{font-size:22px}.u16-experiment{padding:20px;border:1px solid #b9cbe4;border-radius:10px;background:#f8faff;margin-bottom:24px}.u16-experiment h3{margin:0}.u16-experiment p{font-size:15px}.u16-experiment-actions{display:flex;flex-wrap:wrap;gap:10px}.u16-experiment-actions button{font-size:14px}.u16-experiment-actions [aria-pressed=true]{border:2px solid #245bce;background:#edf3ff}.u16-detail{border-top:1px solid #d6dfed;padding:16px 0}.u16-detail summary{font-weight:650;min-height:32px;cursor:pointer;line-height:1.6}.u16-detail p,.u16-detail dd{font-size:15px;line-height:1.7;color:#425c78}.u16-detail dl>div{margin:14px 0}.u16-detail dt{font-weight:650}.u16-detail dd{margin:4px 0 0}.u16-takeaway{padding:18px;border-left:3px solid #245bce;background:#f3f6fc;font-size:16px;line-height:1.7}.u16-sources{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.u16-sources a{color:#245bce;text-decoration:underline}.u16-paper .u16-playback{z-index:12}.u16-paper [hidden]{display:none!important}@keyframes u16-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(max-width:900px){.u16-story{gap:12px}.u16-symbol-card,.u16-number-card,.u16-packing,.u16-first-question{padding:18px}.u16-glyph{font-size:64px}.u16-number-card>strong{font-size:34px}}@media(max-width:600px){.u16-story{flex-direction:column}.u16-symbol-card,.u16-number-card,.u16-packing,.u16-first-question{width:100%;max-width:none}.u16-arrow{transform:rotate(90deg);line-height:1}.u16-picker{gap:8px}.u16-picker>span{flex-basis:100%;text-align:center;margin:0}.u16-picker button{min-width:58px}.u16-stage{padding:20px 0}.u16-piece{padding:10px 6px}.u16-piece svg{height:52px}.u16-experiment-actions{display:grid;grid-template-columns:1fr}.u16-result{padding:18px}.u16-question{font-size:11px}.u16-detail summary{font-size:15px}}@media(prefers-reduced-motion:reduce){.u16-lesson *{animation:none!important;transition:none!important}}
.u16-roundtrip{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:14px;box-shadow:none}.u16-roundtrip .u16-result{width:100%;padding:20px 18px}.u16-roundtrip .u16-packing{max-width:none;padding:18px 14px}.u16-read-arrow{margin:0;font-size:28px;color:#245bce}.u16-read-arrow small{display:block;font-size:12px;color:#526882}.u16-byte-help{font-size:13px!important;color:#526882}.u16-roundtrip .u16-glyph{font-size:64px}.u16-roundtrip .u16-result p{font-size:14px}@media(max-width:600px){.u16-roundtrip{grid-template-columns:1fr;gap:10px}.u16-roundtrip .u16-packing{padding:12px}.u16-roundtrip .u16-piece svg{height:36px;margin:6px 0}.u16-roundtrip .u16-piece{padding:8px}.u16-roundtrip .u16-machine{margin-bottom:10px}.u16-roundtrip .u16-count{margin-top:8px}.u16-roundtrip .u16-read-arrow{font-size:0;height:22px;display:flex;justify-content:center;align-items:center;gap:8px}.u16-roundtrip .u16-read-arrow:before{content:'↓';font-size:22px}.u16-roundtrip .u16-read-arrow small{font-size:13px}.u16-roundtrip .u16-result{padding:12px}.u16-roundtrip .u16-glyph{font-size:48px;margin:2px 0}.u16-roundtrip .u16-result h3{font-size:18px}.u16-roundtrip .u16-result p{font-size:13px}.u16-roundtrip .u16-result>span{font-size:12px}}
.u16-playback{isolation:isolate;transform:translateZ(0)}.u16-playback [data-u16=next]{background:#245bce;color:#fff;border-color:#245bce}
.u16-paper~.legend{display:none}