:root{font-family:Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;color:#20232d;background:#f7f9f9;font-synthesis:none;font-weight:400;font-size:14px;--accent: #17295b;--accent-dark: #12214b;--muted: #89928e;--border: #e8eaef;--accent-soft: #9fb5f3}*{box-sizing:border-box}body{margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #9aa7c9;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #adb6d0;outline-offset:1px}input,textarea{color:inherit}button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#d4dbed}kbd{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d5d9e2;border-radius:10px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;width:228px;background:#fff;border-right:1px solid var(--border);padding:32px 18px 0;display:flex;flex-direction:column;z-index:35}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 47px}.brand-symbol{height:43px;width:43px;border-radius:13px;background:var(--accent);color:var(--accent-soft);display:grid;place-items:center;box-shadow:0 5px 12px #17295b15}.brand strong{font-size:26px;font-weight:800;letter-spacing:1px;line-height:1.15}.brand-dot{color:#7985a5}.brand small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:700;margin-top:4px;color:#6d7897}.sidebar-label{font-size:10px;letter-spacing:1.1px;color:#a2aaa5;margin:0 17px 16px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;min-height:47px;width:100%;border-radius:9px;padding:0 16px;color:#78817c;text-align:left;font-size:13px;font-weight:500;position:relative}.nav-item:hover{background:#f7f7f9}.nav-item.active{background:#eaecf3;color:var(--accent);font-weight:700}.nav-item.active i{position:absolute;right:14px;width:5px;height:5px;border-radius:50%;background:#2d4179}.nav-new{font-size:8px;letter-spacing:.4px;color:#7883a0;background:#f0f1f4;padding:3px 4px;border-radius:4px;margin-left:auto}.nav-item.active .nav-new{margin-right:11px}.sidebar-course{margin:31px 11px 0;border-top:1px solid var(--border);padding-top:24px}.sidebar-course>span{font-size:10px;color:#98a19c;letter-spacing:.7px}.sidebar-course>button{display:flex;align-items:center;gap:9px;width:100%;padding:14px 0;text-align:left}.sidebar-course>button>div{flex:1}.sidebar-course b{font-size:10px;font-weight:500}.sidebar-course small{display:block;font-size:9px;color:#99a29c;margin-top:6px}.sidebar-course svg{color:#8b978f}.sidebar-bottom{margin-top:auto;padding-top:32px}.growth-card{margin:0 9px 19px;padding:18px 17px;background:#f1f3f7;border:1px solid #e6e9f0;border-radius:12px;position:relative;overflow:hidden}.growth-card:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ced4e5;border-radius:50%;top:-38px;right:-50px}.growth-plant{color:#495a8a;margin-bottom:9px}.growth-card b{font-size:11px;font-weight:600}.growth-card p{font-size:10px;color:#7e88a3;line-height:1.9;margin-top:7px}.growth-card button{font-size:10px;color:#546080;font-weight:600;padding:12px 0 0;display:flex;gap:20px;align-items:center}.help-link{display:flex;width:100%;align-items:center;gap:11px;color:#929a95;font-size:11px;padding:13px 16px 23px}.help-link>svg:last-child{margin-left:auto}.profile{display:flex;align-items:center;gap:10px;width:100%;padding:20px 10px;border-top:1px solid var(--border);text-align:left}.avatar{display:grid;place-items:center;height:34px;width:34px;background:#eae8df;color:#5a6480;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.profile>div{flex:1}.profile b{font-size:11px;font-weight:600}.profile small{display:block;color:#a1a7a2;font-size:9px;margin-top:4px}.profile>svg{color:#949c96}.main-shell{margin-left:228px;min-width:0;flex:1}.topbar{height:72px;background:#ffffffbf;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;z-index:20}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#9aa29d}.breadcrumb b{color:#59637e;font-weight:500}.breadcrumb>svg{color:#b1b9b3}.topbar-right{display:flex;align-items:center;gap:19px}.search-trigger{display:flex;align-items:center;gap:10px;color:#9aa39d;font-size:10px;background:#f6f6f8;border:1px solid #ecedf1;padding:9px 11px;border-radius:7px;min-width:234px}.search-trigger kbd{border:1px solid #e2e5eb;border-radius:4px;padding:2px 5px;margin-left:auto;color:#a5ada6;font-size:9px;background:#fff}.topbar-divider{height:20px;width:1px;background:#e6e8ee}.icon-button{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;color:#87918a}.icon-button:hover{background:#edeff3}.small-avatar{height:29px;width:29px;font-size:10px}.notification-wrap{position:relative}.notification-popover{position:absolute;right:0;top:44px;width:300px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 12px 50px #1b22351c}.notification-popover b{font-size:13px}.notification-popover p{display:flex;gap:10px;font-size:12px;line-height:1.8;margin:20px 0;color:#58617b}.notification-popover svg{color:#586588}.notification-popover small{font-size:10px;color:#9ca69e}.mobile-menu{display:none}.page-content{max-width:1560px;margin:0 auto;padding:36px 40px 0}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#9da79f;margin-bottom:10px}h1{font-size:28px;line-height:1.5;letter-spacing:-.8px;font-weight:700}.welcome-row h1{font-size:26px}.wave{font-size:28px;color:#5f75b3;display:inline-block;margin-left:6px;vertical-align:middle}.welcome-row p,.page-description{font-size:12px;color:#8d978f;line-height:1.8;margin-top:6px}.date-badge{color:#7d897f;font-size:10px;background:#fff;border:1px solid #e7e9ee;padding:9px 13px;border-radius:20px;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;background:#7683a8;border-radius:50%}.hero-card{min-height:312px;border:1px solid #dde1eb;border-radius:17px;background:linear-gradient(115deg,#e9ecf6,#e7eaf4 45%,#dce1ee);display:flex;position:relative;overflow:hidden}.hero-copy{padding:30px 35px;position:relative;z-index:2;flex:1}.hero-label{display:inline-flex;align-items:center;gap:7px;color:#5b6683;background:#ffffffa1;border:1px solid #d6dbe8;border-radius:20px;padding:5px 10px;font-size:9px;letter-spacing:.4px}.hero-copy h2{font-size:32px;line-height:1.65;letter-spacing:-1px;margin-top:15px;font-weight:700}.hero-copy h2>span{color:var(--accent);position:relative;white-space:nowrap}.hero-copy h2 svg{position:absolute;height:9px;bottom:-5px;left:2px;width:100%;stroke:#8898c5;fill:none;stroke-width:3}.hero-copy>p{color:#76809d;font-size:11px;line-height:1.9;margin-top:15px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:0 19px;border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap}.button.primary{background:var(--accent);color:#fff;box-shadow:0 4px 9px #23335f10}.button.primary:hover{background:#10204b;box-shadow:0 5px 13px #23335f25;transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid #dde0e7;color:#5b6580}.text-button{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#555e77;padding:4px 0;white-space:nowrap}.text-button:hover{color:var(--accent)}.text-button.muted{color:#8d9890}.hero-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#858fa9;margin-top:16px}.hero-note i{width:2px;height:2px;background:#8f98b0;border-radius:50%;margin:0 3px}.hero-art{position:relative;flex:0 0 44%;min-width:300px;align-self:stretch}.art-editor{position:absolute;left:3%;top:67px;width:295px;border-radius:12px;background:#232a3e;transform:rotate(-5deg);box-shadow:14px 22px #a4b0d14a,0 25px 35px #313c5927;z-index:3;border:1px solid #333c54}.art-editor-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #ffffff12}.art-editor-bar>span{width:5px;height:5px;border-radius:50%;background:#6b7696}.art-editor-bar>span:first-child{background:#d8947b}.art-editor-bar>span:nth-child(2){background:#d3c48b}.art-editor-bar>em{font-size:9px;font-family:monospace;font-style:normal;margin-left:49px;color:#929bb2}.art-code{padding:18px 17px;font:11px/2.2 Consolas,monospace;color:#ced3e1}.art-code b{display:inline-block;color:#606a87;font-weight:400;width:25px}.code-purple{color:#cfb3da}.code-yellow{color:#e8d59e}.code-green{color:#98a8d3}.art-caret{display:inline-block;width:1px;height:12px;background:#97a8d7;margin-left:3px;vertical-align:middle}.art-terminal{height:36px;display:flex;align-items:center;gap:9px;background:#1e243580;border-radius:0 0 12px 12px;font-size:10px;padding:0 16px;color:#a7b2cf}.art-terminal>span:first-child{color:#697494}.art-success{margin-left:auto}.orbit{position:absolute;border:1px solid #c1c8dd;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:330px;height:220px;top:50px;left:0}.orbit-two{width:400px;height:275px;top:20px;left:-35px;border-style:dashed;opacity:.6}.floating-tag{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #36426312}.tag-braces{width:48px;height:46px;top:30px;left:43px;background:#f8f9fd;border-radius:12px;color:#5b6991;font:19px monospace;transform:rotate(-13deg)}.tag-spark{width:49px;height:49px;right:35px;top:62px;background:#b2c1ec;border:1px solid #a8b8e3;border-radius:14px;color:#42517b;transform:rotate(13deg)}.tag-check{right:25px;bottom:61px;background:#fff;border:1px solid #e4e7f1;border-radius:9px;padding:11px 14px;gap:8px;font-size:10px;color:#566181;transform:rotate(5deg)}.art-leaf{position:absolute;bottom:39px;left:24px;background:#c3cbe2;width:54px;height:54px;border-radius:50%;color:#5b6788;display:grid;place-items:center;transform:rotate(-15deg)}.art-dot{width:5px;height:5px;border-radius:50%;background:#8797c4;position:absolute}.dot-one{right:50px;bottom:125px}.dot-two{left:6px;top:120px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 31px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:17px 19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#89958d;font-size:10px}.stat-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px}.stat-icon svg{width:15px;height:15px;stroke-width:1.6}.stat-icon.green{background:#edeff5;color:#6f7a99}.stat-icon.blue{background:#edf2fa;color:#869bc4}.stat-icon.orange{background:#fdf1e6;color:#cf9c6a}.stat-icon.purple{background:#f0eef9;color:#a095ca}.stat-value{font-size:28px;line-height:1.4;font-weight:600;letter-spacing:-.6px;margin-top:5px}.stat-value>span{font-size:10px;color:#9098b0;margin-left:8px;font-weight:400;letter-spacing:0}.stat-card>p{font-size:9px;color:#a1aaa3;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.section-heading h2{font-size:17px;letter-spacing:-.4px;font-weight:600;display:flex;align-items:center;gap:12px}.section-count{font-size:9px;letter-spacing:0;font-weight:400;background:#eceef2;color:#8891aa;border-radius:4px;padding:3px 7px}.section-heading p{font-size:10px;color:#9aa49c;margin-top:7px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{padding:22px 23px 17px;background:#fff;border:1px solid var(--border);border-radius:13px;position:relative;transition:box-shadow .22s,transform .22s}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #232e4b10}.course-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.language-mark{height:45px;width:45px;border-radius:13px;display:grid;place-items:center;font-size:25px;font-weight:700;letter-spacing:-1px;flex-shrink:0}.language-mark.c{background:#eaf1fc;color:#6b8bc3}.language-mark.cpp{background:#f0edf9;color:#9581bd}.language-mark.python{background:#fcf3dd;color:#c9a154}.language-mark.cpp>span{font-size:24px}.language-mark sup{font-size:11px;letter-spacing:-2px;position:relative;top:-3px}.language-mark.small{width:29px;height:29px;border-radius:8px;font-size:17px}.language-mark.small.cpp>span{font-size:15px}.language-mark.small sup{font-size:8px;top:-2px}.python-mark{width:25px;height:27px;position:relative;display:block}.python-mark i{width:21px;height:15px;border-radius:7px 7px 4px 4px;background:#caab66;position:absolute;top:1px;left:0}.python-mark i:after{content:"";height:2px;width:2px;border-radius:50%;position:absolute;top:4px;left:5px;background:#fff}.python-mark i:last-child{transform:rotate(180deg);background:#e6cb86;top:12px;left:5px}.small .python-mark{transform:scale(.65)}.course-level{font-size:8px;color:#99a39b;border:1px solid #ebecf0;padding:4px 7px;border-radius:4px}.course-tagline{font-size:9px;color:#91a2bd}.course-card.purple .course-tagline{color:#a598b8}.course-card.amber .course-tagline{color:#b8a276}.course-card h3{font-size:24px;font-weight:700;margin-top:5px;letter-spacing:-.7px}.course-card h3>span{font-size:13px;font-weight:500;margin-left:9px;letter-spacing:0;color:#505971}.course-card>p{font-size:10px;color:#9aa49c;line-height:1.9;margin-top:9px;white-space:normal}.course-meta{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:9px;color:#969eb4}.course-meta>span{display:flex;align-items:center;gap:5px}.course-meta>i{width:2px;height:2px;background:#bec3d1;border-radius:50%}.course-card-bottom{display:flex;align-items:center;gap:20px;margin-top:20px;border-top:1px solid #eff0f3;padding-top:14px}.course-card-bottom>div{flex:1}.course-card-bottom span{font-size:8px;color:#a7afa9}.progress-track{height:3px;border-radius:8px;background:#eceef2;overflow:hidden;margin-top:8px}.progress-track i{display:block;height:100%;background:#7c88aa;border-radius:8px;transition:width .4s}.course-card-bottom>button{width:30px;height:30px;border-radius:50%;background:#f2f3f6;color:#75809d;display:grid;place-items:center}.course-card-bottom>button:hover{background:var(--accent);color:#fff}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:18px;margin-top:26px}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px}.section-heading.compact{margin-bottom:8px}.compact h2{font-size:14px}.tiny-label{color:#959db3;font-size:8px;letter-spacing:1px}.muted-copy{color:#9da79f;font-size:10px;line-height:1.8}.path-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:23px}.path-step{position:relative}.path-step:not(:last-child):after{content:"";position:absolute;left:39px;right:7px;top:16px;border-top:1px dashed #dfe2e9}.path-node{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef0f5;color:#7e88a3;position:relative;z-index:1}.node-0{background:#e6e9f0;color:#606b88}.node-1{background:#edf2f8;color:#8c9db8}.node-2{background:#faf3e7;color:#c0a474}.node-3{background:#f2eff8;color:#a29ab7}.path-step b{display:block;font-size:10px;font-weight:500;margin-top:13px}.path-step small{font-size:8px;color:#9aa2b8;display:block;margin-top:7px;line-height:1.6;padding-right:10px}.coach-banner{background:#1e2c51;border-radius:13px;color:#fff;position:relative;overflow:hidden;padding:23px;display:flex;gap:13px;align-items:flex-start}.coach-banner-icon{color:#afbee9;margin-top:6px}.coach-tag{font-size:8px;color:#adb3c5;letter-spacing:1px}.coach-banner h3{font-size:16px;margin-top:8px;letter-spacing:-.5px;font-weight:500}.coach-banner p{font-size:9px;line-height:1.9;color:#a7aec0;margin-top:9px}.coach-banner>button{position:absolute;left:61px;bottom:20px;color:#bfcaea;font-size:9px;display:flex;align-items:center;gap:23px;padding:0;z-index:1}.banner-orb{height:150px;width:150px;border:1px solid #ffffff0c;border-radius:50%;position:absolute;right:-72px;top:30px}.banner-orb:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff0c;border-radius:50%}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e8ed;padding:19px 0 21px;color:#aab2ab;font-size:8px;margin-top:29px}.page-footer>span:last-child{display:flex;align-items:center;gap:8px;letter-spacing:1px}.courses-page,.progress-page{padding-bottom:35px}.page-description{margin-bottom:28px}.course-catalog{margin-top:28px;scroll-margin-top:25px}.catalog-count{font-size:10px;color:#9099b1}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:5px 0 17px;gap:15px}.filter-tabs{display:flex;gap:5px;background:#f4f5f7;padding:4px;border-radius:8px}.filter-tabs button{font-size:11px;padding:7px 13px;color:#8b978e;border-radius:5px}.filter-tabs button.selected{background:#fff;box-shadow:0 2px 5px #21283a10;color:var(--accent);font-weight:600}.catalog-search{border:1px solid #e5e7ed;border-radius:7px;display:flex;align-items:center;gap:8px;padding:8px 11px;color:#9ba59c}.catalog-search input{background:transparent;border:0;font-size:11px;width:155px;outline:none}.catalog-search input::placeholder{color:#a9b0aa}.lesson-row{width:100%;text-align:left;display:flex;gap:15px;align-items:center;padding:18px 5px;border-bottom:1px solid #eff0f3}.lesson-row:last-child{border:0}.lesson-row:hover{background:#f7f8fa}.lesson-order{width:25px;color:#adb3c4;font-size:11px;font-weight:500;text-align:center}.lesson-order.done{color:#707da1}.lesson-title{flex:1}.lesson-title b{display:block;font-size:12px;font-weight:500}.lesson-title span{display:block;color:#9da79e;font-size:9px;margin-top:6px}.lesson-language{font-size:10px;color:#9098b0;min-width:50px}.lesson-duration{font-size:10px;color:#9ca3b8;display:flex;gap:5px;align-items:center}.lesson-open{font-size:10px;display:flex;gap:8px;align-items:center;color:#616b88;margin-left:20px}.empty-state{padding:45px 20px;text-align:center;color:#8690aa;display:flex;align-items:center;flex-direction:column}.empty-state h3{font-size:15px;color:#545d76;margin-top:15px;font-weight:500}.empty-state p{font-size:11px;color:#99a1b7;margin:10px 0 20px}.progress-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.progress-paths>h2,.recent-records h2{font-size:15px;font-weight:600}.progress-language{display:flex;align-items:center;gap:15px;width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #eff0f3}.progress-language>div{flex:1}.progress-language b{font-size:12px;font-weight:500}.progress-language small{font-size:9px;color:#969eb4;display:block;margin-top:7px}.progress-language>svg{color:#8c95ad}.progress-language .progress-track{height:4px}.progress-note{display:flex;align-items:center;gap:9px;color:#939cb3;font-size:9px;margin-top:19px;line-height:1.7}.activity-chart{display:flex;gap:20px;align-items:flex-end;height:204px;padding:0 10px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.activity-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.activity-column>span{background:#e9ebf2;width:100%;max-width:30px;border-radius:5px;min-height:5px}.activity-column>span.has-activity{background:#7b8bb8}.activity-column>small{font-size:9px;color:#828ca7;height:12px}.activity-column>b{font-size:10px;font-weight:400;color:#9ba3b8}.recent-records{margin-top:22px}.empty-illustration{width:64px;height:64px;border-radius:20px;background:#e9ecf5;color:#8a95b3;display:grid;place-items:center;transform:rotate(-5deg)}.record-row{display:flex;align-items:center;gap:13px;width:100%;padding:16px 0;text-align:left;border-bottom:1px solid #eff0f3}.record-row:last-child{border:0}.record-icon{width:32px;height:32px;border-radius:9px;background:#f4f2e9;color:#b4a77a;display:grid;place-items:center}.record-icon.passed{background:#e9ecf3;color:#828ca7}.record-row>div{flex:1}.record-row b{display:block;font-size:12px;font-weight:500}.record-row small{display:block;font-size:9px;color:#929bb2;margin-top:4px}.result-pill{font-size:9px;background:#faf5e7;color:#ad9c72;padding:5px 9px;border-radius:5px}.result-pill.success{color:#6d7897;background:#ebeef5}.record-row>svg{color:#9aa2b7}.modal-overlay{position:fixed;inset:0;background:#171d2c66;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;animation:fade-in .16s ease}.search-modal{width:570px;background:#fff;border-radius:16px;box-shadow:0 25px 90px #11182d30;overflow:hidden}.search-modal-input{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border);color:#818aa5}.search-modal-input>input{border:0;outline:0;font-size:14px;flex:1;min-width:0}.search-modal-input>input:focus{outline:none}.search-modal-input>input::placeholder{color:#a6adc0}.search-caption{font-size:10px;color:#949cb3;padding:19px 21px 10px}.search-results{max-height:380px;overflow-y:auto;padding:0 10px 10px}.search-results>button{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:8px}.search-results>button:hover{background:#eff1f7}.search-results>button>div{flex:1}.search-results b{display:block;font-size:12px;font-weight:500}.search-results small{display:block;font-size:9px;color:#959db3;margin-top:5px}.search-results>button>svg{color:#979fb6}.search-footer{border-top:1px solid var(--border);font-size:9px;color:#979fb6;padding:13px 22px;display:flex;gap:7px;align-items:center}.search-footer kbd{padding:2px 4px;border:1px solid #e2e4eb;border-radius:4px}.search-footer>span{margin-left:auto}.empty-search{padding:35px;color:#8e96ae;font-size:12px;text-align:center}.help-modal{width:490px;background:#fff;padding:35px 38px;border-radius:17px;position:relative}.modal-close{position:absolute;top:15px;right:15px}.help-logo{background:#e8ebf5;color:#7381a7;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;margin-bottom:22px}.help-modal h2{font-size:24px;letter-spacing:-.8px}.help-modal>p{font-size:12px;line-height:1.9;color:#7e88a4;margin-top:14px}.help-steps{margin:25px 0}.help-steps>div{position:relative;padding:11px 0 11px 35px}.help-steps span{position:absolute;left:0;top:12px;color:#919bb5;font-size:10px}.help-steps b{font-size:12px;font-weight:500}.help-steps p{font-size:10px;color:#8c95ae;margin-top:7px;line-height:1.7}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%);background:#212d4d;color:#eef1f9;box-shadow:0 8px 30px #1e274125;padding:13px 20px;border-radius:9px;z-index:100;font-size:11px;display:flex;align-items:center;gap:10px;max-width:90vw;animation:fade-in .2s ease}.toast svg{color:#a7b8e7}.workspace-toolbar{height:61px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 23px;gap:18px}.workspace-back{display:flex;align-items:center;gap:8px;font-size:10px;color:#8993ac;padding:0}.workspace-divider{width:1px;height:18px;background:#e5e7ee}.workspace-lesson-selector{position:relative}.workspace-lesson-selector>button{display:flex;align-items:center;gap:10px;font-size:11px;padding:0}.workspace-lesson-selector b{font-size:11px;font-weight:500}.workspace-lesson-selector>button>span:not(.language-mark){font-size:9px;color:#8f98b0}.workspace-lesson-selector svg{color:#8993ac}.workspace-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:22px}.autosave{font-size:9px;color:#98a0b6;display:flex;align-items:center;gap:5px}.workspace-toolbar-right select{border:1px solid #e1e3ea;border-radius:6px;padding:6px 25px 6px 10px;font-size:10px;color:#57617b;background:#fafbfc;max-width:112px}.lesson-menu{position:absolute;top:43px;left:0;background:#fff;width:270px;box-shadow:0 10px 40px #212b4620;z-index:30;border:1px solid #e3e6ed;border-radius:9px;padding:6px}.lesson-menu>button{width:100%;padding:13px 9px;display:flex;align-items:center;gap:10px;font-size:11px;text-align:left;border-radius:5px}.lesson-menu>button:hover{background:#eceff6}.lesson-menu>button>span{font-size:9px;color:#9099b1}.lesson-menu>button>svg{margin-left:auto}.workspace-grid{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(320px,1.55fr) minmax(280px,1fr);height:calc(100vh - 133px);min-height:670px}.lesson-pane{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;overflow:hidden}.pane-label{height:49px;display:flex;align-items:center;gap:8px;padding:0 22px;border-bottom:1px solid #ebedf1;font-size:10px;font-weight:500;color:#59637e;flex-shrink:0}.pane-label>span{margin-left:auto;font-size:9px;font-weight:400;color:#a3aabd;letter-spacing:1px}.lesson-pane-body{padding:27px 22px 15px;overflow-y:auto;flex:1}.lesson-kicker{font-size:8px;letter-spacing:1.4px;color:#8b95af}.lesson-pane h1{font-size:23px;line-height:1.6;letter-spacing:-.8px;margin-top:11px}.lesson-subtitle{font-size:10px;line-height:1.9;color:#8b94ac;margin-top:10px}.lesson-detail-meta{display:flex;gap:15px;align-items:center;margin-top:15px;color:#929ab1;font-size:9px}.lesson-detail-meta>span{display:flex;gap:4px;align-items:center}.lesson-concepts{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 21px}.lesson-concepts>span{background:#edeff6;border:1px solid #dce1ed;font-size:8px;color:#747f9d;padding:4px 6px;border-radius:4px}.lesson-prose p{font-size:11px;line-height:2.1;color:#6c7796;margin:0 0 13px}.task-card{background:#e9ecf6;border:1px solid #d6dbea;border-radius:9px;padding:17px 14px;margin-top:24px}.task-card>span{display:flex;align-items:center;gap:7px;color:#525f83;font-size:11px;font-weight:500}.task-card>p{font-size:11px;color:#697493;line-height:2;margin-top:10px}.expected-output{margin-top:14px;background:#ffffffb0;border:1px solid #dfe3ed;border-radius:6px;padding:10px}.expected-output small{display:block;font-size:8px;color:#969eb5;margin-bottom:6px}.expected-output code{font-size:11px;color:#5c6786;word-break:break-all}.lesson-tip{display:flex;gap:7px;margin-top:20px;color:#b2aa77}.lesson-tip p{font-size:9px;line-height:1.9;color:#8d96ae}.solution-trigger{width:100%;display:flex;align-items:center;gap:6px;color:#8891ab;font-size:9px;padding:23px 0 16px}.solution-trigger>svg:last-child{margin-left:auto}.solution-box{background:#f3f4f8;border:1px solid #d9deec;padding:12px;border-radius:7px}.solution-box pre{overflow:auto;font-size:10px;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:#5c6681}.solution-box button{display:flex;gap:7px;font-size:9px;color:#596688;align-items:center;background:#fff;border:1px solid #d5dae8;border-radius:4px;padding:7px 10px}.solution-box small{display:block;font-size:8px;color:#919ab1;line-height:1.8;margin-top:10px}.lesson-navigation{margin-top:25px;border-top:1px solid #e6e9f0;padding:17px 0;display:flex;justify-content:space-between}.lesson-navigation button{display:flex;align-items:center;gap:4px;font-size:10px;color:#76819e}.editor-pane{display:flex;flex-direction:column;min-width:0;background:#1d2028;border-right:1px solid #e2e4ea;overflow:hidden}.editor-bar{height:49px;flex-shrink:0;background:#20242e;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#b0b6c7;border-bottom:1px solid #ffffff07}.editor-bar>span{display:flex;align-items:center;gap:8px;font-size:10px;font-family:Consolas,monospace}.editor-bar i{height:5px;width:5px;border-radius:50%;background:#667190;margin-left:3px}.editor-bar .icon-button{color:#6a7595}.editor-bar .icon-button:hover{background:#ffffff0a}.editor-caption{padding:15px 18px 8px;display:flex;justify-content:space-between;color:#5e6885;font-size:8px;letter-spacing:.4px}.code-editor{flex:1;min-height:270px;overflow:auto;padding-top:8px}.code-editor>.cm-theme{height:100%}.code-editor .cm-editor{height:100%;font-family:Cascadia Code,Consolas,monospace;font-size:12px;background:#1d2028!important}.code-editor .cm-scroller{font-family:inherit;line-height:1.95!important}.code-editor .cm-gutters{background:#1d2028!important;border:0!important;color:#495167!important;min-width:44px}.code-editor .cm-line{padding-left:7px!important}.code-editor .cm-activeLineGutter,.code-editor .cm-activeLine{background:#ffffff04!important}.code-editor .cm-cursor{border-left-color:#95a5d1!important}.code-editor .cm-content{padding:3px 0 30px!important}.editor-status{height:25px;flex-shrink:0;display:flex;justify-content:space-between;padding:0 15px;align-items:center;color:#58627d;font-size:8px}.editor-status>span{display:flex;align-items:center;gap:8px}.editor-status i{width:2px;height:2px;border-radius:50%;background:#495166}.runner-status>i{width:4px;height:4px;background:#a29366}.runner-status>i.ready{background:#697aaa}.run-toolbar{background:#242833;border-top:1px solid #ffffff05;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.run-toolbar>span{font-size:9px;color:#5f6985}.run-toolbar kbd{border:1px solid #3c4254;padding:3px 5px;border-radius:4px;font-size:8px}.run-button{background:#93a7df;color:#222d4a;min-height:33px;padding:0 15px;font-size:10px;gap:7px}.run-button:hover{background:#aabbe9}.console-panel{height:240px;flex-shrink:0;background:#fff;display:flex;flex-direction:column}.console-tabs{height:42px;display:flex;align-items:stretch;border-bottom:1px solid #e3e6ee;justify-content:space-between;padding:0 15px;flex-shrink:0}.console-tabs>div{display:flex;gap:22px}.console-tabs button{font-size:9px;color:#9099b1;padding:0;position:relative;display:flex;align-items:center;gap:5px}.console-tabs button.selected{color:#546082;font-weight:500}.console-tabs button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#63729a}.console-tabs button>i{width:4px;height:4px;border-radius:50%;background:#cbb97f}.console-tabs button>i.success-dot{background:#7483ab}.console-tabs>span{align-self:center;font-size:8px;color:#a4abbe}.console-content{overflow:auto;padding:15px 17px;flex:1;font-size:11px}.console-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a9b0c2;min-height:100px}.console-placeholder p{font-size:10px;color:#8c95ae;margin-top:12px;text-align:center}.console-placeholder small{font-size:9px;color:#a7aec1;margin-top:7px}.stale-notice{font-size:8px;color:#a58d57;background:#fff9e9;padding:7px 14px}.output-heading{display:flex;align-items:center;gap:6px;color:#ba9a6b;font-size:9px}.output-heading.passed{color:#7481a4}.output-result>pre{font:11px/1.8 Consolas,monospace;white-space:pre-wrap;word-break:break-word;color:#5d6783;margin-top:12px}.output-result>pre.error-output{color:#bd806f;font-size:10px}.console-error{display:flex;gap:7px;color:#b3826e;font-size:10px;line-height:1.8}.console-error button{font-size:10px;color:var(--accent);margin-left:auto}.input-caption{font-size:9px;color:#929bb2;display:block;margin-bottom:11px}.stdin-editor{width:100%;height:110px;resize:vertical;border:1px solid #dfe2eb;border-radius:6px;background:#f7f8fc;padding:10px;font:11px/1.8 Consolas,monospace}.test-heading{display:flex;align-items:center;gap:8px;font-size:10px;color:#b29f6b}.test-heading.passed{color:#64739c}.test-heading>b{font-size:10px;font-weight:500}.test-heading>span{margin-left:auto;font-size:9px}.test-case{font-size:9px;background:#f5f6fa;border-radius:6px;border:1px solid #e2e6f0;margin-top:12px;padding:11px;color:#929bb2}.test-case>div{display:flex;gap:14px;margin-top:8px}.test-case small{font-size:8px;flex-shrink:0}.test-case code{font-size:10px;color:#687392;word-break:break-word;white-space:pre-wrap}.coach-pane{background:#fff;display:flex;flex-direction:column;min-width:0;overflow:hidden}.coach-tabs{height:49px;display:flex;flex-shrink:0;gap:25px;align-items:stretch;padding:0 18px;border-bottom:1px solid #e4e7f0}.coach-tabs>button{display:flex;align-items:center;gap:6px;position:relative;font-size:10px;color:#9aa2b7;padding:0}.coach-tabs>button.selected{color:#576282;font-weight:500}.coach-tabs>button.selected:after{content:"";position:absolute;bottom:0;height:2px;background:#7280a5;width:100%}.coach-status{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;color:#a1a9bd;font-size:8px;flex-shrink:0}.coach-status>span:first-child{display:flex;align-items:center;gap:5px;color:#7a84a1}.coach-status i{height:4px;width:4px;background:#c0b28c;border-radius:50%}.coach-status i.online{background:#6b7fb5}.chat-messages{flex:1;overflow:auto;min-height:150px;padding:6px 17px 20px}.coach-welcome{padding:15px 0 20px}.ai-avatar{height:43px;width:43px;border:1px solid #ced5ea;border-radius:13px;background:#e6eaf6;color:#6d7da9;display:grid;place-items:center}.coach-welcome h3{font-size:13px;line-height:1.8;margin-top:17px;font-weight:500;color:#545e79}.coach-welcome p{font-size:10px;color:#919ab1;line-height:2.1;margin-top:9px}.coach-welcome-note{display:flex;align-items:center;gap:7px;background:#f3f5fa;color:#8e97b1;border-radius:6px;font-size:8px;padding:10px;margin-top:20px;line-height:1.8}.chat-message{display:flex;gap:7px;align-items:flex-start;margin-top:17px;animation:fade-in .2s ease}.message-avatar{display:grid;place-items:center;width:23px;height:23px;background:#e6eaf6;color:#7888b4;border-radius:7px;flex-shrink:0;margin-top:1px}.chat-message>div{min-width:0}.message-content{font-size:10px;line-height:2;color:#6a7595;background:#eff1f8;border:1px solid #e1e5f0;padding:12px;border-radius:0 10px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{justify-content:flex-end;margin-left:20px}.chat-message.user .message-content{background:#e2e6f2;color:#5e6988;border-color:#d6dcec;border-radius:10px 0 10px 10px}.message-content.message-error{background:#fff8ed;border-color:#efe6d7;color:#b29771}.message-meta{display:flex;gap:5px;flex-wrap:wrap;color:#a4abbf;font-size:7px;margin:7px 3px}.message-meta>span{display:flex;align-items:center;gap:2px;color:#7d8aae}.coach-compose{padding:13px 13px 15px;border-top:1px solid #e9ecf4;flex-shrink:0}.quick-prompts{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.quick-prompts>button{font-size:8px;padding:6px;background:#f4f6fa;border:1px solid #dfe3ef;border-radius:5px;display:flex;align-items:center;gap:4px;color:#808aa7}.coach-compose form{border:1px solid #d1d7e7;border-radius:9px;background:#fff;padding:10px 10px 8px;box-shadow:0 2px 6px #1a233c04}.coach-compose form textarea{resize:none;border:0;outline:none;height:55px;width:100%;font-size:10px;line-height:1.8;padding:0;color:#636f91}.coach-compose form textarea::placeholder{color:#a2aabf}.coach-compose form textarea:focus{outline:none}.coach-compose form>div{display:flex;align-items:center;justify-content:space-between}.coach-compose form>div>span{font-size:7px;color:#afb6c8}.send-button{display:grid;place-items:center;background:#4f5d85;color:#fff;width:26px;height:26px;border-radius:6px}.coach-disclaimer{display:block;text-align:center;font-size:7px;color:#b1b7c7;line-height:1.8;margin-top:10px}.thinking-bubble{display:flex;align-items:center;gap:4px;margin:18px 0 0;color:#808daf}.thinking-bubble>span{height:3px;width:3px;border-radius:50%;background:#808eb4;animation:pulse 1s infinite}.thinking-bubble>span:nth-child(3){animation-delay:.2s}.thinking-bubble>span:nth-child(4){animation-delay:.4s}.thinking-bubble small{font-size:8px;color:#a0a8be;margin-left:4px}.experiment{overflow:auto;padding:24px 19px;color:#6a7595}.experiment-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;background:#e8ecf7;border:1px solid #dadfed;border-radius:5px;padding:5px 7px}.experiment h3{font-size:14px;line-height:1.8;color:#4f5d83;margin-top:17px;font-weight:500}.experiment>p{font-size:10px;line-height:2;color:#8f98b0;margin-top:10px}.experiment-code{background:#252934;border-radius:9px;margin-top:22px;padding:15px 12px}.experiment-code>code{display:block;font-size:10px;color:#8f9ec7;line-height:2.4;white-space:pre-wrap}.experiment-code>code.highlight{background:#ffffff0a;color:#adbde8}.array-cells{display:flex;gap:11px;justify-content:center;margin:35px 0 25px}.array-cells>div{height:57px;width:57px;border:1px solid #d2d8e9;border-radius:10px;background:#f2f4fa;display:grid;place-items:center;position:relative;transition:all .3s}.array-cells small{position:absolute;top:-18px;font-size:9px;color:#9ba4bd}.array-cells b{font-size:23px;color:#7b89b1;font-weight:500}.array-cells .current{background:#cfd8f1;border-color:#8294c7;box-shadow:0 4px 15px #687aab20;transform:translateY(-3px)}.array-cells .current b{color:#506396}.array-cells>div>svg{position:absolute;right:2px;bottom:2px;color:#7689bd}.array-cells .visited{background:#e3e8f4}.total-box{display:flex;align-items:center;gap:15px;border:1px solid #dde2ef;padding:14px;border-radius:8px;background:#f6f8fc}.total-box>span{font:11px Consolas,monospace;color:#7784a7}.total-box>b{font-size:25px;font-weight:500;color:#5e6f9e}.total-box>small{font-size:8px;margin-left:auto;color:#9da6bd}.experiment-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px}.experiment-controls .button{font-size:8px;min-height:30px;padding:0 9px;gap:5px}.experiment-question{padding:18px 14px;border:1px solid #eadfbc;background:#fffdf5;border-radius:9px;margin-top:30px;position:relative}.experiment-question>svg{position:absolute;top:18px;left:14px;color:#b9aa73}.experiment-question>b{display:block;font-size:11px;font-weight:500;margin-left:24px;color:#ad9d64}.experiment-question>p{font-size:10px;line-height:2;margin-top:13px;color:#adab8c}.experiment-question>div{display:flex;gap:7px;margin-top:14px}.experiment-question input{width:100%;min-width:0;background:#fff;border:1px solid #e8e3cf;padding:8px;border-radius:5px;font-size:9px}.experiment-question button{background:#e9dfb9;border-radius:5px;padding:0 11px;font-size:9px;color:#a19464;white-space:nowrap}.experiment-question>small{display:block;font-size:9px;line-height:1.9;margin-top:12px}.answer-correct{color:#6a78a0}.answer-retry{color:#b6a071}.confirm-modal{background:#fff;border-radius:15px;max-width:390px;padding:30px;color:#677395}.confirm-modal>h3{font-size:18px;color:#465375;margin-top:17px;font-weight:500}.confirm-modal>p{font-size:11px;line-height:2;color:#8f98b0;margin-top:12px}.confirm-modal>div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.confirm-modal .button{font-size:10px}.spin{animation:spin 1s linear infinite}.sidebar-scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media(min-width:1600px){.page-content{padding:42px 55px 0}.hero-card{min-height:345px}.hero-copy{padding:35px 43px}.hero-copy h2{font-size:37px}.hero-art{flex-basis:43%}.art-editor{left:10%;top:76px;width:320px}.art-code{font-size:12px}.tag-braces{left:80px}.tag-spark{right:75px}.tag-check{right:60px}.orbit-one{left:40px}.orbit-two{left:0}.dashboard-bottom{margin-top:30px}.course-card{padding:25px 27px 20px}.course-card>p{font-size:11px}.course-card h3{font-size:27px}.workspace-grid{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.6fr) minmax(310px,1fr)}.lesson-pane-body{padding:32px 27px}.code-editor .cm-editor{font-size:14px}.coach-pane .message-content{font-size:12px}.lesson-prose p,.task-card>p{font-size:12px}.coach-welcome p{font-size:11px}}@media(max-width:1250px){.sidebar{width:202px;padding-left:13px;padding-right:13px}.main-shell{margin-left:202px}.brand{margin-left:10px}.topbar{padding:0 27px}.page-content{padding-left:27px;padding-right:27px}.hero-copy{padding-left:27px}.hero-copy h2{font-size:29px}.hero-art{flex-basis:42%;min-width:285px}.art-editor{width:260px;top:79px}.art-code{font-size:10px}.tag-spark{right:15px}.tag-check{right:15px;bottom:65px}.course-card{padding:19px 17px 15px}.course-card>p{font-size:9px}.course-card h3{font-size:22px}.course-card h3>span{font-size:12px}.dashboard-bottom{grid-template-columns:1.6fr 1fr}.coach-banner{padding-left:17px}.coach-banner h3{font-size:14px}.coach-banner>button{left:54px}.path-step small{font-size:7px}.workspace-grid{grid-template-columns:minmax(215px,.85fr) minmax(290px,1.35fr) minmax(245px,1fr)}.workspace .lesson-pane-body{padding-left:17px;padding-right:17px}.lesson-pane h1{font-size:20px}.coach-tabs{gap:16px;padding:0 13px}.coach-tabs>button{font-size:9px}.quick-prompts>button{font-size:7px}.coach-compose form>div>span{font-size:6px}.workspace-toolbar{padding-left:17px;gap:14px}}@media(max-width:1080px){.sidebar{width:184px}.main-shell{margin-left:184px}.nav-item{gap:10px;font-size:12px;padding-left:12px}.nav-new{font-size:6px}.sidebar-course{margin-left:5px;margin-right:5px}.growth-card{padding:15px 12px;margin-left:4px;margin-right:4px}.profile{padding-left:4px}.profile small{font-size:8px}.topbar{height:64px;padding:0 23px}.page-content{padding:28px 23px 0}.hero-copy h2{font-size:26px}.hero-art{min-width:240px}.art-editor{width:226px;top:90px}.art-code{font-size:9px;padding:14px 11px}.art-editor-bar>em{margin-left:20px}.tag-check{font-size:8px;padding:9px 10px;right:8px}.tag-spark{right:10px;top:62px;width:39px;height:39px}.orbit-one{width:250px;left:-6px}.orbit-two{width:290px;left:-20px}.hero-copy{padding:27px 23px}.hero-actions{gap:17px}.hero-actions .button{padding:0 13px;font-size:10px}.hero-note{font-size:8px}.stats-grid{gap:12px}.stat-card{padding:14px}.stat-card>p{font-size:8px}.stat-value{font-size:25px}.course-grid{gap:12px}.course-meta{font-size:8px;gap:6px}.course-card>p{min-height:34px}.course-card h3>span{display:block;margin-left:0;margin-top:5px;font-size:11px}.course-tagline{font-size:8px}.course-card-top{margin-bottom:15px}.dashboard-bottom{grid-template-columns:1fr}.coach-banner{min-height:165px;padding:23px;align-items:flex-start}.coach-banner>button{left:auto;right:30px;bottom:38px}.coach-banner p{font-size:10px}.path-step small{font-size:9px}.learning-path{padding-bottom:25px}.workspace-grid{height:auto;min-height:calc(100vh - 125px);grid-template-columns:minmax(220px,1fr) minmax(320px,1.5fr)}.coach-pane{grid-column:1/-1;min-height:450px;border-top:1px solid var(--border)}.lesson-pane,.editor-pane{height:650px}.chat-messages{min-height:220px;max-height:420px}.coach-welcome{max-width:420px}.coach-pane .message-content{font-size:12px}.coach-compose{padding:15px 20px}.coach-compose form textarea{font-size:12px}.coach-compose form>div>span{font-size:8px}.quick-prompts>button{font-size:10px;padding:7px 10px}.coach-status{font-size:10px}.coach-tabs>button{font-size:12px}.experiment{max-width:620px;width:100%;align-self:center}.progress-columns{grid-template-columns:1fr 1fr}.activity-chart,.workspace-toolbar-right{gap:10px}.workspace-toolbar .autosave{display:none}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s;width:228px}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#181d2b60;z-index:34;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0}.mobile-menu{display:grid;margin-left:-5px}.topbar{padding:0 22px}.page-content{padding-left:24px;padding-right:24px}.hero-copy h2{font-size:28px}.hero-art{min-width:260px}.art-editor{width:245px}.art-code{font-size:10px}.date-badge{font-size:9px}.welcome-row h1{font-size:24px}.welcome-row>div>p{font-size:11px}.hero-label{font-size:8px}.topbar-right{gap:13px}.search-trigger{min-width:195px}.course-card h3>span{display:inline-block;margin-left:6px}.course-card{padding:19px 17px}.course-card h3{font-size:22px}.course-card>p{font-size:10px}.course-grid{gap:13px}.course-level{font-size:7px}.course-meta{font-size:8px}.toast{left:50%}.progress-columns{grid-template-columns:1.2fr 1fr}.lesson-open{margin-left:8px}.lesson-duration{font-size:9px}.workspace-grid{grid-template-columns:minmax(230px,1fr) minmax(340px,1.5fr)}.hero-card{min-height:325px}}@media(max-width:650px){.topbar{padding:0 17px;height:61px}.topbar-right{gap:8px}.topbar-divider{display:none}.search-trigger{min-width:0;background:none;border:0;padding:6px}.search-trigger>span,.search-trigger>kbd{display:none}.breadcrumb{font-size:10px;gap:7px}.small-avatar{height:27px;width:27px}.page-content{padding:26px 18px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.welcome-row{margin-bottom:21px}.welcome-row h1{font-size:23px}.welcome-row p{font-size:10px!important}.date-badge{display:none}.hero-card{display:block;min-height:0}.hero-copy{padding:25px 24px}.hero-copy h2{font-size:29px;margin-top:13px}.hero-copy>p{font-size:11px;margin-top:17px}.hero-label{font-size:8px}.hero-actions{margin-top:21px;gap:21px}.hero-actions .button{font-size:11px;padding:0 15px}.hero-note{font-size:8px}.hero-art{height:230px;margin-top:-5px;min-width:0;width:100%}.art-editor{width:255px;top:9px;left:calc(50% - 130px);transform:rotate(-5deg)}.art-code{font-size:10px;line-height:2;padding:13px 14px}.art-editor-bar{height:29px}.art-terminal{height:30px}.tag-braces{top:-2px;left:25px;width:35px;height:35px;font-size:16px}.tag-spark{top:10px;right:25px;width:37px;height:37px}.tag-spark svg{width:18px}.tag-check{bottom:28px;right:17px;font-size:8px;padding:9px}.orbit-one{top:0;width:290px;height:175px;left:calc(50% - 145px)}.orbit-two{top:-13px;width:330px;height:205px;left:calc(50% - 165px)}.art-leaf{bottom:18px;left:27px;width:40px;height:40px}.art-leaf svg{width:25px}.dot-one{bottom:90px;right:20px}.dot-two{top:80px;left:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 26px}.stat-card{padding:14px 15px}.stat-top{font-size:10px}.stat-value{font-size:27px;margin-top:7px}.stat-card>p{font-size:8px}.stat-icon{width:25px;height:25px}.course-grid{grid-template-columns:1fr;gap:13px}.course-card{padding:20px 22px}.course-card h3{font-size:27px}.course-card h3>span{font-size:14px;margin-left:10px}.course-card>p{min-height:0;font-size:11px}.course-card-top{margin-bottom:13px}.course-level,.course-tagline{font-size:9px}.course-meta{font-size:9px;margin-top:15px}.course-card-bottom{margin-top:17px}.course-card-bottom span{font-size:9px}.course-card-bottom>button{width:34px;height:34px}.course-card .language-mark{width:43px;height:43px}.section-heading h2{font-size:16px;gap:9px}.section-count{font-size:8px;padding:3px 5px}.section-heading p{font-size:10px;line-height:1.8;max-width:245px}.dashboard-bottom{margin-top:19px;gap:15px}.panel{padding:20px}.path-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.path-step:nth-child(2):after{display:none}.path-step small{font-size:9px}.path-step b{font-size:11px;margin-top:10px}.coach-banner{min-height:182px}.coach-banner h3{font-size:17px}.coach-banner>button{right:23px;bottom:28px;font-size:10px;gap:9px}.page-footer{margin-top:22px;padding:17px 0;font-size:7px}.page-footer>span:last-child{letter-spacing:.6px}.courses-page>h1,.progress-page>h1{font-size:25px}.page-description{font-size:11px}.course-catalog{padding:18px 14px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:13px}.filter-tabs{justify-content:space-between}.filter-tabs button{font-size:10px;padding:7px 9px}.catalog-search input{width:100%}.catalog-count{display:none}.lesson-row{gap:10px;padding:17px 0}.lesson-row .lesson-order{width:18px;font-size:10px}.lesson-title b{font-size:11px;line-height:1.6}.lesson-title span{font-size:8px;line-height:1.8}.lesson-language,.lesson-duration{display:none}.lesson-open{font-size:9px;margin-left:auto;white-space:nowrap;gap:4px}.lesson-row .language-mark.small{width:26px;height:26px}.lesson-row .language-mark.small.cpp{font-size:13px}.progress-columns{grid-template-columns:1fr;gap:16px}.activity-chart{gap:20px}.recent-records{margin-bottom:30px}.record-row b{font-size:11px}.record-row small,.result-pill{font-size:8px}.workspace-toolbar{height:58px;padding:0 13px;gap:9px}.workspace-back>span{display:none}.workspace-toolbar-right select{font-size:9px;max-width:86px;padding:6px}.workspace-lesson-selector b{font-size:10px}.workspace-lesson-selector>button{gap:7px}.workspace-lesson-selector>button>span:not(.language-mark){font-size:8px}.workspace-grid{display:flex;flex-direction:column;height:auto;min-height:0}.lesson-pane{height:auto;max-height:none;border-right:0}.lesson-pane-body{padding:21px 20px!important;overflow:visible}.lesson-pane h1{font-size:24px}.pane-label{padding:0 20px}.lesson-subtitle{font-size:11px}.lesson-detail-meta{margin-top:13px}.lesson-concepts{margin:15px 0}.lesson-prose p{font-size:12px;line-height:2}.task-card{margin-top:17px}.task-card>p{font-size:12px}.lesson-tip{margin-top:17px}.solution-trigger{padding:17px 0 3px;font-size:10px}.lesson-navigation{margin-top:20px;padding-bottom:0}.editor-pane{height:600px;border-right:0}.code-editor .cm-editor{font-size:13px}.console-panel{height:225px}.run-toolbar{height:57px}.run-button{min-height:35px;font-size:11px}.coach-pane{min-height:565px}.coach-welcome{padding-top:10px}.coach-welcome h3{font-size:15px}.coach-welcome p{font-size:12px}.coach-status{padding:17px 20px}.chat-messages{padding:0 20px 20px}.coach-welcome-note{font-size:10px}.message-content{font-size:12px!important}.message-meta{font-size:8px}.quick-prompts>button{font-size:9px}.coach-compose form textarea{height:65px}.coach-disclaimer{font-size:8px}.coach-tabs{padding:0 20px;gap:30px}.coach-tabs>button{font-size:11px}.experiment{padding:25px}.experiment h3{font-size:17px}.experiment>p{font-size:12px}.experiment-question>p{font-size:11px}.experiment-question>small{font-size:10px}.experiment-controls .button{font-size:10px;min-height:34px}.experiment-code>code{font-size:12px}.total-box small,.experiment-badge{font-size:10px}.help-modal{padding:30px 25px}.help-modal h2{font-size:23px}.help-modal>p{font-size:12px}.search-modal-input{padding:14px}.search-footer>span{display:none}.modal-overlay{padding-top:9vh}.toast{font-size:10px;bottom:19px;width:max-content;max-width:90vw}.confirm-modal{padding:26px}.profile{padding-bottom:20px}.sidebar-bottom{padding-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.nav-item{font-size:14px}.topbar .breadcrumb{font-size:12px}.sidebar-label{font-size:11px}.stat-top{font-size:12px}.stat-card>p{font-size:11px;color:#869189}.stat-value>span{font-size:12px}.section-heading p{font-size:12px;color:#859188}.hero-copy>p{font-size:13px;color:#697493}.hero-label{font-size:11px}.hero-note{font-size:10px}.hero-actions .button,.hero-actions .text-button{font-size:12px}.course-card>p{font-size:12px;color:#859087}.course-tagline,.course-meta{font-size:11px}.course-level,.course-card-bottom span{font-size:10px}.path-step b{font-size:12px}.path-step small{font-size:10px;color:#76809d}.coach-banner p{font-size:11px;color:#bbc1d0}.coach-banner>button{font-size:11px}.welcome-row p{font-size:13px}.lesson-prose p,.task-card>p{font-size:13px;color:#5c6681}.lesson-subtitle{font-size:12px;color:#737d9b}.lesson-concepts>span{font-size:10px}.lesson-detail-meta,.lesson-tip p,.solution-trigger{font-size:11px}.pane-label{font-size:12px}.editor-caption{font-size:10px}.code-editor .cm-editor{font-size:13px}.editor-status{font-size:10px}.console-tabs button{font-size:11px}.console-placeholder p{font-size:12px}.console-placeholder small{font-size:10px}.output-result>pre{font-size:12px}.coach-status{font-size:10px}.coach-tabs>button{font-size:12px}.coach-welcome h3{font-size:15px}.coach-welcome p{font-size:12px;color:#737e9c}.coach-welcome-note{font-size:10px}.message-content{font-size:12px;color:#56607c;line-height:1.9}.message-meta{font-size:9px}.quick-prompts>button{font-size:10px}.coach-compose form textarea{font-size:12px}.coach-compose form>div>span{font-size:9px}.coach-disclaimer{font-size:9px}.test-heading,.test-heading>b{font-size:12px}.test-case{font-size:11px}.test-case code,.workspace-lesson-selector b{font-size:12px}.test-case small{font-size:10px}.lesson-title b{font-size:13px}.lesson-title span,.lesson-open,.lesson-duration,.lesson-language{font-size:11px}.text-button{font-size:12px}.page-description{font-size:13px}.muted-copy{font-size:12px}@media(max-width:1250px){.hero-label{font-size:9px}.quick-prompts>button{font-size:9px}.hero-copy>p{font-size:12px}.course-card>p{font-size:11px}.course-meta{font-size:10px}.coach-compose form>div>span{font-size:8px}}@media(max-width:650px){.nav-item{font-size:14px}.hero-note{font-size:9px}.hero-copy>p{font-size:12px}.hero-label{font-size:9px}.hero-actions .text-button,.course-tagline{font-size:11px}.course-card>p{font-size:13px}.course-meta{font-size:11px}.section-heading p{font-size:12px}.stat-card>p{font-size:10px}.stat-top,.path-step b{font-size:12px}.path-step small{font-size:10px}.coach-banner>button{font-size:11px}.lesson-title b{font-size:12px}.lesson-title span{font-size:9px}.lesson-open{font-size:10px}.coach-tabs>button{font-size:12px}.message-content{font-size:13px!important}.coach-status{font-size:10px}.lesson-prose p,.task-card>p{font-size:13px}}.nav-item>span:first-of-type{white-space:nowrap}.nav-new{flex-shrink:0}.nav-item{gap:10px}.message-content strong{font-weight:600;color:#3e4968}.message-content code{font:11px/1.8 Consolas,monospace;background:#dde2ef;padding:2px 4px;border-radius:4px;color:#4e5c81}.message-content .teaching-code{background:#e1e5f0;padding:10px;border-radius:6px;overflow:auto;white-space:pre-wrap}.message-content .teaching-code code{background:none;padding:0}@media(max-width:1250px)and (min-width:801px){.nav-new{font-size:6px;padding:3px}.nav-item{padding-left:10px;gap:8px;font-size:12px}.nav-item.active i{right:8px}.nav-item.active .nav-new{margin-right:5px}}.editor-loading{padding:25px;color:#8a95b5;font-size:12px}@media(min-width:1081px){.app-shell.is-workspace{height:100vh;overflow:hidden}.is-workspace .main-shell{height:100vh;display:flex;flex-direction:column}.is-workspace .topbar,.workspace-toolbar{flex-shrink:0}.workspace{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-grid{flex:1;min-height:0;height:auto}.code-editor{min-height:150px}.console-panel{height:225px}}@media(min-width:1081px)and (max-height:680px){.console-panel{height:180px}.code-editor{min-height:100px}.coach-welcome{padding-top:5px}.coach-welcome-note{margin-top:12px}}.brand{gap:10px;margin-left:9px;margin-right:0}.brand strong{font-size:19px;letter-spacing:-.5px;white-space:nowrap}.brand small{font-size:9px;letter-spacing:.5px;color:#879089;margin-top:5px}.brand-symbol{width:37px;height:39px;border-radius:10px;box-shadow:none}.brand-dot,.wave,.banner-orb{display:none}.eyebrow{letter-spacing:.5px;font-size:11px;color:#7b877e}.date-badge{font-size:11px;background:transparent;border:0}.hero-card{background:#eeeff3;border-color:#dfe2e9;min-height:308px;align-items:center;padding-right:32px;gap:24px}.hero-copy{padding:28px 34px}.hero-copy h2{font-size:31px;line-height:1.5;letter-spacing:-.6px}.hero-copy>p{font-size:12px;color:#616b88;line-height:1.9;margin-top:18px}.hero-label{background:transparent;border:0;padding:0;color:#636e8c;font-size:11px}.hero-note{color:#707b99}.hero-art.lesson-preview{position:relative;flex:0 0 40%;min-width:290px;align-self:center;background:#222735;border:1px solid #2a3144;border-radius:10px;overflow:hidden;color:#d5d8e2;box-shadow:none;transform:none;height:auto}.preview-file{height:38px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:8px;padding:0 16px;color:#a5acc0;font-size:10px}.preview-file>span:last-child{margin-left:auto;color:#8d96ae;font-size:9px}.preview-code{padding:17px 0;font:12px/2 Consolas,monospace}.preview-code>div{display:flex;white-space:pre}.preview-code i{font-style:normal;text-align:center;width:42px;color:#626c89;flex-shrink:0}.preview-code>div:nth-child(3){color:#9caad1}.preview-result{border-top:1px solid #ffffff12;display:flex;align-items:center;gap:15px;height:38px;padding:0 16px;color:#9ca4b9;font-size:10px}.preview-result b{font:12px Consolas,monospace;color:#b7c4e8}.preview-result svg{margin-left:auto}.growth-card{background:#f6f7f9;border-color:#e6e8ed;padding-top:15px}.growth-card:after{display:none}.growth-card p{font-size:11px;line-height:1.8;color:#6c7796}.growth-card b{font-size:12px}.growth-card button{font-size:11px}.course-card{box-shadow:none}.course-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1c243b08}.coach-banner{background:#26314e;min-height:190px}.coach-banner h3{font-weight:600}.coach-banner-icon{color:#bcc1d0}.coach-tag{font-size:10px;letter-spacing:0}.coach-banner p{font-size:11px}.hero-actions .button{box-shadow:none}.ai-avatar{background:#eef0f5;color:#5c688a;border-color:#dee1ea}.coach-welcome h3{font-weight:600;font-size:14px}.coach-welcome p{font-size:12px;line-height:1.9;color:#6b7696}.lesson-kicker{letter-spacing:0;font-size:10px}.course-tagline{color:#7c8d9c}.course-meta,.course-card-bottom span,.lesson-title span{color:#7983a0}.section-count{background:#ecedf1;color:#717c9b}.page-footer{font-size:10px;letter-spacing:0}.page-footer>span:last-child{letter-spacing:0}.account-topbar-actions{display:flex;align-items:center;gap:8px;font-size:12px}.account-topbar-actions>button{padding:7px 11px;border-radius:6px;color:#545d77}.account-topbar-actions>.register-trigger{background:#23325c;color:#fff;padding:8px 15px}.account-topbar-user{display:flex;align-items:center;gap:8px;font-size:11px;max-width:150px;padding:0}.account-topbar-user>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile b{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#5d6783;font-size:13px}.save-error-banner{padding:11px 25px;background:#fff5e8;color:#946d40;font-size:12px;display:flex;gap:15px;align-items:center}.save-error-banner button{font-size:11px;text-decoration:underline;margin-left:auto}.save-error{color:#b07a42}.save-saving{color:#7983a0}.account-overlay{align-items:center;padding-top:30px;padding-bottom:30px;background:#14192763;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.account-dialog{width:430px;background:#fff;border:1px solid #e1e3ea;border-radius:15px;padding:30px 34px;position:relative;box-shadow:0 20px 80px #0d142824;max-height:calc(100vh - 60px);overflow:auto}.account-heading{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#59637e;margin-bottom:23px}.account-heading-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #dfe2e9;background:#eff1f6;color:#5e6988;border-radius:11px}.account-dialog h2{font-size:24px;letter-spacing:-.4px;font-weight:650}.account-intro{font-size:12px;line-height:1.85;color:#747f9c;margin-top:10px;margin-bottom:20px}.auth-tabs{display:flex;border-bottom:1px solid #e2e5ec;margin-bottom:20px;gap:25px}.auth-tabs>button{position:relative;padding:9px 3px 12px;color:#7f89a4;font-size:13px}.auth-tabs>button.selected{color:#313d5e;font-weight:600}.auth-tabs>button.selected:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#4e5d88}.account-field{display:flex;flex-direction:column;font-size:12px;color:#5b6580;gap:8px;margin-bottom:16px}.account-field>input,.password-field{height:43px;border:1px solid #d9dde7;border-radius:7px;background:#fafbfd;min-width:0}.account-field input{font-size:13px;padding:0 11px;width:100%}.account-field input::placeholder{color:#949cb3;font-size:11px}.password-field{display:flex;align-items:center;padding-right:4px}.password-field>input{background:transparent;border:0;outline:0;min-width:0;height:40px}.password-field:focus-within{outline:2px solid #abb5d1;outline-offset:1px}.password-field input:focus{outline:0}.password-field button{display:grid;place-items:center;width:33px;height:32px;flex-shrink:0;color:#7d87a2;border-radius:5px}.account-submit{width:100%;height:43px;margin-top:5px;font-size:13px}.account-submit>svg:last-child{margin-left:auto}.account-submit>svg:first-child{margin-right:3px}.account-submit>svg:only-child{margin-left:0}.account-error{padding:11px 12px;border-radius:6px;background:#fcf2eb;border:1px solid #f0e1d6;color:#a6724d;font-size:12px;line-height:1.8;margin-bottom:14px}.account-footnote{margin-top:21px;display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;color:#8690aa}.account-footnote>svg{margin-top:2px;color:#7f89a5}.account-identity{display:flex;align-items:center;gap:10px;border:1px solid #dde1eb;background:#f4f6fa;border-radius:8px;padding:13px;margin-bottom:18px}.account-identity>div{flex:1;min-width:0}.account-identity b{display:block;font-size:13px;font-weight:600;color:#535d77;overflow:hidden;text-overflow:ellipsis}.account-identity small{display:block;font-size:10px;color:#8992ab;margin-top:4px}.account-session{font-size:9px;color:#6a7696;display:flex;align-items:center;gap:4px}.account-section-tabs{display:flex;gap:18px;border-bottom:1px solid #dfe3ee;margin-bottom:20px}.account-section-tabs>button{padding:0 0 11px;font-size:11px;color:#8f97af}.account-section-tabs>button.selected{color:#536084;border-bottom:2px solid #65749c}.logout-button{display:flex;align-items:center;gap:8px;color:#9b8069;font-size:12px;margin-top:24px;padding:12px 0 0;border-top:1px solid #e7eaf1;width:100%}.account-dialog .modal-close{top:15px;right:15px}.account-dialog .avatar{background:#dfe3ed;color:#55607e}@media(min-width:1600px){.hero-art.lesson-preview{flex-basis:39%;margin-right:15px}.hero-copy h2{font-size:35px}.preview-code{font-size:13px;line-height:2.15}.hero-copy>p{font-size:13px}}@media(max-width:1250px){.brand strong{font-size:17px}.brand{gap:8px;margin-left:4px}.brand-symbol{width:32px;height:35px}.brand small{font-size:8px}.hero-card{padding-right:23px;gap:13px}.hero-art.lesson-preview{min-width:250px;flex-basis:40%}.hero-copy{padding-left:26px;padding-right:10px}.hero-copy h2{font-size:28px}.hero-copy>p{font-size:11px}.preview-code{font-size:10px}.topbar-right{gap:12px}.search-trigger{min-width:210px}.account-topbar-user{max-width:100px}}@media(max-width:1080px){.brand strong{font-size:15px}.brand small{font-size:7px}.hero-art.lesson-preview{min-width:220px}.hero-copy h2{font-size:26px}.preview-file{font-size:9px;padding:0 12px}.preview-code{font-size:9px}.preview-code i{width:31px}.account-topbar-actions{font-size:11px;gap:4px}.topbar-right{gap:9px}.coach-banner{min-height:165px}}@media(max-width:800px){.brand strong{font-size:19px}.brand-symbol{width:37px;height:39px}.brand small{font-size:9px}.hero-card{padding-right:20px}.hero-copy h2{font-size:26px}.hero-art.lesson-preview{min-width:220px;flex-basis:40%}.search-trigger{min-width:170px}.search-trigger kbd{display:none}.topbar-right{gap:8px}}@media(max-width:650px){.hero-card{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0}.hero-copy{padding:25px 23px 22px}.hero-copy h2{font-size:29px;line-height:1.5}.hero-copy>p{font-size:12px;line-height:1.9}.hero-label{font-size:10px}.hero-art.lesson-preview{align-self:auto;width:auto;min-width:0;margin:0 22px 23px;flex:0 0 auto;height:auto}.preview-file{height:35px;font-size:10px}.preview-code{font-size:11px;line-height:1.9;padding:13px 0}.preview-result{height:33px}.preview-code i{width:34px}.topbar .breadcrumb{font-size:10px}.topbar-right{gap:4px}.search-trigger{min-width:0}.account-topbar-actions{font-size:11px}.account-topbar-actions>button{padding:6px 8px}.account-topbar-actions>.register-trigger{padding:7px 9px}.account-topbar-user>span:last-child{display:none}.notification-wrap{display:none}.account-dialog{padding:25px 24px;border-radius:12px}.account-dialog h2{font-size:23px}.account-intro{font-size:12px}.account-heading{margin-bottom:19px}.growth-card p{font-size:11px}.eyebrow{font-size:10px}.page-footer{font-size:9px}.welcome-row h1{font-size:23px}.welcome-row p{font-size:11px!important}.save-error-banner{font-size:11px;padding:10px 17px}.account-overlay{padding:20px 15px}.account-dialog{max-height:calc(100vh - 40px)}}.hero-copy>p,.page-description,.course-card p,.page-description+p{font-size:14px;color:#515a72;line-height:1.9}.welcome-row>div>p,.stat-top,.stat-card>p,.course-meta,.course-tagline,.section-heading p{font-size:12px;color:#5a637e}.study-overview>p,.catalog-study-state,.lesson-title span,.lesson-language,.lesson-duration{color:#5a637e;font-size:12px}.lesson-row{min-height:88px}.hero-card{min-height:276px}.hero-copy{padding-top:26px;padding-bottom:26px}.hero-copy h2{font-size:30px;line-height:1.45}@media(max-width:650px){.hero-copy>p,.page-description,.course-card p{font-size:13px}.hero-copy h2{font-size:26px}.hero-card{min-height:0}.hero-copy{padding:24px 22px}.catalog-study-state{font-size:11px}}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.learning-workspace{display:flex;flex-direction:column;flex:1;min-height:0;background:#f5f6f8}.learning-toolbar{display:flex;align-items:center;gap:15px;padding:13px 22px;border-bottom:1px solid var(--border);background:#fff;min-height:58px;flex-shrink:0}.learning-lesson-menu{position:relative;min-width:0}.learning-lesson-menu>button{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px}.learning-position{font-size:12px;color:#58617b;white-space:nowrap}.learning-toolbar-end{display:flex;gap:16px;align-items:center;margin-left:auto}.learning-toolbar select{font-size:12px;padding:7px;border:1px solid #dee0e7;border-radius:7px;background:#fff;color:#3a4051}.study-save{font-size:13px;color:#58617b}.study-save.error{color:#af542f}.workspace-mobile-tabs{display:none}.learning-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 284px;gap:16px;padding:18px;flex:1;min-height:0}.study-lesson,.study-center,.study-coach{min-width:0;border:1px solid #dde0e7;border-radius:12px;background:#fff;overflow:hidden}.study-lesson{overflow-y:auto;padding:23px 18px}.study-eyebrow{font-size:11px;letter-spacing:.6px;color:#58617b}.study-lesson h1{font-size:23px;font-weight:650;line-height:1.4;margin:13px 0 9px;letter-spacing:-.6px}.study-subtitle{color:#58617b;font-size:13px;line-height:1.9}.study-state-label{font-size:11px;margin:14px 0 20px;color:#485474;background:#eceef4;padding:8px 9px;border-radius:6px;line-height:1.6}.learning-goals{padding:0 0 19px;border-bottom:1px solid #e6e8ed}.learning-goals h2{font-size:13px;margin-bottom:10px}.learning-goals ul{padding-left:17px;font-size:14px;line-height:2;color:#4e576f;margin:0 0 9px}.learning-goals small{font-size:11px;color:#58617b;line-height:1.7;display:block}.reading-sections{margin:13px 0 23px}.reading-sections details{border-bottom:1px solid #e7e9ee;padding:12px 0}.reading-sections summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.7}.reading-sections p{font-size:14px;line-height:2;color:#5a6480;margin:12px 0 2px}.study-task{background:#edeff5;border-radius:9px;padding:15px;margin:16px 0}.study-task>span{display:flex;gap:6px;align-items:center;font-size:13px;color:#485168;font-weight:600}.study-task p{line-height:1.9;font-size:14px;margin:11px 0}.study-task small{font-size:11px;color:#58617b}.study-task pre{font-family:Consolas,monospace;font-size:13px;white-space:pre-wrap;margin:8px 0 14px}.study-task button{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--accent)}.study-solution-button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;padding:14px 0;color:#5d6884}.study-solution{padding:13px;background:#f6f7f9;border-radius:8px}.study-solution p{font-size:14px;line-height:1.9;margin:0 0 10px}.study-solution pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:11px;line-height:1.8;margin:10px 0}.study-solution button{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:5px}.study-lesson-navigation{display:flex;justify-content:space-between;border-top:1px solid #e2e4eb;margin-top:18px;padding-top:18px}.study-lesson-navigation button{display:flex;align-items:center;font-size:11px;color:#58617b}.study-center{display:flex;flex-direction:column}.study-mode-tabs{display:flex;align-items:center;padding:0 15px;gap:22px;border-bottom:1px solid #e1e3ea;flex-shrink:0;min-height:51px}.study-mode-tabs button{display:flex;align-items:center;gap:7px;min-height:51px;font-size:13px;color:#58617b;position:relative}.study-mode-tabs button.selected{color:var(--accent);font-weight:600}.study-mode-tabs button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.study-mode-tabs>span{font-size:11px;color:#58617b;margin-left:auto}.study-center-body{overflow:auto;padding:22px;flex:1;min-height:0}.study-center-body[hidden],.study-code-body[hidden]{display:none!important}.visual-heading{display:flex;gap:14px;align-items:center;justify-content:space-between}.visual-heading h2{font-size:21px;font-weight:650;line-height:1.5;margin:7px 0;letter-spacing:-.5px}.visual-step-number{font-family:Consolas,monospace;font-size:12px;color:#58617b;white-space:nowrap}.visual-provenance{font-size:11px;color:#58617b;line-height:1.8;margin:0 0 18px}.scene-parameters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.scene-parameters>label{display:flex;gap:8px;align-items:center;font-size:11px;color:#58617b;margin-left:auto}.scene-parameters input{max-width:130px;min-width:0;border:1px solid #dadde6;border-radius:7px;padding:7px 9px;background:#fff;font-size:12px}.scene-parameters input[type=number]{width:69px}.scene-variants{display:flex;gap:3px;background:#edeff3;padding:3px;border-radius:7px}.scene-variants button{font-size:11px;padding:7px 10px;color:#58617b;border-radius:5px}.scene-variants button.selected{background:#fff;color:#35405f;box-shadow:0 1px 3px #1922390b}.visual-scene-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.scene-source{background:#1e222c;color:#dde0ea;border-radius:10px;overflow:auto}.scene-source-caption{font-size:11px;color:#969eb5;padding:13px 15px;border-bottom:1px solid #ffffff0a}.scene-source pre{font-family:Consolas,monospace;font-size:12px;line-height:1.9;margin:0;padding:15px 9px;min-width:max-content}.scene-source pre>div{display:flex;padding:3px 8px;border-radius:4px}.scene-source pre>div>span{font-size:11px;-webkit-user-select:none;user-select:none;opacity:.45;width:26px;flex-shrink:0}.scene-source code{font-family:inherit;white-space:pre}.scene-source .executing-line{background:#373e53;box-shadow:inset 2px 0 #92a5db}.scene-state{border-radius:10px;background:#f3f4f7;padding:16px;min-height:195px;border:1px solid #e0e3ea}.scene-phase{display:inline-block;border-radius:5px;padding:5px 9px;background:#dfe3ef;color:#424d6a;font-size:11px;line-height:1.5;margin-bottom:14px}.variable-grid{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px}.variable-grid>div{padding:10px 12px;background:#fff;border:1px solid #dfe2e9;border-radius:7px;min-width:85px;flex:1;overflow-wrap:anywhere}.variable-grid dt{font-size:11px;color:#58617b;margin-bottom:5px}.variable-grid dd{font-family:Consolas,monospace;font-size:22px;color:#29324a;margin:0;line-height:1.5}.value-change{display:flex;align-items:center;gap:16px;font-family:Consolas,monospace;font-size:20px;padding:9px 0}.value-change>span{font-family:inherit;font-size:11px;color:#58617b}.value-change strong{font-weight:500;color:#323f63}.scene-note{font-size:14px;line-height:1.9;color:#505971;border-top:1px solid #d9dde7;padding-top:12px;margin-top:6px}.sequence-visual,.loop-visual{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.sequence-visual>div,.loop-visual>div{background:#fff;border:1px solid #dcdfe8;border-radius:8px;text-align:center;min-width:60px;flex:1;padding:9px 8px}.sequence-visual>div.current,.loop-visual>div.current{background:#cfd7ed;border-color:#8f9fca}.sequence-visual small,.loop-visual small{display:block;color:#58617b;font-size:11px;font-family:Consolas,monospace}.sequence-visual b{font-family:Consolas,monospace;font-size:27px;display:block;font-weight:500;margin:7px 0}.sequence-visual span{font-size:11px;color:#424f71}.loop-visual>div{min-width:38px;padding:7px 4px}.loop-visual b{display:block;font-family:Consolas,monospace;font-size:20px;margin-top:6px}.branch-visual{display:flex;gap:10px;margin:2px 0 15px}.branch-visual>div{border:1px dashed #d4d8e4;flex:1;min-height:90px;padding:12px;border-radius:8px;opacity:.55}.branch-visual .taken{background:#d4daec;border:1px solid #9ca9cb;opacity:1}.branch-visual span,.branch-visual small{display:block;font-size:11px;color:#58617b}.branch-visual b{font-family:Consolas,monospace;display:block;font-size:20px;margin:8px 0;color:#38415b;font-weight:500}.branch-visual small{color:#4a5574}.call-frame{padding:14px;background:#fff;border:1px solid #d9dde7;border-radius:8px;margin-bottom:14px}.call-frame.active{border-color:#9daacc;background:#dde2ef}.call-frame small{font-size:11px;color:#58617b;display:block}.call-frame strong{font-family:Consolas,monospace;font-size:23px;font-weight:500;display:block;margin:9px 0}.call-frame span{font-size:12px;display:flex;gap:7px;color:#525f83;align-items:center}.scene-output{margin-top:14px;border:1px solid #dcdfe7;border-radius:8px;padding:12px 15px;display:flex;gap:16px;align-items:flex-start;background:#fbfcfd}.scene-output>span{font-size:11px;color:#58617b;white-space:nowrap;padding-top:4px}.scene-output pre{margin:0;font-family:Consolas,monospace;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#444d64}.visual-controls{display:flex;align-items:center;gap:7px;margin-top:17px;flex-wrap:wrap}.visual-controls button{padding:8px 10px;display:flex;gap:3px;align-items:center;font-size:13px;background:#edeff4;border-radius:6px;color:#515a72;min-height:33px}.visual-controls .play-scene{background:var(--accent);color:#fff}.scene-speed{margin-left:auto}.scene-speed select{border:0;background:#f2f3f7;padding:7px 4px;border-radius:5px;font-size:11px;color:#616c89}.scene-timeline{width:100%;margin:17px 0 10px;accent-color:var(--accent);cursor:pointer}.visual-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#58617b}.visual-footer label{display:flex;align-items:center;white-space:nowrap;gap:5px}.visual-footer input{accent-color:var(--accent)}.understanding-question{padding:17px 15px;border:1px solid #dde0e9;border-radius:9px;margin:24px 0;background:#f7f8fb}.understanding-question.prediction{background:#fbf6ec;border-color:#eee5d4;margin:20px 0 8px}.question-heading{display:flex;align-items:center;gap:7px;font-size:13px;color:#4b5570}.prediction .question-heading{color:#9b7738}.question-heading>b{font-weight:600}.question-heading>span{font-size:11px;margin-left:auto;white-space:nowrap}.understanding-question>p{font-size:14px;line-height:1.9;margin:12px 0}.understanding-question fieldset{padding:0;margin:0;border:0;display:grid;gap:7px}.understanding-question fieldset label{display:flex;gap:8px;align-items:center;line-height:1.7;font-size:13px;padding:8px 10px;border:1px solid #dde0ea;background:#fff;border-radius:6px;cursor:pointer}.understanding-question fieldset label.selected{border-color:#9aa6c8;background:#e8ebf5}.understanding-question input{accent-color:var(--accent);flex-shrink:0}.question-submit{margin-top:13px;display:flex;gap:10px;align-items:center;color:var(--accent);font-size:13px;font-weight:600}.question-feedback{font-size:14px;line-height:1.9;margin-top:14px;border-top:1px solid #dbdfea;padding-top:12px}.correct{color:#445175}.retry{color:#ad7841}.study-error{color:#a75b43!important;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.study-next-action{display:flex;gap:11px;align-items:flex-start;color:#58617b;font-size:11px;line-height:1.8;padding:3px 2px 12px}.study-next-action>svg{flex-shrink:0;margin-top:3px}.study-next-action p{margin:0;flex:1}.study-next-action button{white-space:nowrap;display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;margin-top:3px}.study-code-body{display:flex;flex-direction:column;min-height:0;flex:1;background:#fff}.study-editor-caption{display:flex;justify-content:space-between;align-items:center;background:#1c202c;color:#99a1b7;padding:11px 17px;font-family:Consolas,monospace;font-size:11px}.study-code-editor{height:320px;min-height:180px;flex:1;background:#1d212b;overflow:hidden}.study-code-editor>.cm-theme,.study-code-editor .cm-editor{height:100%}.study-code-editor .cm-scroller{font-family:Consolas,monospace;font-size:14px;line-height:1.8}.study-run-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 15px;background:#1c212d}.study-run-bar>span{font-size:11px;color:#818ba6}.study-run-bar>button{display:flex;align-items:center;gap:8px;background:#9fb5f3;color:#27314d;font-size:12px;padding:10px 14px;border-radius:6px;font-weight:600}.result-stale{padding:8px 14px;background:#fcf6e9;color:#9b793e;font-size:11px;line-height:1.7;margin:0}.study-code-body>.study-error{padding:10px 14px;margin:0;background:#fff2ec}.study-console{min-height:220px;max-height:44%;display:flex;flex-direction:column;border-top:1px solid #dfe2ea;overflow:hidden}.study-console-tabs{display:flex;gap:18px;padding:0 15px;min-height:43px;border-bottom:1px solid #e4e6ed}.study-console-tabs button{font-size:13px;color:#58617b;padding:12px 0}.study-console-tabs button.selected{color:#42517a;border-bottom:2px solid #4f6297}.study-no-result{text-align:center;color:#58617b;font-size:11px;padding:35px 12px}.study-no-result p{margin-top:10px}.study-real-output{padding:16px;overflow:auto}.study-real-output>span{font-size:11px;color:#58617b}.study-real-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:14px;line-height:1.9}.study-stdin{display:flex;flex-direction:column;min-height:0;flex:1;padding:12px 15px;gap:8px}.study-stdin>span{font-size:11px;color:#58617b}.study-stdin textarea{resize:vertical;min-height:100px;flex:1;border:1px solid #dadee9;border-radius:6px;padding:10px;font-family:Consolas,monospace;font-size:14px;background:#f7f8fc;color:#3a4461}.study-test-list{overflow:auto;padding:13px 15px}.study-test-list>h3{font-size:13px;display:flex;justify-content:space-between;margin:0 0 12px}.study-test-list>h3 small{font-weight:400;color:#58617b}.study-test-list>p{font-size:11px;line-height:1.8;color:#58617b}.study-test-list details{border-top:1px solid #dfe2ec;padding:11px 0}.study-test-list summary{font-size:13px;cursor:pointer}.study-test-list summary span{margin-right:12px}.study-test-list details>div{padding:10px 5px}.study-test-list small{color:#58617b;font-size:11px}.study-test-list pre{font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:6px 0 12px;line-height:1.8}.study-coach{display:flex;flex-direction:column}.study-coach-title{display:flex;gap:8px;align-items:center;padding:18px 17px;border-bottom:1px solid #e0e3ec}.study-coach-title h2{font-size:14px;margin:0;font-weight:650}.study-coach-title>span{margin-left:auto;font-size:11px;color:#58617b;background:#edeff5;padding:4px 6px;border-radius:4px}.study-coach-title .online{color:#455173;background:#e8ebf5}.study-coach-title>svg{color:#647299}.study-coach-context{padding:17px 16px;border-bottom:1px solid #e3e6ee}.study-coach-context b{font-size:13px;font-weight:500}.study-coach-context p{font-size:14px;line-height:1.9;color:#58617b;margin:7px 0 13px}.study-coach-context label{display:flex;gap:9px;align-items:center;justify-content:space-between;font-size:11px;color:#58617b}.study-coach-context select{font-size:11px;border:1px solid #d8dde9;border-radius:5px;background:#fff;padding:6px;color:#505c7d}.study-messages{flex:1;min-height:0;overflow:auto;padding:16px 14px}.study-coach-empty{text-align:left;padding:18px 2px;color:#58617b}.study-coach-empty h3{font-size:13px;color:#4d5670;margin:15px 0 8px;font-weight:500}.study-coach-empty p{font-size:14px;line-height:2;color:#58617b}.study-message{margin:0 0 22px;font-size:14px;line-height:1.9}.study-message>span{font-size:11px;color:#58617b;display:block;margin-bottom:6px}.study-message>div{white-space:pre-wrap;overflow-wrap:anywhere}.study-message.user>div{background:#eaedf5;border:1px solid #dde2ee;border-radius:8px;padding:10px 12px;color:#4c5774}.study-message.assistant>div{color:#505870}.study-message.error>div{color:#a9694f}.study-message small{display:block;font-size:11px;color:#58617b;margin-top:7px}.study-message .old-message{color:#b18b56}.focus-step{display:flex;gap:8px;align-items:center;background:#e6eaf4;border:1px solid #cfd6e8;padding:6px 9px;border-radius:6px;font-size:11px;color:#4a587f;margin-top:9px}.study-thinking{display:flex;gap:8px;align-items:center;font-size:11px;color:#58617b;padding:7px 0}.study-coach-compose{padding:13px 13px 14px;border-top:1px solid #e2e5ee;flex-shrink:0}.study-quick-prompts{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.study-quick-prompts button{font-size:13px;padding:6px 7px;border:1px solid #d6dbea;border-radius:5px;color:#616f94}.study-coach-compose form{background:#f5f6fa;border:1px solid #dbdfea;border-radius:8px;padding:9px}.study-coach-compose textarea{border:0;width:100%;background:transparent;min-height:60px;max-height:110px;resize:vertical;font-size:14px;line-height:1.8;outline:0;padding:0;color:#4c5672}.study-coach-compose form>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.study-coach-compose form small{font-size:11px;color:#58617b}.study-coach-compose form button{background:var(--accent);color:#fff;display:flex;padding:7px;border-radius:5px}.study-coach-compose>small{display:block;font-size:11px;line-height:1.7;color:#58617b;margin-top:9px}.catalog-study-state{display:block;color:#58617b;font-size:11px;line-height:1.8;margin-top:3px}.study-overview{padding:23px 26px;margin:22px 0}.study-overview-stats{display:flex;gap:28px;flex-wrap:wrap}.study-overview-stats>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#58617b}.study-overview-stats svg{color:#58617b}.study-overview-stats b{font-size:22px;font-weight:500;color:#3b4666}.study-overview>p{font-size:11px;color:#58617b;margin:15px 0 0}.review-links{border-top:1px solid #dfe3ed;margin-top:18px;padding-top:14px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.review-links>small{font-size:11px;color:#58617b}.review-links button{font-size:11px;display:flex;gap:8px;align-items:center;color:#4b587d}.review-links button span{font-size:11px;color:#58617b}.attempt-detail{background:#fff;border-radius:15px;padding:28px;width:min(760px,calc(100vw - 32px));max-height:88vh;overflow:auto;box-shadow:0 20px 80px #1c233722}.attempt-detail>header{display:flex;justify-content:space-between;align-items:center}.attempt-detail h2{font-size:23px;margin:8px 0 20px}.attempt-detail h3{font-size:12px;margin:22px 0 12px}.attempt-detail pre{font-family:Consolas,monospace;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f3f8;padding:15px;border-radius:8px}.attempt-detail .snapshot-code{background:#1d212c;color:#d0d6e6}.attempt-detail>p{font-size:11px;color:#58617b;line-height:1.8}@media(min-width:1200px){.visual-scene-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.is-workspace .sidebar{width:76px;padding:25px 11px}.is-workspace .main-shell{margin-left:76px}.is-workspace .sidebar .brand{padding:0;margin:0 0 32px;justify-content:center}.is-workspace .sidebar .brand>span:last-child,.is-workspace .sidebar-label,.is-workspace .sidebar-course,.is-workspace .sidebar-bottom,.is-workspace .sidebar nav button>span{display:none}.is-workspace .sidebar .nav-item{justify-content:center;padding:14px 0}.is-workspace .sidebar .nav-item>i{display:none}.is-workspace .topbar{padding-left:24px;padding-right:24px}}@media(min-width:1650px){.learning-grid{grid-template-columns:260px minmax(0,1fr) 316px;padding:22px;gap:20px}.study-center-body{padding:26px}.visual-scene-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.scene-source pre{font-size:13px}.study-lesson{padding:26px 21px}.study-coach-context p,.study-quick-prompts button{font-size:14px}.scene-state{min-height:245px}}@media(max-width:1199px){.app-shell.is-workspace{height:auto;overflow:visible}.is-workspace .main-shell{margin-left:0;height:auto;display:block}.is-workspace .sidebar{transform:translate(-100%)}.is-workspace .sidebar.open{transform:translate(0)}.learning-grid{display:block;padding:16px;overflow:visible}.workspace-mobile-tabs{display:flex;position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid #dadee9;padding:0 15px;gap:14px}.workspace-mobile-tabs button{flex:1;padding:14px 6px;font-size:12px;color:#58617b}.workspace-mobile-tabs button.selected{border-bottom:2px solid var(--accent);color:var(--accent)}.study-lesson,.study-center,.study-coach{display:none}.learning-grid .mobile-active{display:flex}.study-lesson.mobile-active{display:block;padding:25px}.study-center{min-height:650px}.study-center-body{overflow:visible;flex:1}.study-coach{min-height:700px;max-height:calc(100dvh - 190px)}.study-code-editor{height:400px;flex:auto}.study-console{max-height:none;min-height:240px}.study-lesson .understanding-question{max-width:600px}.reading-sections p,.learning-goals li,.study-task p{font-size:14px}.study-lesson h1{font-size:28px}.learning-toolbar{padding:12px 18px}.study-mode-tabs{display:none}.visual-scene-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.study-messages{min-height:200px}.study-coach-context{padding:16px 20px}.study-coach-compose{padding:15px 20px}.study-message,.study-coach-compose textarea,.study-coach-empty p{font-size:14px}}@media(max-width:650px){.learning-toolbar{padding:12px;gap:8px;flex-wrap:wrap}.learning-lesson-menu>button{font-size:12px;gap:6px}.learning-position{font-size:11px}.learning-toolbar-end{gap:6px}.study-save{font-size:13px}.learning-toolbar select{font-size:11px;padding:5px}.learning-toolbar .workspace-back{padding-right:0}.learning-toolbar .workspace-back span{display:none}.learning-grid{padding:10px}.study-center-body{padding:19px 14px}.visual-heading h2{font-size:20px}.visual-provenance{font-size:11px}.scene-parameters{gap:9px}.scene-parameters>label{font-size:11px}.scene-variants button{font-size:11px;padding:7px}.visual-scene-grid{grid-template-columns:minmax(0,1fr)}.scene-source pre{font-size:12px}.scene-state{min-height:180px;padding:14px}.scene-note{font-size:14px}.visual-controls{gap:5px}.visual-controls button{font-size:13px;padding:8px}.visual-footer{font-size:11px;align-items:flex-start}.visual-footer>span{max-width:180px;line-height:1.8}.scene-speed select{font-size:11px}.study-next-action{flex-wrap:wrap}.study-next-action p{font-size:11px}.study-next-action button{margin-left:30px}.understanding-question{padding:16px 13px}.understanding-question>p{font-size:14px}.understanding-question fieldset label{font-size:13px}.study-lesson.mobile-active{padding:23px 19px}.study-code-editor{height:370px}.study-run-bar{padding:12px;gap:8px}.study-run-bar>span{font-size:11px}.study-run-bar>button{font-size:11px;padding:10px}.study-coach{max-height:calc(100dvh - 170px);min-height:620px}.study-overview{padding:20px;margin:18px 0}.study-overview-stats{gap:14px}.study-overview-stats>span{font-size:11px;gap:6px}.study-overview-stats b{font-size:19px}.study-overview-stats svg{width:15px}.catalog-study-state{font-size:11px}.attempt-detail{padding:22px}.question-heading>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.lesson-visualization *{transition:none!important;animation:none!important}}.lesson-visualization.reduced *{transition:none!important;animation:none!important}.loop-target-caption{display:block;font-size:11px;color:#58617b;margin:0 0 9px}.loop-visual>div.omitted{background:#fbf4e9;border-style:dashed;color:#b38d5b}.loop-visual>div.omitted small{color:#b38d5b}.visual-transport{position:sticky;top:-1px;z-index:3;background:#fff;padding:0 0 8px;margin-bottom:16px;border-bottom:1px solid #dfe1e8}.visual-transport .visual-controls{margin-top:0}.visual-transport .scene-timeline{margin:12px 0 0}.scene-number-input{width:76px}.scene-source pre{min-width:0;font-size:14px}.scene-source code{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.study-coach-compose>small{line-height:1.7}.focus-step,.study-quick-prompts button{min-height:34px}.study-next-action{align-items:flex-start}.study-next-action button{font-size:12px}.learning-goals small,.study-eyebrow,.visual-provenance,.visual-footer{color:#58617b}@media(max-width:1199px){.is-workspace .sidebar:not(.open){visibility:hidden;pointer-events:none}}@media(max-width:800px){.sidebar:not(.open){visibility:hidden;pointer-events:none}}@media(max-width:650px){.visual-transport{position:static}.visual-controls button{min-height:38px;padding:8px 9px}.scene-source pre{font-size:13px}.study-lesson-navigation button{min-height:40px}.study-coach{max-height:none;min-height:700px}.study-messages{max-height:55dvh}.understanding-question fieldset label{min-height:42px}}.study-quick-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.study-quick-prompts button{text-align:center;justify-content:center}@media(min-width:1200px)and (max-height:800px){.study-coach-context{padding:12px 16px}.study-coach-context p{display:none}.study-coach-context label{margin-top:12px}.study-coach-compose textarea{min-height:45px}.study-coach-compose>small{font-size:10px}.study-coach-empty{padding-top:8px}}@media(min-width:801px)and (max-width:1199px){.is-workspace .mobile-menu{display:grid}.is-workspace .sidebar-scrim{position:fixed;inset:0;z-index:34;background:#181d2b60}.is-workspace .sidebar.open{box-shadow:12px 0 40px #171e3018}}.history-more{display:flex;gap:8px;align-items:center;justify-content:center;margin:18px auto 0;padding:10px 20px;border:1px solid #d5d9e5;border-radius:7px;color:var(--accent);font-size:13px}.history-status{text-align:center;color:#5a637e;font-size:12px;padding:16px 0 2px}.notification-popover>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 0;border-top:1px solid #dfe2e9;color:#36415e;font-size:12px;text-align:left;line-height:1.7}.notification-popover>p{font-size:12px;color:#5a637e;line-height:1.8}.search-results .search-show-all{justify-content:center;color:var(--accent);border-top:1px solid #dfe1e8;margin-top:8px;font-size:13px}.sequence-visual>div,.loop-visual>div,.branch-visual>div,.call-frame,.scene-source pre>div{transition:background-color .18s ease,border-color .18s ease}.study-understanding{scroll-margin-top:20px}.object-relations{display:grid;gap:16px;margin:18px 0}.object-relations>small{color:#58617b;font-size:11px}.object-relation{display:grid;grid-template-columns:minmax(65px,1fr) 62px minmax(96px,1.5fr);gap:8px;align-items:center}.object-name{font:600 12px/1.6 monospace;overflow-wrap:anywhere;color:#17295b;background:#eaecf2;padding:9px;border-radius:8px}.object-edge{display:grid;justify-items:center;gap:3px;color:#58617b}.object-edge small{font-size:10px;text-align:center}.object-box{border:1px solid #b6bcce;background:#fff;border-radius:10px;overflow:hidden}.object-box>strong{display:block;padding:8px;background:#eef0f5;font-size:12px;overflow-wrap:anywhere}.object-box dl{margin:0;padding:4px 9px}.object-box dl>div{display:flex;justify-content:space-between;gap:5px;padding:5px 0;font:12px/1.5 monospace}.object-box dd{margin:0;font-weight:700;color:#17295b}.chapter-filter{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e4e6ec;color:#58617b;font-size:12px}.chapter-filter label{display:flex;gap:10px;align-items:center;white-space:nowrap}.chapter-filter select{max-width:210px;padding:8px 28px 8px 10px;border:1px solid #d7dae3;border-radius:8px;background:#fff;color:#262d3f;font:inherit}.chapter-filter>span{text-align:right}.lesson-menu{max-height:min(65vh,520px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:600px){.chapter-filter{align-items:flex-start;flex-direction:column;gap:10px}.chapter-filter>span{text-align:left;line-height:1.7}.object-relation{grid-template-columns:minmax(54px,1fr) 48px minmax(94px,1.5fr);gap:5px}}.motion-visualization{container-type:inline-size}.motion-visualization .visual-heading{margin-bottom:0;align-items:center}.motion-visualization .visual-heading h2{margin:0;font-size:20px;line-height:1.4}.motion-visualization .visual-provenance{margin:7px 0 10px;font-size:11px;line-height:1.7}.motion-visualization .visual-step-number{font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.motion-transport{padding:0 0 8px;margin-bottom:10px}.motion-transport .visual-controls{margin-top:0}.motion-timeline-wrap{position:relative;height:22px;margin-top:5px}.motion-timeline-track{position:absolute;top:10px;left:7px;right:7px;height:3px;background:#dfe1e8;border-radius:5px}.motion-timeline-track>div{height:100%;background:#243669;border-radius:inherit}.motion-timeline-track i{position:absolute;width:5px;height:5px;top:-1px;border-radius:50%;background:#99a1b7;transform:translate(-50%)}.motion-transport .motion-timeline{appearance:none;-webkit-appearance:none;position:absolute;inset:0;height:22px;margin:0;background:transparent}.motion-timeline::-webkit-slider-runnable-track{height:3px;background:transparent}.motion-timeline::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;background:#243669;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #243669}.motion-timeline::-moz-range-track{background:transparent}.motion-timeline::-moz-range-thumb{width:10px;height:10px;background:#243669;border:2px solid white;border-radius:50%}.motion-playback-status{display:flex;align-items:center;justify-content:space-between;color:#58617b;font-size:11px;font-variant-numeric:tabular-nums}.motion-playback-status>span:first-child{display:flex;gap:6px;align-items:center}.motion-playback-status i{width:5px;height:5px;background:#8f97af;border-radius:50%}.motion-playback-status i.running{background:#273c74;box-shadow:0 0 0 3px #e6e9f0}.scene-motion-canvas{overflow:hidden;border:1px solid #dcdfe8;border-radius:14px;background:radial-gradient(#ccd0dc .65px,transparent .8px) 0 0/17px 17px,#f5f6f9}.scene-motion-canvas svg{display:block;overflow:visible}.motion-label{fill:#555e78;font:11px/1.5 Microsoft YaHei,sans-serif}.motion-value{fill:#19274e;font:600 13px/1.4 Consolas,Microsoft YaHei,monospace}.motion-value.large{font-size:20px;font-weight:500}.motion-field-name{fill:#5e6884;font:12px Consolas,Microsoft YaHei,monospace}.motion-edge-label{fill:#636e8b;font:10px Microsoft YaHei,sans-serif;paint-order:stroke;stroke:#f5f6f9;stroke-width:5px;stroke-linejoin:round}.motion-section-label{fill:#5d6783;font:11px Microsoft YaHei,sans-serif}.motion-index{fill:#808aa5;font:10px Consolas,monospace}.motion-access-cursor{fill:#213363;font:10px Microsoft YaHei,sans-serif}.motion-canvas-caption{padding:0 16px 12px;font-size:10px;color:#667190}.motion-step-caption{display:flex;align-items:flex-start;gap:10px;padding:10px 0;min-height:50px}.motion-step-caption .scene-phase{margin:0;flex-shrink:0;font-size:10px}.motion-step-caption p{margin:2px 0;color:#474e63;font-size:13px;line-height:1.8}.motion-stage{display:grid;gap:10px;align-items:stretch}.motion-stage .motion-source{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:190px}.motion-stage .scene-source-caption{flex-shrink:0;padding:10px 12px}.motion-stage .motion-source pre{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#515971 #242937;scrollbar-width:thin;font-size:13px;line-height:1.8;padding:10px 9px}@container (min-width:470px){.motion-stage{grid-template-columns:minmax(0,.95fr) minmax(244px,1.05fr)}.motion-stage .motion-source{max-height:310px}}@media(min-width:700px)and (max-height:820px){.motion-stage .scene-motion-canvas svg{max-height:224px}.motion-stage .motion-source{max-height:252px}}.motion-source pre{position:relative;min-width:0}.motion-source pre>.motion-code-indicator{position:absolute;top:0;left:9px;right:9px;padding:0;background:#353e56;border-radius:4px;border-left:2px solid #90a3d9;pointer-events:none}.motion-source-line{position:relative;z-index:1}.motion-output{margin-top:0}.motion-visualization .visual-footer{margin-top:13px;line-height:1.7}.motion-visualization.reduced .motion-packet,.motion-visualization.reduced .motion-write-orbit{display:none}@media(max-width:600px){.motion-visualization .visual-controls>button:not(.play-scene){font-size:0;gap:0;min-width:36px;min-height:36px}.motion-step-caption{min-height:54px;gap:8px}.motion-value.large{font-size:18px}.motion-visualization .visual-step-number{font-size:10px;min-width:68px}.motion-step-caption p{font-size:12px}}.brand strong{font-size:18px}.brand strong em{font-size:12px;font-style:normal;letter-spacing:-.2px}.brand small{white-space:normal;line-height:1.7;font-size:10px;letter-spacing:0;max-width:156px;color:#58627c}.study-coach [hidden]{display:none!important}.flow-tab-switch{display:flex;flex-shrink:0;border-bottom:1px solid #e3e5eb;padding:0 16px;gap:18px}.workspace-ai-notice{display:none}@media(max-width:1199px){.workspace-ai-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e8ebf3;color:#243258;font-size:13px;text-align:left;padding:10px 18px;border-bottom:1px solid #d8dce6}}.flow-tab-switch button{padding:12px 0 10px;font-size:13px;color:#5d6884;border-bottom:2px solid transparent}.flow-tab-switch button.selected{color:#17295b;border-color:#17295b;font-weight:650}.teaching-flow{flex:1;min-height:0;overflow-y:auto;padding:16px;font-size:13px;line-height:1.7;scrollbar-width:thin}.teaching-flow button{cursor:pointer}.teaching-flow button:disabled{opacity:.45;cursor:default}.flow-heading,.flow-heading>span,.flow-decision-label{display:flex;align-items:center;gap:7px}.flow-heading{justify-content:space-between;color:#17295b;font-weight:650}.flow-heading>button{font-size:11px;color:#58627c;font-weight:400}.flow-auto{display:flex;align-items:flex-start;gap:6px;margin-top:10px;font-size:12px;color:#4b536a}.flow-auto input{margin-top:5px;accent-color:#17295b}.flow-connection,.flow-note{color:#5a647f;font-size:12px;margin:10px 0}.flow-connection button{color:#17295b;text-decoration:underline;margin-left:4px}.flow-stages{display:flex;align-items:center;gap:5px;margin:15px 0}.flow-stages span{flex:1;text-align:center;border-radius:4px;background:#eff0f3;color:#748176;font-size:11px;padding:4px 2px}.flow-stages .done{background:#e0e4ee;color:#17295b}.flow-prediction{border:1px solid #dbdee5;border-radius:8px;overflow:hidden;margin:12px 0}.flow-prediction summary{cursor:pointer;padding:10px 12px;background:#f4f5f8;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:12px}.flow-prediction form,.flow-settings{padding:12px;display:grid;gap:8px}.flow-settings{margin:8px 0;border:1px solid #dbdee5;border-radius:6px;background:#f6f7fa}.flow-settings label{display:grid;gap:6px}.flow-settings small{font-size:11px;color:#5a647f}.teaching-flow textarea,.teaching-flow input:not([type=radio]):not([type=checkbox]),.flow-prediction select{width:100%;min-width:0;border:1px solid #d6d9e2;border-radius:5px;padding:8px;background:#fff;color:#242b3d;font:inherit}.teaching-flow textarea{min-height:64px;resize:vertical;font-size:12px}.flow-prediction form>div,.flow-settings>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.flow-prediction form button:first-child,.flow-answer button,.flow-retest form>button,.flow-settings>div>button:first-child{background:#17295b;color:#fff;padding:7px 11px;border-radius:5px;font-size:12px}.flow-text,.flow-settings>div>button{display:inline-flex;gap:4px;align-items:center;font-size:11px;color:#4b536a}.flow-comparison,.flow-decision,.flow-retest{border:1px solid #dbdee5;border-radius:8px;padding:12px;margin:12px 0;background:#fff}.flow-comparison.diff{border-color:#d9bb82;background:#fffcf5}.flow-comparison h3,.flow-decision h3,.flow-retest h3{font-size:14px;margin:3px 0 7px;display:flex;gap:6px;align-items:center;color:#252b3d}.flow-comparison>small{color:#5d6884;font-size:11px}.flow-comparison>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:7px}.flow-comparison>div>section{min-width:0;background:#f1f2f6;padding:7px;border-radius:4px}.flow-comparison span{color:#5d6782;font-size:11px}.flow-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 Consolas,monospace;max-height:120px;overflow-y:auto}.flow-comparison p,.flow-stale,.flow-hypothesis{font-size:12px;color:#795e2c;line-height:1.7}.flow-stale{padding:8px 10px;margin:8px 0;background:#fff6e5;border-radius:5px}.flow-decision-label{justify-content:space-between;color:#17295b;font-size:11px;margin-bottom:6px}.flow-decision-label button{padding:3px;color:#58627c}.flow-evidence{display:block;font-size:11px;color:#58627c;margin-top:10px}.flow-focus{display:flex;gap:6px;align-items:center;color:#17295b;font-size:12px;text-align:left;margin:9px 0 0;padding:8px;background:#edeff5;border-radius:5px;width:100%}.flow-answer{display:grid;gap:7px;border-top:1px solid #e4e6ec;margin-top:12px;padding-top:10px}.flow-answer label{display:grid;gap:8px}.flow-answer button{justify-self:start}.flow-sources{margin-top:12px;color:#4b536a;font-size:12px}.flow-sources summary{cursor:pointer}.flow-sources section{border-top:1px solid #e2e4ea;padding:8px 0}.flow-sources b{font-weight:600;font-size:12px}.flow-sources p{font-size:12px;margin-top:5px}.flow-retest>pre{background:#212633;color:#dee1ea;padding:12px;border-radius:5px;font:12px/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0}.flow-retest form{display:grid;gap:7px}.flow-retest form>label{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dcdfe7;border-radius:5px}.flow-retest input{accent-color:#17295b}.flow-retest code{white-space:pre-wrap}.flow-success{background:#e9ecf5;color:#283558;border-radius:5px;padding:10px;margin-top:10px;font-size:12px}.flow-analyzing{display:flex;gap:7px;align-items:center;background:#eef0f6;padding:10px;border-radius:5px;color:#3f4965;font-size:12px}.flow-analyzing button{margin-left:auto}.flow-error{padding:10px;border:1px solid #ead7cc;background:#fff8f3;border-radius:5px;font-size:12px;color:#8a4a30;margin:10px 0}.flow-error button{color:#17295b;display:block;padding-top:5px;text-decoration:underline}.execution-replay{min-height:0;flex:1;overflow-y:auto;padding:16px;container-type:inline-size}.replay-provenance{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#29334f}.replay-provenance small{font-size:11px;color:#5b6581}.replay-controls{display:flex;gap:8px;align-items:center;margin:12px 0 7px;flex-wrap:wrap;font-size:12px}.replay-controls button{display:grid;place-items:center;background:#e9ecf3;color:#202f58;border:1px solid #d5d9e5;width:30px;height:30px;border-radius:5px}.replay-controls button:disabled{opacity:.4}.replay-controls select{padding:5px;background:#fff;border:1px solid #d5d9e5;border-radius:4px}.replay-controls label{display:flex;gap:4px;margin-left:auto;font-size:11px;color:#58627c}.execution-replay>input{width:100%;accent-color:#17295b}.replay-step-caption{margin:9px 0;color:#4b536a;font-size:12px}.replay-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}.replay-source{position:relative;background:#202531;color:#dce0eb;border-radius:7px;padding:10px 0;font:12px/1.9 Consolas,monospace;max-height:390px;overflow:auto;scrollbar-width:thin}.replay-source>div{display:flex;border-left:3px solid transparent;transition:background .18s;min-height:23px}.replay-source>div.active{background:#3d455a;border-left-color:#9aaad5}.replay-source>div>span{width:32px;flex-shrink:0;text-align:right;padding-right:9px;-webkit-user-select:none;user-select:none;color:#9099b1;font-size:11px}.replay-source code{white-space:pre-wrap;overflow-wrap:anywhere;padding-right:8px;min-width:0}.replay-state{min-width:0}.replay-state h3{font-size:12px;margin:0 0 7px;color:#42495d}.replay-state h3:not(:first-child){margin-top:14px}.replay-variable{border:1px solid #d8dce6;border-radius:5px;padding:8px;margin-bottom:6px;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:8px;font-size:12px;transition:background .2s}.replay-variable.changed{background:#e9ecf6}.replay-variable.focused{border-color:#b48d48;box-shadow:0 0 0 2px #eddfbf}.replay-variable strong{font-weight:500;overflow-wrap:anywhere;font-family:Consolas,monospace;white-space:pre-wrap}.replay-state ol{list-style:decimal;padding-left:22px;font:12px/1.8 Consolas,monospace;color:#4b536a}.replay-state pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:#eceef4;border-radius:5px;font:12px/1.8 Consolas,monospace;max-height:140px;overflow-y:auto}.replay-state p,.replay-empty{color:#58627c;font-size:13px;line-height:1.8}.replay-empty{padding:25px}.replay-empty h3{font-size:16px;margin-bottom:9px}.flow-overview{padding:22px;margin-bottom:22px}.flow-overview h2{font-size:18px;margin-bottom:6px}.flow-overview p{color:#58627c;font-size:13px;margin-bottom:14px}.flow-overview>button{display:flex;align-items:center;width:100%;gap:12px;padding:12px 0;border-top:1px solid #dee1ea;text-align:left}.flow-overview>button>span{display:grid;gap:4px}.flow-overview small{color:#58627c;font-size:12px}.flow-overview em{margin-left:auto;font-style:normal;font-size:12px;color:#58627c}.flow-history-detail{margin-top:14px;padding:18px;border:1px solid #d5d9e5;border-radius:7px;background:#f6f7fb;font-size:13px;line-height:1.8}.flow-history-detail>div:first-child{display:flex;justify-content:space-between;gap:10px}.flow-history-detail>div:first-child button{color:#58627c;font-size:12px}.flow-history-detail h3{font-size:14px;margin:10px 0}.flow-history-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#232835;color:#dce0eb;padding:14px;border-radius:5px;margin:9px 0}.cm-ai-focus{background:#4b492b!important;box-shadow:inset 3px 0 #dfc47c}.code-ai-annotation{flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;background:#f5efdf;border-left:3px solid #c0a35c;font-size:12px;line-height:1.7;color:#675529}.code-ai-annotation>span{font-weight:650;white-space:nowrap}.code-ai-annotation>p{margin:0}.code-ai-annotation>button{display:flex;align-items:center;gap:3px;font-size:11px;color:#17295b;text-align:left}@media(max-width:650px){.code-ai-annotation{grid-template-columns:auto minmax(0,1fr)}.code-ai-annotation>button{grid-column:2}}.flow-overview .flow-load-more{color:#17295b;justify-content:center;font-size:13px}@container (max-width: 380px){.replay-stage{grid-template-columns:minmax(0,1fr)}.replay-source{max-height:220px}}@media(max-width:1080px){.brand strong{font-size:16px}.brand strong em{font-size:10px}.brand small{font-size:9px}}@media(max-width:800px){.teaching-flow{max-height:none;overflow:visible}.replay-stage{gap:9px}}@media(max-width:1199px){.study-mode-tabs{display:flex;overflow-x:auto;flex-shrink:0}.study-mode-tabs>button{flex-shrink:0;font-size:12px;padding:12px}.study-mode-tabs>span{display:none}}@media(prefers-reduced-motion:reduce){.replay-source>div,.replay-variable{transition:none}}:root{--accent: #335cde;--accent-dark: #2447b5;--accent-soft: #eaf0ff;--ink: #172642;--muted: #65748c;--border: #e2e8f2;color:var(--ink);background:#f5f7fb;font-size:14px}@media(min-width:761px){.learning-grid{display:grid}}body{background:#f5f7fb}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline-color:#7798fa}input:focus,textarea:focus,select:focus{outline-color:#86a4ff}input[type=radio],input[type=checkbox],input[type=range]{accent-color:var(--accent)}::selection{background:#dce6ff}.brand-mark{display:block;flex-shrink:0;width:48px;height:48px;background:var(--accent);-webkit-mask:url(/brand/mark-blue-256.png) center/contain no-repeat;mask:url(/brand/mark-blue-256.png) center/contain no-repeat}.brand-lockup{display:block;width:191px;height:34px;background:var(--accent);-webkit-mask:url(/brand/lockup-blue-1024.png) center/contain no-repeat;mask:url(/brand/lockup-blue-1024.png) center/contain no-repeat}.brand{padding:0 6px;margin-bottom:34px;gap:0;min-height:52px}.brand>.brand-mark{display:none}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand .brand-copy strong{font-size:13px;letter-spacing:4px;padding-left:58px;color:#536581;font-weight:500}.sidebar{width:238px;padding:29px 18px 0;border-color:var(--border)}.main-shell{margin-left:238px}.sidebar-label{font-size:11px;color:#8491a7;letter-spacing:1px}.nav-item{border-radius:9px;margin:5px 0;padding:13px 16px;color:#64738c;font-size:14px}.nav-item.active{background:#edf2ff;color:var(--accent)}.nav-item.active i{background:var(--accent)}.sidebar-course{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.sidebar-course>span{color:#8895a9}.sidebar-course b{color:#425373}.sidebar-course small{color:#8190a9}.sidebar-bottom .growth-card{background:#f3f6fc;border:1px solid var(--border);border-radius:12px}.growth-card:before,.growth-card:after{display:none}.growth-card b{color:#435778;font-size:13px}.growth-card p{color:#6c7f9d;font-size:12px}.growth-card button{color:var(--accent);font-size:12px}.profile{padding-top:18px;padding-bottom:20px}.avatar{background:#eaf0ff;color:var(--accent)}.help-link{color:#75849d;font-size:12px}.topbar{height:74px;border-color:var(--border);padding:0 36px;background:#ffffffea}.breadcrumb{font-size:13px}.breadcrumb span{color:#8a96a8}.breadcrumb b{font-weight:600;color:#3b4c69}.search-trigger{background:#f5f7fc;border:1px solid #e6ebf5;color:#8491a7;min-width:260px}.topbar-divider{background:#e3e9f3}.page-content{max-width:1450px;padding:36px 42px;margin:auto}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1px}.button.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 5px 12px #335cde18}.button.secondary{background:#f1f5ff;border:1px solid #dce5fc;color:var(--accent)}.button{font-size:14px;padding:12px 18px;min-height:43px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.text-button{color:var(--accent)}.section-heading h2{font-size:18px}.page-footer{font-size:12px;color:#8794a8;border-top:1px solid var(--border);padding-top:22px;margin-top:30px}.panel{border:1px solid var(--border);box-shadow:0 3px 14px #253d6510}.task-home-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.task-home-heading h1{font-size:29px;letter-spacing:-.6px;font-weight:650;margin:10px 0 9px}.task-home-heading p{color:#7c89a0;font-size:14px}.home-date{color:#7b8a9f;font-size:12px;white-space:nowrap}.task-home-columns{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start}.task-home-primary{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px 32px;box-shadow:0 6px 30px #24426b07;position:relative;min-width:0}.task-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:24px}.task-kicker .brand-mark{width:34px;height:34px;border-radius:0}.task-status{margin-left:auto;font-size:11px;color:#556e9b;background:#eef3ff;padding:5px 10px;border-radius:20px}.task-home-primary>h2{font-size:25px;font-weight:650;letter-spacing:-.3px}.task-intro{color:#75839b;font-size:13px;line-height:1.9;margin:10px 0 20px}.task-home-title small{font-size:12px;color:#6e7d96}.task-home-title h2{font-size:32px;line-height:1.45;letter-spacing:-.8px;margin:12px 0}.task-home-title>p{font-size:15px;color:#63738e;line-height:1.9;max-width:650px}.task-reason{display:flex;gap:12px;padding:19px 20px;background:#f2f6ff;border:1px solid #e2eaff;border-radius:10px;margin:24px 0;color:var(--accent)}.task-reason b{font-size:13px;font-weight:600}.task-reason p{color:#64799c;line-height:1.85;font-size:13px;margin-top:6px}.task-reason>svg{margin-top:3px}.home-task-track{display:grid;grid-template-columns:repeat(4,1fr);margin:29px 0}.home-task-track>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#9ba8bc;font-size:12px}.home-task-track>div:before{content:"";height:1px;background:#e2e8f3;position:absolute;top:14px;width:100%;left:50%}.home-task-track>div:last-child:before{display:none}.home-task-track span{position:relative;border:1px solid #e1e7f2;background:#fff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:12px}.home-task-track b{font-weight:500}.home-task-track .reached{color:var(--accent)}.home-task-track .reached span{color:#fff;background:var(--accent);border-color:var(--accent)}.task-home-evidence{border-top:1px solid var(--border);padding-top:20px;margin:0 0 22px}.task-home-evidence>span{font-size:12px;color:var(--accent)}.task-home-evidence>p{font-size:14px;color:#596d8c;line-height:1.85;margin-top:8px}.home-active-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.home-active-actions>.text-button{font-size:12px;margin-left:auto}.task-home-aside{display:flex;flex-direction:column;gap:14px}.task-side-card{padding:25px 23px;border-radius:16px;background:#182e65;color:#fff}.side-caption{font-size:11px;color:#9fb5ee;letter-spacing:1px}.task-side-card h3{font-size:20px;line-height:1.7;font-weight:500;margin:9px 0 20px}.home-method{display:flex;gap:13px;margin-top:24px}.home-method>span{color:#8eaaf6;font-family:Consolas,monospace;font-size:14px;padding-top:2px}.home-method b{font-size:13px;font-weight:500}.home-method p{font-size:12px;line-height:1.9;color:#a8b9db;margin-top:6px}.resource-entry{display:flex;gap:14px;align-items:center;text-align:left;padding:19px 20px;background:#fff;border:1px solid var(--border);border-radius:12px;width:100%;color:var(--accent)}.resource-entry>div{flex:1}.resource-entry b{font-size:14px;font-weight:600;display:block;color:#3b4f72}.resource-entry span{display:block;font-size:11px;color:#8191aa;margin-top:5px}.resource-entry>svg:first-child{width:21px;height:21px}.mission-recent{margin-top:32px}.mission-recent>.section-heading button{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:8px}.mission-recent>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mission-recent>div:last-child>button{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--border);border-radius:11px;padding:18px}.recent-status{color:var(--accent);background:#edf2ff;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.mission-recent b{font-size:13px;line-height:1.6;display:block}.mission-recent small{display:block;margin-top:5px;font-size:11px;color:#8391a7}.mission-recent button>div{flex:1}.mission-recent button>svg{color:#93a2ba}.goal-form fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.goal-form legend{float:left;grid-column:1/-1;font-size:12px;font-weight:600;color:#6c7c96;margin-bottom:-6px}.goal-languages{display:flex;gap:10px;grid-column:1/-1}.goal-languages>label{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#647591}.goal-languages .selected{background:#f0f4ff;border-color:#9db3f6;color:var(--accent)}.goal-languages input{margin:0}.goal-form fieldset>label{font-size:12px;color:#6d7f9c;line-height:1.8}.goal-form fieldset>label:nth-of-type(1){grid-column:1/-1}.goal-form fieldset>label:nth-of-type(2){grid-column:1/-1}.goal-form input:not([type=radio]),.goal-form select,.task-stage textarea,.task-stage input:not([type=radio],[type=checkbox]),.task-stage select,.ai-connection input{display:block;width:100%;padding:10px 12px;border:1px solid #dae3f2;border-radius:7px;background:#fcfdff;color:#405577;margin-top:6px;font-size:13px;line-height:1.65}.entry-diagnostic{grid-column:1/-1;border:1px solid var(--border);border-radius:10px;overflow:hidden}.entry-diagnostic>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7f9fd}.entry-diagnostic b{font-size:12px;color:#536888}.entry-diagnostic span{font-size:11px;color:#91a0b6}.entry-diagnostic pre{margin:0;background:#172743;color:#d6e1fc;padding:17px 20px;font:13px/1.8 Consolas,monospace;overflow:auto}.entry-diagnostic p{padding:14px 16px 0;font-size:13px;color:#657795}.entry-diagnostic>div:last-child{display:flex;gap:20px;padding:13px 16px 17px;font-size:13px;color:#506b92}.entry-diagnostic label{display:flex;gap:7px;align-items:center}.goal-actions{margin-top:22px;display:flex;gap:15px;flex-wrap:wrap}.goal-actions>button:not(.primary){font-size:12px;color:#7487a6}.ai-connection{font-size:12px;color:#8090a9;margin-top:22px}.ai-connection>summary{cursor:pointer;display:flex;gap:7px;align-items:center;width:fit-content}.ai-connection form{margin-top:14px;background:#f7f9fd;border-radius:9px;padding:15px}.ai-connection label{display:block;color:#607491;font-size:12px}.ai-connection small{display:block;margin:7px 0;font-size:11px}.ai-connection form>button{color:var(--accent);background:#eaf0ff;padding:7px 12px;border-radius:5px}.task-connection-note{margin-top:20px;font-size:12px;color:#9a7948;line-height:1.8}.mission-error{font-size:13px;line-height:1.8;background:#fff4ec;color:#aa5b2f;border:1px solid #f2dfcd;border-radius:8px;padding:12px 14px;margin-top:15px}.mission-error>button{color:var(--accent);margin-left:10px;text-decoration:underline}.task-loading{display:flex;gap:14px;align-items:center;min-height:280px;justify-content:center;color:#7b8da8}.is-workspace .main-shell{height:auto;min-height:100vh}.is-workspace .learning-workspace{background:#f3f6fc;overflow:visible}.is-workspace .topbar{height:59px;min-height:59px}.learning-toolbar{padding:10px 24px;min-height:51px;gap:12px}.learning-toolbar-end{gap:12px}.workspace-tool{font-size:12px;color:#627798;padding:6px 8px;border-radius:6px}.workspace-tool:hover{background:#edf2ff}.mission-workspace-header{padding:21px 25px 17px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px}.mission-workspace-header>div:first-child{max-width:690px}.mission-workspace-header small{font-size:11px;color:var(--accent)}.mission-workspace-header h1{font-size:23px;line-height:1.4;font-weight:650;letter-spacing:-.4px;margin:6px 0}.mission-workspace-header p{font-size:12px;color:#7788a2;line-height:1.8}.mission-header-stages{display:flex;gap:17px;flex-shrink:0}.mission-header-stages>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#9ba8ba;white-space:nowrap}.mission-header-stages i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#f0f3f9;border:1px solid #e5eaf3}.mission-header-stages .active{color:var(--accent)}.mission-header-stages .active i{background:#e9efff;border-color:#b0c1f6}.learning-grid{grid-template-columns:minmax(270px,320px) minmax(0,1fr);align-items:start;gap:18px;padding:20px 24px;min-height:580px;overflow:visible;flex:initial}.task-stage{border:1px solid var(--border);border-radius:13px;background:#fff;padding:21px;min-width:0;line-height:1.8;box-shadow:0 4px 15px #23466e06}.task-stage>header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}.stage-number{font-family:Consolas,monospace;background:#edf2ff;color:var(--accent);width:40px;height:44px;display:grid;place-items:center;border-radius:8px;font-size:20px}.task-stage header small{color:#899ab2;font-size:10px}.task-stage h2{font-size:17px;font-weight:600;color:#324d77;line-height:1.5}.stage-source{margin-left:auto;color:#718fcb;font-size:10px}.task-stage h3{font-size:15px;font-weight:600;line-height:1.75;color:#314c75}.task-stage p{font-size:13px;color:#71839f;line-height:1.85}.task-stage pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,monospace}.task-stage .button{font-size:12px;padding:9px 12px;min-height:35px}.task-predict-form>p{margin:9px 0 14px}.task-stage textarea{min-height:76px;resize:vertical;max-height:210px;margin-bottom:12px}.task-stage select{margin-bottom:10px}.stage-text-action{font-size:12px;color:#8192ab;display:block;padding:12px 0 0}.task-warning{padding:11px 12px;background:#fff7e9;border:1px solid #f0e3c6;color:#9b7b43!important;font-size:12px!important;border-radius:7px;margin-bottom:14px}.adopt-task{padding:12px;border:1px solid #e2eaff;background:#f8faff;border-radius:8px;margin-bottom:18px}.adopt-task p{font-size:12px}.adopt-task button{color:var(--accent);display:flex;gap:6px;align-items:center;margin-top:7px;font-size:12px}.task-saved-prediction{font-size:12px;color:#7588a7;margin-bottom:15px;cursor:pointer}.task-saved-prediction pre{background:#f7f9fe;border:1px solid var(--border);padding:8px 12px;border-radius:7px}.task-saved-prediction button{font-size:11px;color:var(--accent)}.task-comparison{padding:14px;border:1px solid #dde6fa;background:#f5f8ff;border-radius:10px;margin:17px 0}.task-comparison h3{font-size:13px}.task-comparison>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:9px;margin-top:12px;font-size:12px}.task-comparison span{color:#7f91ae}.task-comparison pre{margin:0;color:#39588b}.task-comparison.has-difference{background:#fffaf1;border-color:#eddfc4}.task-comparison small{font-size:11px;color:#9b8259}.stage-analyzing{display:flex;gap:8px;align-items:center;color:var(--accent);font-size:12px;background:#eef3ff;border-radius:7px;padding:12px;margin:16px 0}.stage-analyzing>span{flex:1}.stage-decision{margin-top:17px}.stage-decision-label{font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.3px}.stage-decision h3{margin:8px 0}.stage-decision .teaching-text{color:#617898;font-size:13px}.stage-decision form{margin-top:18px;border-top:1px solid var(--border);padding-top:15px}.stage-decision label{font-size:13px;color:#344f78;font-weight:500}.stage-focus{background:#eaf0ff;padding:10px;border:1px solid #d8e3ff;border-radius:7px;width:100%;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;margin-top:14px;text-align:left}.stage-focus>svg:last-child{margin-left:auto}.stage-hypothesis{background:#f7f9fd;border-radius:7px;padding:10px 12px;margin-top:10px;font-size:12px!important}.stage-sources{color:#8696af;font-size:11px;margin-top:16px}.stage-sources section{border-top:1px solid var(--border);padding:11px 0}.stage-sources b{color:#6c81a4}.stage-sources p{font-size:11px}.stage-run{margin-top:17px;width:100%}.stage-controls{border-top:1px solid var(--border);padding-top:15px;margin-top:23px;color:#8696ad;font-size:11px}.stage-controls>label{display:flex;align-items:center;gap:7px;margin-top:13px}.stage-controls>button{display:flex;align-items:center;gap:6px;color:var(--accent);margin-top:12px}.stage-controls .ai-connection{margin-top:14px}.stage-controls summary,.stage-sources summary{cursor:pointer}.task-retest{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.task-retest>small{font-size:10px;color:#8a9cb8}.task-retest h3{margin:7px 0}.task-retest>pre{background:#172743;color:#dae5ff;border-radius:8px;padding:14px;margin:14px 0}.task-retest form>label{display:flex;gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--border);border-radius:6px;margin:7px 0;font-size:12px;color:#59759c}.task-retest form>.button{margin-top:10px}.task-retest input{margin:4px 0}.task-retest code{white-space:pre-wrap;overflow-wrap:anywhere}.task-retest-result{margin-top:15px;padding:12px;border:1px solid #d6e3ff;border-radius:8px;background:#f4f8ff;font-size:12px;color:var(--accent)}.task-retest-result p{font-size:12px}.task-complete{background:#edf3ff;border-radius:10px;padding:16px;margin-top:20px;color:var(--accent)}.task-complete h3{font-size:14px;margin:8px 0}.task-complete p{font-size:12px}.task-complete button{margin-top:14px;width:100%}.is-stale{opacity:.6}.study-center{display:flex!important;border-color:var(--border);border-radius:13px;min-width:0;min-height:540px;overflow:hidden}.study-mode-tabs{background:#fff;padding:0 18px;min-height:50px;gap:21px}.study-mode-tabs button{font-size:12px;gap:7px}.study-mode-tabs button.selected{color:var(--accent);border-color:var(--accent)}.study-mode-tabs>span{font-size:10px;color:#98a6bb}.study-code-body{display:flex;flex-direction:column;min-height:0}.study-code-body[hidden],.study-center-body[hidden]{display:none!important}.study-editor-caption{background:#152440;color:#9eafd0;padding:10px 15px;font-size:11px}.task-code-observe{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.75fr);min-height:300px;height:clamp(280px,39vh,440px);background:#172743}.task-code-observe .study-code-editor{height:100%;min-height:0;background:#172743}.study-code-editor .cm-editor,.study-code-editor .cm-gutters{background:#172743!important;color:#d6e2fb!important}.study-code-editor .cm-gutters{color:#677da5!important;border:0!important}.study-code-editor .cm-activeLine,.study-code-editor .cm-activeLineGutter{background:#203455!important}.study-code-editor .cm-ai-focus{background:#335cde44!important;border-left:3px solid #86a7ff}.study-code-editor .cm-scroller{font-size:13px;line-height:1.9}.study-run-bar{background:#152440;padding:11px 14px}.study-run-bar>span{color:#8096bb;font-size:10px}.study-run-bar>button{background:var(--accent);color:#fff;border-radius:6px;font-size:12px}.study-console{min-height:130px;flex:initial}.study-console-tabs{padding:0 14px;border-color:var(--border)}.study-console-tabs button{font-size:11px;color:#8395b1}.study-console-tabs button.selected{color:var(--accent);border-color:var(--accent)}.study-no-result{min-height:98px;font-size:12px;color:#8ca0bf}.study-test-list{padding:14px 18px}.study-real-output{padding:15px}.study-real-output pre{font-size:13px}.study-test-list details{font-size:12px}.study-stdin{padding:14px}.study-stdin textarea{font:13px/1.8 Consolas,monospace;border-color:var(--border)}.code-ai-annotation{background:#edf3ff;border-color:#cbdafa;color:#4167ab}.code-ai-annotation>span{color:var(--accent)}.code-ai-annotation p{font-size:12px}.code-ai-annotation button{color:var(--accent)}.live-evidence{min-width:0;background:#f7f9ff;border-left:1px solid #dae4f7;padding:16px;overflow:auto;font-size:12px;color:#607a9f}.live-evidence>header{display:flex;align-items:center;gap:6px;margin-bottom:18px}.live-evidence header b{font-size:12px;font-weight:600;color:#41608e}.live-evidence header small{margin-left:auto;font-size:10px;color:#9bacca}.evidence-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.evidence-empty{padding-top:24px}.evidence-empty>span{font-size:10px;color:#9bacc8;letter-spacing:1px}.evidence-empty h3{font-size:16px;font-weight:500;color:#5b75a0;margin:13px 0}.evidence-empty p{font-size:12px;line-height:1.9;color:#8a9ebd}.live-output small{color:#93a5c0;font-size:10px}.live-output pre{font:16px/1.7 Consolas,monospace;color:#3a5b94;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.live-output>span{font-size:10px;color:#7b95c2}.live-step{border-top:1px solid #dfe8f7;padding-top:15px;margin-top:16px}.live-step b{font-weight:500;font-size:11px;color:#506e9b}.live-step small{display:block;font-size:10px;color:#9bacc5;margin-top:4px}.live-step input{width:100%;margin:12px 0}.live-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border:1px solid #dfe7f6;background:#fff;padding:8px 10px;border-radius:6px;margin:7px 0}.live-values code{font-size:11px;color:#7390ba}.live-values pre{font:12px/1.65 Consolas,monospace;color:#41659d;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.live-values .focused{border-color:#7195ed;box-shadow:0 0 0 2px #335cde11}.live-evidence>details{font-size:10px;color:#879cbd;margin-top:13px}.live-evidence>details pre{font-size:11px}.evidence-boundary{font-size:11px;line-height:1.9;color:#8fa2bf;margin-top:18px}.resource-drawer,.chat-drawer{display:none!important}.resource-drawer.drawer-open,.chat-drawer.drawer-open{display:flex!important;position:fixed!important;z-index:60;right:18px;top:75px;bottom:18px;width:390px;max-width:calc(100vw - 36px);border:1px solid #cfdaf0;box-shadow:0 20px 90px #10264f40;border-radius:14px;background:#fff;overflow:auto;flex-direction:column;padding:22px}.chat-drawer.drawer-open{padding:0}.drawer-close{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:12px;padding:8px 0 18px;text-align:left}.chat-drawer>.drawer-close{padding:18px;border-bottom:1px solid var(--border)}.resource-drawer h1{margin-top:10px}.resource-drawer .study-task{margin-top:20px}.study-coach-title h2{font-size:15px}.study-coach-title{padding:17px}.study-coach-context{padding:15px 18px}.study-coach-compose{margin-top:auto}.study-messages{min-height:160px;overflow:auto}.study-coach [hidden],.workspace-mobile-tabs,.workspace-ai-notice{display:none!important}.courses-page>h1,.progress-page>h1{font-size:29px;margin-top:9px}.page-description{color:#7b8da8;font-size:14px;line-height:1.9}.course-card{border-color:var(--border);border-radius:14px;box-shadow:0 4px 18px #1a345307}.course-card p{color:#7c8fac}.course-card h3{color:#29446e}.catalog-toolbar{border-color:var(--border)}.lesson-row{border-color:#e8edf6}.lesson-row:hover{background:#f4f7ff}.lesson-title b{color:#365278}.course-catalog{padding:25px}.filter-tabs{background:#f0f4fc}.filter-tabs button{font-size:12px}.language-mark.c{background:#e8f0ff;color:#4775cc}.language-mark.cpp{background:#ecefff;color:#526ddb}.language-mark.python{background:#edf4ff;color:#4d7fb8}.course-card .button{font-size:13px}.stats-grid .stat-card{border:1px solid var(--border);border-radius:13px}.progress-page .flow-overview{border-color:var(--border)}.account-dialog{border:1px solid var(--border)}.account-intro{background:#1a356f!important;color:#e7efff}.account-intro p{color:#a7bce9!important}.account-intro h2{color:#fff}.account-intro svg{color:#91adf8}.account-submit{background:var(--accent)!important}.auth-brand{color:var(--accent)}@media(min-width:1200px){.is-workspace .sidebar>.brand>.brand-mark{display:block}.is-workspace .sidebar .brand>.brand-copy{display:none}.is-workspace .sidebar .brand{margin-bottom:22px}.is-workspace .sidebar{width:76px;padding:20px 10px}.is-workspace .main-shell{margin-left:76px}.is-workspace .sidebar .brand-mark{width:46px;height:46px}.is-workspace .nav-item{padding:13px 0}}@media(min-width:1700px){.learning-grid{grid-template-columns:350px minmax(0,1fr);max-width:1900px;width:100%;margin:auto}.task-code-observe{height:450px}}@media(max-width:1250px){.task-home-columns{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.page-content{padding:30px}.task-home-primary{padding:24px}.mission-header-stages{gap:10px}.mission-workspace-header{align-items:flex-start}.mission-header-stages>span{font-size:10px}.learning-grid{grid-template-columns:285px minmax(0,1fr);padding:16px;gap:14px}.task-stage{padding:17px}.task-code-observe{grid-template-columns:minmax(0,1fr) 210px}.study-mode-tabs{gap:14px;padding:0 13px}}@media(max-width:1199px){.is-workspace .sidebar{width:76px;padding:22px 10px}.is-workspace .sidebar .brand>.brand-mark{display:block;width:46px;height:46px}.is-workspace .sidebar .brand>.brand-copy,.is-workspace .sidebar-label,.is-workspace .sidebar-course,.is-workspace .sidebar-bottom,.is-workspace .nav-item>span{display:none}.is-workspace .main-shell{margin-left:76px}.is-workspace .sidebar nav .nav-item{justify-content:center;padding:13px 0}.is-workspace .nav-item>i{display:none}.task-home-columns{grid-template-columns:minmax(0,1fr)}.task-home-aside{display:grid;grid-template-columns:1fr 1fr}.task-side-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.task-side-card>.side-caption,.task-side-card>h3{display:none}.home-method{margin:0}.home-date{display:none}.task-home-heading h1{font-size:25px}.task-home-primary{padding:28px}.task-home-title h2{font-size:28px}.mission-workspace-header{flex-direction:column;gap:12px}.mission-header-stages{flex-direction:row;width:100%;gap:20px}.mission-header-stages>span{flex-direction:row}.mission-workspace-header h1{font-size:20px}.mission-workspace-header p{font-size:12px}.task-code-observe{grid-template-columns:minmax(0,1fr) minmax(175px,.8fr)}.learning-toolbar-end{gap:6px}.learning-grid{grid-template-columns:270px minmax(0,1fr)}.learning-position{display:none}.study-mode-tabs>span{display:none}}@media(max-width:980px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px}.brand-lockup{width:177px}.page-content{padding:25px}.topbar{padding:0 25px}.search-trigger{min-width:0;width:auto}.search-trigger>span,.search-trigger>kbd{display:none}.task-home-heading h1{font-size:23px}.task-home-title h2{font-size:25px}.mission-recent>div:last-child{grid-template-columns:1fr}.learning-grid{grid-template-columns:240px minmax(0,1fr);padding:12px;gap:12px}.task-stage{padding:15px}.task-code-observe{grid-template-columns:minmax(0,1fr);height:auto;min-height:320px}.task-code-observe .study-code-editor{height:260px}.live-evidence{border-left:0;border-top:1px solid #dae4f7;max-height:310px}.evidence-empty{padding:6px 0}.live-evidence header{margin-bottom:8px}.live-output pre{font-size:14px}.live-values{display:flex;flex-wrap:wrap;gap:7px}.live-values>div{margin:0;gap:18px}.live-step{margin:8px 0;padding-top:10px}.live-step input{margin:7px 0}.mission-workspace-header{padding:16px 20px}.task-stage p{font-size:12px}.learning-toolbar{padding:10px 18px;flex-wrap:wrap}.learning-lesson-menu{flex:1}.learning-toolbar-end{flex-wrap:wrap;gap:6px}.workspace-tool,.study-save{font-size:11px}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:238px}.sidebar.open{transform:translate(0)}.main-shell,.is-workspace .main-shell{margin-left:0}.mobile-menu{display:flex!important}.is-workspace .sidebar{width:238px;padding:25px 18px;transform:translate(-100%)}.is-workspace .sidebar.open{transform:translate(0)}.is-workspace .sidebar .brand>.brand-mark{display:none}.is-workspace .sidebar .brand>.brand-copy{display:flex}.is-workspace .sidebar-label,.is-workspace .sidebar-bottom{display:block}.is-workspace .sidebar .nav-item>span{display:block}.is-workspace .sidebar nav .nav-item{justify-content:flex-start;padding:13px 16px}.topbar{padding:0 18px;height:62px}.topbar-right{gap:10px}.topbar-divider{display:none}.breadcrumb>span{display:none}.page-content{padding:24px 18px}.task-home-heading{margin-bottom:22px}.task-home-heading h1{font-size:22px;line-height:1.6}.task-home-heading p{font-size:12px}.task-home-primary{padding:22px 20px;border-radius:13px}.task-home-title h2{font-size:25px}.task-home-title>p{font-size:14px}.task-home-aside{grid-template-columns:1fr}.task-side-card{grid-template-columns:1fr;gap:17px}.home-method{margin:0}.resource-entry{padding:17px}.task-reason{padding:15px}.home-active-actions>.button{width:100%}.home-active-actions>.text-button{margin:5px 0 0}.goal-form fieldset{gap:14px}.goal-languages{gap:7px}.goal-languages>label{padding:9px 7px;font-size:12px}.goal-actions>.button{width:100%}.entry-diagnostic pre{font-size:12px;padding:14px}.entry-diagnostic>div:last-child{gap:13px;flex-wrap:wrap}.home-task-track{margin:23px 0}.home-task-track b{font-size:10px}.task-kicker{margin-bottom:17px}.mission-workspace-header{padding:16px 18px}.mission-workspace-header h1{font-size:20px}.mission-header-stages{gap:13px;flex-wrap:wrap}.mission-header-stages>span{font-size:10px;gap:4px}.mission-header-stages i{width:20px;height:20px}.learning-grid{display:flex;flex-direction:column;padding:12px;gap:12px;min-height:0}.task-stage{width:100%;padding:18px}.task-stage header{padding-bottom:13px;margin-bottom:13px}.task-stage>header .stage-number{width:34px;height:38px;font-size:17px}.task-stage>header h2{font-size:16px}.task-stage h3{font-size:15px}.task-stage p{font-size:13px}.task-predict-form>p{margin:6px 0 10px}.task-stage textarea{min-height:62px}.study-center{width:100%;min-height:0}.task-code-observe{grid-template-columns:minmax(0,1fr);height:auto}.task-code-observe .study-code-editor{height:260px}.live-evidence{max-height:none;padding:15px}.task-stage .stage-controls{margin-top:15px;padding-top:12px}.learning-toolbar{padding:9px 14px;gap:8px}.learning-toolbar-end{width:100%;justify-content:space-between}.learning-toolbar-end .workspace-tool{padding:4px 5px}.learning-toolbar .back-to-courses{font-size:11px}.learning-toolbar .study-save{margin-left:auto}.study-run-bar>span{font-size:10px}.study-run-bar>button{font-size:12px}.resource-drawer.drawer-open,.chat-drawer.drawer-open{top:16px;right:12px;bottom:12px;max-width:calc(100vw - 24px)}.study-mode-tabs{min-height:48px}.task-saved-prediction{margin-bottom:10px}.task-comparison{margin:12px 0}.stage-decision form{margin-top:12px;padding-top:12px}.courses-page .course-grid{grid-template-columns:1fr}.course-catalog{padding:18px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%}.lesson-title b{font-size:13px}.catalog-study-state{font-size:11px}.study-center-body .motion-stage{grid-template-columns:minmax(0,1fr)}.mission-recent>.section-heading{gap:12px;align-items:flex-start}.mission-recent>.section-heading button{font-size:11px}}.home-active-actions{margin-top:24px}.home-prerequisites{font-size:12px;color:#8a9ab3;line-height:1.9;margin-top:-8px}.home-prerequisites>summary{cursor:pointer}.home-prerequisites p{font-size:12px;color:#6e82a5;margin:6px 0}.mission-history{padding:25px;margin:25px 0}.mission-history .section-heading p{font-size:12px;color:#8093b0;margin-top:8px}.mission-history-list{display:grid;gap:10px}.mission-history-list>button{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid var(--border);border-radius:9px;padding:15px;background:#fcfdff}.mission-history-list>button>div{flex:1}.mission-history-list b{font-size:14px;font-weight:600;color:#38567f}.mission-history-list small{font-size:11px;color:#8b9cb6;display:block;margin-top:6px}.mission-history-list button>span:last-child{font-size:11px;color:var(--accent);display:flex;gap:7px;align-items:center}.mission-empty{font-size:13px;color:#8697b0;line-height:1.9}.mission-detail{background:#fff;width:min(700px,calc(100vw - 30px));max-height:88vh;overflow:auto;padding:28px;border-radius:15px;box-shadow:0 20px 100px #15274740}.mission-detail>header{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.mission-detail small{font-size:12px}.mission-detail>h2{font-size:24px;line-height:1.6;margin:12px 0}.mission-detail p{font-size:13px;line-height:1.9;color:#7185a6;white-space:pre-wrap;overflow-wrap:anywhere}.mission-detail ol{list-style:none;padding:0 0 0 18px;border-left:1px solid #dce5f8;margin:25px 0}.mission-detail li{position:relative;border-bottom:1px solid var(--border);padding:0 0 20px;margin:0 0 20px}.mission-detail li:before{content:"";position:absolute;left:-23px;top:7px;background:var(--accent);width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 5px #edf2ff}.mission-detail li>p{margin:7px 0}.mission-detail .trail-version{font-size:11px;color:var(--accent)}.mission-detail details{font-size:12px;color:#7c92b5;margin:10px 0}.mission-detail .task-reason{margin:18px 0}.mission-detail b{font-weight:500;color:#546f99}@media(min-width:981px){.study-center{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.task-stage,.task-home-primary{animation:none}}.task-mobile-navigation{display:none}.task-course-review{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}.task-course-review>p{font-size:11px}.task-course-review .understanding-question{padding:14px;margin-top:12px;border-color:#dde6f7;background:#f7f9ff}.task-course-review .understanding-question p,.task-course-review .question-heading b,.task-course-review .understanding-question fieldset label,.task-course-review .question-feedback{font-size:12px}@media(max-width:760px){.task-mobile-navigation{position:sticky;top:0;z-index:25;display:flex;gap:4px;padding:9px 12px;background:#ffffffed;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-mobile-navigation button{flex:1;font-size:11px;padding:8px 3px;color:#617ca9;border-radius:6px;background:#f3f6ff;min-height:35px}#current-teaching-task,#task-workbench{scroll-margin-top:64px}.mission-history{padding:18px}.mission-history-list>button{padding:12px}.mission-history-list button>span:last-child{font-size:0}.mission-detail{padding:20px}.task-home-primary .ai-connection{margin-top:18px}}.course-review-example{font-size:11px;color:#7b8fac;margin:15px 0}.course-review-example>summary{cursor:pointer;color:#647d9f}.course-review-example small{display:block;font-size:10px;margin:8px 0}.course-review-example pre{background:#172743;color:#d3e2ff;padding:13px;border-radius:7px;font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.mission-course-checks{background:#f5f8ff;padding:15px 18px;border:1px solid var(--border);border-radius:9px;margin:20px 0}.mission-course-checks h3{font-size:14px;margin-bottom:8px;color:#4a6996}@media(min-width:761px)and (max-width:980px){.task-code-observe{grid-template-columns:minmax(0,1fr) 165px;height:300px;min-height:300px}.task-code-observe .study-code-editor{height:100%}.live-evidence{border-top:0;border-left:1px solid #dae4f7;padding:12px;max-height:none}.live-evidence header{flex-wrap:wrap}.live-evidence header small{margin-left:0}.live-values{display:block}.live-values>div{margin:7px 0;gap:8px}.evidence-empty h3{font-size:14px}.live-step input{max-width:100%}.study-mode-tabs button{white-space:nowrap;font-size:11px}}.study-mode-tabs{display:flex}.chat-drawer.drawer-open{min-height:0;max-height:none}@media(min-width:761px){.is-workspace .sidebar{transform:none}.is-workspace .mobile-menu{display:none}.learning-grid{display:grid}}@media(min-width:761px){.is-workspace .sidebar{visibility:visible}}.task-observation-instruction{padding:12px 15px;margin-bottom:14px;border:1px solid #dce7ff;border-radius:8px;background:#f1f6ff;color:#466fae}.task-observation-instruction b{font-size:11px;font-weight:600}.task-observation-instruction p{font-size:12px;line-height:1.8;margin-top:5px;color:#6a82a8}@media(min-width:761px)and (max-width:1100px){.learning-grid.work-mode-visual,.learning-grid.work-mode-replay{grid-template-columns:minmax(0,1fr)}.work-mode-visual>.study-center,.work-mode-replay>.study-center{grid-row:1;position:static;max-height:none}.work-mode-visual>.task-stage,.work-mode-replay>.task-stage{grid-row:2}.work-mode-visual .study-center-body{padding:18px}.work-mode-visual .task-observation-instruction,.work-mode-visual .visual-heading{margin-bottom:12px}}@media(min-width:761px){.is-workspace .sidebar:not(.open){visibility:visible}}:root{--ground: #f1f3f6;--surface: #fff;--raised: #f6f7f9;--active: #e6e9ed;--border: #e5e8ec;--rule: #edf0f3;--control: #bac1ca;--text: #181c23;--muted: #545e6c;--faint: #626b77;--accent: #1456cc;--accent-dark: #1044a2;--accent-soft: #edf3fc;--primary: #20242b;--positive: #216541;--negative: #ad3035;--ink: var(--text);--font: "Segoe UI", "Microsoft YaHei", sans-serif;--gap: 16px;--radius-card: 10px;--radius-control: 6px;--pad: 24px;font-family:var(--font);color:var(--text);background:var(--ground)}.app-shell{background:var(--ground);font:14px/1.5 var(--font);color:var(--text);font-variant-numeric:tabular-nums}.app-shell *{scrollbar-color:#b6beca transparent}.app-shell :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell input,.app-shell textarea,.app-shell select{color:var(--text);font-size:14px}.app-shell input::placeholder,.app-shell textarea::placeholder{color:var(--faint);opacity:1}.app-shell input[type=radio],.app-shell input[type=checkbox],.app-shell input[type=range]{accent-color:var(--accent)}.app-shell button:disabled{opacity:1;color:#6b737e;background-color:#eef0f3;cursor:not-allowed}.app-shell a,.app-shell button{transition:background-color .15s,color .15s,transform .15s;filter:none}.app-shell button:hover:not(:disabled){filter:none}.app-shell button:active:not(:disabled){transform:translateY(1px)}.app-shell h1,.app-shell h2,.app-shell h3{color:var(--text);letter-spacing:0}.app-shell p{color:var(--muted);line-height:1.75}.app-shell small{color:var(--faint)}.app-shell svg{color:inherit}.app-shell .sidebar{width:216px;padding:24px 16px 0;background:var(--ground);border:0;box-shadow:none}.app-shell .main-shell{margin-left:216px;background:var(--ground);min-width:0}.app-shell .brand{margin:0 0 30px;padding:0 4px;min-height:52px}.app-shell .brand-lockup{width:174px;height:31px;background:var(--accent)}.app-shell .brand-copy strong{font-size:12px;letter-spacing:1px;color:var(--muted);padding-left:52px}.app-shell .sidebar-label{font-size:12px;color:var(--muted);letter-spacing:0;padding-left:12px}.app-shell .nav-item{padding:10px 12px;min-height:40px;font-size:14px;font-weight:400;color:var(--muted);gap:10px;margin:4px 0;border-radius:6px}.app-shell .nav-item.active{background:var(--active);color:var(--text);font-weight:600}.app-shell .nav-item>i{display:none}.app-shell .nav-item svg{width:17px;height:17px;color:inherit}.app-shell .nav-item:hover{background:#e9ecf0}.app-shell .sidebar-course{padding:22px 9px 0;margin-top:22px;border:0}.app-shell .sidebar-course>span{font-size:12px;color:var(--faint)}.app-shell .sidebar-course b{font-size:13px;font-weight:500;color:var(--text)}.app-shell .sidebar-course small{font-size:12px;color:var(--faint)}.app-shell .sidebar-course>button{gap:10px;padding-left:0}.app-shell .sidebar-course .language-mark{background:transparent;color:var(--muted);width:24px;height:28px;border-radius:0}.app-shell .growth-card{border:0!important;background:transparent!important;border-radius:0;padding:18px 10px;box-shadow:none}.app-shell .growth-card b{font-size:13px;color:var(--text)}.app-shell .growth-card p{font-size:12px;line-height:1.8;color:var(--muted)}.app-shell .growth-card button{color:var(--text);font-size:12px;font-weight:500}.app-shell .help-link{font-size:13px;padding:12px 10px 20px;color:var(--muted)}.app-shell .profile{padding:18px 8px;border-top:1px solid var(--border)}.app-shell .avatar{background:#e2e6ed;color:#414c5d;font-size:12px}.app-shell .profile b{font-size:13px;color:var(--text)}.app-shell .profile small{font-size:12px}.app-shell .topbar{height:52px;min-height:52px;background:var(--ground);border:0;padding:0 24px;gap:24px}.app-shell .breadcrumb{font-size:13px;gap:8px;color:var(--muted)}.app-shell .breadcrumb>span{color:var(--muted)}.app-shell .breadcrumb b{font-size:13px;color:var(--text);font-weight:500}.app-shell .search-trigger{height:32px;min-width:250px;border:1px solid #d9dfe7;border-radius:5px;background:#fff;color:var(--faint);font-size:12px;box-shadow:none}.app-shell .search-trigger kbd{background:transparent;border:0;color:var(--faint);font-size:11px}.app-shell .topbar-divider{display:none}.app-shell .account-topbar-user{font-size:13px;color:var(--text)}.app-shell .topbar-right{gap:18px}.app-shell .icon-button{color:var(--muted)}.app-shell .page-content{background:var(--surface);margin:0 8px 8px 0;border:1px solid var(--border);border-radius:14px;max-width:none;padding:28px var(--pad) 32px;min-height:calc(100vh - 60px);box-shadow:none}.app-shell .page-content>h1{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 10px}.app-shell .page-description{font-size:14px;color:var(--muted);margin-bottom:24px}.app-shell .eyebrow{display:none}.app-shell .panel{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;box-shadow:none}.app-shell .button{min-height:38px;padding:9px 15px;border-radius:var(--radius-control);font-size:14px;box-shadow:none;font-weight:500}.app-shell .button.primary{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:none}.app-shell .button.primary:hover{background:#353c46}.app-shell .button.secondary{background:#fff;border:1px solid var(--control);color:var(--text)}.app-shell .text-button{color:var(--text);font-size:13px;font-weight:500}.app-shell .page-footer{font-size:12px;color:var(--faint);border-top:1px solid var(--rule);margin-top:28px;padding-top:18px}.app-shell .section-heading h2{font-size:17px;font-weight:600}.app-shell .section-heading p{font-size:13px;color:var(--muted)}.app-shell .task-home-heading{margin-bottom:28px;gap:20px}.app-shell .task-home-heading h1{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0 0 8px}.app-shell .task-home-heading p{font-size:14px;color:var(--muted)}.app-shell .workspace-back span{font-size:12px;color:var(--muted)}.app-shell .study-editor-caption code{font:inherit}.app-shell .home-date{font-size:12px;color:var(--faint)}.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 264px;gap:24px;align-items:start}.app-shell .task-home-primary{border:0;border-radius:0;padding:0;box-shadow:none;min-width:0}.app-shell .task-kicker{font-size:12px;color:var(--muted);gap:12px;margin:0 0 18px;font-weight:500;letter-spacing:0}.app-shell .task-kicker>.brand-mark{display:none}.app-shell .task-status{font-size:11px;background:#eff1f4;color:#4d5764;min-height:20px;padding:2px 8px;border-radius:4px;margin-left:auto;white-space:nowrap}.app-shell .task-home-title>small{font-size:12px;color:var(--muted)}.app-shell .task-home-title h2{font-size:26px;font-weight:600;line-height:1.4;margin:10px 0 14px;letter-spacing:-.02em}.app-shell .task-home-title p{font-size:16px;color:var(--text);line-height:1.7;max-width:48em}.app-shell .home-active-actions{gap:18px;margin-top:22px}.app-shell .home-active-actions>.button.primary,.app-shell .goal-actions>.button.primary{background:var(--accent);border-color:var(--accent)}.app-shell .home-active-actions>.text-button{margin-left:0;color:var(--muted);font-size:13px}.app-shell .task-reason{border:0;border-radius:8px;background:var(--raised);padding:18px 20px;gap:12px;margin:24px 0 18px;color:var(--muted)}.app-shell .task-reason>svg{color:var(--muted);width:16px;height:16px}.app-shell .task-reason b{color:var(--text);font-size:13px;font-weight:600}.app-shell .task-reason p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:7px}.app-shell .home-prerequisites{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.app-shell .home-prerequisites p{font-size:13px;color:var(--muted)}.app-shell .home-task-track{gap:0;margin:26px 0 20px;padding:0;background:transparent}.app-shell .home-task-track>div{gap:8px;font-size:12px;color:var(--muted);align-items:start;min-width:0}.app-shell .home-task-track>div:before{display:none}.app-shell .home-task-track span{display:none}.app-shell .home-task-track .reached{color:var(--text)}.app-shell .task-home-evidence{border-top:1px solid var(--border);padding-top:18px;margin-bottom:18px}.app-shell .task-home-evidence>span{font-size:12px;color:var(--muted)}.app-shell .task-home-evidence>p{font-size:15px;color:var(--text);line-height:1.8;margin-top:8px}.app-shell .task-home-primary>h2{font-size:20px;font-weight:600;line-height:1.4}.app-shell .task-intro{font-size:14px;color:var(--muted);line-height:1.75;margin:10px 0 24px}.app-shell .task-home-aside{grid-template-columns:minmax(0,1fr);gap:0}.app-shell .task-side-card{background:var(--raised);color:var(--text);border:0;border-radius:8px;padding:20px;display:block;box-shadow:none}.app-shell .task-side-card h2{font-size:16px;font-weight:600;margin:0 0 16px}.app-shell .task-side-card h3{font-size:14px;font-weight:600;color:var(--text);margin:20px 0 8px}.app-shell .task-side-card p{font-size:13px;color:var(--muted);line-height:1.8}.app-shell .task-side-card dl{margin:0}.app-shell .task-side-card dt{font-size:12px;color:var(--muted);margin-top:14px}.app-shell .task-side-card dd{margin:5px 0 0;font-size:14px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.app-shell .task-side-card .current-evidence{color:var(--accent);font-weight:600}.app-shell .resource-entry{border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;padding:18px 0;color:var(--muted);gap:12px;box-shadow:none}.app-shell .resource-entry svg{width:17px;height:17px}.app-shell .resource-entry b{font-size:14px;font-weight:500;color:var(--text)}.app-shell .resource-entry span{font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px}.app-shell .mission-recent{margin-top:30px}.app-shell .mission-recent>.section-heading{margin-bottom:12px}.app-shell .mission-recent>.section-heading button{font-size:12px;color:var(--text)}.app-shell .mission-recent>div:last-child{display:block}.app-shell .mission-recent>div:last-child>button{border:0;border-bottom:1px solid var(--rule);background:transparent;border-radius:0;padding:16px 0;width:100%;gap:12px;box-shadow:none}.app-shell .recent-status{background:transparent;color:var(--muted);width:18px;height:22px;border-radius:0}.app-shell .mission-recent b{font-size:14px;font-weight:500;color:var(--text)}.app-shell .mission-recent small{font-size:12px;color:var(--muted)}.app-shell .goal-form fieldset{gap:18px}.app-shell .goal-form legend{font-size:13px;font-weight:500;color:var(--text)}.app-shell .goal-languages{gap:8px}.app-shell .goal-languages>label{font-size:14px;min-height:40px;padding:9px 12px;color:var(--muted);border:1px solid var(--control);border-radius:5px}.app-shell .goal-languages .selected{background:var(--raised);border-color:#7e8897;color:var(--text)}.app-shell .goal-form fieldset>label{font-size:13px;font-weight:500;color:var(--text)}.app-shell .goal-form input:not([type=radio]),.app-shell .goal-form select,.app-shell .task-stage textarea,.app-shell .task-stage input:not([type=radio],[type=checkbox]),.app-shell .task-stage select,.app-shell .ai-connection input{background:#fff;border:1px solid var(--control);border-radius:5px;padding:10px 12px;font-size:14px;min-height:40px;color:var(--text)}.app-shell .entry-diagnostic{border:1px solid var(--border);border-radius:8px}.app-shell .entry-diagnostic>div:first-child{padding:12px 16px;background:var(--raised)}.app-shell .entry-diagnostic b{font-size:13px;color:var(--text)}.app-shell .entry-diagnostic span{font-size:12px;color:var(--muted)}.app-shell .entry-diagnostic pre{background:#17191d;color:#f0f2f5;font-size:14px;line-height:1.8;padding:18px 20px}.app-shell .entry-diagnostic p{font-size:14px;color:var(--text)}.app-shell .entry-diagnostic>div:last-child{font-size:14px;color:var(--text);padding:14px 16px 18px}.app-shell .entry-diagnostic label{min-height:32px}.app-shell .goal-actions>button:not(.primary){font-size:13px;color:var(--muted)}.app-shell .ai-connection{font-size:12px;color:var(--muted);margin-top:22px}.app-shell .ai-connection label,.app-shell .ai-connection small{color:var(--muted);font-size:12px}.app-shell .ai-connection form{background:var(--raised);border-radius:6px}.app-shell .ai-connection form>button{background:var(--primary);color:#fff;font-size:13px;border-radius:5px;min-height:34px}.app-shell .task-connection-note{font-size:13px;color:#78531b}.app-shell .mission-error{font-size:13px;line-height:1.8;background:#fff8ec;border:1px solid #ecdbb6;border-radius:6px;color:#7c511b}.app-shell .mission-error button{color:#533600}.app-shell .task-loading{min-height:220px;color:var(--muted);font-size:14px}.app-shell.is-workspace .sidebar{width:56px;padding:20px 8px;transform:none;visibility:visible;border:0;background:var(--ground)}.app-shell.is-workspace .main-shell{margin-left:56px;min-height:100vh;background:var(--ground)}.app-shell.is-workspace .brand{margin:0 0 22px;padding:0}.app-shell.is-workspace .brand>.brand-mark{display:block;width:38px;height:38px;background:var(--accent)}.app-shell.is-workspace .brand>.brand-copy,.app-shell.is-workspace .sidebar-label,.app-shell.is-workspace .sidebar-course,.app-shell.is-workspace .sidebar-bottom,.app-shell.is-workspace .nav-item>span{display:none}.app-shell.is-workspace .nav-item{justify-content:center;padding:10px 0;min-height:40px}.app-shell.is-workspace .topbar{height:48px;min-height:48px}.app-shell .learning-workspace{margin:0 8px 8px 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:clip}.app-shell .learning-toolbar{min-height:48px;padding:8px 20px;border-bottom:1px solid var(--rule);background:var(--surface);gap:12px}.app-shell .learning-lesson-menu>button{font-size:14px;font-weight:600}.app-shell .learning-position{font-size:12px;color:var(--muted)}.app-shell .learning-toolbar-end{gap:12px}.app-shell .workspace-tool{font-size:12px;color:var(--muted);min-height:32px;padding:5px 8px;border-radius:5px}.app-shell .workspace-tool:hover{background:var(--raised);color:var(--text)}.app-shell .learning-toolbar select{border:1px solid var(--control);background:#fff;border-radius:5px;color:var(--text);font-size:12px;padding:6px;min-height:32px}.app-shell .study-save{font-size:12px;color:var(--muted)}.app-shell .mission-workspace-header{padding:18px 20px;background:var(--surface);border-bottom:1px solid var(--rule);gap:24px}.app-shell .mission-workspace-header small{font-size:12px;color:var(--muted)}.app-shell .mission-workspace-header h1{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:6px 0 8px}.app-shell .mission-workspace-header p{font-size:14px;color:var(--muted);line-height:1.7}.app-shell .mission-workspace-header>div:first-child{max-width:720px}.app-shell .mission-header-stages{gap:16px;flex-shrink:0}.app-shell .mission-header-stages>span{font-size:12px;color:var(--muted);gap:0;flex-direction:row}.app-shell .mission-header-stages i{display:none}.app-shell .mission-header-stages>span.active{color:var(--text);font-weight:600}.app-shell .learning-grid{grid-template-columns:300px minmax(0,1fr);padding:16px 20px;gap:16px;min-height:0;align-items:start;background:var(--surface)}.app-shell .task-stage{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--surface);box-shadow:none;line-height:1.75}.app-shell .task-stage>header{gap:0;border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:16px}.app-shell .stage-number{display:none}.app-shell .task-stage header small{font-size:12px;color:var(--muted)}.app-shell .task-stage h2{font-size:17px;font-weight:600;color:var(--text)}.app-shell .stage-source{font-size:11px;color:var(--muted)}.app-shell .task-stage h3{font-size:16px;font-weight:600;color:var(--text);line-height:1.5}.app-shell .task-stage p{font-size:14px;color:var(--muted);line-height:1.75}.app-shell .task-stage .button{font-size:13px;min-height:36px;padding:8px 12px}.app-shell .task-stage pre{font-size:13px;line-height:1.8}.app-shell .task-stage textarea{font-size:14px;min-height:76px;line-height:1.7}.app-shell .task-predict-form>p{margin:10px 0 18px}.app-shell .stage-text-action{font-size:13px;color:var(--muted);padding:13px 0 0}.app-shell .task-saved-prediction{font-size:13px;color:var(--muted)}.app-shell .task-saved-prediction pre{background:var(--raised);border-color:var(--border);color:var(--text)}.app-shell .task-comparison{border:0;border-radius:6px;background:var(--raised);padding:15px;margin:18px 0}.app-shell .task-comparison h3{font-size:14px}.app-shell .task-comparison>div{font-size:13px;grid-template-columns:66px minmax(0,1fr)}.app-shell .task-comparison span{color:var(--muted)}.app-shell .task-comparison pre{color:var(--accent);font-size:14px}.app-shell .task-comparison.has-difference{background:#f7f4ed}.app-shell .task-comparison small{font-size:12px;color:#73551f}.app-shell .stage-analyzing{font-size:12px;background:var(--raised);color:var(--muted);border-radius:6px}.app-shell .stage-decision-label{font-size:12px;color:var(--muted);letter-spacing:0}.app-shell .stage-decision h3{font-size:16px}.app-shell .stage-decision .teaching-text{font-size:14px;color:var(--text);line-height:1.8}.app-shell .stage-decision form{border-color:var(--border);padding-top:16px;margin-top:16px}.app-shell .stage-decision label{font-size:14px;color:var(--text);font-weight:500}.app-shell .stage-focus{font-size:13px;background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:10px 11px;line-height:1.5}.app-shell .stage-focus:hover{border-color:#aab4c2}.app-shell .stage-hypothesis{font-size:13px!important;background:var(--raised);color:var(--muted)}.app-shell .stage-sources,.app-shell .stage-sources p,.app-shell .stage-sources b{font-size:12px;color:var(--muted)}.app-shell .stage-controls{font-size:12px;color:var(--muted);border-color:var(--border)}.app-shell .stage-controls>button{font-size:12px;color:var(--text)}.app-shell .task-warning{font-size:13px!important;color:#79521b!important;background:#fff8ec;border-color:#eedebf}.app-shell .adopt-task{border:1px solid var(--border);background:var(--raised);border-radius:6px}.app-shell .adopt-task p{font-size:13px}.app-shell .adopt-task button{font-size:13px;color:var(--text)}.app-shell .task-retest{border-color:var(--border)}.app-shell .task-retest>small{font-size:12px;color:var(--muted)}.app-shell .task-retest>pre{background:#17191d;color:#f1f3f6;font-size:13px}.app-shell .task-retest form>label{font-size:14px;color:var(--text);border-color:var(--border);padding:10px 12px;min-height:40px}.app-shell .task-retest-result{color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:6px;font-size:13px}.app-shell .task-retest-result p{font-size:13px;color:var(--muted)}.app-shell .task-complete{background:var(--raised);color:var(--positive);border-radius:6px}.app-shell .task-complete h3{font-size:15px}.app-shell .task-complete p{font-size:13px}.app-shell .course-review-example{color:var(--muted);font-size:12px}.app-shell .course-review-example small{font-size:12px}.app-shell .course-review-example>pre{background:#17191d;color:#f1f3f6;font-size:13px}.app-shell .task-course-review>p{font-size:12px}.app-shell .task-course-review .understanding-question{background:var(--raised);border-color:var(--border)}.app-shell .task-course-review .understanding-question p,.app-shell .task-course-review .question-heading b,.app-shell .task-course-review .understanding-question fieldset label,.app-shell .task-course-review .question-feedback{font-size:13px;color:var(--text)}.app-shell .study-center{border:1px solid var(--border);border-radius:8px;min-height:0;box-shadow:none;background:#fff}.app-shell .study-mode-tabs{min-height:44px;padding:0 16px;gap:22px;background:#fff;border-color:var(--border)}.app-shell .study-mode-tabs button{font-size:13px;color:var(--muted);padding:12px 0}.app-shell .study-mode-tabs button.selected{color:var(--text);border-color:var(--accent);font-weight:500}.app-shell .study-mode-tabs>span{font-size:11px;color:var(--muted)}.app-shell .study-editor-caption{background:#17191d;color:#c0c5ce;font-size:12px;padding:10px 14px}.app-shell .task-code-observe{background:#17191d;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);height:clamp(310px,40vh,440px);min-height:310px}.app-shell .study-code-editor{background:#17191d}.app-shell .study-code-editor .cm-editor,.app-shell .study-code-editor .cm-gutters{background:#17191d!important;color:#e1e4eb!important}.app-shell .study-code-editor .cm-gutters{color:#959ca8!important}.app-shell .study-code-editor .cm-activeLine,.app-shell .study-code-editor .cm-activeLineGutter{background:#242830!important}.app-shell .study-code-editor .cm-ai-focus{background:#224c8d4a!important;border-left:3px solid #6c9be8}.app-shell .study-code-editor .cm-scroller{font-size:14px;line-height:1.85}.app-shell .study-run-bar{background:#17191d;padding:10px 14px;gap:12px}.app-shell .study-run-bar>span{font-size:11px;color:#b5bcc7}.app-shell .study-run-bar>button{background:var(--accent);color:#fff;font-size:13px;padding:9px 14px;min-height:36px;border-radius:5px}.app-shell .study-console{min-height:120px;max-height:none;background:#fff}.app-shell .study-console-tabs{border-color:var(--border);padding:0 14px}.app-shell .study-console-tabs button{font-size:12px;color:var(--muted);min-height:40px}.app-shell .study-console-tabs button.selected{color:var(--text);border-color:var(--accent)}.app-shell .study-real-output>span{font-size:12px;color:var(--muted)}.app-shell .study-real-output pre{font-size:14px;color:var(--text)}.app-shell .study-no-result{min-height:110px;color:var(--muted)}.app-shell .study-no-result p{font-size:13px;color:var(--muted)}.app-shell .study-test-list h3{font-size:15px}.app-shell .study-test-list small,.app-shell .study-test-list details{font-size:12px}.app-shell .study-test-list details{border-color:var(--border)}.app-shell .study-test-list pre{background:var(--raised);color:var(--text);font-size:13px}.app-shell .study-stdin span{color:var(--muted);font-size:12px}.app-shell .study-stdin textarea{border-color:var(--control);color:var(--text);font-size:14px}.app-shell .live-evidence{background:var(--raised);border-left:1px solid var(--border);padding:16px;color:var(--muted);font-size:13px}.app-shell .live-evidence>header{gap:7px;align-items:center;margin-bottom:20px}.app-shell .live-evidence header b{font-size:13px;font-weight:600;color:var(--text)}.app-shell .live-evidence header small{font-size:11px;color:var(--muted)}.app-shell .evidence-dot{background:var(--accent);width:5px;height:5px}.app-shell .evidence-empty{padding-top:12px}.app-shell .evidence-empty>span{color:var(--muted);font-size:11px;letter-spacing:0}.app-shell .evidence-empty h3{font-size:15px;font-weight:500;color:var(--text);margin:16px 0 10px}.app-shell .evidence-empty p{font-size:13px;line-height:1.8;color:var(--muted)}.app-shell .live-output small{font-size:12px;color:var(--muted)}.app-shell .live-output pre{font-size:22px;line-height:1.5;color:var(--accent);font-variant-numeric:tabular-nums}.app-shell .live-output>span{font-size:12px;color:var(--muted)}.app-shell .live-step{border-color:var(--border);margin-top:18px;padding-top:16px}.app-shell .live-step b{font-size:12px;font-weight:500;color:var(--text)}.app-shell .live-step small{font-size:11px;color:var(--muted)}.app-shell .live-values>div{background:#fff;border:1px solid var(--border);border-radius:5px;padding:9px 10px}.app-shell .live-values code{font-size:12px;color:var(--muted)}.app-shell .live-values pre{font-size:14px;color:var(--text)}.app-shell .live-values .focused{border-color:#97b7e8;box-shadow:none}.app-shell .live-evidence>details{font-size:12px;color:var(--muted)}.app-shell .live-evidence>details pre{font-size:12px;color:var(--text)}.app-shell .evidence-boundary{font-size:12px;line-height:1.8;color:var(--muted)}.app-shell .code-ai-annotation{background:var(--raised);border-color:var(--border);padding:12px 14px;color:var(--text)}.app-shell .code-ai-annotation>span{font-size:12px;color:var(--muted)}.app-shell .code-ai-annotation p{font-size:13px;color:var(--text);line-height:1.65}.app-shell .code-ai-annotation button{font-size:12px;color:var(--text)}.app-shell .task-observation-instruction{border:0;background:var(--raised);border-radius:6px;padding:13px 16px;color:var(--text)}.app-shell .task-observation-instruction b{font-size:12px;color:var(--muted)}.app-shell .task-observation-instruction p{font-size:14px;color:var(--text)}.app-shell .scene-motion-canvas{background:var(--raised);background-image:none;border-color:var(--border)}.app-shell .motion-source{background:#17191d;border-color:var(--border)}.app-shell .motion-source pre{color:#f0f2f5;background:#17191d;font-size:13px}.app-shell .scene-source-caption{background:#17191d;color:#bdc4ce;font-size:12px}.app-shell .visual-heading h2{font-size:20px;font-weight:600;color:var(--text)}.app-shell .visual-heading>span,.app-shell .visual-provenance{font-size:12px;color:var(--muted)}.app-shell .scene-controls button{font-size:13px;min-height:34px;background:var(--raised);color:var(--text)}.app-shell .scene-controls .play-button,.app-shell .scene-controls .scene-play{background:var(--primary);color:#fff}.app-shell .scene-parameters label,.app-shell .motion-timeline-caption,.app-shell .motion-timeline small{font-size:12px;color:var(--muted)}.app-shell .scene-parameters input{font-size:13px;border-color:var(--control)}.app-shell .study-next-action p{font-size:13px;color:var(--muted)}.app-shell .study-understanding{border-color:var(--border)}.app-shell .understanding-question{background:var(--raised);border:1px solid var(--border);border-radius:8px}.app-shell .understanding-question p,.app-shell .understanding-question fieldset label,.app-shell .question-heading b{font-size:14px;color:var(--text)}.app-shell .question-heading>span{font-size:12px}.app-shell .question-submit{background:var(--primary);color:#fff;border-radius:5px;font-size:13px;min-height:36px}.app-shell .question-feedback{font-size:13px;color:var(--muted);border-color:var(--border)}.app-shell .correct{color:var(--positive)}.app-shell .retry{color:#79531d}.app-shell .resource-drawer.drawer-open,.app-shell .chat-drawer.drawer-open{border-color:var(--border);background:#fff;border-radius:10px;box-shadow:0 15px 60px #171d2633}.app-shell .drawer-close{color:var(--muted);font-size:13px}.app-shell .study-eyebrow{font-size:12px;color:var(--muted);letter-spacing:0}.app-shell .resource-drawer h1{font-size:24px}.app-shell .study-subtitle,.app-shell .study-state-label{font-size:13px;color:var(--muted)}.app-shell .learning-goals h2,.app-shell .reading-sections summary{font-size:15px;color:var(--text)}.app-shell .learning-goals li,.app-shell .reading-sections p,.app-shell .study-task p{font-size:14px;color:var(--text)}.app-shell .learning-goals small,.app-shell .study-task small{font-size:12px;color:var(--muted)}.app-shell .study-task{background:var(--raised);border-color:var(--border)}.app-shell .study-task>span{font-size:13px;color:var(--text)}.app-shell .study-task pre{font-size:13px;color:var(--text);background:#fff}.app-shell .study-solution{background:var(--raised);color:var(--text)}.app-shell .study-solution p{font-size:14px;color:var(--text)}.app-shell .study-coach-title{border-color:var(--border)}.app-shell .study-coach-title span{color:var(--muted);font-size:12px;background:transparent}.app-shell .study-coach-context b{font-size:14px;color:var(--text)}.app-shell .study-coach-context p,.app-shell .study-coach-context label{font-size:13px;color:var(--muted)}.app-shell .study-coach-context select{border-color:var(--control);background:#fff}.app-shell .study-coach-compose{border-color:var(--border)}.app-shell .study-coach-compose textarea{font-size:14px;color:var(--text)}.app-shell .study-coach-compose form{border-color:var(--control);background:#fff}.app-shell .study-coach-compose small{font-size:12px;color:var(--muted)}.app-shell .study-message p,.app-shell .study-message .teaching-text{font-size:14px;color:var(--text)}.app-shell .study-message.assistant{background:var(--raised);border-color:var(--border)}.app-shell .study-quick-prompts button{font-size:12px;color:var(--muted);background:var(--raised);border-color:var(--border)}.app-shell .course-card{border:1px solid var(--border);border-radius:8px;box-shadow:none;padding:22px;background:#fff}.app-shell .course-card-top .language-mark{background:transparent;border-radius:0;color:var(--muted);font-size:28px;width:auto;height:34px}.app-shell .course-level,.app-shell .course-tagline{font-size:12px;color:var(--muted);background:transparent}.app-shell .course-card .course-tagline,.app-shell .lesson-order{color:var(--muted);font-size:12px}.app-shell .language-mark.small sup{font-size:11px}.app-shell .course-card h3{font-size:22px;font-weight:600;color:var(--text)}.app-shell .course-card h3 span{font-size:13px;color:var(--muted)}.app-shell .course-card p{font-size:14px;line-height:1.75;color:var(--muted)}.app-shell .course-meta{font-size:12px;color:var(--muted)}.app-shell .course-card-bottom{border-color:var(--border)}.app-shell .course-card-bottom>div>span{font-size:12px;color:var(--muted)}.app-shell .course-card-bottom>button{background:var(--raised);color:var(--text);border:1px solid var(--control);border-radius:5px;width:36px;height:36px}.app-shell .progress-track{background:#e9edf2}.app-shell .progress-track i{background:var(--accent)}.app-shell .course-catalog{padding:0;border:0;border-radius:0;box-shadow:none;margin-top:30px}.app-shell .catalog-count,.app-shell .catalog-study-state,.app-shell .lesson-duration,.app-shell .lesson-language{font-size:12px;color:var(--muted)}.app-shell .filter-tabs{background:var(--raised);border-radius:5px;padding:4px}.app-shell .filter-tabs button{font-size:13px;color:var(--muted);padding:8px 13px;border-radius:4px}.app-shell .filter-tabs button.selected{color:var(--text);box-shadow:none;border:1px solid var(--border);background:#fff}.app-shell .catalog-toolbar{border-color:var(--border);margin-bottom:0}.app-shell .catalog-search{border-color:var(--control);background:#fff;border-radius:5px}.app-shell .catalog-search input{font-size:13px}.app-shell .chapter-filter{font-size:13px;color:var(--muted);border-color:var(--rule)}.app-shell .chapter-filter select{font-size:13px;border-color:var(--control);border-radius:5px;color:var(--text)}.app-shell .lesson-row{border:0;border-bottom:1px solid var(--rule);border-radius:0;min-height:84px;padding:16px 10px;background:transparent;box-shadow:none}.app-shell .lesson-row:hover{background:var(--raised)}.app-shell .lesson-title b{font-size:15px;font-weight:500;color:var(--text)}.app-shell .lesson-title>span{font-size:12px;color:var(--muted)}.app-shell .lesson-number{font-size:12px;background:transparent;color:var(--muted);border-radius:0}.app-shell .language-mark.small{background:transparent;border-radius:0;color:var(--muted)}.app-shell .lesson-open{font-size:12px;color:var(--text)}.app-shell .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:8px;margin:24px 0}.app-shell .stats-grid .stat-card{border:0;border-right:1px solid var(--rule);border-radius:0;box-shadow:none;background:transparent;padding:20px}.app-shell .stats-grid .stat-card:last-child{border-right:0}.app-shell .stat-top{font-size:13px;color:var(--muted)}.app-shell .stat-icon{display:none}.app-shell .stat-value{font-size:28px;font-weight:500;color:var(--text);line-height:1.4;margin-top:12px}.app-shell .stat-value span{font-size:13px;color:var(--muted)}.app-shell .stat-card p{font-size:12px;color:var(--muted);margin-top:8px}.app-shell .mission-history{padding:22px;border-radius:8px;border-color:var(--border);margin:24px 0;box-shadow:none}.app-shell .mission-history-list>button{border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;padding:15px 0}.app-shell .mission-history-list b{font-size:14px;color:var(--text);font-weight:500}.app-shell .mission-history-list small{font-size:12px;color:var(--muted)}.app-shell .mission-history-list button>span:last-child{color:var(--text);font-size:12px}.app-shell .mission-history .section-heading p{font-size:13px;color:var(--muted)}.app-shell .flow-overview{box-shadow:none;border-color:var(--border);border-radius:8px;background:#fff}.app-shell .flow-overview h2{font-size:17px;color:var(--text)}.app-shell .flow-history-list button{background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;color:var(--text)}.app-shell .study-overview{border-color:var(--border);box-shadow:none}.app-shell .study-overview-stats b{font-size:24px;font-weight:500;color:var(--text)}.app-shell .study-overview-stats span,.app-shell .study-overview>p,.app-shell .review-links{font-size:12px;color:var(--muted)}.app-shell .activity-chart{background:transparent}.app-shell .progress-language small,.app-shell .progress-note,.app-shell .tiny-label,.app-shell .activity-column>b,.app-shell .activity-column>small,.app-shell .record-row small{font-size:12px;color:var(--muted)}.app-shell .record-row b,.app-shell .progress-language b{font-size:14px;color:var(--text)}.app-shell .result-pill{font-size:12px;background:#f8eee9;color:#8c3d24}.app-shell .result-pill.success{background:var(--raised);color:var(--muted)}.app-shell .record-icon,.app-shell .record-icon.passed{color:var(--muted);background:var(--raised);border-radius:5px}.app-shell .language-mark.cpp{color:#1456cc;background:#eef3fa}.app-shell .activity-column>span.has-activity{background:var(--accent)}.app-shell .activity-bar{background:var(--accent)}.app-shell .run-history{box-shadow:none;border-color:var(--border);border-radius:8px}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10151d66}.account-dialog,.help-modal,.search-modal,.attempt-detail,.mission-detail{box-shadow:0 18px 70px #11151e30;border-color:#dde2e8;border-radius:12px;color:#181c23;background:#fff}.account-heading{color:#1456cc}.account-dialog h2{font-size:24px;letter-spacing:0;color:#181c23}.account-dialog p,.account-dialog small,.account-dialog label{color:#545e6c;font-size:14px}.account-dialog input{border:1px solid #bac1ca;background:#fff;color:#181c23;border-radius:5px;min-height:42px;font-size:14px}.account-dialog input::placeholder{color:#626b77}.account-dialog .account-tabs{background:#f1f3f6;border-radius:6px}.account-dialog .account-tabs button{font-size:14px;min-height:38px;color:#545e6c;box-shadow:none}.account-dialog .account-tabs button.active{color:#181c23;background:#fff;box-shadow:none}.account-dialog form>button,.account-dialog .account-submit{background:#20242b!important;color:#fff;box-shadow:none;min-height:42px;border-radius:5px}.account-dialog .account-security{font-size:12px;color:#545e6c}.account-dialog .brand-lockup{background:#1456cc}.account-dialog .account-error{color:#a32630;background:#fff0ef}.mission-detail p,.mission-detail small{color:#545e6c}.mission-detail .task-reason,.mission-course-checks{background:#f6f7f9;border-color:#e5e8ec}.mission-detail b{color:#202733}.mission-detail .trail-version{color:#1456cc}.mission-detail .button.primary{background:#20242b;color:#fff;border-radius:5px}.mission-detail li:before{background:#1456cc;box-shadow:none}.mission-detail details{color:#545e6c}.app-shell .mobile-menu{display:none}.app-shell .task-mobile-navigation{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border)}.app-shell .task-mobile-navigation button{font-size:12px;color:var(--text);background:var(--raised);border-radius:5px;min-height:44px}@media(min-width:1700px){.app-shell .learning-grid{grid-template-columns:320px minmax(0,1fr);max-width:none}.app-shell .task-code-observe{height:440px}}@media(min-width:1101px)and (max-width:1300px){.app-shell .learning-grid{grid-template-columns:280px minmax(0,1fr)}.app-shell .task-stage{padding:16px}.app-shell .mission-workspace-header{align-items:flex-start;flex-direction:column;gap:10px}.app-shell .mission-header-stages{flex-direction:row;gap:18px}.app-shell .study-mode-tabs>span{display:none}.app-shell .task-code-observe{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:1100px){.app-shell .sidebar,.app-shell.is-workspace .sidebar{width:240px;transform:translate(-100%);visibility:hidden;background:var(--ground);padding:24px 16px;border:0;z-index:60}.app-shell .sidebar.open,.app-shell.is-workspace .sidebar.open{transform:none;visibility:visible}.app-shell .sidebar:not(.open),.app-shell.is-workspace .sidebar:not(.open){visibility:hidden}.app-shell .main-shell,.app-shell.is-workspace .main-shell{margin-left:0;height:auto}.app-shell .mobile-menu{display:inline-flex!important}.app-shell.is-workspace .brand>.brand-copy{display:flex}.app-shell.is-workspace .brand>.brand-mark{display:none}.app-shell.is-workspace .sidebar-label,.app-shell.is-workspace .sidebar-bottom,.app-shell.is-workspace .nav-item>span{display:block}.app-shell.is-workspace .nav-item{justify-content:flex-start;padding:10px 12px}.app-shell .topbar,.app-shell.is-workspace .topbar{height:52px;min-height:52px;padding:0 20px}.app-shell .page-content{margin:0 8px 8px;border-radius:12px;padding:24px;min-height:calc(100vh - 60px)}.app-shell .learning-workspace{margin:0 8px 8px}.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.app-shell .task-side-card{padding:18px}.app-shell .task-home-heading h1,.app-shell .task-home-title h2{font-size:24px}.app-shell .task-home-title p{font-size:15px}.app-shell .home-date{display:none}.app-shell .search-trigger{min-width:220px}.app-shell .learning-grid{grid-template-columns:268px minmax(0,1fr);gap:14px;padding:16px}.app-shell .task-stage{padding:16px}.app-shell .mission-workspace-header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.app-shell .mission-header-stages{gap:20px;flex-wrap:wrap}.app-shell .mission-header-stages>span{flex-direction:row}.app-shell .task-code-observe{grid-template-columns:minmax(0,1fr) 170px;min-height:300px;height:320px}.app-shell .task-code-observe .study-code-editor{height:100%}.app-shell .live-evidence{padding:13px;border-top:0;border-left:1px solid var(--border);max-height:none}.app-shell .live-evidence header{flex-wrap:wrap;margin-bottom:16px}.app-shell .live-evidence header small{margin-left:0}.app-shell .live-values{display:block}.app-shell .live-values>div{margin:7px 0}.app-shell .live-output pre{font-size:20px}.app-shell .live-step input{max-width:100%}.app-shell .study-mode-tabs{gap:16px;padding:0 13px}.app-shell .study-mode-tabs button{font-size:12px}.app-shell .study-mode-tabs>span{display:none}.app-shell .learning-grid.work-mode-visual,.app-shell .learning-grid.work-mode-replay{grid-template-columns:minmax(0,1fr)}.app-shell .work-mode-visual>.study-center,.app-shell .work-mode-replay>.study-center{grid-row:1;position:static;max-height:none}.app-shell .work-mode-visual>.task-stage,.app-shell .work-mode-replay>.task-stage{grid-row:2}.app-shell .work-mode-visual .study-center-body{padding:18px}.app-shell .learning-toolbar{padding:9px 16px;flex-wrap:wrap}.app-shell .learning-toolbar-end{gap:6px}.app-shell .learning-position{display:none}}@media(max-width:760px){.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr)}.app-shell .task-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:8px}.app-shell .task-side-card{grid-column:1/-1}.app-shell .task-home-heading{margin-bottom:24px}.app-shell .task-home-heading h1,.app-shell .task-home-title h2{font-size:23px}.app-shell .topbar-right{gap:12px}.app-shell .search-trigger{min-width:0;width:auto;background:transparent;border:0}.app-shell .search-trigger>span,.app-shell .search-trigger kbd{display:none}.app-shell .account-topbar-user>span:last-child{display:none}.app-shell .page-content{margin:0 6px 6px;padding:22px 18px;border-radius:10px;min-height:calc(100vh - 58px)}.app-shell .home-active-actions>.button{width:100%;min-height:44px}.app-shell .home-active-actions>.text-button{width:auto;min-height:36px}.app-shell .task-home-primary{padding:0}.app-shell .task-kicker{margin-bottom:16px}.app-shell .task-reason{padding:16px;margin:20px 0}.app-shell .task-reason p{font-size:14px}.app-shell .home-task-track b{font-size:12px}.app-shell .home-task-track{gap:10px;flex-wrap:wrap;grid-template-columns:1fr 1fr;row-gap:12px}.app-shell .task-home-evidence p{font-size:14px}.app-shell .goal-form legend,.app-shell .goal-form fieldset>label{font-size:14px}.app-shell .goal-languages>label{font-size:14px;min-height:44px;padding:8px}.app-shell .goal-form input:not([type=radio]),.app-shell .goal-form select{font-size:14px;min-height:44px}.app-shell .entry-diagnostic>div:first-child{padding:12px 14px;gap:10px}.app-shell .entry-diagnostic span{font-size:12px}.app-shell .entry-diagnostic pre{font-size:13px;padding:16px}.app-shell .goal-actions>.button{min-height:44px;width:100%}.app-shell .resource-entry{min-height:80px;padding:16px 0;align-items:start}.app-shell .resource-entry>svg{margin-top:2px}.app-shell .resource-entry>svg:last-child{display:none}.app-shell .resource-entry b{font-size:14px}.app-shell .resource-entry span{font-size:12px}.app-shell .mission-recent>.section-heading{gap:16px;align-items:center}.app-shell .mission-recent>.section-heading button{font-size:12px;max-width:9em;text-align:right}.app-shell .mission-recent small{font-size:12px}.app-shell .task-home .page-footer{font-size:12px;line-height:1.7;gap:18px;flex-wrap:wrap}.app-shell .learning-workspace{margin:0;border-radius:0;border-left:0;border-right:0}.app-shell .mission-workspace-header{padding:16px 18px}.app-shell .mission-workspace-header h1{font-size:21px}.app-shell .mission-workspace-header p{font-size:14px}.app-shell .mission-header-stages{gap:12px 18px}.app-shell .mission-header-stages>span{font-size:12px}.app-shell .learning-grid{display:flex;flex-direction:column;gap:16px;padding:16px 12px}.app-shell .task-stage{width:100%;padding:18px}.app-shell .task-stage h2{font-size:17px}.app-shell .task-stage p,.app-shell .stage-decision .teaching-text{font-size:14px}.app-shell .task-stage .button{min-height:44px;font-size:14px}.app-shell .task-stage textarea{min-height:76px;font-size:14px}.app-shell .task-stage select,.app-shell .task-stage input:not([type=radio],[type=checkbox]){min-height:44px}.app-shell .stage-text-action{min-height:44px;padding-top:12px;font-size:13px}.app-shell .stage-focus{min-height:44px;font-size:13px}.app-shell .stage-controls>label,.app-shell .stage-controls>button{font-size:12px;min-height:36px}.app-shell .task-code-observe{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.app-shell .task-code-observe .study-code-editor{height:280px}.app-shell .live-evidence{border-left:0;border-top:1px solid var(--border);padding:17px;max-height:none}.app-shell .live-evidence>header{flex-wrap:nowrap;margin-bottom:17px}.app-shell .live-evidence header b{font-size:14px}.app-shell .live-evidence header small{margin-left:auto;font-size:12px}.app-shell .evidence-empty{padding:0}.app-shell .evidence-empty h3{font-size:15px}.app-shell .evidence-empty p{font-size:14px}.app-shell .live-output pre{font-size:24px}.app-shell .live-values{display:flex;flex-wrap:wrap;gap:8px}.app-shell .live-values>div{margin:0;min-width:120px;flex:1}.app-shell .live-step small{font-size:12px}.app-shell .study-center{width:100%;min-height:0;max-height:none;position:static}.app-shell .study-code-editor .cm-scroller{font-size:14px}.app-shell .study-mode-tabs button{font-size:13px;min-height:44px}.app-shell .study-run-bar{padding:11px 14px}.app-shell .study-run-bar>span{font-size:11px;max-width:12em}.app-shell .study-run-bar>button{min-height:44px;font-size:14px}.app-shell .learning-toolbar{padding:10px 14px;gap:10px}.app-shell .learning-toolbar-end{width:100%;gap:5px;justify-content:space-between}.app-shell .workspace-tool{font-size:12px;min-height:36px;padding:5px 4px}.app-shell .learning-toolbar select{font-size:12px;min-height:36px}.app-shell .study-save{font-size:12px}.app-shell .task-mobile-navigation{display:flex;padding:8px 12px;gap:6px;position:sticky;top:0;z-index:25}.app-shell .task-mobile-navigation button{font-size:12px;min-height:44px;background:var(--raised);color:var(--text)}.app-shell #current-teaching-task,.app-shell #task-workbench{scroll-margin-top:70px}.app-shell .course-grid{grid-template-columns:1fr;gap:16px}.app-shell .course-card{padding:20px}.app-shell .stats-grid{grid-template-columns:1fr 1fr;border-radius:8px}.app-shell .stats-grid .stat-card{padding:18px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.app-shell .stats-grid .stat-card:nth-child(2n){border-right:0}.app-shell .stats-grid .stat-card:nth-child(n+3){border-bottom:0}.app-shell .stat-value{font-size:26px}.app-shell .catalog-toolbar{flex-direction:column;align-items:stretch}.app-shell .filter-tabs{display:flex;gap:2px}.app-shell .filter-tabs button{font-size:12px;padding:9px 10px;min-height:40px}.app-shell .catalog-search{width:100%;min-height:40px}.app-shell .lesson-row{padding:16px 0}.app-shell .lesson-title b{font-size:14px}.app-shell .lesson-title>span,.app-shell .catalog-study-state{font-size:12px}.app-shell .lesson-duration{font-size:12px}.app-shell .mission-history{padding:18px}.app-shell .mission-history-list b{font-size:14px}.app-shell .mission-history-list small{font-size:12px}.app-shell .task-retest form>label{font-size:14px;min-height:44px}.app-shell .task-retest>pre{font-size:13px}.app-shell .resource-drawer.drawer-open,.app-shell .chat-drawer.drawer-open{top:10px;right:10px;bottom:10px;max-width:calc(100vw - 20px)}.account-dialog{width:min(440px,calc(100vw - 24px));padding:24px}.account-dialog label,.account-dialog input,.account-dialog p{font-size:14px}.account-dialog form>button{min-height:44px}}@media(prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.account-dialog button:disabled{opacity:1!important;background-color:#e3e7ed!important;color:#525d6b!important}@media(max-width:760px){.app-shell .icon-button,.app-shell .account-topbar-user,.app-shell .search-trigger,.app-shell .mobile-menu{min-width:44px;min-height:44px}}:root{--ground: #f4f7fc;--surface: #fff;--raised: #f1f6fe;--active: #e9f1ff;--border: #dfe8f4;--rule: #edf2f9;--control: #c6d5e9;--text: #193553;--muted: #53667f;--faint: #536c8b;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-soft: #ebf2ff;--primary: #2563eb;--radius-card: 13px;--radius-control: 8px;--pad: 30px;--ease-out: cubic-bezier(.16, 1, .3, 1)}body,.app-shell{background:var(--ground)}.app-shell{color:var(--text)}.app-shell .sidebar{width:232px;background:#fff;border-right:1px solid var(--border);padding:25px 18px 0}.app-shell .main-shell{margin-left:232px;background:var(--ground)}.app-shell .brand{margin-bottom:32px;padding-left:6px}.app-shell .brand-lockup{width:176px;height:32px}.app-shell .brand-copy strong{padding-left:50px;color:#56697e}.app-shell .sidebar-label{color:#5b6a7a;font-size:11px;padding-left:14px}.app-shell .nav-item{min-height:45px;padding:12px 14px;border-radius:9px;margin:6px 0;color:#576a81;gap:12px;transition:background .18s,color .18s}.app-shell .nav-item.active{background:#eaf1ff;color:#205bc8;font-weight:600}.app-shell .nav-item:hover{background:#f0f5fd;color:#2b61be}.app-shell .nav-item.active:hover{background:#e3edff}.app-shell .nav-item svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}.app-shell .nav-item:hover svg{transform:translate(2px)}.app-shell .sidebar-course{margin-top:26px;padding:18px 12px 0}.app-shell .sidebar-course>button{background:#f7f9fd;border-radius:9px;padding:13px 10px;margin-top:10px;min-height:64px}.app-shell .sidebar-course>button:hover{background:#edf3ff}.app-shell .growth-card{background:#f0f6ff!important;border:0!important;border-radius:11px;padding:17px!important;margin:16px 0}.app-shell .growth-card b{color:#315d9f}.app-shell .growth-card p{color:#516985}.app-shell .growth-card button{color:var(--accent)}.app-shell .profile{padding-block:18px}.app-shell .avatar{background:#e7efff;color:#3565b6}.app-shell .topbar{height:64px;min-height:64px;background:#fff;border-bottom:1px solid var(--border);padding:0 30px}.app-shell .breadcrumb b{color:#31516f}.app-shell .search-trigger{border:1px solid #e2eaf5;background:#f6f8fc;border-radius:8px;min-width:260px;height:36px;color:#586a7c;transition:border-color .18s,background .18s}.app-shell .search-trigger:hover{background:#eef4ff;border-color:#b9cef4}.app-shell .icon-button{width:36px;height:36px;border-radius:8px}.app-shell .icon-button:hover{color:var(--accent);background:var(--accent-soft)}.app-shell .page-content{background:transparent;border:0;border-radius:0;margin:0 auto;padding:30px;min-height:calc(100vh - 64px);width:100%;max-width:1600px}.app-shell .page-content>h1,.app-shell .task-home-heading h1{font-size:27px;font-weight:650;letter-spacing:-.025em;line-height:1.4}.app-shell .page-description,.app-shell .task-home-heading p{font-size:14px;line-height:1.8;color:#57697a;margin-top:7px}.app-shell .task-home-heading{margin-bottom:25px}.app-shell .home-date{color:#5a697a}.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.app-shell .task-home-primary{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;min-width:0}.app-shell .task-kicker{font-size:12px;color:#426898;gap:8px;margin-bottom:20px}.app-shell .task-kicker>.brand-mark{display:block;width:19px;height:19px;background:var(--accent)}.app-shell .task-status{background:#edf3ff;color:#4168a8;border-radius:5px;padding:3px 8px}.app-shell .task-home-title>small{color:#576a7d}.app-shell .task-home-title h2{font-size:27px;color:#173b65;line-height:1.45;margin:10px 0 12px}.app-shell .task-home-title>p{font-size:15px;line-height:1.85;color:#536985;margin-bottom:22px}.app-shell .home-active-actions{gap:10px 15px;margin-bottom:24px}.app-shell .task-reason{padding:19px 20px;border:0;background:#f0f6ff;border-radius:10px;gap:13px}.app-shell .task-reason>svg{color:#44689d;flex-shrink:0}.app-shell .task-reason b{font-size:13px;color:#305b98}.app-shell .task-reason p{font-size:13px;color:#516985;line-height:1.9;margin-top:8px}.app-shell .home-prerequisites{font-size:12px;color:#546a7e;padding-block:15px}.app-shell .home-prerequisites summary{cursor:pointer;min-height:28px;align-content:center}.app-shell .home-task-track{gap:0;padding:16px 0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--rule)}.app-shell .home-task-track>div{display:flex;gap:8px;align-items:center;color:#5d6877;flex-wrap:wrap}.app-shell .home-task-track>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f3f8;font-size:11px;color:#5d697a}.app-shell .home-task-track b{font-size:12px;font-weight:500}.app-shell .home-task-track .reached{color:#3365ba}.app-shell .home-task-track .reached>span{background:#e5eeff;color:#2a62ca}.app-shell .task-home-evidence{border:0;padding-top:18px;margin-top:0}.app-shell .task-home-evidence>span{color:#556a82}.app-shell .task-home-evidence p{color:#425f84;font-size:14px;line-height:1.85;margin-top:8px}.app-shell .task-home-aside{display:flex;flex-direction:column;gap:12px}.app-shell .task-side-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:22px;width:100%}.app-shell .task-side-card h2{font-size:15px;color:#325a8d}.app-shell .task-side-card h3{font-size:13px;color:#4c6a90;margin-top:20px}.app-shell .task-side-card p{font-size:13px;color:#536a82;line-height:1.9}.app-shell .task-side-card dt{color:#56697d;font-size:12px;margin-top:16px}.app-shell .task-side-card dd{color:#446283;margin-top:6px}.app-shell .task-side-card .current-evidence{font-size:22px;color:var(--accent)}.app-shell .resource-entry{background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px;gap:12px;width:100%;min-width:0;transition:background .18s,border-color .18s,transform .18s}.app-shell .resource-entry:hover{background:#f5f8ff;border-color:#b4cdf7;transform:translateY(-2px)}.app-shell .resource-entry>svg{width:19px;height:19px;color:#4a6a91;flex-shrink:0}.app-shell .resource-entry>svg:last-child{width:15px;color:#59687c;transition:transform .18s}.app-shell .resource-entry:hover>svg:last-child{transform:translate(3px)}.app-shell .resource-entry b{font-size:13px;color:#385f91}.app-shell .resource-entry span{font-size:11px;color:#526a80;line-height:1.7}.app-shell .task-home-primary>h2{font-size:23px;color:#244c7b}.app-shell .task-intro{font-size:14px;color:#526a80;margin:10px 0 22px}.app-shell .goal-form fieldset{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:17px;min-width:0}.app-shell .goal-form legend{font-size:13px;margin-bottom:9px;color:#4b6382}.app-shell .goal-languages{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app-shell .goal-languages>label{display:flex;align-items:center;justify-content:center;gap:8px;background:#f8fafe;border:1px solid #dbe5f3;border-radius:8px;min-height:42px;color:#546a80;transition:background .2s,border-color .2s,color .2s}.app-shell .goal-languages>label:hover{border-color:#9dbef6;background:#f1f6ff}.app-shell .goal-languages>.selected{background:#edf3ff;border-color:#8db1f6;color:#2e61bb}.app-shell .goal-form fieldset>label{font-size:13px;color:#496584;min-width:0}.app-shell .goal-form fieldset>label>input,.app-shell .goal-form fieldset>label>select{margin-top:9px}.app-shell .goal-form fieldset>label:first-of-type{grid-column:1}.app-shell .goal-form fieldset>label:last-of-type{grid-column:2}.app-shell .entry-diagnostic{grid-column:1/-1;border-radius:10px;border-color:#e2eaf6;margin-top:2px}.app-shell .entry-diagnostic>div:first-child{background:#f2f6fd;padding:12px 17px}.app-shell .entry-diagnostic pre{background:#14283f;padding:17px 20px;line-height:1.75;font-size:13px}.app-shell .entry-diagnostic label{padding:8px;border-radius:6px;transition:background .15s}.app-shell .entry-diagnostic label:has(input:checked){color:#2563ce;background:#eaf1ff}.app-shell .mission-recent{margin-top:25px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:22px 26px}.app-shell .mission-recent>div:last-child>button{padding:15px 8px;border-radius:7px}.app-shell .mission-recent>div:last-child>button:hover{background:#f6f9ff}.app-shell .recent-status{color:#496a97}.app-shell .page-footer{border:0;font-size:11px;color:#596a7e;margin-top:20px}.app-shell .button,.app-shell .question-submit,.app-shell .study-run-bar>button{border-radius:8px;min-height:42px;padding:10px 17px;font-size:13px;transition:background .18s,color .18s,border-color .18s,transform .16s var(--ease-out)}.app-shell .button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.app-shell .button.primary:hover,.app-shell .question-submit:hover,.app-shell .study-run-bar>button:hover{background:#1d4ed8;border-color:#1d4ed8}.app-shell .button.secondary{background:#f5f8fe;border-color:#dbe6f6;color:#3d659e}.app-shell .button.secondary:hover{background:#eaf2ff;border-color:#a9c6f5}.app-shell .button.primary:disabled,.app-shell .question-submit:disabled,.app-shell .study-run-bar>button:disabled{background:#e5edf9;border-color:#e5edf9;color:#647d9e;transform:none}.app-shell .text-button{color:#526a84}.app-shell .text-button:hover{color:var(--accent)}.app-shell .button:active:not(:disabled),.app-shell .question-submit:active:not(:disabled),.app-shell .study-run-bar>button:active:not(:disabled){transform:scale(.98)}.app-shell input:not([type=radio],[type=checkbox],[type=range]),.app-shell textarea,.app-shell select{border-color:#ccdbee;border-radius:7px;transition:border-color .18s,background .18s;outline-offset:2px;background:#fff}.app-shell input:not([type=radio],[type=checkbox],[type=range]):focus,.app-shell textarea:focus,.app-shell select:focus{border-color:#70a0f1;background:#fbfdff;outline:2px solid #d8e6ff;outline-offset:0}.app-shell .ai-connection{color:#4e6a84}.app-shell .ai-connection summary:hover{color:var(--accent)}.app-shell .ai-connection form{background:#f2f7ff;border:1px solid #e0ebfb;border-radius:9px;padding:16px}.app-shell .ai-connection form>button{background:var(--accent);border-radius:7px}.app-shell.is-workspace .sidebar{width:64px;background:#fff;border-right:1px solid var(--border);padding:20px 9px}.app-shell.is-workspace .main-shell{margin-left:64px;background:#f4f7fc}.app-shell.is-workspace .nav-item{min-height:44px;border-radius:9px;margin-block:9px}.app-shell.is-workspace .topbar{height:54px;min-height:54px;background:#fff;padding-inline:24px}.app-shell .learning-workspace{margin:0;border:0;border-radius:0;background:#f4f7fc;overflow:visible}.app-shell .learning-toolbar{background:#fff;min-height:51px;padding:9px 24px;border-bottom:1px solid #e8eef8}.app-shell .learning-lesson-menu>button{color:#2c527f}.app-shell .workspace-back span{color:#506a81}.app-shell .workspace-tool{background:#f6f9fe;border-radius:6px;padding:6px 10px;min-height:32px;color:#4f6985}.app-shell .workspace-tool:hover,.app-shell .workspace-tool[aria-expanded=true]{color:#2d63bd;background:#e8f1ff}.app-shell .learning-toolbar select{background:#f8faff;color:#4a6a92;border-color:#dbe6f4}.app-shell .study-save{color:#4e6a84}.app-shell .mission-workspace-header{background:transparent;border:0;padding:20px 24px 18px;gap:22px}.app-shell .mission-workspace-header small{font-size:11px;color:#4d6a89}.app-shell .mission-workspace-header h1{font-size:23px;color:#234d7e;font-weight:650;margin:4px 0 7px}.app-shell .mission-workspace-header p{font-size:14px;line-height:1.7;color:#516a84}.app-shell .mission-header-stages{gap:10px}.app-shell .mission-header-stages>span{color:#58697b;font-size:11px;padding:6px 9px;border-radius:6px;gap:6px;background:#edf2f9}.app-shell .mission-header-stages>span.active{color:#2e63bd;background:#e5eeff;font-weight:500}.app-shell .mission-header-stages i{display:grid;place-items:center;border:0;background:none;width:15px;height:15px;font-style:normal;font-size:11px}.app-shell .learning-grid{background:transparent;padding:0 24px 24px;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}.app-shell .task-stage{border:1px solid var(--border);border-radius:13px;padding:20px;background:#fff}.app-shell .task-stage>header{border-color:#edf2fb;padding-bottom:15px;margin-bottom:18px;gap:12px}.app-shell .task-stage header small{font-size:11px;color:#546980}.app-shell .task-stage h2{font-size:17px;color:#345f98;animation:state-arrive .2s var(--ease-out)}.app-shell .stage-source{color:#4369a3;background:#edf4ff;padding:3px 7px;border-radius:5px;font-size:11px}.app-shell .task-stage h3{font-size:15px;color:#2d527e;line-height:1.65}.app-shell .task-stage p{color:#516b85;font-size:13px;line-height:1.9}.app-shell .task-stage .button{min-height:38px;font-size:12px;border-radius:7px}.app-shell .task-predict-form textarea{border-color:#cbdcf3;min-height:76px}.app-shell .task-predict-form>p{font-size:13px;line-height:1.9}.app-shell .task-comparison{background:#edf4ff;border-radius:9px;padding:15px 16px;margin:18px 0}.app-shell .task-comparison.has-difference{background:#fff7ed}.app-shell .task-comparison h3{font-size:13px}.app-shell .task-comparison pre{font-size:17px;color:#2c63c4}.app-shell .task-comparison span{font-size:12px;color:#516a81}.app-shell .task-comparison.has-difference pre{color:#8c5d20}.app-shell .stage-analyzing{background:#edf4ff;border-radius:8px;color:#3c68ac;animation:state-arrive .2s}.app-shell .stage-decision h3{color:#2c5b99}.app-shell .stage-decision .teaching-text{font-size:13px;color:#4d698a;line-height:1.95}.app-shell .stage-focus{background:#edf4ff;border:1px solid #d6e6ff;border-radius:7px;color:#3767ad;min-height:40px;font-size:12px;transition:background .2s,border-color .2s,transform .18s}.app-shell .stage-focus:hover{background:#dfeeff;border-color:#a5c5fa;transform:translate(2px)}.app-shell .stage-controls>button{color:#446a9c;padding:8px 10px;background:#f2f6fd;border-radius:6px}.app-shell .task-retest>pre,.app-shell .course-review-example>pre{background:#14283f;border-radius:8px}.app-shell .task-retest form>label{border-color:#dce6f4;border-radius:8px;transition:background .18s,border-color .18s}.app-shell .task-retest form>label:has(input:checked){background:#edf4ff;border-color:#89aff5}.app-shell .task-retest-result{background:#eef6ff;border:0;border-radius:8px}.app-shell .task-complete{background:#edf8f3;border-radius:9px}.app-shell .adopt-task{background:#f2f7ff;border-color:#deebfc;border-radius:8px}.app-shell .study-center{border:1px solid #d5e2f3;border-radius:13px;overflow:hidden}.app-shell .study-mode-tabs{background:#fff;padding-inline:18px;min-height:46px;gap:25px;border-color:#e5edf8}.app-shell .study-mode-tabs button{font-size:12px;transition:color .18s,border-color .18s}.app-shell .study-mode-tabs button.selected{color:#2a63c4;border-color:#4a82ec}.app-shell .study-mode-tabs>span{color:#536a84}.app-shell .study-editor-caption,.app-shell .study-run-bar{background:#14283f;color:#9fb6ce}.app-shell .study-editor-caption{padding:10px 16px;font-size:11px}.app-shell .task-code-observe{background:#14283f;height:clamp(290px,38vh,380px);min-height:290px;grid-template-columns:minmax(0,1fr) 250px}.app-shell .study-code-editor{background:#14283f}.app-shell .study-code-editor .cm-editor,.app-shell .study-code-editor .cm-gutters{background:#14283f!important;color:#dce9f8!important}.app-shell .study-code-editor .cm-gutters{color:#8aa6c5!important}.app-shell .study-code-editor .cm-activeLine,.app-shell .study-code-editor .cm-activeLineGutter{background:#1c3855!important}.app-shell .study-code-editor .cm-ai-focus{background:#214b7b!important;border-left:3px solid #8ab8ff;animation:code-focus .35s ease-out}.app-shell .study-code-editor .cm-scroller{font-size:14px;line-height:1.9}.app-shell .study-run-bar{padding:11px 15px}.app-shell .study-run-bar>span{color:#a4bbd5;font-size:11px}.app-shell .study-run-bar>button{min-height:36px;border-radius:7px;padding:8px 15px;font-size:12px;background:#3678ef}.app-shell .live-evidence{background:#f7faff;border-left:1px solid #dce8f7;padding:17px;color:#46668e}.app-shell .live-evidence>header{gap:7px;margin-bottom:20px}.app-shell .live-evidence header b{font-size:12px;color:#3f669a}.app-shell .live-evidence header small{font-size:11px;color:#526a81}.app-shell .evidence-dot{background:#5b8deb}.app-shell .evidence-empty{padding-top:18px}.app-shell .evidence-empty h3{font-size:15px;color:#496b90}.app-shell .evidence-empty p{font-size:12px;line-height:1.9;color:#536b83}.app-shell .live-output small{font-size:11px;color:#526a81}.app-shell .live-output pre{font-size:21px;color:#2963ca;margin-block:10px}.app-shell .live-output>span{font-size:11px;color:#4f6a83}.app-shell .live-step{border-color:#e0eafa;padding-top:15px;margin-top:19px}.app-shell .live-step b{font-size:12px;color:#476994}.app-shell .live-step small{font-size:11px;color:#546980}.app-shell .live-values>div{border:1px solid #e0e9f5;border-radius:7px;padding:10px 11px;background:#fff;transition:background .2s,border-color .2s}.app-shell .live-values .focused{background:#eaf3ff;border-color:#8eb4f5}.app-shell .live-values code{color:#4e6a85;font-size:11px}.app-shell .live-values pre{color:#345e92;font-size:13px;animation:value-settle .18s ease-out}.app-shell .study-console{border-color:#e2eaf6}.app-shell .study-console-tabs{padding-inline:17px;gap:20px}.app-shell .study-console-tabs button{font-size:12px;color:#506a83;min-height:40px}.app-shell .study-console-tabs button.selected{color:#2b63be;border-color:#5c8eea}.app-shell .study-no-result p{font-size:12px;color:#536a82}.app-shell .study-focus-callout{background:#eaf3ff;border:0;color:#476992;font-size:12px}.app-shell .understanding-question{border-color:#dbe7f7;border-radius:10px;background:#f7faff}.app-shell .understanding-question fieldset label{border-radius:7px;transition:background .18s,border-color .18s}.app-shell .understanding-question fieldset label.selected{background:#e7f0ff;border-color:#95b6f1}.app-shell .question-feedback{border-radius:8px;animation:state-arrive .22s ease-out}.app-shell .course-grid{gap:22px;margin-top:24px}.app-shell .course-card{padding:25px;border-radius:13px;border:1px solid var(--border);background:#fff;transition:border-color .2s,transform .2s var(--ease-out)}.app-shell .course-card:hover{border-color:#a9c8fa;transform:translateY(-3px)}.app-shell .course-card h3{font-size:23px;color:#244f83;margin:13px 0 8px}.app-shell .course-card h3 span{color:#516a82;font-size:12px}.app-shell .course-card-top .language-mark{color:#3f68a1;font-size:30px}.app-shell .course-card p{font-size:14px;color:#536a82;line-height:1.85}.app-shell .course-card .course-tagline{font-size:11px;color:#4c6a87}.app-shell .course-level{border:0;color:#4c698d;background:#eef4ff;padding:3px 8px;border-radius:5px;font-size:11px}.app-shell .course-meta{font-size:11px;color:#4f6a81}.app-shell .course-card-bottom{border-color:#edf2fa}.app-shell .course-card-bottom>div>span{font-size:11px;color:#4d6a86}.app-shell .course-card-bottom>button{border:0;border-radius:8px;color:#3566b3;background:#e9f1ff;transition:transform .2s,background .2s}.app-shell .course-card-bottom>button:hover{background:#dbeaff;transform:translate(2px,-2px)}.app-shell .progress-track{background:#e8f0fc;border-radius:4px}.app-shell .progress-track i{background:#6697ed;border-radius:4px;transition:width .35s ease-out}.app-shell .course-catalog{background:#fff;border:1px solid var(--border);border-radius:13px;padding:24px;margin-top:25px}.app-shell .filter-tabs{background:#f0f5fd;border-radius:8px;padding:4px}.app-shell .filter-tabs button{padding:9px 15px;border-radius:6px;font-size:12px;transition:background .2s,color .2s}.app-shell .filter-tabs button.selected{background:#fff;border:0;color:#3265be}.app-shell .catalog-search{border-color:#dce7f6;border-radius:8px;background:#fbfcff;min-height:38px}.app-shell .catalog-search input{background:transparent;border:0}.app-shell .lesson-row{padding:19px 11px;border-color:#edf2fa;border-radius:7px}.app-shell .lesson-row:hover{background:#f4f8ff}.app-shell .lesson-title b{color:#355c8b;font-size:14px}.app-shell .lesson-order{color:#4e6a8a}.app-shell .lesson-title small,.app-shell .catalog-study-state{color:#4e6a81;font-size:11px}.app-shell .lesson-language,.app-shell .lesson-duration{color:#4e6a87;font-size:11px}.app-shell .lesson-open{color:#3f69a8;font-size:11px}.app-shell .mission-history,.app-shell .flow-overview,.app-shell .progress-paths,.app-shell .activity-panel,.app-shell .recent-records,.app-shell .study-overview{border:1px solid var(--border);border-radius:13px;background:#fff;padding:24px}.app-shell .section-heading h2,.app-shell .flow-overview h2{color:#365e91;font-size:17px;font-weight:600}.app-shell .section-heading p,.app-shell .flow-overview>p{color:#506a82;font-size:13px}.app-shell .mission-history-list>button,.app-shell .flow-overview>button{border-radius:8px;padding:16px 10px;border-color:#edf2fa;transition:background .18s}.app-shell .mission-history-list>button:hover,.app-shell .flow-overview>button:hover{background:#f1f6ff}.app-shell .mission-history-list b{color:#426895}.app-shell .mission-history-list small{color:#4e6a86;font-size:11px}.app-shell .stats-grid{border:1px solid var(--border);border-radius:13px;background:#fff;overflow:hidden;margin-block:24px}.app-shell .stats-grid .stat-card{padding:22px 24px;border-color:#eaf0fa}.app-shell .stat-top{font-size:12px;color:#506a84}.app-shell .stat-value{font-size:29px;color:#2e62b0}.app-shell .stat-value span{color:#546a82;font-size:12px}.app-shell .stat-card>p{color:#516983;font-size:11px}.app-shell .progress-language{border-radius:7px;padding-inline:10px}.app-shell .progress-language:hover{background:#f3f7ff}.app-shell .activity-column>span{background:#e8f0fc;border-radius:5px}.app-shell .activity-column>span.has-activity{background:#7ca5ed}.app-shell .record-row{padding:16px 10px;border-radius:7px}.app-shell .record-row:hover{background:#f5f8ff}.app-shell .record-icon{color:#8b5e3a;background:#fff3e7}.app-shell .record-icon.passed{color:#4368a2;background:#eaf2ff}.app-shell .result-pill{color:#8c5c36;background:#fff5e9;border-radius:5px;font-size:11px}.app-shell .result-pill.success{color:#466a99;background:#edf4ff}.app-shell .record-row b{color:#436a99}.app-shell .record-row small{font-size:11px;color:#4e6a86}.modal-overlay{background:#183b625c;-webkit-backdrop-filter:none;backdrop-filter:none}.account-dialog,.help-modal,.search-modal,.attempt-detail,.mission-detail{border:1px solid #dae5f5;border-radius:16px;box-shadow:0 20px 70px #17396122;animation:window-open .2s var(--ease-out)}.account-dialog{padding:32px;width:min(450px,calc(100vw - 32px));color:#2d527d}.account-dialog h2{font-size:25px;font-weight:650;color:#254d7b;margin-block:14px 8px}.account-dialog p,.account-dialog label{color:#506b86;line-height:1.8}.account-heading{color:var(--accent)}.account-dialog .brand-lockup{background:var(--accent)}.account-dialog .account-tabs,.account-dialog .account-section-tabs{background:#edf3fe;border-radius:8px;padding:4px}.account-dialog .account-tabs button{color:#4e6b8b;border-radius:6px;font-size:13px}.account-dialog .account-tabs button.active{color:#3165bc;background:#fff}.account-dialog input{border-color:#cedff4;border-radius:8px;min-height:44px;color:#2c527e;transition:border-color .18s,background .18s}.account-dialog input:focus{border-color:#7ca8ef;outline:2px solid #e0ebff;background:#fcfdff}.account-dialog form>button,.account-dialog .account-submit{background:#2563eb!important;border-radius:8px;min-height:44px;transition:background .2s,transform .16s}.account-dialog form>button:hover,.account-dialog .account-submit:hover{background:#1d4ed8!important}.account-dialog .account-footnote{font-size:11px;color:#4c6a86}.account-dialog .account-error{background:#fff3ec;border-radius:8px;color:#935937}.modal-close{background:#f1f6fe;color:#4f6986;border-radius:8px}.modal-close:hover{color:#2a62c1;background:#e5efff}.notification-popover,.lesson-menu,.resource-drawer,.chat-drawer{border-color:#dce7f6;border-radius:11px;animation:window-open .18s var(--ease-out)}.app-shell .toast{background:#204b7e;color:#66686a;border:0;border-radius:9px;animation:state-arrive .2s ease-out}.mission-detail,.attempt-detail{color:#315a8c}.mission-detail .trail-version{color:#4a698f}.mission-detail .task-reason{background:#f0f6ff}@keyframes window-open{0%{opacity:.5;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes state-arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes code-focus{0%{background:#38669b}to{background:#214b7b}}@keyframes value-settle{0%{transform:translateY(2px)}to{transform:translateY(0)}}@media(min-width:1600px){.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 310px}.app-shell .learning-grid{grid-template-columns:310px minmax(0,1fr)}.app-shell .task-code-observe{height:400px;grid-template-columns:minmax(0,1fr) 290px}}@media(min-width:1101px)and (max-width:1300px){.app-shell .page-content{padding:25px}.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.app-shell .task-home-primary{padding:24px}.app-shell .task-home-title h2{font-size:25px}.app-shell .learning-grid{grid-template-columns:270px minmax(0,1fr);padding-inline:20px;gap:15px}.app-shell .task-stage{padding:17px}.app-shell .mission-workspace-header{flex-direction:row;align-items:center;padding-inline:20px;gap:18px}.app-shell .mission-header-stages{gap:5px}.app-shell .mission-header-stages>span{font-size:11px;padding:5px}.app-shell .mission-header-stages i{display:none}.app-shell .task-code-observe{grid-template-columns:minmax(0,1fr) 205px}.app-shell .goal-form fieldset{grid-template-columns:minmax(0,1fr) 185px}}@media(max-width:1100px){.app-shell .sidebar,.app-shell.is-workspace .sidebar{width:240px;background:#fff;padding:24px 18px;border-right:1px solid var(--border);transition:transform .22s var(--ease-out),visibility .22s}.app-shell .main-shell,.app-shell.is-workspace .main-shell{margin-left:0}.app-shell .topbar,.app-shell.is-workspace .topbar{height:56px;min-height:56px;padding-inline:22px}.app-shell .page-content{margin:0;border:0;border-radius:0;padding:25px 22px;min-height:calc(100vh - 56px)}.app-shell .task-home-columns{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.app-shell .task-home-primary{padding:23px}.app-shell .task-side-card{padding:19px}.app-shell .task-home-title h2{font-size:24px}.app-shell .goal-form fieldset{grid-template-columns:1fr}.app-shell .goal-form fieldset>label:first-of-type,.app-shell .goal-form fieldset>label:last-of-type{grid-column:1}.app-shell .resource-entry{padding:16px 13px}.app-shell .learning-workspace{margin:0;border-radius:0}.app-shell .learning-toolbar{padding-inline:21px}.app-shell .mission-workspace-header{padding:19px 21px 17px;gap:12px;flex-direction:column;align-items:start}.app-shell .mission-header-stages{gap:8px}.app-shell .learning-grid{padding:0 20px 22px;grid-template-columns:245px minmax(0,1fr);gap:15px}.app-shell .task-stage{padding:17px}.app-shell .task-code-observe{grid-template-columns:minmax(0,1fr) 175px;height:300px;min-height:300px}.app-shell .live-evidence{padding:13px}.app-shell .study-mode-tabs{padding-inline:13px;gap:16px}.app-shell .study-mode-tabs button{font-size:11px}.app-shell .course-catalog,.app-shell .course-card{padding:20px}.app-shell .course-grid{gap:16px}.app-shell .mission-history,.app-shell .flow-overview{padding:21px}}@media(max-width:760px){.app-shell .page-content{padding:23px 16px}.app-shell .task-home-heading h1,.app-shell .page-content>h1{font-size:25px}.app-shell .task-home-heading p,.app-shell .page-description{font-size:13px}.app-shell .task-home-columns{grid-template-columns:1fr;gap:16px}.app-shell .task-home-primary{padding:22px 19px;border-radius:12px}.app-shell .task-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-shell .task-side-card{grid-column:1/-1;padding:20px}.app-shell .task-home-title h2{font-size:24px}.app-shell .task-home-title>p{font-size:14px}.app-shell .home-active-actions .button{width:100%;min-height:44px}.app-shell .home-active-actions .text-button{min-height:40px}.app-shell .task-reason{padding:17px;gap:10px}.app-shell .home-task-track{grid-template-columns:1fr 1fr;gap:14px;padding-block:12px 20px}.app-shell .resource-entry{display:flex;gap:9px;padding:14px 12px;min-width:0}.app-shell .resource-entry>svg:first-child{width:17px}.app-shell .resource-entry>svg:last-child{display:none}.app-shell .resource-entry b{font-size:12px}.app-shell .resource-entry span{font-size:11px}.app-shell .goal-languages>label{min-height:44px;font-size:13px;gap:6px;padding:9px 5px}.app-shell .goal-form input:not([type=radio]),.app-shell .goal-form select{min-height:44px}.app-shell .goal-actions>.primary{width:100%;min-height:44px}.app-shell .mission-recent{padding:20px 17px;margin-top:18px}.app-shell .mission-recent .section-heading h2{font-size:16px}.app-shell .learning-toolbar{min-height:91px;padding:10px 16px;row-gap:8px}.app-shell .learning-toolbar-end{gap:7px;justify-content:space-between;width:100%}.app-shell .workspace-tool{font-size:11px;min-height:34px;padding:6px 7px}.app-shell .learning-toolbar select{font-size:11px;min-height:34px}.app-shell .mission-workspace-header{padding:18px 17px 16px}.app-shell .mission-workspace-header h1{font-size:23px}.app-shell .mission-workspace-header p{font-size:13px}.app-shell .mission-header-stages{gap:5px;justify-content:space-between;width:100%}.app-shell .mission-header-stages>span{font-size:11px;padding:5px 7px}.app-shell .mission-header-stages i{display:none}.app-shell .task-mobile-navigation{background:#f4f7fc;border:0;padding:8px 16px;gap:7px}.app-shell .task-mobile-navigation button{background:#edf4ff;color:#466a9a;font-size:11px;min-height:44px}.app-shell .learning-grid{padding:5px 16px 22px;grid-template-columns:1fr;gap:16px}.app-shell .task-stage{padding:20px;border-radius:12px}.app-shell .task-stage p,.app-shell .stage-decision .teaching-text{font-size:14px;line-height:1.9}.app-shell .task-stage .button{min-height:44px;font-size:13px}.app-shell .task-stage input:not([type=radio],[type=checkbox]),.app-shell .task-stage select{min-height:44px}.app-shell .stage-focus{min-height:44px;font-size:13px}.app-shell .study-center{border-radius:12px}.app-shell .study-mode-tabs{padding-inline:14px;gap:19px}.app-shell .study-mode-tabs button{font-size:12px;min-height:45px}.app-shell .task-code-observe{display:grid;grid-template-columns:1fr;height:auto;min-height:0}.app-shell .study-code-editor{height:285px;min-height:285px}.app-shell .live-evidence{border-left:0;border-top:1px solid #dce8f7;padding:19px}.app-shell .live-evidence header b{font-size:13px}.app-shell .live-output pre{font-size:24px}.app-shell .live-values{display:grid;grid-template-columns:1fr 1fr;gap:9px}.app-shell .study-run-bar{padding:12px 14px}.app-shell .study-run-bar>button{min-height:42px;font-size:13px}.app-shell .study-focus-callout{font-size:12px;padding:14px}.app-shell .course-catalog{padding:19px 15px;margin-top:20px}.app-shell .course-card{padding:23px;border-radius:12px}.app-shell .course-grid{gap:16px}.app-shell .catalog-toolbar{gap:14px}.app-shell .filter-tabs{width:100%;justify-content:space-between}.app-shell .filter-tabs button{font-size:11px;padding:9px 11px;min-height:44px}.app-shell .catalog-search{width:100%;min-height:44px}.app-shell .lesson-row{padding:17px 2px}.app-shell .mission-history,.app-shell .flow-overview,.app-shell .recent-records,.app-shell .progress-paths,.app-shell .activity-panel{padding:20px 17px;border-radius:12px}.app-shell .section-heading h2{font-size:16px}.app-shell .mission-history-list>button,.app-shell .flow-overview>button{padding:16px 3px}.app-shell .stats-grid{margin-block:18px;grid-template-columns:1fr 1fr;border-radius:12px}.app-shell .stats-grid .stat-card{padding:19px 17px}.account-dialog{padding:28px 23px;border-radius:14px}.modal-close{min-width:40px;min-height:40px}}.app-shell .sidebar-course small{white-space:nowrap;font-size:11px}.app-shell .study-run-bar>button{background:var(--accent)}.app-shell .toast{color:#fff}.app-shell .visual-controls button,.app-shell .replay-controls button{transition:background .18s,color .18s,transform .16s}.app-shell .visual-controls button:hover,.app-shell .replay-controls button:hover{background:#e6efff;color:#245ec3}.app-shell .home-task-track{margin:4px 0 0;padding:15px 0;border:0}.app-shell .home-task-track>div{flex-direction:row;align-items:center}.app-shell .task-stage p,.app-shell .stage-decision .teaching-text{font-size:14px;line-height:1.85}@media(max-width:760px){.app-shell .course-grid{grid-template-columns:1fr;gap:10px}.app-shell .course-card{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;column-gap:12px;row-gap:6px;padding:16px;align-items:center}.app-shell .course-card-top{grid-column:1;grid-row:1/3;display:block}.app-shell .course-card .course-level,.app-shell .course-card .course-tagline,.app-shell .course-card>p{display:none}.app-shell .course-card h3{grid-column:2;grid-row:1;font-size:18px;margin:0}.app-shell .course-card h3 span{font-size:11px}.app-shell .course-meta{grid-column:2;grid-row:2;margin:0;font-size:11px;gap:8px}.app-shell .course-card-bottom{grid-column:3;grid-row:1/3;margin:0;padding:0;border:0;justify-content:center}.app-shell .course-card-bottom>div{display:none}.app-shell .home-task-track{gap:12px}}@media(prefers-reduced-motion:reduce){.app-shell *,.account-dialog,.help-modal,.search-modal,.attempt-detail,.mission-detail{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-shell .motion-source,.app-shell .motion-source pre,.app-shell .scene-source-caption{background:#14283f}.app-shell .visual-controls button,.app-shell .replay-controls button{border-radius:7px;border-color:#dce7f6;color:#3e68a1;background:#f3f7fe}.app-shell .visual-controls .play-scene{background:var(--accent);color:#fff;border-color:var(--accent)}.app-shell .visual-controls .play-scene:hover{background:var(--accent-dark);color:#fff}.app-shell .replay-variable.changed{background:#eaf2ff;border-color:#9cbef5}.app-shell .code-ai-annotation{background:#eaf3ff;color:#496b96;border-color:#dce9fb;font-size:12px}.app-shell .code-ai-annotation>span{color:#3867a8;font-size:12px}.app-shell .code-ai-annotation p{color:#4c6e98;font-size:12px}.app-shell .code-ai-annotation button{color:#2861bb;font-size:12px;border-radius:5px;transition:background .18s,color .18s}.app-shell .code-ai-annotation button:hover{background:#dbeaff;color:#174caa}@media(min-width:761px){.app-shell .study-center{position:sticky;top:16px;align-self:start}}@media(max-width:760px){.app-shell .study-center{position:static}}.app-shell.is-workspace{height:auto;min-height:100vh;overflow:clip}.app-shell.is-workspace .main-shell{height:auto;min-height:100vh}.app-shell .learning-workspace{flex:none;height:auto;min-height:calc(100vh - 54px)}.app-shell .learning-grid{height:auto;flex:none}.app-shell .task-stage-loading{min-height:230px}.app-shell .task-stage-loading>div[role=status]{display:flex;align-items:center;gap:10px;color:#4d72a4;font-size:13px}.app-shell .task-loading-lines{display:grid;gap:14px;margin-top:30px}.app-shell .task-loading-lines i{display:block;width:90%;height:12px;background:#edf3fc;border-radius:4px}.app-shell .task-loading-lines i:nth-child(2){width:70%}.app-shell .task-loading-lines i:nth-child(3){width:80%}@media(min-width:761px)and (max-width:1100px){.app-shell .live-values>div{flex-direction:column;align-items:start;gap:4px}}.app-shell .replay-source{background:#14283f;color:#dce9f8;font-size:13px;border-radius:9px}.app-shell .replay-source>div.active{background:#214b7b;border-left-color:#8ab8ff}.app-shell .replay-source>div>span{color:#b2c9e3}.app-shell .replay-state h3{color:#416a9d;font-size:13px}.app-shell .replay-state ol{font:13px/1.8 var(--font);color:#526e91}.app-shell .replay-state pre{background:#edf4ff;color:#3a6296;border-radius:7px}.app-shell .replay-controls button{min-width:36px;min-height:36px}.app-shell .replay-controls button[aria-label=播放真实回放],.app-shell .replay-controls button[aria-label=暂停真实回放]{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:760px){.app-shell .replay-controls button{min-width:44px;min-height:44px}}.app-shell .work-mode-visual>.study-center,.app-shell .work-mode-replay>.study-center{position:static}.app-shell .task-observation-instruction{background:#edf4ff;border-radius:8px;padding:10px 14px;margin:14px 0}.app-shell .task-observation-instruction summary{font-size:13px;color:#426da6;cursor:pointer;min-height:24px;align-content:center}.app-shell .task-observation-instruction p{font-size:13px;color:#526f96;line-height:1.8;margin-top:10px}@media(min-width:761px){.app-shell .learning-workspace[data-mode=visual] .mission-workspace-header{flex-direction:row;align-items:center;padding-block:12px;min-height:64px}.app-shell .learning-workspace[data-mode=visual] .mission-workspace-header>div:first-child>small,.app-shell .learning-workspace[data-mode=visual] .mission-workspace-header>div:first-child>p{display:none}.app-shell .work-mode-visual .study-center-body{padding-top:16px}.app-shell .work-mode-visual .visual-heading{margin-bottom:6px}.app-shell .work-mode-visual .scene-parameters{margin-bottom:10px}.app-shell .work-mode-visual .visual-transport{margin-bottom:6px}}@media(max-width:760px){.app-shell .task-observation-instruction summary{min-height:44px}}@media(min-width:761px){.app-shell .learning-workspace[data-mode=visual] .mission-workspace-header>div:first-child{flex:1;min-width:0}.app-shell .learning-workspace[data-mode=visual] .mission-header-stages{width:auto;flex:0 0 auto;max-width:60%}}.app-shell .motion-code-indicator{background:#214b7b;border-left-color:#8ab8ff}.app-shell .motion-source-line>span{color:#a8c3e2}.app-shell .learning-record-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin-bottom:24px}.app-shell .learning-record-panels>.panel{margin:0;max-height:460px;overflow:auto}@media(max-width:760px){.app-shell .learning-record-panels{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.app-shell .learning-record-panels>.panel{max-height:460px}}@media(min-width:761px){.app-shell .course-card{display:flex;flex-direction:column}.app-shell .course-card>p{flex:1}}.app-shell .account-topbar-user>span:last-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.app-shell .search-trigger{min-width:40px;width:40px;height:40px;padding:0;border:0;background:transparent}.app-shell .breadcrumb{min-width:0;gap:8px}.app-shell .breadcrumb b{white-space:nowrap}.app-shell .topbar-right{gap:8px;flex-shrink:0}}@media(max-width:760px){.app-shell .search-trigger{min-width:44px;width:44px;height:44px}}.app-shell small{font-size:12px}.account-dialog .account-error{color:#8c4f2d}.account-dialog .logout-button{color:#527097;border-color:#e5edf8;font-size:13px;min-height:44px}.account-dialog .logout-button:hover{color:#245ec1}.account-dialog .account-session{font-size:11px;color:#536c8b}.search-modal .search-caption,.search-modal .search-footer{font-size:12px;color:#5b728f}.search-modal .search-footer kbd{font-size:11px;color:#5b728f}.landing-page{--home-blue: #2563eb;--home-blue-dark: #1d4ed8;--home-ink: #163454;--home-body: #52657e;--home-soft: #f3f7fe;--home-line: #dce6f4;background:#fff;color:var(--home-ink);font:16px/1.6 Segoe UI,Microsoft YaHei,sans-serif;overflow-x:clip}.landing-page *{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p,.landing-page figure{margin:0}.landing-page button,.landing-page input{font:inherit}.landing-page button,.landing-page a{touch-action:manipulation}.landing-page a{color:inherit}.landing-page button{cursor:pointer}.landing-page :focus-visible{outline:3px solid #80aaff;outline-offset:4px}.landing-page section[id]{scroll-margin-top:90px}.home-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.home-nav{height:80px;display:flex;align-items:center;gap:36px;max-width:1320px;margin:auto;padding:0 40px;background:#fff;color:var(--home-ink)}.home-brand{display:flex;align-items:center;gap:15px;flex-shrink:0;text-decoration:none}.home-wordmark{display:block;width:174px;height:32px;background:var(--home-blue);-webkit-mask:url(/brand/lockup-white-1024.png) center/contain no-repeat;mask:url(/brand/lockup-white-1024.png) center/contain no-repeat}.home-brand>span:last-child{font-size:14px;color:#52657e;white-space:nowrap}.home-nav nav{display:flex;align-items:center;gap:26px;margin-left:auto}.home-nav nav a{text-decoration:none;font-size:14px;white-space:nowrap;padding:10px 0;position:relative}.home-nav nav a:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--home-blue);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.home-nav nav a:hover{color:var(--home-blue)}.home-nav nav a:hover:after{transform:scaleX(1)}.home-nav-actions{display:flex;align-items:center;gap:10px}.home-signin{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--home-blue);color:#fff;border:0;border-radius:8px;padding:10px 18px;min-height:42px;font-size:14px;white-space:nowrap}.home-menu{display:none}.home-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;padding-block:64px 76px}.home-hero-copy h1{font-size:clamp(40px,4.1vw,58px);line-height:1.26;font-weight:700;letter-spacing:-.045em}.home-hero-copy h1 span{display:block;white-space:nowrap}.home-hero-copy>p{font-size:18px;line-height:1.9;color:var(--home-body);margin-top:26px;max-width:27em}.home-hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px;flex-wrap:wrap}.home-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--home-blue);color:#fff;min-height:50px;padding:13px 24px;font-size:16px;font-weight:600;transition:background .18s ease,transform .18s cubic-bezier(.2,.7,.3,1)}.home-button:hover,.home-signin:hover{background:var(--home-blue-dark)}.home-button:active,.home-signin:active{transform:scale(.97)}.home-button svg,.home-text-link svg,.home-signin svg{transition:transform .22s ease}.home-button:hover svg,.home-text-link:hover svg{transform:translate(4px)}.home-signin:hover svg{transform:translate(2px,-2px)}.home-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--home-blue)!important;background:none;border:0;text-decoration:none;font-size:14px;min-height:44px;padding:0}.home-hero-facts{display:flex;gap:11px 18px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:var(--home-body)}.home-hero-facts>span{display:flex;align-items:center;gap:5px}.home-hero-facts svg{color:var(--home-blue)}.home-demo{border:1px solid #cbdcf3;border-radius:16px;background:#fff;overflow:hidden;min-width:0;animation:demo-arrive .7s cubic-bezier(.16,1,.3,1) both}.demo-window-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#f0f6ff;font-size:13px;color:#426183}.demo-window-bar>span:first-child{display:flex;align-items:center;gap:9px;color:#214778;font-weight:600}.demo-window-bar>span:last-child{font-size:12px}.demo-switch{display:flex;gap:6px;padding:12px 16px;background:#fff}.demo-switch button{font-size:13px;flex:1;border:0;border-radius:6px;padding:7px;background:#f4f7fc;color:#59697f;transition:background .2s,color .2s}.demo-switch button[aria-pressed=true]{background:#e4eeff;color:#205ac8}.demo-editor{background:#14283f;color:#d7e7f8;padding:18px 0;font:14px/2 Consolas,monospace}.demo-editor>div{display:flex;gap:20px;padding:0 22px;transition:background .2s}.demo-editor>div>span{color:#8da6c2;-webkit-user-select:none;user-select:none;width:12px}.demo-editor code{font:inherit;white-space:pre}.demo-editor .current-line{background:#1f4165;color:#fff}.demo-inspect{padding:20px}.demo-inspect-heading{display:flex;justify-content:space-between;font-size:12px;color:#52657e;gap:12px}.demo-number-row{display:flex;gap:8px;margin-top:13px}.demo-number-row>span{display:grid;place-items:center;flex:1;max-width:56px;min-height:34px;background:#f0f4fa;color:#5c6876;border-radius:6px;font-size:14px;transition:background .22s,color .22s,transform .22s}.demo-number-row .visited{color:#1e56c7;background:#e6eeff;transform:translateY(-2px)}.demo-values{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:12px;margin-top:20px}.demo-values>div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;background:#f7f9fd;border-radius:6px;min-width:0}.demo-values code,.demo-values span{font-size:12px;color:#596a7e}.demo-values strong{font-size:18px;font-weight:600;color:#214366;animation:value-change .22s ease-out}.demo-values .demo-output{color:var(--home-blue)}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px;font-size:12px;color:#596a7e}.demo-controls button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;min-height:36px;background:#eaf1ff;border:0;border-radius:6px;color:#245acc;font-size:12px;white-space:nowrap}.demo-controls button:hover{background:#dbe8ff}.demo-note{padding:13px 20px 15px;font-size:11px;color:#55697b;line-height:1.5}.home-product{padding-block:24px 80px}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}.landing-page h2{font-size:32px;line-height:1.4;letter-spacing:-.035em;font-weight:650;color:var(--home-ink)}.home-section-heading p{font-size:16px;color:var(--home-body);margin-top:10px}.product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;background:#f1f5fc;border-radius:11px}.product-tabs button{display:flex;gap:10px;justify-content:center;align-items:center;border:0;background:transparent;color:#586a7f;padding:12px 10px;border-radius:7px;font-size:14px;min-height:46px;transition:background .2s,color .2s,transform .16s}.product-tabs button[aria-selected=true]{background:#fff;color:var(--home-blue);font-weight:600}.product-tabs button:hover{color:var(--home-blue);background:#e8effb}.product-tabs button[aria-selected=true]:hover{background:#fff}.product-tabs button:active{transform:scale(.98)}.product-description{display:flex;align-items:baseline;gap:24px;justify-content:space-between;padding:24px 2px}.product-description h3{font-size:20px;line-height:1.5;white-space:nowrap;font-weight:600}.product-description p{font-size:14px;color:var(--home-body);max-width:50em;line-height:1.8}.product-frame{background:#f2f6fc;border:1px solid #dbe6f4;border-radius:13px;padding:0 12px 12px;overflow:visible}.product-frame-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;gap:16px;font-size:12px;color:#576a82}.product-frame-bar>span{display:flex;align-items:center;gap:8px}.home-small-mark{width:18px;height:18px;background:var(--home-blue);-webkit-mask:url(/brand/mark-blue-128.png) center/contain no-repeat;mask:url(/brand/mark-blue-128.png) center/contain no-repeat}.product-frame-bar button{display:flex;align-items:center;gap:7px;background:#fff;border:0;border-radius:6px;padding:7px 11px;color:#315987;font-size:12px;min-height:32px}.product-frame-bar button:hover{background:#e1ebff;color:var(--home-blue)}.product-image-button{display:block;width:100%;padding:0;border:0;border-radius:6px;background:#fff;overflow:visible;cursor:zoom-in!important}.handbook-home .product-image-button img,.handbook-home .product-thumbnails img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto;border-radius:6px}.product-image-button img{animation:image-change .25s ease-out}.product-frame figcaption{padding:11px 0 0;text-align:center;font-size:12px;color:#596a7e}.product-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.product-thumbnails>button{padding:7px;background:#f7f9fd;border:2px solid transparent;border-radius:10px;text-align:left;color:#596a7e;min-width:0;transition:border-color .2s,background .2s,transform .2s}.product-thumbnails>button.selected{border-color:#8fb2fb;background:#edf3ff;color:#2057be}.product-thumbnails>button:hover{border-color:#b3caf7;transform:translateY(-2px)}.product-thumbnails>button>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 4px 3px}.home-teaching{background:#f4f8ff;padding-block:72px}.teaching-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.teaching-intro>p{margin-top:20px;color:var(--home-body);font-size:16px;line-height:1.9;max-width:29em}.teaching-example{margin-top:28px;padding:22px 24px;background:#e6efff;border-radius:13px;color:#2c5ba4}.teaching-example blockquote{font-size:18px;line-height:1.8;margin:12px 0}.teaching-example>span{font-size:12px;color:#486999}.teaching-steps{display:grid;gap:28px}.teaching-steps article{display:flex;gap:20px;align-items:start}.teaching-step-mark{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;color:#3365bd}.teaching-step-mark svg{width:23px;height:23px}.teaching-steps h3{font-size:19px;font-weight:600;margin:4px 0 9px}.teaching-steps p{font-size:15px;color:var(--home-body);line-height:1.9}.home-courses{padding-block:76px}.home-language-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.home-language-list article{display:flex;flex-direction:column;align-items:start;background:#f5f8fe;padding:28px;border-radius:12px;min-width:0;position:relative}.language-name{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-.035em;color:#2b5ba4;margin-bottom:22px}.home-language-list h3{font-size:17px;margin-bottom:9px;font-weight:600}.home-language-list p{font-size:15px;color:var(--home-body);line-height:1.8;margin-bottom:20px}.home-language-list article>div>span{font-size:13px;color:#496485}.home-language-list button{display:grid;place-items:center;position:absolute;right:22px;bottom:20px;width:36px;height:36px;background:#e4edfd;color:#3565b3;border:0;border-radius:7px;transition:background .2s,transform .2s}.home-language-list button:hover{background:#d3e3ff;transform:translate(3px)}.home-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:72px;padding-block:8px 76px}.home-faq>div>p{font-size:15px;color:var(--home-body);margin-top:14px}.home-faq details{background:#f5f8fd;border-radius:9px;margin-bottom:12px;padding:0 20px}.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;font-size:15px;font-weight:500;list-style:none}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary svg{flex-shrink:0;color:#516982;transition:transform .2s}.home-faq details[open] summary svg{transform:rotate(180deg)}.home-faq details p{font-size:14px;color:var(--home-body);padding:0 0 20px;line-height:1.9;animation:detail-enter .2s ease-out}.home-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#eaf2ff;border-radius:16px;padding:40px 44px;margin-bottom:48px}.home-closing h2{font-size:28px}.home-closing p{font-size:15px;color:var(--home-body);margin-top:12px}.home-closing .home-button{flex-shrink:0}.home-footer{display:flex;align-items:center;gap:22px 30px;flex-wrap:wrap;padding-block:24px 32px;border:0;background:#fff;color:#596a7e}.home-footer .home-wordmark{width:150px;height:28px}.home-footer p{font-size:12px}.home-footer nav{display:flex;gap:22px;margin-left:auto;align-items:center}.home-footer nav a,.home-footer nav button{font-size:13px;background:none;border:0;text-decoration:none;padding:6px 0;color:#52657e}.home-footer nav a:hover,.home-footer nav button:hover{color:var(--home-blue)}.home-footer>span{width:100%;font-size:11px}.home-reveal.is-seen{animation:section-arrive .6s cubic-bezier(.16,1,.3,1) both}.teaching-steps .home-reveal:nth-child(2){animation-delay:.07s}.teaching-steps .home-reveal:nth-child(3){animation-delay:.14s}.home-product.is-seen .product-frame{animation:demo-arrive .65s cubic-bezier(.16,1,.3,1) both}.product-lightbox{position:fixed;inset:0;z-index:200;background:#102c4a99;display:grid;place-items:center;padding:24px}.product-lightbox>div{width:min(1280px,100%);max-height:94svh;background:#fff;border-radius:12px;padding:0 12px 12px;animation:detail-enter .18s ease-out;overflow:auto}.product-lightbox header{display:flex;align-items:center;gap:24px;min-height:56px;padding:8px 6px;font-size:14px}.product-lightbox header a{display:flex;align-items:center;gap:7px;font-size:12px;color:#3565b3;margin-left:auto}.product-lightbox header button{display:grid;place-items:center;min-width:40px;min-height:40px;border:0;border-radius:7px;background:#eff4fc;color:#436080}.handbook-home .product-lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(94svh - 80px);object-fit:contain;margin:0 auto;border-radius:4px}@keyframes demo-arrive{0%{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes section-arrive{0%{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes value-change{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes image-change{0%{opacity:.5}to{opacity:1}}@keyframes detail-enter{0%{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.home-wrap{width:calc(100% - 56px)}.home-nav{padding-inline:28px;gap:22px}.home-brand>span:last-child{display:none}.home-nav nav{gap:20px}.home-hero{gap:34px;padding-block:44px 60px}.home-hero-copy h1{font-size:43px}.home-hero-copy>p{font-size:16px}.home-hero-actions{gap:18px}.home-hero-facts{font-size:11px}.demo-editor{font-size:13px}.demo-values{gap:7px}.demo-values>div{padding:9px}.product-description{display:block}.product-description p{margin-top:8px}.teaching-layout{gap:48px}.home-language-list article{padding:24px}.home-language-list{gap:16px}.home-faq{gap:42px}}@media(max-width:820px){.home-hero{grid-template-columns:1fr 1fr;gap:24px}.home-hero-copy h1{font-size:36px}.home-hero-copy>p{font-size:15px;margin-top:20px}.home-hero-actions{margin-top:24px}.home-hero-actions .home-text-link{display:none}.home-hero-facts{gap:8px}.demo-values{grid-template-columns:1fr 1fr}.demo-values>div:last-child{grid-column:1/-1}.demo-controls{font-size:11px;padding-inline:16px}.demo-inspect{padding:16px}.home-nav nav{gap:16px}.home-nav nav a{font-size:13px}.home-wordmark{width:153px}.home-nav{gap:16px}.home-signin{padding:9px 12px}.home-section-heading{gap:20px}.landing-page h2{font-size:28px}.teaching-layout{gap:36px}.home-language-list{grid-template-columns:1fr}.home-language-list article{display:grid;grid-template-columns:110px 1fr;padding:24px 70px 24px 24px;gap:18px}.language-name{margin:0;font-size:32px}.home-language-list p{margin-bottom:10px}.home-language-list button{top:50%;bottom:auto;transform:translateY(-50%)}.home-language-list button:hover{transform:translate(3px,-50%)}.home-faq{grid-template-columns:1fr 1.5fr}.home-footer nav{margin-left:0}.home-closing{padding:30px}}@media(max-width:700px){.home-wrap{width:calc(100% - 36px)}.home-nav{height:68px;padding-inline:18px;position:relative;gap:10px}.home-nav-actions{margin-left:auto}.home-signin{background:#edf3ff;color:#225ed3;min-height:40px;padding-inline:13px}.home-signin:hover{background:#deebff}.home-signin svg{display:none}.home-menu{display:grid;place-items:center;width:40px;height:40px;background:none;border:0;border-radius:7px;color:#355677}.home-menu:hover{background:#edf3ff}.home-nav nav{display:none}.home-nav nav.is-open{display:grid;position:absolute;left:18px;right:18px;top:66px;background:#fff;border:1px solid var(--home-line);border-radius:10px;padding:12px 18px;margin:0;z-index:20;animation:detail-enter .2s ease-out;gap:0}.home-nav nav a{font-size:15px;padding:12px 0;min-height:44px}.home-nav nav a:after{display:none}.home-hero{grid-template-columns:1fr;padding-block:36px 52px;gap:32px}.home-hero-copy h1{font-size:clamp(33px,8.5vw,43px);line-height:1.3}.home-hero-copy>p{font-size:16px;line-height:1.85;margin-top:20px;max-width:none}.home-hero-actions{margin-top:24px;gap:24px}.home-hero-actions .home-text-link{display:inline-flex;font-size:13px}.home-button{min-height:46px;padding:12px 19px;font-size:15px;gap:16px}.home-hero-facts{margin-top:20px;font-size:11px;gap:10px 15px}.home-demo{border-radius:12px}.demo-values{grid-template-columns:.8fr 1fr 1.2fr}.demo-values>div:last-child{grid-column:auto}.demo-controls{font-size:12px}.demo-editor{font-size:13px}.demo-window-bar{padding:14px 16px}.demo-note{font-size:11px;padding-inline:16px}.home-product{padding-top:0;padding-bottom:48px}.home-section-heading{display:block;margin-bottom:22px}.home-section-heading>.home-text-link{margin-top:8px}.landing-page h2{font-size:26px;line-height:1.45}.home-section-heading p{font-size:15px;margin-top:10px}.product-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.product-tabs button{font-size:13px;min-height:44px}.product-tabs svg{width:16px;height:16px}.product-description{padding:20px 0}.product-description h3{white-space:normal;font-size:18px}.product-description p{font-size:14px}.product-frame{padding:0 7px 7px;border-radius:9px}.product-frame-bar{font-size:11px;gap:8px;padding:8px 1px}.product-frame-bar button{font-size:11px;min-height:36px;padding:5px 8px}.product-frame figcaption{font-size:11px;padding-top:9px}.product-thumbnails{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.product-thumbnails>button{padding:4px;border-radius:7px}.product-thumbnails>button>span{font-size:11px;padding:7px 2px 2px}.home-teaching{padding-block:44px}.teaching-layout{grid-template-columns:1fr;gap:32px}.teaching-intro>p{font-size:15px;margin-top:16px}.teaching-example{padding:18px;margin-top:20px}.teaching-example blockquote{font-size:16px}.teaching-steps{gap:24px}.teaching-steps article{gap:13px}.teaching-steps h3{font-size:17px;margin-top:4px}.teaching-steps p{font-size:14px}.home-courses{padding-block:46px}.home-language-list article{grid-template-columns:75px 1fr;padding:22px 54px 22px 18px;gap:12px}.language-name{font-size:27px;overflow-wrap:anywhere}.home-language-list h3{font-size:16px}.home-language-list p{font-size:14px}.home-language-list button{right:14px;width:32px;height:36px}.home-faq{grid-template-columns:1fr;gap:24px;padding-block:0 40px}.home-faq details{padding-inline:16px}.home-faq summary{font-size:14px;min-height:58px;padding-block:16px}.home-faq details p{font-size:14px}.home-closing{display:block;padding:25px 22px;margin-bottom:30px;border-radius:12px}.home-closing h2{font-size:23px}.home-closing p{font-size:14px}.home-closing .home-button{margin-top:22px;width:100%}.home-footer{gap:12px 20px;padding-block:15px 28px}.home-footer .home-wordmark{width:145px}.home-footer p{font-size:11px}.home-footer nav{width:100%;gap:26px}.home-footer nav a,.home-footer nav button{min-height:44px;display:flex;align-items:center}.home-footer>span{font-size:11px}.product-lightbox{padding:10px}.product-lightbox>div{padding:0 6px 6px;border-radius:9px}.product-lightbox header{gap:8px;font-size:12px;padding:4px 3px}.product-lightbox header a{font-size:11px}.product-lightbox header button{min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){.handbook-home *,.handbook-home *:before,.handbook-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.handbook-home .home-hero-facts,.handbook-home .product-frame figcaption,.handbook-home .product-frame-bar,.handbook-home .product-frame-bar button,.handbook-home .product-thumbnails>button>span,.handbook-home .home-footer p,.handbook-home .home-footer>span,.handbook-home .teaching-example>span{font-size:13px}@media(max-width:700px){.handbook-home .home-menu{width:44px;height:44px}.handbook-home .home-signin,.handbook-home .demo-switch button,.handbook-home .demo-controls button,.handbook-home .product-frame-bar button{min-height:44px}.handbook-home .home-language-list button{width:44px;height:44px}.handbook-home .home-language-list article{padding-right:66px}.handbook-home .product-lightbox header button{min-width:44px;min-height:44px}}.handbook-home .product-image-button img,.handbook-home .product-thumbnails img,.handbook-home .product-lightbox img{border-radius:0}.home-language-list article>div{display:flex;flex-direction:column;flex:1}.home-language-list article>div>p{flex:1}:root{--accent: #275dee;--primary: #275dee;--accent-dark: #204dcc;--brand-action: linear-gradient(110deg, #275dee 0%, #2465dc 52%, #167bb8 100%);--brand-action-hover: linear-gradient(110deg, #204dcc 0%, #215ac4 52%, #116caa 100%);--brand-tint: linear-gradient(110deg, #eaf0ff 0%, #edf5ff 55%, #e7f6fb 100%);--brand-tint-hover: linear-gradient(110deg, #e2eaff 0%, #e5f0ff 55%, #ddf1f9 100%)}.landing-page{--home-blue: #275dee;--home-blue-dark: #204dcc}.app-shell .brand-lockup,.account-dialog .brand-lockup,.home-wordmark{background:url(/brand/lockup-gradient.png) center / contain no-repeat;-webkit-mask:none;mask:none}.app-shell .brand-mark,.app-shell.is-workspace .brand>.brand-mark,.app-shell .task-kicker>.brand-mark,.home-small-mark{background:url(/brand/mark-gradient.png) center / 100% auto no-repeat;-webkit-mask:none;mask:none}.app-shell .task-kicker>.brand-mark,.home-small-mark{width:26px;height:18px}.app-shell .button.primary:not(:disabled),.app-shell .question-submit:not(:disabled),.app-shell .study-run-bar>button:not(:disabled),.app-shell .visual-controls .play-scene:not(:disabled),.app-shell .replay-controls button[aria-label=播放真实回放]:not(:disabled),.app-shell .replay-controls button[aria-label=暂停真实回放]:not(:disabled),.home-button:not(:disabled),.home-signin:not(:disabled){background:var(--brand-action);border-color:transparent;color:#fff}.app-shell .button.primary:not(:disabled):hover,.app-shell .question-submit:not(:disabled):hover,.app-shell .study-run-bar>button:not(:disabled):hover,.app-shell .visual-controls .play-scene:not(:disabled):hover,.home-button:not(:disabled):hover,.home-signin:not(:disabled):hover{background:var(--brand-action-hover)}.account-dialog form>button:not(:disabled),.account-dialog .account-submit:not(:disabled){background:var(--brand-action)!important;color:#fff}.account-dialog form>button:not(:disabled):hover,.account-dialog .account-submit:not(:disabled):hover{background:var(--brand-action-hover)!important}.app-shell .nav-item.active,.app-shell .growth-card,.app-shell .task-reason,.app-shell .goal-languages>.selected,.app-shell .entry-diagnostic label:has(input:checked),.product-tabs button[aria-selected=true]{background:var(--brand-tint)!important}.app-shell .nav-item.active:hover{background:var(--brand-tint-hover)!important}.home-hero-copy h1 span:last-child{color:#2465dc;background:linear-gradient(110deg,#275dee,#2475ed 52%,#1681b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-demo,.product-frame-bar,.home-language-list article{background:linear-gradient(120deg,#f2f6ff,#eff8fc)}.home-closing{background:var(--brand-tint)}@media(forced-colors:active){.home-hero-copy h1 span:last-child{background:none;-webkit-text-fill-color:CanvasText}}.teacher-purpose{margin:2px 0 14px;color:#254f79;line-height:1.8}.observed-value.focused{outline:2px solid #4f8ccf;outline-offset:1px}.observed-output-transfer{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;padding:10px 12px;background:#f0f8ff;border-top:1px solid #d6e4ee;color:#285476;font-size:12px}.observed-output-transfer>span:first-child{grid-column:1/-1;font-size:11px;color:#5a7893}.observed-output-transfer code{padding:8px;background:#e0f1fb;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.observed-output-transfer pre{white-space:pre-wrap;max-height:100px;overflow:auto;margin:4px 0;font-size:13px}.observed-output-transfer small{font-size:11px;color:#5a7893}.daily-original{font-size:12px;color:#59758f;margin:8px 0}.daily-original summary{cursor:pointer}.daily-original p{line-height:1.8}.observed-pointer-choice{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12px;color:#4e6d8c}.observed-pointer-choice select{min-width:80px;max-width:100%;border:1px solid #c9dced;border-radius:6px;padding:5px;background:#fff;color:#2a5b85}.experiment-input{margin:10px 0;font-size:12px;color:#567592}.experiment-input summary{cursor:pointer}.experiment-input textarea{display:block;width:100%;min-height:60px;box-sizing:border-box;margin-top:8px;border:1px solid #c8d9e9;border-radius:7px;padding:9px;color:#274c70;background:#f6faff;font:14px monospace}.experiment-free{font-size:12px;color:#3e7095;line-height:1.7}.teacher-purpose b{display:block;font-size:12px;margin-bottom:4px;color:#2374b5}.daily-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;padding:24px 28px;margin:0 0 22px;background:linear-gradient(110deg,#f3f7ff,#edf8fc);border:1px solid #cbddec;border-radius:16px}.daily-teacher{display:flex;align-items:center;gap:8px;font-weight:700;color:#245b91;font-size:13px}.daily-teacher img{width:36px;height:28px;object-fit:cover}.daily-teacher small{margin-left:8px;font-weight:400;color:#5e7590}.daily-dialogue h2{font-size:22px;line-height:1.4;margin:10px 0;color:#193d60}.daily-greeting,.daily-question{margin:8px 0;font-size:14px;line-height:1.8}.daily-question{font-weight:600;color:#315b80}.daily-time{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0}.daily-time button,.daily-time select{background:#fff;border:1px solid #c5d8e9;border-radius:7px;min-height:32px;padding:5px 11px;color:#315d85;font-size:12px}.daily-time button[aria-pressed=true]{background:#e0ecff;border-color:#7ca5e7;color:#2057b8}.daily-reply{display:flex;gap:8px;max-width:480px}.daily-reply input{flex:1;min-width:0;border:1px solid #c5d8e9;border-radius:8px;padding:10px 12px;background:#fff;color:#244b70;font-size:13px}.daily-reply button{width:38px;border-radius:8px;border:1px solid #c5d8e9;background:#fff;color:#2376bb}.daily-wait{display:flex;gap:8px;align-items:center;font-size:13px;color:#486d91;line-height:1.8}.daily-error{font-size:13px;color:#945519}.daily-error button{margin-left:8px;color:#1e66b7;background:none;border:0;text-decoration:underline}.daily-agenda-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.daily-agenda-title small{font-size:11px;color:#5e7892}.daily-agenda ol{list-style:none;padding:0;margin:10px 0 0}.daily-agenda li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 0;border-top:1px solid #d6e3ef}.daily-agenda li strong{font-size:14px;display:block;color:#254c73}.daily-agenda li small{font-size:11px;color:#5f7c96}.daily-agenda li p{font-size:12px;line-height:1.7;margin:4px 0 0;color:#496987}.daily-agenda li button{display:flex;align-items:center;gap:4px;align-self:center;padding:8px 10px;border-radius:8px;border:1px solid #c0d7e9;background:#fff;color:#1d69b3;font-size:12px;min-height:36px}.daily-agenda li button:disabled{opacity:.45;cursor:default}.daily-manual{display:flex;gap:20px;margin:20px 0}.execution-diagram{min-width:0;background:#f8fbff;border:1px solid #d4e2ee;border-radius:12px;overflow:hidden;color:#214361}.execution-diagram nav{display:flex;gap:4px;border-bottom:1px solid #dce6ef;padding:8px;flex-wrap:wrap;background:#fff}.execution-diagram nav button{border:0;background:transparent;border-radius:6px;min-height:32px;padding:6px 9px;font-size:12px;color:#58748e}.execution-diagram nav button[aria-pressed=true]{background:#e6f0ff;color:#245eaa}.observed-path{display:flex;gap:7px;overflow:auto;padding:10px 12px;scrollbar-width:thin}.observed-path>span{flex:0 0 auto;display:flex;flex-direction:column;font-size:12px;line-height:1.5;padding:5px 9px;border:1px solid #d7e4f0;border-radius:6px;background:#fff}.observed-path small{font-size:10px;color:#668099}.observed-path .current{border-color:#6e9edf;background:#eaf2ff;color:#2362b2}.execution-transfer,.execution-pointer{display:block;width:100%;height:auto;min-height:108px}.execution-svg-label{font:16px Segoe UI,Microsoft YaHei,sans-serif;fill:#58728b}.execution-svg-value{font:600 23px Segoe UI,Microsoft YaHei,sans-serif;fill:#225e9d}.observed-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}.observed-value{min-width:0;text-align:left;border:1px solid #d7e3ef;background:#fff;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px;color:#204b76}.observed-value>span{font-size:13px;font-weight:600}.observed-value small{font-size:10px;font-weight:400;color:#647e98;display:block;overflow-wrap:anywhere}.observed-value strong{font-size:17px;overflow-wrap:anywhere;font-family:inherit}.observed-value.will-change{border-color:#76b8d5;background:#eefaff}.observed-operands{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;padding:0 12px;margin:0 0 6px}.observed-operands code{background:#e7f0fc;padding:2px 5px;border-radius:4px}.observed-operands>span{display:block;width:100%;font-size:10px;color:#678099}.observed-frames{padding:0 12px 12px}.observed-frames article{margin:8px 0;border:1px solid #cddfec;border-radius:8px;background:#fff}.observed-frames header,.observed-objects header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #dde8f1;font-size:13px;background:#edf5fc}.observed-frames header small,.observed-objects header small{font-size:10px;color:#66809a;overflow-wrap:anywhere}.observed-objects{padding:8px 12px;display:grid;gap:10px;max-height:330px;overflow:auto}.observed-objects article{border:1px solid #d4e2ee;border-radius:8px;background:#fff;overflow:hidden}.observed-members{display:flex;gap:7px;flex-wrap:wrap;padding:10px}.observed-members>div{padding:8px 10px;min-width:64px;max-width:100%;border:1px solid #d8e4ef;border-radius:7px;display:flex;flex-direction:column;gap:4px}.observed-members span{font-size:11px;color:#62809b}.observed-members strong{font-size:16px;color:#235c91;overflow-wrap:anywhere}.observed-members small{font-size:11px;overflow-wrap:anywhere}.observed-objects>article>small{display:block;padding:0 10px 10px;color:#6a8197;font-size:11px}.observed-inspection{margin:4px 12px 10px;padding:10px;border-left:3px solid #5d9bd9;font-size:12px;line-height:1.7;background:#eaf4fc}.observed-output{padding:10px 12px;margin:0;background:#eaf2fa;border-top:1px solid #d2e0ed;display:flex;flex-direction:column;gap:6px;font-size:12px}.observed-output span{color:#5d7c97}.observed-output code{white-space:pre-wrap;overflow-wrap:anywhere;color:#244e76}.app-shell .replay-stage{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.trace-provenance{margin:4px 0 12px;font-size:11px;color:#627d95}.trace-provenance summary{cursor:pointer}.trace-provenance p{line-height:1.8}.error-lab{padding:18px;min-width:0}.error-lab>header{display:flex;align-items:start;justify-content:space-between;gap:15px}.error-lab h2{font-size:19px;line-height:1.6;margin:0;color:#244766}.error-lab header p{font-size:13px;line-height:1.8;margin:5px 0;color:#60788e}.error-lab header>span{font-size:11px;white-space:nowrap;color:#6d8298}.error-lab-question{padding:10px 12px;background:#eef5ff;color:#315d84;border-radius:7px;font-size:13px;line-height:1.7}.experiment-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.experiment-tools button{border:1px solid #d1deeb;background:#fff;border-radius:7px;padding:7px 10px;color:#3b658a;font-size:12px}.experiment-tools button[aria-pressed=true]{background:#e8f1ff;border-color:#8eb2e0}.experiment-editor{height:300px;border-radius:10px;overflow:hidden;background:#14283f}.experiment-run{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:12px 0}.experiment-run small{font-size:11px;line-height:1.7;color:#678095}.experiment-run button{white-space:nowrap}.experiment-result{border:1px solid #d7e3ed;border-radius:9px;padding:12px;background:#f7fbff}.experiment-result b{font-size:13px;color:#345b7d}.experiment-result pre{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#264f73}.experiment-result small{font-size:11px;color:#70849a}.app-shell .study-center-tabs{overflow-x:auto;white-space:nowrap}.app-shell .study-center-tabs button{flex-shrink:0}.code-animation-run{border:1px solid #658db8!important;background:#243f60!important;color:#dcecff!important}@media(max-width:1000px){.daily-welcome{gap:20px;padding:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:760px){.app-shell .study-run-bar{flex-wrap:wrap;gap:8px}.app-shell .study-run-bar>span{flex-basis:100%}.app-shell .study-run-bar>button{flex:1;justify-content:center;min-width:0}.daily-welcome{grid-template-columns:1fr;padding:18px;gap:22px}.daily-dialogue h2{font-size:20px}.daily-reply input{font-size:16px}.app-shell .replay-stage{grid-template-columns:1fr}.replay-source{max-height:220px}.error-lab{padding:12px}.error-lab>header{display:block}.error-lab h2{font-size:17px}.experiment-run{align-items:stretch;flex-direction:column;gap:8px}.experiment-run button{justify-content:center}.execution-svg-label{font-size:20px}.execution-svg-value{font-size:25px}.observed-values{grid-template-columns:repeat(2,minmax(0,1fr))}.error-lab .replay-source{max-height:180px}}.brand-identity{display:inline-flex;align-items:center;gap:7px;text-align:left;flex-shrink:0;line-height:1}.brand-identity-mark-frame{position:relative;display:block;width:76px;height:42px;overflow:hidden;flex-shrink:0}.brand-identity-mark{position:absolute;width:80px;height:80px;max-width:none;left:-3px;top:-20px;object-fit:contain;flex-shrink:0}.brand-identity-type{display:flex;flex-direction:column;gap:0;align-items:flex-start}.brand-cn{display:block;font-family:Microsoft YaHei,Segoe UI,sans-serif;font-weight:800;font-size:17px;letter-spacing:2px;line-height:20px;background:linear-gradient(110deg,#275dee,#2475ed 55%,#1788ba);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.brand-en{display:block;width:auto;height:22px;object-fit:contain}.app-shell .brand-copy{gap:0}.app-shell .brand{padding-left:0}.home-brand>.brand-identity:last-child{display:inline-flex;font-size:inherit;color:inherit}.home-nav{height:88px}.account-heading .brand-identity{margin-bottom:10px}.app-shell .live-evidence{background:#192f48;color:#d9e8fa;border-left:1px solid #304a67;scrollbar-color:#45617e #192f48}.app-shell .live-evidence header{background:#192f48;border-color:#304a67}.app-shell .live-evidence header b,.app-shell .live-evidence h3,.app-shell .live-evidence .live-step b{color:#e8f2ff}.app-shell .live-evidence header small,.app-shell .live-evidence small,.app-shell .live-evidence p,.app-shell .live-evidence .live-output>span,.app-shell .live-evidence summary{color:#a7bdd7}.app-shell .live-evidence .live-output{border-color:#304a67}.app-shell .live-evidence .live-output>pre{color:#7dc7ff;background:transparent}.app-shell .live-evidence .live-values>div{background:#213c58;border-color:#34526f}.app-shell .live-evidence .live-values>div.focused{background:#244d77;border-color:#70aaff}.app-shell .live-evidence .live-values>div.changed{border-left:2px solid #6fc8f3;background:#224361}.app-shell .live-evidence .live-values code{color:#b2c9e3}.app-shell .live-evidence .live-values pre,.app-shell .live-evidence details pre{color:#eff6ff;background:transparent}.app-shell .live-evidence input[type=range]{accent-color:#78afff;color-scheme:dark}.app-shell .live-evidence .evidence-dot{background:#78c6ff}.app-shell .live-evidence .task-warning{background:#4a3928;color:#ffdcad}.teaching-canvas.scene-motion-canvas{background:#f2f6fc;border:1px solid #d5e2f2;border-radius:11px;overflow:hidden;min-width:0;align-self:start}.teaching-canvas .viz-question{font-size:14px;line-height:1.55;font-weight:650;color:#244f80;padding:12px 15px;border-bottom:1px solid #dde7f5;background:linear-gradient(110deg,#eaf1ff,#edf8fc)}.teaching-canvas svg{display:block;width:100%;height:auto;max-height:none;overflow:visible;font-family:Segoe UI,Microsoft YaHei,sans-serif}.teaching-canvas .viz-label{font-size:18px;fill:#23476f;font-weight:550}.teaching-canvas .viz-label.muted{font-size:16px;fill:#526b88;font-weight:400}.teaching-canvas .viz-label.big{font-size:23px;fill:#1e5fca;font-weight:650;font-variant-numeric:tabular-nums}.teaching-canvas .viz-card>rect,.teaching-canvas .viz-cell>rect{fill:#fff;stroke:#cbdbee;stroke-width:1.3;transition:fill .22s,stroke .22s}.teaching-canvas .viz-card.active>rect,.teaching-canvas .viz-cell.active>rect{fill:#e2eeff;stroke:#427ee7;stroke-width:1.7}.teaching-canvas .viz-cell,.teaching-canvas [data-inspect]{cursor:pointer;outline:none}.teaching-canvas .viz-card:hover>rect,.teaching-canvas .viz-card:focus>rect,.teaching-canvas .viz-field:hover>rect,.teaching-canvas .viz-field:focus>rect{stroke:#477ee1;stroke-width:2}.teaching-canvas .viz-cell:hover>rect,.teaching-canvas .viz-cell:focus>rect{stroke:#235ee4;stroke-width:2.5}.teaching-canvas .ghost>rect,.teaching-canvas rect.ghost{fill:#eef2f8;stroke:#b9c6d8;stroke-dasharray:5 4}.teaching-canvas .ghost .viz-label.big{fill:#60738a}.teaching-canvas .viz-wire path{stroke:#c2d0e3;stroke-width:2;fill:none}.teaching-canvas .viz-wire.active path{stroke:#3b80df;stroke-width:2.4}.teaching-canvas .viz-token circle,.teaching-canvas .viz-token rect{fill:#285fe7;stroke:#bedcff;stroke-width:3}.teaching-canvas .viz-token text{font-size:17px;font-weight:650;fill:#fff}.teaching-canvas .viz-guide,.teaching-canvas .viz-axis{fill:none;stroke:#a9bed7;stroke-width:1.5}.teaching-canvas .viz-current{stroke:#2872df;stroke-width:2;fill:none}.teaching-canvas .viz-bracket{stroke:#4382df;stroke-width:2;fill:none}.teaching-canvas .viz-track{fill:#e4edf9;stroke:#c5d5e8}.teaching-canvas .viz-fill{fill:#b8d5ff;stroke:#598fe0;stroke-width:1.2}.teaching-canvas .viz-outline{fill:#eef3fa;stroke:#a9bed7;stroke-dasharray:4 3}.teaching-canvas .viz-remainder{fill:#8dd6ef;stroke:#3c9bbd}.teaching-canvas .viz-range{fill:#dfedff}.teaching-canvas .viz-open-point{stroke:#376ce2;stroke-width:2;fill:#f6f9ff}.teaching-canvas .viz-solid-point{fill:#376ce2}.teaching-canvas .viz-diamond{fill:#e4efff;stroke:#6e9ce0;stroke-width:1.7}.teaching-canvas .viz-diamond.rejected{fill:#fff0df;stroke:#bd874b}.teaching-canvas .viz-return{fill:none;stroke:#c4d3e7;stroke-width:2;stroke-dasharray:6 4}.teaching-canvas .viz-return.active{stroke:#6298dd}.teaching-canvas .viz-stop{stroke:#c38a4d;stroke-width:2.5}.teaching-canvas .viz-terminal{fill:#e8f0fc;stroke:#b6cce8}.teaching-canvas .viz-scope{fill:#e7effa;stroke:#b5cae4;stroke-width:1.5}.teaching-canvas .viz-scope.active{fill:#ddeaff;stroke:#6295df}.teaching-canvas .viz-nested{fill:#fff;stroke:#8eb4e6;stroke-width:1.5}.teaching-canvas .viz-set{fill:#edf7fc;stroke:#7cb5d4;stroke-width:1.5;stroke-dasharray:6 4}.teaching-canvas .viz-error-path{fill:none;stroke:#bf8047;stroke-width:2.5}.teaching-canvas .viz-object{fill:#fff;stroke:#8eb3e2;stroke-width:1.6}.teaching-canvas .viz-field rect{fill:#edf4ff;stroke:#d4e2f3}.teaching-canvas .viz-field.will-change rect{fill:#cde2ff;stroke:#558ce2;stroke-width:1.5}.teaching-canvas .viz-reading{padding:8px 13px;font-size:12px;line-height:1.6;color:#405e81;background:#e8f0fb;min-height:36px;border-top:1px solid #d8e5f4}.visual-concept-explanation{border-top:1px solid #d7e3f2;padding:0 13px;background:#f8faff;font-size:12px;color:#506782}.visual-concept-explanation summary{padding:9px 0;cursor:pointer;color:#305d97}.visual-concept-explanation p{font-size:13px;line-height:1.8;margin:0 0 10px}.app-shell .motion-stage{align-items:start}.app-shell .motion-stage .motion-source{height:100%;min-height:250px;max-height:390px}@container (max-width:640px){.app-shell .motion-stage{grid-template-columns:minmax(0,1fr)}.app-shell .motion-stage .motion-source{height:130px;min-height:0;max-height:130px}.app-shell .motion-stage .motion-source pre{font-size:12px;line-height:1.65}.teaching-canvas svg{max-height:260px}}@media(min-width:761px)and (max-height:820px){.teaching-canvas .viz-question{font-size:12px;padding:7px 12px}.teaching-canvas svg{max-height:224px}.teaching-canvas .viz-reading{padding:5px 11px;min-height:27px;font-size:11px}.visual-concept-explanation summary{padding:5px 0;font-size:11px}.app-shell .motion-stage .motion-source{min-height:0;max-height:290px}}@media(max-width:760px){.home-nav{height:78px}.teaching-canvas .viz-question{font-size:13px}.teaching-canvas .viz-label{font-size:18px}.teaching-canvas .viz-label.muted{font-size:15px}.teaching-canvas .viz-label.big{font-size:25px}.app-shell .live-evidence{border-left:0;border-top:1px solid #304a67}}@media(prefers-reduced-motion:reduce){.teaching-canvas *{transition:none!important;animation:none!important}}.motion-visualization.reduced .teaching-canvas *{transition:none!important;animation:none!important}@media(forced-colors:active){.brand-cn{-webkit-text-fill-color:CanvasText;background:none}}.home-data-demo{min-width:0;overflow:hidden}.home-data-demo .motion-source{background:#14283f;border:0;border-radius:0;margin:0;color:#dce9fc}.home-data-demo .scene-source-caption{display:none}.home-data-demo .motion-source pre{background:#14283f;margin:0;padding:10px 14px;font:13px/1.8 Consolas,monospace}.home-data-demo .motion-source-line>span{color:#a9c2df}.home-data-demo .motion-code-indicator{background:#214b7b;border-left-color:#8ab8ff}.home-data-demo .demo-editor{padding:12px 0}.home-data-demo .demo-editor>div{padding:3px 18px;line-height:1.65}.home-data-demo .demo-editor code{font-size:13px;white-space:pre}.home-data-demo .teaching-canvas{border:0;border-top:1px solid #d3e1f3;border-radius:0}.home-data-demo .teaching-canvas svg{height:auto;max-height:240px}.home-data-demo .viz-reading{background:#e9f1fc;font-size:12px}.home-data-transport{display:flex;align-items:center;gap:13px;background:#edf4ff;padding:10px 15px}.home-data-transport button{display:flex;align-items:center;gap:7px;min-height:36px;white-space:nowrap;border:0;background:var(--brand-action);color:#fff;border-radius:6px;padding:8px 12px;font-size:12px}.home-data-transport input{min-width:40px;flex:1;accent-color:#3676e2}.home-data-transport>span{font-size:12px;color:#4e6687;font-variant-numeric:tabular-nums}.home-data-caption{min-height:45px;padding:7px 15px 10px;background:#f3f7fe;color:#49688f;font-size:12px!important;line-height:1.7}.app-shell .learning-grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start}.app-shell .teaching-conversation.task-stage{padding:0;display:flex;flex-direction:column;position:sticky;top:12px;height:calc(100svh - 245px);min-height:330px;max-height:780px;overflow:hidden;border:1px solid #d6e2f2;border-radius:13px;background:#fff;gap:0;min-width:0}.app-shell .teaching-conversation>.teacher-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e9f5;flex:none;background:linear-gradient(110deg,#f0f4ff,#edf7fc)}.teacher-header>div{display:flex;align-items:center;gap:8px}.teacher-header img{width:32px;height:28px;object-fit:contain}.teacher-header span{display:flex;flex-direction:column;gap:4px}.teacher-header b{color:#214b7c;font-size:15px}.teacher-header small{font-size:11px!important;color:#58728f}.teacher-header>button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#4f6c91;border-radius:7px}.teacher-header>button:hover,.teacher-header>button[aria-expanded=true]{background:#dfeaff;color:#235ecf}.teacher-settings{font-size:12px;line-height:1.7;padding:12px 16px;background:#f3f7fe;border-bottom:1px solid #dce7f5;flex:none}.teaching-conversation:has(>.teacher-settings) .teacher-timeline,.teaching-conversation:has(>.teacher-settings) .teacher-composer{display:none}.teaching-conversation>.teacher-settings{flex:1;min-height:0;overflow:auto}.app-shell .study-code-body,.app-shell .study-console{background:#14283f;color:#dce9fa}.app-shell .study-console-tabs{background:#182e47;border-color:#304a67}.app-shell .study-console-tabs button{color:#b2c7df}.app-shell .study-console-tabs button.selected{color:#8ccaff;border-color:#78b6ff;background:transparent}.app-shell .study-no-result,.app-shell .study-no-result p,.app-shell .study-stdin>span,.app-shell .study-real-output>span,.app-shell .study-test-list>p{color:#adc3dd}.app-shell .study-no-result{min-height:110px}.app-shell .study-code-body .study-console pre{background:#1c3651;color:#e4f0ff;border-color:#34536f}.app-shell .study-code-body .study-console pre.study-error,.app-shell .study-code-body>.study-error{background:#3a302b;color:#ffd4aa}.app-shell .study-console h3{color:#e4f0ff}.app-shell .study-console small{color:#abc3df}.app-shell .study-test-list details{background:#1b344e;border-color:#34526c;color:#dce9fa}.app-shell .study-test-list details summary{color:#d5e6fa}.app-shell .study-test-list .correct{color:#8ed9ba;background:#26443f}.app-shell .study-test-list .retry{color:#ffd19a;background:#44372c}.app-shell .study-code-body .study-stdin textarea{background:#1a334d;color:#e3eeff;border-color:#3b5876}.optional-course-check{border-top:1px solid #e0e8f4;margin-top:14px;color:#4f6c90;font-size:12px}.optional-course-check>summary{cursor:pointer;padding:12px 0}.teacher-composer form>button,.teacher-inline-action,.teacher-answer-options button,.home-data-transport button{transition:background .18s,transform .16s}.teacher-composer form>button:active:not(:disabled),.teacher-inline-action:active:not(:disabled),.teacher-answer-options button:active:not(:disabled),.home-data-transport button:active{transform:scale(.97)}.home-data-transport button:hover{background:var(--brand-action-hover)}.teacher-settings>label{display:flex;align-items:center;gap:7px;color:#496683}.teacher-settings>button{border:0;color:#2a64bd;background:transparent;padding:6px 0;font-size:12px}.teacher-timeline{overflow-anchor:none;min-height:0;overflow:auto;overscroll-behavior:contain;padding:15px 15px 6px;flex:1;scrollbar-width:thin;scrollbar-color:#c1d2e8 transparent}.teacher-course-marker{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#647991;margin:0 0 17px}.teacher-message{padding:0;margin-bottom:22px;color:#274768;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.teacher-message>span:not(.teaching-text),.student-message>span{display:block;font-size:11px;color:#567294;margin-bottom:6px;font-weight:600}.teacher-message .teacher-prose{display:block;font-size:14px;font-weight:400;line-height:1.85;color:#314f70;white-space:pre-wrap}.teacher-prose code{font-size:13px;color:#2a609b;background:#edf3fc;border-radius:3px;padding:1px 3px}.app-shell .teacher-header{margin:0;min-height:64px;padding:12px 15px}.teacher-message p{font-size:14px;line-height:1.85;color:#314f70;margin:7px 0}.teacher-message.earlier-version>span{color:#73839a}.teacher-message .teacher-question{padding:10px 12px;background:#edf4ff;border-left:2px solid #7baaf1;border-radius:0 7px 7px 0;margin-top:11px;color:#255385}.teacher-message .teacher-hypothesis{font-size:12px;color:#82623e}.teacher-message pre,.teacher-run-note pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,monospace;background:#eef3fb;color:#295080;padding:10px 12px;border-radius:7px;max-height:190px;overflow:auto;margin:8px 0}.teacher-inline-action{display:inline-flex;align-items:center;gap:6px;color:#2863ba;background:#edf4ff;padding:8px 10px;border:0;border-radius:6px;font-size:12px;min-height:34px;margin-top:7px;text-align:left;line-height:1.6}.teacher-inline-action:hover{background:#dfeaff}.teacher-inline-action:disabled{opacity:.5;cursor:default}.teacher-sources{font-size:11px;color:#617790;margin-top:8px}.teacher-sources summary{cursor:pointer;padding-block:4px}.teacher-sources p{font-size:12px;line-height:1.7;color:#59708b}.student-message{background:linear-gradient(110deg,#e9f0ff,#e8f5fc);border:1px solid #dbe8f7;border-radius:11px 11px 3px;margin:14px 0 22px 24px;padding:11px 13px;color:#284b79;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.student-message p{margin:0;white-space:pre-wrap;color:#284b79;font-size:14px}.student-message>small{display:block;font-size:11px;color:#557396;margin-top:6px}.teacher-run-note{font-size:12px;color:#4e6989;border-top:1px solid #e3eaf5;border-bottom:1px solid #e3eaf5;padding:10px 0;margin:16px 0 21px}.teacher-run-note>span{display:flex;gap:5px;align-items:center;font-size:11px;color:#4e6f94}.teacher-run-note p{font-size:12px;line-height:1.7;margin:7px 0}.teacher-run-note pre{margin:5px 0;padding:7px 10px;max-height:96px}.teacher-context-note{font-size:12px;color:#866440;background:#fff5e8;padding:9px 11px;border-radius:7px;line-height:1.8;margin:10px 0}.teacher-thinking{display:flex;align-items:center;gap:6px;font-size:12px;color:#58769a;padding:10px 0 18px;line-height:1.7}.teacher-thinking i{width:5px;height:5px;background:#5687df;border-radius:50%;animation:teacher-thinking 1.2s ease-in-out infinite}.teacher-thinking i:nth-child(2){animation-delay:.15s}.teacher-thinking i:nth-child(3){animation-delay:.3s;margin-right:4px}@keyframes teacher-thinking{0%,75%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.teacher-earlier{display:block;border:0;background:transparent;color:#4971a2;font-size:12px;margin:0 auto 16px;padding:6px 0;cursor:pointer}.teacher-error{padding:10px 12px;color:#8a542e;background:#fff2e6;border-radius:7px;font-size:12px;line-height:1.8;margin:12px 0}.teacher-error button{border:0;background:transparent;text-decoration:underline;color:inherit;margin-left:8px}.teacher-composer{flex:none;border-top:1px solid #e1e9f5;padding:12px;background:#fff}.teacher-composer form{display:flex;align-items:flex-end;gap:6px;border:1px solid #c9daef;border-radius:9px;padding:8px;background:#f8faff;transition:border-color .18s,box-shadow .18s}.teacher-composer form:focus-within{border-color:#6c9ce4;box-shadow:0 0 0 2px #e4edff}.app-shell .teacher-composer textarea{padding:3px 2px;min-height:48px;max-height:130px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;resize:vertical;flex:1;min-width:0;line-height:1.7;font-size:13px;color:#29496c}.teacher-composer form>button{width:32px;height:32px;flex:none;border:0;border-radius:7px;display:grid;place-items:center;background:var(--brand-action);color:#fff}.teacher-composer form>button:disabled{background:#dce6f5;color:#7a92af}.teacher-reply-mode{font-size:11px;color:#526f91;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px;line-height:1.5}.teacher-reply-mode button{border:0;background:none;color:#2c6bc5;font-size:11px;padding:0}.teacher-quick-actions{display:flex;justify-content:space-between;gap:6px;padding-top:9px}.teacher-quick-actions button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#4b709d;font-size:11px;padding:0;min-height:22px}.teacher-quick-actions button:disabled{opacity:.5}.teacher-answer-options{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.teacher-answer-options button{padding:8px 13px;background:#f4f7fd;border:1px solid #d7e2f2;border-radius:6px;color:#345c8b;font-size:13px;line-height:1.6;min-height:35px}.teacher-answer-options button.selected{background:#e4edff;border-color:#7fa8ea;color:#235db8}.teacher-check .understanding-question{padding:0;border:0;background:transparent}.teacher-check .course-review-example{font-size:12px}.teacher-complete{padding-top:10px;border-top:1px solid #e0e9f5}@media(min-width:761px)and (max-width:1100px){.app-shell .learning-grid:not(.work-mode-visual):not(.work-mode-replay){grid-template-columns:minmax(270px,300px) minmax(0,1fr)}.app-shell .learning-grid.work-mode-visual,.app-shell .learning-grid.work-mode-replay{grid-template-columns:minmax(0,1fr)}.app-shell .work-mode-visual>.teaching-conversation,.app-shell .work-mode-replay>.teaching-conversation{grid-row:2;position:static;height:540px;max-width:none}}@media(min-width:761px)and (max-height:820px){.app-shell .teaching-conversation.task-stage{height:calc(100svh - 245px);min-height:330px}}@media(max-width:760px){.app-shell .learning-grid{display:flex;flex-direction:column}.app-shell .teaching-conversation.task-stage{position:static;height:min(560px,calc(100svh - 350px));min-height:320px;max-height:75svh;width:100%;flex:none}.teacher-header{padding:12px 14px}.teacher-timeline{padding-inline:14px}.teacher-message p{font-size:14px}.teacher-answer-options button,.teacher-quick-actions button{min-height:44px}.teacher-composer form>button{width:44px;height:44px}.teacher-composer textarea{font-size:14px!important}.teacher-quick-actions button{font-size:12px}}@media(prefers-reduced-motion:reduce){.teacher-thinking i{animation:none;opacity:.7}.teacher-composer form{transition:none}}