:root{color:#171719;background:#e9e7e1;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:clip}body{display:flex;justify-content:center}button{font:inherit}.boot{min-height:100dvh;display:grid;place-items:center;padding:30px;color:#66636b;font-size:13px}.boot-error{color:#b9382d}.teaching-shell{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;background:#fbfaf7}.teaching-head{padding:max(21px,env(safe-area-inset-top)) 18px 13px}.teaching-rail{height:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teaching-rail i{border-radius:99px;background:#dedce0}.teaching-rail i.is-active{background:#6847e8}.teaching-meta{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.teaching-meta strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.teaching-meta span{color:#76737b;font-family:DM Mono,monospace;font-size:9px}.teaching-head h1{margin:8px 0 5px;font-size:27px;line-height:1.02;letter-spacing:-.045em}.teaching-head p{max-width:360px;margin:0;color:#716e76;font-size:11px;line-height:1.42}.concept-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px 16px 14px;border-bottom:1px solid #dfdde1}.concept-tab{min-width:0;height:54px;display:grid;grid-template-columns:19px 1fr;align-items:center;padding:8px;border:1px solid #d7d5da;border-radius:12px;color:#6d6a73;background:#fff;text-align:left;cursor:pointer}.concept-tab small{font-family:DM Mono,monospace;font-size:8px}.concept-tab span{overflow:hidden;font-size:10px;font-weight:800;line-height:1.08}.concept-tab.is-active{border-color:#171719;color:#fff;background:#171719}.concept-tab.is-active small{color:#f5d75d}.teaching-main{flex:1;padding:14px 17px 10px}.comprehension-test{min-height:48px;display:grid;grid-template-columns:57px 1fr;gap:11px}.comprehension-test span{color:#f25b45;font-size:10px;font-weight:800}.comprehension-test strong{font-size:11px;line-height:1.35}.teaching-stage{overflow:hidden;border-radius:20px;background:#fbf9f3;box-shadow:0 12px 32px #1c191414}.teaching-canvas-wrap{width:100%}.teaching-copy{padding:16px 4px 4px}.teaching-copy>span{color:#6847e8;font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.teaching-copy h2{margin:5px 0 4px;font-size:22px;line-height:1.05;letter-spacing:-.035em}.teaching-copy p{margin:0;color:#68656d;font-size:11px;line-height:1.42}.teaching-footer{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:51px 1fr;gap:9px;padding:11px 17px max(17px,env(safe-area-inset-bottom));border-top:1px solid #dfdde1;background:#fbfaf7f5}.teaching-footer button{height:51px;border-radius:14px;cursor:pointer}.teaching-prev{border:1px solid #d5d2d9;color:#171719;background:#fff;font-size:18px}.teaching-next{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;color:#fff;background:#171719;font-size:12px;font-weight:800}@media(max-width:350px){.teaching-head{padding-inline:14px}.concept-tabs,.teaching-main,.teaching-footer{padding-inline:12px}.concept-tab{grid-template-columns:1fr}.concept-tab small{display:none}}