:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#24334b;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#174fdb;--blue-dark:#123da8;--muted:#607086;--line:#e0e7ef;--mint:#dff7eb}*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;font-size:16px;line-height:1.8}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:default}button,select{min-height:44px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#172a46;line-height:1.4;letter-spacing:-.025em}h1{font-size:2.8rem}h2{font-size:1.65rem}h3{font-size:1.15rem}p{margin-bottom:1.1rem}svg{flex-shrink:0;vertical-align:middle}ul,ol{padding-left:1.5rem}li+li{margin-top:.5rem}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,pre:focus-visible{outline:3px solid #bd6500;outline-offset:4px}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px 20px;border:2px solid var(--blue)}.skip-link:focus{top:10px}.site-header{height:82px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1240px;height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:800;color:#172a46;font-size:1.13rem;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;width:40px;height:40px;border-radius:12px;font-size:22px;letter-spacing:-.09em}.brand-mark span{font-size:16px;margin-left:2px}.main-nav{display:flex;align-items:stretch;height:100%;gap:29px}.main-nav a{display:flex;align-items:center;color:#536077;font-weight:600;font-size:.9rem;white-space:nowrap;border-bottom:3px solid transparent;padding-top:3px}.main-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.main-nav a:hover{color:var(--blue);text-decoration:none}.header-note{margin-left:auto;font-size:.8rem;color:var(--muted);white-space:nowrap}.menu-toggle{display:none}.icon-button{border:0;background:transparent;color:#24334b;width:44px}.home-shell{max-width:1240px;margin:0 auto;padding:0 28px}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;padding:66px 0 53px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;color:var(--blue-dark);background:#eaf1ff;border-radius:20px;padding:5px 12px;font-weight:600;font-size:.8rem}.tiny-code{font-family:monospace;font-size:16px}.hero-copy h1{font-size:3.55rem;font-weight:850;letter-spacing:-.055em;line-height:1.3;margin:21px 0 20px}.hero-copy h1>span{color:var(--blue);position:relative;white-space:nowrap}.hero-copy>p{font-size:1.05rem;color:#526580;line-height:1.95}.hero-actions{display:flex;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:10px;padding:11px 23px;min-height:48px;font-weight:650;font-size:.95rem;line-height:1.6;text-align:center}.button:hover{background:var(--blue-dark);color:#fff;text-decoration:none}.button.secondary{background:#fff;color:#263953;border-color:#ccd7e6}.button.secondary:hover{background:#edf3fc;border-color:#9eb9df}.button.small{font-size:.85rem;padding:8px 13px;min-height:42px}.hero-meta{display:flex;gap:17px;margin-top:23px;flex-wrap:wrap}.hero-meta span{display:flex;align-items:center;gap:5px;font-size:.77rem;color:#5f6d80}.hero-meta svg{color:#23805b}.hero-lab{background:#e6edfc;border:1px solid #dbe5f9;border-radius:20px;padding:22px;position:relative}.lab-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.83rem;font-weight:600}.lab-tag{font-family:monospace;font-size:.65rem;color:#49628e;letter-spacing:.08em}.hero-terminal{border-radius:13px;background:#fff;box-shadow:0 8px 22px #203d7a0d;overflow:hidden}.terminal-title{display:flex;align-items:center;gap:9px;padding:14px 18px;font-size:.8rem;border-bottom:1px solid var(--line);color:#64758d}.hero-terminal .code-wrap{margin:0;border:none;border-radius:0}.hero-terminal .code-label{display:none}.hero-terminal .code-area{padding:22px 17px;font-size:.82rem;border-radius:0;min-height:85px}.hero-terminal .hand-type{background:#f4f7fc;font-size:.7rem;padding:10px 15px}.terminal-output{margin:17px;padding:14px 18px;background:#f1f9f5;border:1px solid #d7ebe0;border-radius:9px}.terminal-output>span{color:#4a705e;font-size:.72rem}.terminal-output p{font-family:monospace;font-size:1.8rem;letter-spacing:-.04em;color:#214b39;margin:7px 0 2px}.cursor-mark{color:#568c6e;margin-left:4px}.lab-bottom{display:flex;align-items:center;gap:9px;padding-top:17px;color:#435d87}.lab-bottom p{margin:0;font-size:.79rem}.progress-panel{display:flex;align-items:center;gap:30px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 27px}.progress-heading{display:flex;align-items:center;gap:14px;flex:1}.icon-tile{width:46px;height:46px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:12px}.progress-heading h2{font-size:1rem;margin:0 0 4px}.progress-heading p{font-size:.8rem;color:var(--muted);margin:0}.progress-meter{min-width:250px;max-width:340px;flex:1}.progress-meter>div{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:9px}.progress-meter>div>strong{color:var(--blue)}progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#eaf0f7}progress::-webkit-progress-bar{background:#eaf0f7}progress::-webkit-progress-value{background:var(--blue);border-radius:20px}progress::-moz-progress-bar{background:var(--blue)}.quiz-count{font-size:.78rem;color:var(--muted);padding-left:24px;border-left:1px solid var(--line)}.catalog{padding-top:51px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.eyebrow{font-size:.78rem;color:var(--blue);font-weight:750;letter-spacing:.075em;display:inline-block;margin-bottom:8px}.section-heading h2{margin:0;font-size:1.65rem}.section-note{font-size:.8rem;color:var(--muted);padding-bottom:4px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-tile{display:block;color:inherit;background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px 24px 18px;transition:box-shadow .15s,border-color .15s}.lesson-tile:hover{text-decoration:none;border-color:#a9bee4;box-shadow:0 5px 18px #1943820a}.tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.lesson-number{display:grid;place-items:center;width:38px;height:36px;border-radius:9px;background:#edf2ff;color:var(--blue);font-size:1rem;font-weight:750;font-family:monospace}.lesson-tile:nth-child(n+4) .lesson-number{background:#e8f8f0;color:#207050}.lesson-tile:nth-child(n+8) .lesson-number{background:#fff3d9;color:#8d5b0f}.tile-status{display:flex;gap:4px;align-items:center;color:#64758b;font-size:.73rem}.completed .tile-status{color:#1d714f}.lesson-tile h3{font-size:1.11rem;margin-bottom:7px}.lesson-tile p{font-size:.84rem;color:var(--muted);margin-bottom:19px}.tile-bottom{display:flex;align-items:center;gap:18px;padding-top:14px;border-top:1px solid #edf1f7;color:#65738a;font-size:.75rem}.tile-bottom>span{display:flex;align-items:center;gap:5px}.tile-bottom>svg{margin-left:auto;color:#8191a9}.learning-flow{margin-top:47px;padding:31px;background:#eaf3ff;border:1px solid #d7e6fa;border-radius:16px;display:grid;grid-template-columns:1fr 1.25fr;gap:30px}.learning-flow h2{font-size:1.45rem;margin-bottom:10px}.learning-flow p{color:#526581;font-size:.9rem}.text-link{font-weight:600;font-size:.9rem}.learning-flow ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.learning-flow li{display:flex;gap:15px;align-items:center;margin:0}.learning-flow li>svg{background:#fff;border:1px solid #d5e3f6;box-sizing:content-box;padding:11px;border-radius:10px;color:var(--blue);width:20px;height:20px}.learning-flow li div{display:flex;flex-direction:column;font-size:.9rem}.learning-flow li span{font-size:.8rem;color:#5b708d}.progress-settings{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0 50px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.progress-settings p{margin:0}.text-button{padding:4px 6px;border:0;color:var(--blue);background:transparent;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}.danger{color:#a23937}.danger-button{background:#a73535;border-color:#a73535}.danger-button:hover{background:#852323}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;max-width:480px;width:calc(100% - 30px);box-shadow:0 20px 60px #14294433}dialog::backdrop{background:#0d224778}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}footer{padding:27px 28px 30px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:.78rem;background:#fff}.footer-brand{color:#233853;font-weight:750;margin-right:18px}footer p{font-size:.73rem;margin:8px 0 0}.storage-warning{background:#fff0cf;border-bottom:1px solid #e8c66c;padding:12px 25px;font-size:.9rem;color:#704808}.lesson-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:55px;max-width:1200px;margin:0 auto;padding:32px 28px 55px}.sidebar{position:sticky;top:108px;align-self:start;max-height:calc(100vh - 125px);overflow-y:auto;padding-right:8px}.sidebar-label{font-size:.8rem;font-weight:700;color:#65768d;padding:5px 12px;margin-bottom:12px}.sidebar nav,.mobile-outline-panel nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.mobile-outline-panel nav a{display:flex;align-items:center;gap:10px;color:#57687e;font-size:.85rem;border-radius:8px;padding:11px 10px;line-height:1.7}.side-number{font-family:monospace;color:#8a96a7;font-size:.8rem}.sidebar nav a.active,.mobile-outline-panel nav a.active{background:#e6eeff;color:var(--blue);font-weight:650}.sidebar nav a.active .side-number{color:var(--blue)}.sidebar nav a:hover{background:#edf2fa;text-decoration:none}.sidebar-help{margin:27px 10px;padding:20px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.8rem}.sidebar-help>svg{color:var(--blue);margin-bottom:8px}.sidebar-help strong{display:block}.sidebar-help p{margin:8px 0;color:var(--muted)}.mobile-outline{display:none}.lesson-content{min-width:0}.breadcrumb{display:flex;gap:12px;font-size:.8rem;color:var(--muted);margin-bottom:27px}.breadcrumb a{color:#697992}.lesson-header h1{font-size:2.25rem;margin-bottom:9px}.lesson-header>p{font-size:1.06rem;color:var(--muted);margin-bottom:17px}.lesson-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.8rem;color:#64758b}.lesson-meta>span{display:flex;align-items:center;gap:7px}.lesson-meta .completed-label{color:#247755}.section-tabs{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:26px 0 14px;margin-bottom:28px;font-size:.85rem}.section-tabs a{min-height:35px;display:flex;align-items:center}.goal-box{padding:25px 27px;background:#edf4ff;border:1px solid #d6e5fb;border-radius:12px;margin:24px 0 38px}.section-title{display:flex;align-items:center;gap:10px;color:var(--blue)}.section-title h2{font-size:1.2rem;margin:0}.goal-box ul{list-style:none;padding:0}.goal-box li{display:flex;gap:9px;align-items:baseline;font-size:.95rem}.goal-box li>svg{align-self:start;margin-top:6px;color:#347252}.goal-box>p{font-size:.83rem;color:#607594;margin:15px 0 0}.lesson-section{margin:45px 0}.lesson-section>h2{margin-bottom:22px}.concept{margin:25px 0}.concept h3{margin-bottom:9px}.concept p{line-height:1.95}.vocabulary{background:#fff;border:1px solid var(--line);padding:23px;border-radius:12px;margin-top:26px}.vocabulary h3{font-size:1rem;margin-bottom:14px}.vocabulary dl{margin:0}.vocabulary dl>div{display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:.9rem;padding:9px 0;border-top:1px solid #eef2f7}.vocabulary dt{font-weight:650;color:var(--blue-dark)}.vocabulary dd{margin:0}.flow-reminder{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#eaf7f1;border:1px solid #d5eadf;border-radius:10px;color:#28634c;font-size:.81rem;flex-wrap:wrap}.flow-reminder p{flex:1;min-width:200px;margin:0}.flow-reminder a{white-space:nowrap;color:#21694b;text-decoration:underline}.example-card,.exercise-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:25px;margin:23px 0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px;flex-wrap:wrap}.card-heading .eyebrow{font-size:.7rem;margin-bottom:4px}.card-heading h3{margin:0;font-size:1.15rem}.card-heading .badge{margin-bottom:9px}.example-card>p{font-size:.95rem}.code-wrap{min-width:0;border:1px solid #1d334e;border-radius:10px;overflow:hidden;margin:17px 0}.code-label{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;background:#1c304a;color:#becce2;font-family:monospace;font-size:.72rem;flex-wrap:wrap}.code-label span:last-child{font-family:inherit;color:#acc1e3}.code-area{background:#14263e;color:#eef4fc;margin:0;padding:21px 20px;overflow-x:auto;max-width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.87rem;line-height:1.85;tab-size:4;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;white-space:pre}.code-area *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.code-area code{font:inherit}.hand-type{display:flex;align-items:flex-start;gap:8px;padding:11px 14px;background:#203650;color:#d4dfef;font-size:.76rem;line-height:1.7}.hand-type svg{margin-top:3px}.token.comment{color:#9cacc2}.token.keyword,.token.boolean{color:#c5adff}.token.string,.token.char{color:#a7e4b0}.token.number{color:#ffd393}.token.function{color:#8edaff}.token.operator{color:#f0c37f}.token.punctuation{color:#d4deee}.token.directive,.token.property{color:#a4cbff}.token.class-name{color:#8edbe0}.test-cases{margin:15px 0}.case+.case{border-top:1px solid var(--line);padding-top:12px;margin-top:17px}.case-title{font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:5px}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.io-grid>div{min-width:0}.io-label{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#607089;font-size:.8rem;font-weight:600;gap:8px}.io-label .text-button{font-size:.7rem;padding:0}.io{white-space:pre;overflow-x:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.8;background:#f4f7fb;border:1px solid #e6ecf3;border-radius:7px;padding:12px 14px;margin:0;min-height:52px}.io.output{background:#f1f8f4;border-color:#dcebe2}.copy-status{font-size:.72rem;color:#337553;display:block}.badge{display:inline-block;font-size:.7rem;font-weight:650;padding:2px 9px;border-radius:5px;background:#e9f3ff;color:#2b61a8}.difficulty-進階{color:#775116;background:#fff1d4}.difficulty-挑戰{color:#6951a5;background:#f0eafa}.knowledge{font-size:.78rem;color:var(--muted);margin-top:-3px}.requirements{font-size:.87rem;background:#f8fafc;border-radius:8px;padding:7px 15px}.requirements>div{padding:7px 0}.requirements dt{font-weight:650;margin-bottom:2px}.requirements dd{margin:0;color:#5c6b80}details{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:10px 0;background:#fff}summary{cursor:pointer;list-style:none;padding:14px 16px;min-height:49px;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:8px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";margin-left:auto;font-size:17px;color:#6a7a90}details[open]>summary:after{content:"−"}summary:hover{background:#f4f7fb}summary>span:not(.faq-number){font-weight:400;font-size:.73rem;color:#697a90;margin-left:4px}details>p{margin:0;padding:5px 18px 18px;font-size:.9rem}.hints>details{background:#fbfcff}.hints summary>svg{color:#977519}.answer{border-color:#cddcf0}.answer>summary{background:#f0f5fd;color:#2e527d}.answer .code-wrap{margin:16px}.answer>p{padding:0 18px 17px}.self-check{color:#6c7a8b;font-size:.75rem;margin:17px 0 0}.quiz-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin:27px 0}.quiz-card legend{font-size:1rem;font-weight:650;padding:0 7px}.quiz-options{display:grid;gap:9px;margin:3px 0}.quiz-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:11px 14px;cursor:pointer;font-size:.9rem;min-height:48px}.quiz-options input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.quiz-options label.selected{border-color:#6c98e6;background:#edf3ff}.option-letter{font-size:.77rem;color:#637b9d}.quiz-result{margin-top:16px;padding:14px 17px;border-radius:8px;font-size:.9rem}.quiz-result strong{display:flex;align-items:center;gap:6px}.quiz-result p{margin:6px 0 0}.quiz-result.correct{background:#edf8f1;color:#215b42}.quiz-result.retry{background:#fff6e6;color:#775118}.mistake-box{background:#fff8e8;border:1px solid #f0deb8;padding:25px 27px;border-radius:12px}.mistake-box h2{font-size:1.2rem}.mistake-box li,.mistake-box a{font-size:.92rem}.finish-box{text-align:center;margin-top:44px;padding:30px;background:#edf4ff;border-radius:13px}.finish-box>svg{color:var(--blue);margin-bottom:10px}.finish-box h2{font-size:1.3rem;margin-bottom:10px}.finish-box p{font-size:.85rem;color:#5f738e}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.lesson-pagination a{display:flex;flex-direction:column;gap:4px;padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:10px}.lesson-pagination a:last-child{text-align:right}.lesson-pagination span{font-size:.75rem;color:var(--muted)}.lesson-pagination strong{font-size:.93rem}.page-shell{max-width:1000px;padding:55px 28px 65px;margin:auto}.page-shell h1{font-size:2.4rem;margin-bottom:14px}.page-intro{font-size:1.05rem;color:var(--muted);max-width:680px}.filter-bar{display:flex;align-items:end;gap:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 23px;margin:30px 0}.filter-bar label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;min-width:150px}.filter-bar select{border:1px solid #b8c7da;background:#fff;border-radius:7px;padding:8px 35px 8px 12px;max-width:100%;color:#344963}.filter-bar>span{margin-left:auto;font-size:.83rem;white-space:nowrap;align-self:center}.exercise-overview-item{margin-top:34px}.exercise-overview-item>.text-link{font-size:.85rem}.exercise-overview-item>.exercise-card{margin-top:10px}.prose-page{max-width:960px}.prose-page section{margin-top:38px}.prose-page h2{font-size:1.4rem}.guide-flow{background:#eaf3ff;border:1px solid #d6e5fb;padding:17px 22px;border-radius:10px;margin:27px 0;color:#345e96;font-size:.9rem}.guide-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.guide-zones article{border:1px solid var(--line);background:#fff;padding:20px;border-radius:11px}.guide-zones svg{color:var(--blue);margin-bottom:15px}.guide-zones h3{font-size:.97rem}.guide-zones p{font-size:.88rem;margin:0;color:#61718b}.guide-steps{list-style:none;counter-reset:step;padding:0}.guide-steps>li{counter-increment:step;position:relative;padding:25px 0 15px 61px;border-bottom:1px solid var(--line);margin:0}.guide-steps>li:before{content:counter(step);position:absolute;left:0;top:27px;width:37px;height:37px;display:grid;place-items:center;background:#e3ecff;color:var(--blue);border-radius:11px;font-weight:750}.guide-steps h2{font-size:1.2rem}.source-note{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding:22px 0}.source-note h2{font-size:1rem}.faq-intro{display:flex;gap:14px;align-items:flex-start;background:#eaf3ff;padding:20px;border-radius:10px;margin:28px 0;color:#385c87}.faq-intro>svg{margin-top:4px}.faq-intro p{font-size:.9rem;margin:0}.faq-item{margin:13px 0;border-radius:10px}.faq-item>summary{font-size:1rem;padding:18px 20px;gap:15px}.faq-number{font-family:monospace;color:#6e87ad;font-size:.8rem}.faq-body{padding:6px 24px 20px}.faq-body h3{font-size:.95rem;margin:22px 0 10px}.faq-body p{font-size:.94rem}.project-steps{border-left:3px solid #4784d4;padding:5px 0 5px 20px;margin-top:28px}.project-steps ol{font-size:.92rem}.mobile-outline-panel{background:#fff;border:1px solid var(--line);padding:14px;border-radius:10px;margin:10px 0 22px}@media(min-width:1100px){.lesson-tile:last-child{grid-column:span 3;display:grid;grid-template-columns:160px 1fr 1fr 240px;align-items:center;gap:18px;padding-top:22px;padding-bottom:22px}.lesson-tile:last-child .tile-top{margin:0;gap:13px;justify-content:flex-start}.lesson-tile:last-child h3,.lesson-tile:last-child p{margin:0}.lesson-tile:last-child .tile-bottom{border:0;padding:0}.lesson-tile:last-child .tile-status{display:none}}@media(max-width:1100px){.header-inner{gap:30px}.header-note{display:none}.main-nav{margin-left:auto}.home-hero{gap:32px}.hero-copy h1{font-size:3rem}.hero-meta{gap:10px}.quiz-count{display:none}.lesson-layout{gap:28px;grid-template-columns:225px minmax(0,1fr)}.lesson-tile{padding:20px}.hero-terminal .code-area{font-size:.75rem}}@media(max-width:800px){.site-header{height:72px}.header-inner{padding:0 20px;gap:18px}.brand{font-size:1rem}.brand-mark{width:34px;height:34px;border-radius:10px}.main-nav{gap:18px}.main-nav a{font-size:.77rem}.home-shell{padding:0 22px}.home-hero{padding:43px 0 32px;grid-template-columns:1fr 1fr;gap:24px}.hero-copy h1{font-size:2.65rem}.hero-copy>p{font-size:.9rem}.pill{font-size:.68rem}.hero-actions .button{padding:10px 15px;font-size:.8rem}.hero-meta{font-size:.7rem;gap:8px}.hero-meta span{font-size:.7rem}.hero-meta span:last-child{display:none}.hero-lab{padding:15px}.lab-tag{display:none}.hero-terminal .code-area{font-size:.72rem}.hero-terminal .hand-type{font-size:.68rem}.terminal-output p{font-size:1.5rem}.lab-bottom p{font-size:.7rem}.progress-panel{gap:22px;padding:22px}.progress-meter{min-width:180px}.progress-heading p{font-size:.74rem}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:16px}.learning-flow{padding:25px;grid-template-columns:1fr 1fr}.lesson-layout{display:block;max-width:820px;padding:25px 24px 45px}.sidebar{display:none}.mobile-outline{display:flex;width:100%;margin-bottom:23px;justify-content:flex-start;font-size:.85rem}.lesson-header h1{font-size:2.1rem}.section-note{font-size:.7rem}.guide-zones{grid-template-columns:1fr}.guide-zones article{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.guide-zones h3{margin-bottom:5px}.guide-zones article p{grid-column:2}.guide-zones article svg{grid-row:span 2}.filter-bar{gap:14px}.filter-bar label{min-width:120px}.filter-bar select{font-size:.85rem}.header-inner .main-nav{gap:16px}}@media(max-width:600px){body{font-size:16px}.site-header{height:68px}.header-inner{padding:0 17px}.brand{font-size:1.05rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;height:auto;box-shadow:0 10px 16px #1931530d;border-bottom:1px solid var(--line);padding:12px 18px;gap:0!important}.main-nav.open{display:flex;flex-direction:column}.main-nav a{padding:11px 14px;border:0;font-size:.94rem;min-height:46px;border-radius:7px}.main-nav a.active{background:#edf3ff}.home-shell{padding:0 18px}.home-hero{grid-template-columns:1fr;gap:27px;padding:34px 0 28px}.hero-copy h1{font-size:2.9rem;line-height:1.3;margin:17px 0}.hero-copy>p{font-size:.97rem;margin-bottom:15px}.pill{font-size:.72rem}.hero-actions{margin-top:22px}.hero-actions .button{font-size:.9rem;padding:12px 19px}.hero-meta{margin-top:20px}.hero-meta span{font-size:.73rem}.hero-meta span:last-child{display:flex}.hero-lab{padding:17px;border-radius:15px}.lab-top{font-size:.8rem;margin-bottom:12px}.lab-tag{display:inline;font-size:.58rem}.hero-terminal .code-area{font-size:.82rem;min-height:72px;padding:17px}.terminal-title{padding:11px 17px}.terminal-output{padding:11px 15px;margin:13px}.terminal-output p{font-size:1.5rem}.hero-terminal .hand-type{font-size:.72rem}.lab-bottom{padding-top:13px}.lab-bottom p{font-size:.76rem}.progress-panel{flex-direction:column;align-items:stretch;gap:18px;padding:21px}.progress-heading p{font-size:.77rem}.progress-meter{max-width:none;min-width:0}.progress-heading h2{font-size:1.04rem}.catalog{padding-top:32px}.section-heading{display:block;margin-bottom:19px}.section-heading h2{font-size:1.45rem;margin-bottom:8px}.section-note{font-size:.76rem}.lesson-grid{grid-template-columns:1fr;gap:13px}.lesson-tile{padding:20px 22px 17px}.tile-top{margin-bottom:12px}.lesson-tile h3{font-size:1.13rem}.lesson-tile p{font-size:.85rem;margin-bottom:15px}.tile-status,.tile-bottom{font-size:.78rem}.lesson-number{width:35px;height:32px}.tile-bottom{padding-top:12px}.learning-flow{grid-template-columns:1fr;margin-top:28px;padding:23px;gap:20px}.learning-flow h2{font-size:1.36rem}.learning-flow p{margin-bottom:10px}.progress-settings{gap:8px;margin:20px 0 30px;font-size:.75rem;align-items:start}.progress-settings .text-button{padding-left:0}.footer-brand{display:block;margin-right:0;margin-bottom:6px}footer{padding:24px 18px}footer p{font-size:.69rem}.lesson-layout{padding:22px 17px 36px}.breadcrumb{margin-bottom:21px}.lesson-header h1{font-size:1.95rem}.lesson-header>p{font-size:.96rem}.lesson-meta{gap:14px;font-size:.75rem}.section-tabs{gap:10px 18px;padding:18px 0 12px;font-size:.8rem;margin-bottom:20px}.goal-box{padding:20px;margin:20px 0 30px}.goal-box li{font-size:.93rem}.section-title h2{font-size:1.15rem}.lesson-section{margin:33px 0}.lesson-section>h2{font-size:1.5rem}.concept p{font-size:1rem;line-height:1.95}.vocabulary{padding:18px}.vocabulary dl>div{grid-template-columns:1fr;gap:3px;padding:12px 0}.vocabulary dd{font-size:.9rem}.flow-reminder{padding:17px;gap:11px}.flow-reminder p{min-width:190px}.flow-reminder a{margin-left:35px}.example-card,.exercise-card{padding:17px;margin:19px 0;border-radius:10px}.card-heading{gap:12px}.card-heading h3{font-size:1.1rem}.card-heading .button{font-size:.78rem;min-height:44px;padding:8px 12px}.code-label{padding:9px 12px;font-size:.66rem}.code-label span:last-child{display:none}.code-area{font-size:.81rem;padding:16px 13px;line-height:1.85}.hand-type{font-size:.7rem;padding:10px 12px;gap:6px}.io-grid{grid-template-columns:1fr;gap:5px}.io{font-size:.83rem}.io-label{font-size:.77rem}.io-label .text-button{font-size:.75rem}summary{font-size:.84rem;padding:13px 12px}summary>span:not(.faq-number){font-size:.69rem}.answer .code-wrap{margin:12px}.quiz-card{padding:15px}.quiz-card legend{font-size:.95rem}.quiz-options label{font-size:.86rem;padding:11px 9px;gap:8px}.quiz-result{font-size:.86rem;padding:12px}.mistake-box{padding:21px}.finish-box{padding:25px 17px}.lesson-pagination{gap:11px}.lesson-pagination a{padding:15px 13px}.lesson-pagination strong{font-size:.83rem}.page-shell{padding:33px 18px 45px}.page-shell h1{font-size:2rem}.page-intro{font-size:.98rem}.filter-bar{display:grid;grid-template-columns:1fr;gap:14px;padding:18px}.filter-bar label{min-width:0}.filter-bar>span{margin-left:0}.filter-bar select{font-size:.9rem}.guide-steps>li{padding:25px 0 14px 44px}.guide-steps>li:before{width:31px;height:31px;border-radius:9px}.guide-steps h2{font-size:1.15rem}.guide-steps p{font-size:.96rem}.faq-item>summary{font-size:.92rem;padding:15px;gap:10px}.faq-body{padding:3px 13px 16px}.faq-intro{padding:17px;gap:10px}.source-note{overflow-wrap:anywhere}.dialog-actions .button{flex:1;padding:10px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.hero-terminal .hand-type{color:#526782}.lab-top{font-size:.875rem}.tile-status,.hero-meta span,.code-label,.hand-type{font-size:.8rem}.sidebar-label,.side-number,.faq-number{color:#536780}summary>span:not(.faq-number),.self-check{color:#586a82}.goal-box>p{color:#4e6380}.hero-copy,.hero-lab{min-width:0}.header-inner{height:auto;min-height:82px}.header-note{white-space:normal}.main-nav{flex-wrap:wrap}@media(max-width:800px){.header-inner{min-height:72px}}@media(max-width:600px){.header-inner{min-height:68px}}.site-header{height:auto;min-height:82px}.lab-bottom{flex-wrap:wrap}.lab-bottom .button{margin-left:auto;font-size:.78rem}@media(max-width:800px){.site-header{min-height:72px}}@media(max-width:600px){.site-header{min-height:68px}}.breadcrumb a,.finish-box p{color:#4e6380}.syntax-section{margin-top:38px}.syntax-takeaway{font-size:1.05rem;font-weight:650;color:#314d75}.syntax-cards{display:grid;gap:20px}.syntax-card{border:1px solid #d8e3f3;border-radius:15px;background:#fff;padding:23px;min-width:0}.syntax-card h3{margin-bottom:16px}.syntax-kind{font-size:.75rem;color:#526580}.syntax-parts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:stretch}.syntax-part{display:flex;flex-direction:column;align-items:stretch;flex:1 1 115px;min-width:0;text-align:center}.syntax-protected{padding:12px!important;border-radius:8px!important;background:#17263e!important;overflow-x:auto;font-size:.91rem!important;line-height:1.7;max-width:100%;white-space:pre}.syntax-part>svg{align-self:center;color:#3c628d;margin:6px 0}.syntax-part>span{font-size:.8rem;color:#183e74;background:#eaf1ff;border-radius:7px;padding:7px 9px;flex:1}.syntax-part.tone-1>span{background:#e3f6ee;color:#17533c}.syntax-part.tone-2>span{background:#fff0d6;color:#704400}.syntax-part.tone-3>span{background:#f1eafb;color:#593782}.syntax-type-note{font-size:.72rem;color:#57657c;margin:12px 0 0}.syntax-notes{padding-left:1.2rem;font-size:.86rem;margin:16px 0 0;color:#465c78}.syntax-notes li+li{margin-top:8px}.visual-board{margin:24px 0 0;border:1px solid #cbdcf1;background:#eef5ff;border-radius:17px;padding:26px;min-width:0}.visual-board h3{font-size:1.3rem;margin:0 0 10px}.visual-board figcaption>p{font-size:.88rem;color:#49617d}.visual-board h4{font-size:1rem;margin:22px 0 12px}.visual-flow{display:flex;list-style:none;gap:22px;padding:0;margin:22px 0 2px}.visual-flow li{position:relative;background:#fff;border:1px solid #c8d9ee;border-radius:10px;flex:1;padding:15px 12px;text-align:center;margin:0;min-width:0}.flow-number{display:grid;place-items:center;margin:0 auto 7px;background:#174fdb;color:#fff;width:28px;height:28px;border-radius:50%;font:700 .8rem monospace}.visual-flow strong{display:block;font-size:.84rem;overflow-wrap:anywhere}.flow-arrow{position:absolute;right:-22px;top:calc(50% - 10px);color:#315888}.data-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.data-box{background:#fff;border:2px solid #adc6e4;border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center}.data-box>span{font-size:.77rem;color:#385373}.data-box svg{color:#446f9c;margin:10px 0 3px}.data-box strong{font-size:1.8rem;color:#17385f}.data-box small{font-family:monospace;background:#edf2fa;padding:2px 10px;border-radius:4px;color:#355375}.demo-controls{display:flex;align-items:center;gap:10px;margin:18px 0;flex-wrap:wrap;font-size:.83rem}.demo-choice{border:1px solid #acc2e3;background:#fff;color:#294b79;border-radius:9px;min-width:48px;padding:6px 12px;font-weight:700}.demo-choice[aria-pressed=true]{background:#174fdb;color:#fff;border-color:#174fdb}.demo-result{padding:12px 15px;background:#fff;border:1px solid #cbdcf1;border-radius:9px;font-size:.87rem;margin:16px 0 0}.swap-map{border-top:1px dashed #b1c8e4;margin-top:22px;padding-top:15px}.swap-map>span{font-weight:700;font-size:.88rem}.sharing-picture{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px}.candy-group{background:#fff;border:1px solid #bcd1e6;border-radius:12px;padding:16px 8px;text-align:center}.candy-group>span,.candy-group strong{display:block;color:#3f5572;font-size:.84rem}.candy-group>div{display:flex;justify-content:center;gap:7px;margin:14px 0;flex-wrap:wrap}.candy{width:24px;height:24px;border-radius:7px;background:#edb548;border:2px solid #916800;display:block;transform:rotate(-12deg)}.candy-group:last-child .candy{background:#9bcfbd;border-color:#2c7259}.compare-grid,.logic-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.compare-grid>div,.logic-pictures>div{background:#fff;border-radius:8px;padding:13px 10px;text-align:center;min-width:0}.compare-grid strong,.logic-pictures strong{font-size:.91rem;display:block;color:#204469}.compare-grid span,.logic-pictures span{display:block;font-size:.77rem;color:#506781;margin-top:5px}.visual-warning{font-size:.84rem;background:#fff4df;color:#694814;border-left:3px solid #af741a;padding:12px 15px;margin:18px 0 0;border-radius:0 7px 7px 0}.branch-source{display:flex;flex-direction:column;align-items:center;gap:8px;color:#315785;margin:18px 0}.branch-source>strong{background:#fff;border:2px solid #92b2de;border-radius:30px;padding:8px 24px}.branch-options{display:flex;gap:15px}.branch-node{flex:1;min-width:0;text-align:center;padding:18px 10px;background:#fff;border:2px dashed #b4c8e1;border-radius:13px;display:flex;flex-direction:column;gap:8px}.branch-node span{font-size:.78rem;color:#506683}.branch-node strong{font-size:1.12rem;overflow-wrap:anywhere}.branch-node small{font-size:.75rem;color:#52647b}.branch-node.is-active{background:#e0f5e9;border:2px solid #237651}.branch-node.is-active small{color:#155537;font-weight:750}.loop-stages{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.loop-stages span{background:#fff;border:1px solid #bfd0e7;padding:6px 12px;border-radius:22px;font-size:.82rem}.loop-stages span.is-active{background:#174fdb;color:#fff;border-color:#174fdb}.trace-board{display:grid;grid-template-columns:1fr 2fr;gap:16px}.trace-variable,.trace-output{border:1px solid #c8d7e9;border-radius:11px;background:#fff;padding:18px}.trace-variable{display:flex;flex-direction:column;align-items:center;gap:4px}.trace-variable strong{font-size:2.4rem;color:#174fdb}.trace-variable span,.trace-output>span{font-size:.8rem;color:#496584}.trace-output pre{font-family:monospace;margin:10px 0 0;min-height:80px;line-height:1.5;color:#1c543a}.demo-controls button:disabled{background:#59749a;border-color:#59749a;color:#fff}.array-drawers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.array-drawers button{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border:2px solid #b7cae4;background:#fff;border-radius:12px;color:#3a567c}.array-drawers button[aria-pressed=true]{border-color:#174fdb;background:#e5eeff}.array-drawers strong{font-size:2rem;margin:8px 0;color:#203b62}.array-drawers span,.array-drawers small{font-size:.8rem}.function-machine{display:flex;align-items:center;gap:12px;text-align:center;margin-top:18px}.function-machine>div{flex:1;min-width:0;background:#fff;border:1px solid #c5d7ed;border-radius:10px;padding:18px 8px;display:flex;align-items:center;flex-direction:column;gap:6px}.function-machine span{font-size:.8rem;color:#405c80}.function-machine strong{font-size:1.1rem;color:#244977;overflow-wrap:anywhere}.function-machine .machine{background:#dfecff;border:2px solid #779fd1}.function-machine>svg{color:#416a98;width:22px}.output-picture{display:flex;flex-direction:column;align-items:center;gap:18px}.output-pieces{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.output-pieces span{background:#fff;border:1px solid #a8c2e4;padding:9px 14px;border-radius:7px;font-family:monospace;color:#2e517b}.output-pieces .space-block{background:#ffefcd;color:#704400}.paper-output{padding:18px 24px;border-radius:10px;background:#fff;border:1px solid #a8c2e4;min-width:65%;text-align:left;color:#466183}.paper-output pre{font-size:1.5rem;color:#204d38;margin:9px 0}.paper-output>span{font-size:.8rem}.word-split{display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:10px}.word-split>strong{padding:10px 28px;background:#fff;border-radius:8px;color:#23456f}.word-split>div{display:flex;gap:18px}.word-split>div>span{border:1px solid #bccfe7;background:#fff;border-radius:9px;padding:10px 20px;text-align:center;font-size:.8rem}.word-split b{font-size:1.1rem}.concept{border:1px solid #dce5f1;background:#fff;border-radius:10px;padding:0!important;margin:12px 0!important}.concept summary{font-weight:650;padding:16px 20px;min-height:52px;cursor:pointer;color:#294766}.concept p{padding:0 20px 18px;margin:0;font-size:.9rem}.section-intro{font-size:.88rem;color:#566b86}.vocabulary{margin-top:22px}.vocabulary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vocabulary dl>div{display:block!important;background:#fff;padding:10px 13px;border-radius:8px}.vocabulary dd{margin:3px 0 0;font-size:.82rem}.mission-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.mission-map a{border:1px solid #bdd2eb;background:#eef5ff;border-radius:11px;padding:15px;color:#244b80;display:flex;flex-direction:column;gap:5px;min-width:0}.mission-map a:hover{background:#e2edfd;text-decoration:none}.mission-map span{font-size:.72rem;color:#536782}.mission-map strong{font-size:1.02rem}.mission-map small{font-size:.77rem}.mission-badge{display:inline-block;background:#eef2ff;border:1px solid #cdd9ef;color:#27477d;border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:650;margin-right:10px}.repair-starter{margin:18px 0}.repair-starter>strong{font-size:.9rem;color:#86501e}.editor-checklist{border:1px solid #bcd8ce;background:#effaf4;border-radius:10px;padding:18px;margin:18px 0}.editor-checklist ul{margin:10px 0 0}.syntax-section h4{color:#244365}@media(max-width:760px){.syntax-card{padding:17px}.visual-board{padding:18px}.data-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-flow{flex-direction:column;gap:22px}.visual-flow li{display:flex;align-items:center;gap:14px;text-align:left}.flow-number{margin:0;flex-shrink:0}.flow-arrow{transform:rotate(90deg);right:calc(50% - 10px);top:auto;bottom:-22px}.branch-options{gap:8px}.branch-node{padding:13px 7px}.branch-node strong{font-size:.95rem}.function-machine{gap:6px}.function-machine>svg{width:16px}.function-machine>div{padding:13px 6px}.function-machine strong{font-size:.93rem}.syntax-parts{gap:8px}.syntax-part{flex-basis:125px}.mission-map{gap:8px}.mission-map a{padding:12px 9px}.mission-map strong{font-size:.87rem}.compare-grid,.logic-pictures{grid-template-columns:1fr}.compare-grid>div,.logic-pictures>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.compare-grid span,.logic-pictures span{margin:0}.sharing-picture{gap:8px}.candy-group{padding:12px 5px}.candy{width:18px;height:18px}.candy-group>div{gap:5px}.vocabulary dl{grid-template-columns:1fr}.word-split>div{gap:10px}.word-split>div>span{padding:10px 14px}}@media(max-width:400px){.mission-map{grid-template-columns:1fr}.mission-map a{display:grid;grid-template-columns:1fr 1fr}.mission-map small{grid-column:1/-1}.syntax-part{flex-basis:105px}.trace-board{grid-template-columns:1fr 1.5fr}.trace-variable,.trace-output{padding:12px}.branch-options{flex-direction:column}.branch-node{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.branch-node strong{font-size:1rem}}.syntax-protected:focus-visible{outline:3px solid #bd6500;outline-offset:4px}