.auto-course,.auto-player{scroll-margin-top:100px}.auto-build{border-top:1px solid var(--community-border);margin-top:24px;padding-top:20px}.auto-roadmap{gap:16px;padding:0;list-style:none;display:grid}.auto-roadmap li{border:2px solid var(--community-border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.auto-roadmap li>div{flex:1;min-width:180px}.auto-roadmap h4{margin:0}.auto-number{color:#7900cb;background:#f2e6ff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.auto-player progress{accent-color:#a800ef;width:100%;height:12px;margin:12px 0 24px}.auto-professor{align-items:center;gap:20px;margin:24px 0;display:flex}.auto-professor p{border:2px solid var(--community-border);border-radius:20px;padding:16px}.auto-board{background:#f7f0ff;border:2px solid #dcc4ef;border-radius:20px;margin:24px 0;padding:24px}.auto-board figcaption{margin-bottom:20px;font-weight:800}.auto-board-items{gap:16px;margin-bottom:20px;display:grid}.auto-board-comparison .auto-board-items{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.auto-board-item{background:#fff;border:1px solid #e1d2ec;border-radius:12px;padding:16px;animation:.35s ease-out auto-appear}.auto-board-item p{margin-bottom:0}.auto-board pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#f5edff;background:#241d32;border-radius:12px;padding:16px}.auto-narration{line-height:1.85}.auto-narration p{white-space:pre-wrap;margin:20px 0}.auto-options{gap:12px;margin:20px 0;display:grid}.auto-options button{text-align:left;white-space:normal;padding:20px}.auto-options .auto-selected{background:#f2e0ff;border-color:#a800ef}.auto-ask{border-top:2px solid var(--community-border);margin-top:28px;padding-top:20px}.auto-ask form{gap:16px;display:grid}.auto-answer{white-space:pre-wrap}.auto-player blockquote{border-left:4px solid #c88af0;margin:16px 0;padding-left:16px}@keyframes auto-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auto-board-item{animation:none}}@media (max-width:600px){.auto-board{padding:16px}.auto-professor{align-items:flex-start;gap:12px}.auto-professor img{width:56px;height:56px}}.chip-drawing{background:#fff;border:2px solid #dcc4ef;border-radius:20px;margin:24px 0;padding:24px}.chip-drawing-board{width:100%;max-width:480px;height:auto;margin:0 auto 20px;display:block}.chip-drawing-shapes{animation:.24s ease-out chip-drawing-in}@keyframes chip-drawing-in{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chip-drawing-shapes{animation:none}}@media (max-width:600px){.chip-drawing{padding:16px}}