.page-module__diA1aG__page{color:#253d35;background:#f8faf6}.page-module__diA1aG__hero{color:#fff;background:#163f35;border-bottom:6px solid #f5c956}.page-module__diA1aG__heroInner{grid-template-columns:1.6fr 1fr;align-items:center;gap:48px;max-width:1160px;margin:auto;padding:62px 24px;display:grid}.page-module__diA1aG__eyebrow{color:#f5d77b;letter-spacing:.13em;font-size:12px;font-weight:800}.page-module__diA1aG__hero h1{letter-spacing:-.03em;margin:18px 0;font-size:clamp(32px,4vw,51px);font-weight:900;line-height:1.3}.page-module__diA1aG__hero h1 span{color:#f5d77b;margin-top:12px;font-size:.7em;display:block}.page-module__diA1aG__intro{color:#d7e9df;line-height:1.9}.page-module__diA1aG__start{color:#233c31;background:#f5c956;border-radius:10px;align-items:center;gap:14px;margin-top:24px;padding:13px 19px;font-weight:800;display:inline-flex}.page-module__diA1aG__character{background:#245447;border:1px solid #4c7563;border-radius:32px;flex-direction:column;align-items:center;padding:24px;display:flex;transform:rotate(2deg)}.page-module__diA1aG__bubble{color:#254536;background:#fff;border-radius:16px 16px 16px 2px;padding:13px 17px;font-weight:800}.page-module__diA1aG__monkey{font-size:116px;line-height:1.5}.page-module__diA1aG__characterLabel{color:#f5d77b;font-size:13px;font-weight:800}.page-module__diA1aG__layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:44px;max-width:1160px;margin:auto;padding:44px 24px 70px;display:grid}.page-module__diA1aG__nav{flex-direction:column;gap:8px;display:flex;position:sticky;top:28px}.page-module__diA1aG__nav small{color:#6e7b6f;margin:0 0 12px 12px;font-weight:800}.page-module__diA1aG__nav a{border-radius:9px;align-items:center;gap:9px;padding:12px;font-size:13px;font-weight:700;display:flex}.page-module__diA1aG__nav a:hover{background:#e5efe4}.page-module__diA1aG__nav p{color:#65766a;border-top:1px solid #dce4d9;padding:20px 12px;font-size:12px;line-height:1.8}.page-module__diA1aG__content{min-width:0}.page-module__diA1aG__notice{background:#fff8e4;border:1px solid #e5ce8d;border-left:5px solid #e5b731;border-radius:12px;padding:22px 24px}.page-module__diA1aG__notice p{margin:8px 0 0;font-size:14px;line-height:1.85}.page-module__diA1aG__section{border-bottom:1px solid #dae4d8;padding:38px 0;scroll-margin-top:24px}.page-module__diA1aG__section h2{font-size:25px;font-weight:900;line-height:1.5}.page-module__diA1aG__section>p{color:#586b5f;margin:18px 0 22px;font-size:15px;line-height:1.9}.page-module__diA1aG__sectionHeading{align-items:center;gap:15px;margin-bottom:23px;display:flex}.page-module__diA1aG__sectionHeading>span{color:#fff;background:#1f6951;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.page-module__diA1aG__sectionHeading small{color:#788477;font-size:12px}.page-module__diA1aG__sectionHeading>svg{color:#639274;flex:none;margin-left:auto}.page-module__diA1aG__twoColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.page-module__diA1aG__codeCard{background-color:#fff;background-image:radial-gradient(#e2e9e0 1px,#0000 1px);background-size:18px 18px;border:1px solid #dce5d9;border-radius:15px;min-width:0;padding:24px 20px}.page-module__diA1aG__codeCard h3{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:15px;font-weight:800;display:flex}.page-module__diA1aG__codeCard kbd{background:#edf3e9;border:1px solid #cbd8c7;border-bottom-width:3px;border-radius:6px;padding:3px 10px}.page-module__diA1aG__stack{flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.page-module__diA1aG__block{color:#fff;border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;min-height:42px;padding:11px 12px;font-size:13px;font-weight:800;line-height:1.7;display:flex;position:relative;box-shadow:inset 0 -2px #0002}.page-module__diA1aG__block+.page-module__diA1aG__block{margin-top:-1px}.page-module__diA1aG__block b{color:#354552;background:#fff;border-radius:16px;padding:1px 8px;font-weight:500}.page-module__diA1aG__event{color:#583d00;background:#ffbf00;border-radius:19px 7px 5px 5px;padding-top:15px}.page-module__diA1aG__motion{background:#4c97ff}.page-module__diA1aG__looks{background:#96f}.page-module__diA1aG__control{color:#553600;background:#ffab19}.page-module__diA1aG__loop{background:#ffab19;border-radius:5px;max-width:100%;padding-right:8px}.page-module__diA1aG__loopBody{background:#fff;border-radius:3px;margin-left:15px}.page-module__diA1aG__loopEnd{text-align:right;color:#553600;padding:0 8px 2px}.page-module__diA1aG__sensing{background:#5cb1d6;border-radius:20px;padding:1px 8px;font-style:normal}.page-module__diA1aG__operator{background:#59b847;border-radius:20px;flex-wrap:wrap;align-items:center;gap:5px;padding:4px 8px;font-style:normal;display:inline-flex}.page-module__diA1aG__variable{background:#ff8c1a;border-radius:20px;padding:2px 9px;font-style:normal}.page-module__diA1aG__variableBlock{background:#ff8c1a}.page-module__diA1aG__motionReporter{background:#4c97ff;border-radius:20px;padding:2px 8px;font-style:normal}.page-module__diA1aG__conditionEnd{height:15px}.page-module__diA1aG__roleBanner{background:#fff1bb;border:1px solid #e7cb68;border-radius:18px;align-items:center;gap:20px;padding:26px;display:flex}.page-module__diA1aG__roleBanner>span{flex:none;font-size:50px}.page-module__diA1aG__roleBanner small{color:#776019;font-size:12px;font-weight:800}.page-module__diA1aG__roleBanner p{margin-top:6px;font-size:14px;line-height:1.8}.page-module__diA1aG__scoreExample{background:#fff;border:1px solid #dce5d9;border-radius:12px;padding:18px}.page-module__diA1aG__stageSteps{margin-top:24px}.page-module__diA1aG__countdown{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.page-module__diA1aG__countdown span{background:#fff1bb;border:1px solid #e7cb68;border-radius:10px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.page-module__diA1aG__countdown span:last-child{color:#fff;background:#1f6951;border-color:#1f6951}.page-module__diA1aG__broadcastCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.page-module__diA1aG__broadcastCards>div{background:#fff;border:1px solid #dce5d9;border-radius:12px;padding:18px}.page-module__diA1aG__broadcastCards small{color:#637967;font-weight:800}.page-module__diA1aG__broadcastCards h3{margin-top:12px;font-size:16px;font-weight:800}.page-module__diA1aG__broadcastCards p{color:#627267;margin-top:8px;font-size:13px;line-height:1.9}.page-module__diA1aG__broadcastCards a{color:#1f6951;text-underline-offset:3px;margin-top:12px;font-size:12px;font-weight:800;text-decoration:underline;display:inline-block}.page-module__diA1aG__stageReference{background:#fff;max-width:480px}@media (max-width:600px){.page-module__diA1aG__broadcastCards{grid-template-columns:1fr}}.page-module__diA1aG__nav{max-height:calc(100vh - 56px);overflow-y:auto}.page-module__diA1aG__nav>small:not(:first-child){margin-top:14px}@media (max-width:960px){.page-module__diA1aG__nav{max-height:none;overflow-y:visible}}@media (max-width:600px){.page-module__diA1aG__roleBanner{align-items:flex-start;gap:12px;padding:20px 16px}.page-module__diA1aG__roleBanner>span{font-size:34px}.page-module__diA1aG__loop .page-module__diA1aG__block{gap:4px;padding-inline:6px}.page-module__diA1aG__loopBody{margin-left:10px}}.page-module__diA1aG__flag{color:#1c823e;font-size:22px}.page-module__diA1aG__codeCard>p{color:#677569;margin-top:20px;font-size:12px;line-height:1.8}.page-module__diA1aG__tip{background:#edf3e8;border-radius:10px;margin-top:20px;padding:16px 18px;font-size:13px;line-height:1.9}.page-module__diA1aG__recipe{grid-template-columns:1fr 1fr;align-items:start;gap:26px;display:grid}.page-module__diA1aG__steps{margin:0;padding-left:24px}.page-module__diA1aG__steps li{padding:0 0 18px 5px}.page-module__diA1aG__steps li::marker{color:#1f6951;font-weight:900}.page-module__diA1aG__steps strong{font-size:14px}.page-module__diA1aG__steps p{color:#627267;margin-top:5px;font-size:13px;line-height:1.9}.page-module__diA1aG__finishCode{padding:28px}.page-module__diA1aG__explainGrid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.page-module__diA1aG__explainGrid h3{font-size:15px;font-weight:800}.page-module__diA1aG__explainGrid p{color:#627267;margin-top:8px;font-size:13px;line-height:1.9}.page-module__diA1aG__checklist{gap:10px;display:grid}.page-module__diA1aG__checklist label{cursor:pointer;background:#fff;border:1px solid #dce5d9;border-radius:10px;align-items:flex-start;gap:12px;padding:17px;font-size:14px;line-height:1.8;display:flex}.page-module__diA1aG__checklist input{accent-color:#1f6951;flex:none;width:19px;height:19px;margin-top:3px}.page-module__diA1aG__checklist input:checked+span{color:#657b66;text-decoration:line-through}.page-module__diA1aG__troubleshoot{background:#edf3e8;border-radius:10px;margin-top:20px;padding:18px;font-size:14px}.page-module__diA1aG__troubleshoot summary{cursor:pointer;font-weight:800}.page-module__diA1aG__troubleshoot ul{margin-top:15px;padding-left:20px}.page-module__diA1aG__troubleshoot li{margin-top:9px;line-height:1.9}.page-module__diA1aG__reference{border:1px solid #dce5d9;border-radius:14px;display:block;overflow:hidden}.page-module__diA1aG__reference img{width:100%;height:auto;display:block}.page-module__diA1aG__footer{flex-wrap:wrap;align-items:center;gap:18px;padding-top:28px;font-size:13px;display:flex}.page-module__diA1aG__footer span{width:100%;font-weight:800}.page-module__diA1aG__footer a{color:#1f6951;text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.page-module__diA1aG__page a:focus-visible,.page-module__diA1aG__page summary:focus-visible,.page-module__diA1aG__page input:focus-visible{outline-offset:4px;outline:3px solid #ca950c}@media (max-width:960px){.page-module__diA1aG__layout{grid-template-columns:1fr;gap:20px}.page-module__diA1aG__nav{flex-flow:wrap;position:static}.page-module__diA1aG__nav p,.page-module__diA1aG__nav small{display:none}.page-module__diA1aG__nav a{background:#edf3e8}.page-module__diA1aG__heroInner{gap:24px}.page-module__diA1aG__recipe{gap:18px}}@media (max-width:600px){.page-module__diA1aG__heroInner{grid-template-columns:1fr;padding:36px 20px}.page-module__diA1aG__character{padding:18px;transform:none}.page-module__diA1aG__monkey{font-size:80px;line-height:1.2}.page-module__diA1aG__characterLabel{margin-top:8px}.page-module__diA1aG__layout{padding:24px 18px 48px}.page-module__diA1aG__twoColumns,.page-module__diA1aG__recipe,.page-module__diA1aG__explainGrid{grid-template-columns:1fr}.page-module__diA1aG__section h2{font-size:22px}.page-module__diA1aG__sectionHeading{gap:10px}.page-module__diA1aG__sectionHeading>svg{display:none}.page-module__diA1aG__block{padding-inline:9px;font-size:12px}.page-module__diA1aG__finishCode{padding:22px 12px}.page-module__diA1aG__notice{padding:18px}.page-module__diA1aG__intro{font-size:14px}}@media print{.page-module__diA1aG__nav,.page-module__diA1aG__start,.page-module__diA1aG__checklist input{display:none}.page-module__diA1aG__layout{display:block}.page-module__diA1aG__hero{color:#163f35;background:#fff}.page-module__diA1aG__hero h1 span,.page-module__diA1aG__intro,.page-module__diA1aG__eyebrow{color:#163f35}.page-module__diA1aG__character{display:none}.page-module__diA1aG__heroInner{padding:20px;display:block}.page-module__diA1aG__block{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-module__diA1aG__codeCard,.page-module__diA1aG__sectionHeading{break-inside:avoid}}
.lesson-module__kkwxhW__hero{background:#353064;border-bottom-color:#f5c956}.lesson-module__kkwxhW__mission{background:#ffffff0d;border:1px solid #ffffff30;border-radius:22px;padding:28px}.lesson-module__kkwxhW__mission>svg{color:#f5d77b}.lesson-module__kkwxhW__mission h2{margin:16px 0;font-size:23px;font-weight:900}.lesson-module__kkwxhW__mission ol{gap:18px;display:grid}.lesson-module__kkwxhW__mission li{flex-direction:column;gap:5px;display:flex}.lesson-module__kkwxhW__mission li b{color:#f5d77b}.lesson-module__kkwxhW__mission li span,.lesson-module__kkwxhW__mission>p{color:#e6e0ff;font-size:13px;line-height:1.8}.lesson-module__kkwxhW__mission>p{margin-top:20px}.lesson-module__kkwxhW__flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.lesson-module__kkwxhW__flow>div{color:#433671;background:#f0edf9;border:1px solid #d6cfec;border-radius:15px;flex-direction:column;gap:10px;padding:22px;display:flex}.lesson-module__kkwxhW__flow small{font-size:12px}.lesson-module__kkwxhW__flow strong{font-size:15px}.lesson-module__kkwxhW__roleTitle{align-items:center;gap:14px;margin:28px 0 12px;display:flex}.lesson-module__kkwxhW__roleTitle>span{font-size:36px}.lesson-module__kkwxhW__roleTitle h3{font-size:22px;font-weight:900}.lesson-module__kkwxhW__roleTitle small{color:#68776b;font-size:12px}.lesson-module__kkwxhW__demo{background:#fff;border:1px solid #d6cfec;border-radius:18px;overflow:hidden}.lesson-module__kkwxhW__demoLabel{color:#64577d;background:#f0edf9;padding:16px 20px;font-size:12px;line-height:1.8}.lesson-module__kkwxhW__demoToolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:20px;display:flex}.lesson-module__kkwxhW__demoToolbar>div{flex-wrap:wrap;gap:8px;display:flex}.lesson-module__kkwxhW__demoToolbar button{color:#fff;cursor:pointer;background:#433671;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800}.lesson-module__kkwxhW__demoToolbar button:disabled{opacity:.45;cursor:default}.lesson-module__kkwxhW__demoToolbar button:focus-visible{outline-offset:3px;outline:3px solid #d0a32a}.lesson-module__kkwxhW__demoToolbar strong{font-size:14px}.lesson-module__kkwxhW__demoToolbar [role=timer]{color:#433671;min-width:30px;font-size:22px;display:inline-block}.lesson-module__kkwxhW__demoWorld{grid-template-columns:1fr 1fr;gap:15px;margin:0 20px;display:grid}.lesson-module__kkwxhW__demoWorld>div{background:#f2f6ed;border-radius:13px;flex-direction:column;align-items:center;min-width:0;padding:18px 12px;display:flex}.lesson-module__kkwxhW__demoWorld strong{font-size:15px;display:block}.lesson-module__kkwxhW__demoWorld p{text-align:center;margin-top:8px;font-size:12px;line-height:1.8}.lesson-module__kkwxhW__demoBanana,.lesson-module__kkwxhW__demoMonkey{text-align:center;width:90px;height:95px;font-size:46px;animation-play-state:paused;display:block}.lesson-module__kkwxhW__demoBanana{animation:1.2s linear infinite paused lesson-module__kkwxhW__drop}.lesson-module__kkwxhW__demoMonkey{animation:1.5s ease-in-out infinite alternate paused lesson-module__kkwxhW__move}.lesson-module__kkwxhW__demoWorld[data-running=true] .lesson-module__kkwxhW__demoBanana,.lesson-module__kkwxhW__demoWorld[data-running=true] .lesson-module__kkwxhW__demoMonkey{animation-play-state:running}.lesson-module__kkwxhW__demoStatus{color:#53476c;min-height:90px;padding:20px;font-size:13px;line-height:1.9}.lesson-module__kkwxhW__tableWrap{margin-top:18px;overflow-x:auto}.lesson-module__kkwxhW__tableWrap table{border-collapse:collapse;width:100%;min-width:290px;font-size:13px}.lesson-module__kkwxhW__tableWrap td,.lesson-module__kkwxhW__tableWrap th{text-align:left;vertical-align:top;border-bottom:1px solid #d4dece;padding:12px;line-height:1.8}.lesson-module__kkwxhW__tableWrap th{background:#fff}.lesson-module__kkwxhW__tableWrap td:first-child{width:35%;font-weight:700}.lesson-module__kkwxhW__references{gap:20px;display:grid}.lesson-module__kkwxhW__references figure{background:#fff;border:1px solid #dce5d9;border-radius:14px;overflow:hidden}.lesson-module__kkwxhW__references figcaption{border-bottom:1px solid #dce5d9;padding:15px 20px;font-size:14px;font-weight:800}.lesson-module__kkwxhW__references img{max-width:100%;height:auto;display:block}.lesson-module__kkwxhW__demoWorld .lesson-module__kkwxhW__demoSpeech{color:#433671;background:#fff;border:1px solid #d6cfec;border-radius:14px 14px 14px 2px;margin:0 0 10px;padding:10px 14px;font-weight:800;box-shadow:0 3px 8px #43367112}@keyframes lesson-module__kkwxhW__drop{0%{transform:translateY(-8px)}to{transform:translateY(35px)}}@keyframes lesson-module__kkwxhW__move{0%{transform:translate(-20px)}to{transform:translate(20px)}}@media (prefers-reduced-motion:reduce){.lesson-module__kkwxhW__demoBanana,.lesson-module__kkwxhW__demoMonkey{animation:none}}@media (max-width:600px){.lesson-module__kkwxhW__flow{grid-template-columns:1fr}.lesson-module__kkwxhW__flow>svg{margin:auto;rotate:90deg}.lesson-module__kkwxhW__demoWorld{gap:8px;margin-inline:12px}.lesson-module__kkwxhW__mission{padding:22px}.lesson-module__kkwxhW__demoWorld p{font-size:11px}.lesson-module__kkwxhW__demoToolbar{padding:16px}}
.lesson-module__Q--87a__hero{background:#254a60}.lesson-module__Q--87a__think{background:#fff9e8;border:1px solid #d9c274;border-left:5px solid #e6bb3a;border-radius:14px;margin:20px 0;padding:22px}.lesson-module__Q--87a__think strong{color:#715414}.lesson-module__Q--87a__think ol{margin:14px 0;padding-left:23px;list-style:decimal}.lesson-module__Q--87a__think li{margin-top:10px;font-size:14px;line-height:1.9}.lesson-module__Q--87a__think p{color:#867147;font-size:12px;line-height:1.8}.lesson-module__Q--87a__answer{background:#fff;border:1px solid #cdded0;border-radius:12px;margin:18px 0;overflow:hidden}.lesson-module__Q--87a__answer summary{cursor:pointer;background:#eaf2e6;padding:18px 20px;font-size:14px;font-weight:800;line-height:1.8}.lesson-module__Q--87a__answer[open] summary{border-bottom:1px solid #cdded0}.lesson-module__Q--87a__answerBody{min-width:0;padding:22px}.lesson-module__Q--87a__answerBody>p{margin:15px 0;font-size:14px;line-height:1.95}.lesson-module__Q--87a__answerBody>div+div{margin-top:20px}.lesson-module__Q--87a__sequence{gap:10px;font-size:14px;font-weight:800;display:grid}.lesson-module__Q--87a__sequence span{background:#f1f4ed;border-radius:9px;padding:14px}.lesson-module__Q--87a__reference{border:1px solid #dce5d9;border-radius:12px;margin-top:22px;overflow:hidden}.lesson-module__Q--87a__reference figcaption{background:#f1f4ed;padding:12px 15px;font-size:12px;font-weight:800;line-height:1.8}.lesson-module__Q--87a__reference img{width:100%;height:auto;display:block}.lesson-module__Q--87a__fixes{padding-left:20px;font-size:14px;line-height:1.9;list-style:outside}.lesson-module__Q--87a__fixes li{margin:10px 0}.lesson-module__Q--87a__demo{background:#fff;border:1px solid #cdded0;border-radius:16px;overflow:hidden}.lesson-module__Q--87a__toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:17px;display:flex}.lesson-module__Q--87a__toolbar button,.lesson-module__Q--87a__screen button{color:#fff;cursor:pointer;background:#28664e;border-radius:10px;padding:12px 17px;font-size:14px;font-weight:800}.lesson-module__Q--87a__toolbar span{color:#67796e;font-size:12px}.lesson-module__Q--87a__screen{border-radius:12px;min-height:340px;margin:0 16px;position:relative;overflow:hidden}.lesson-module__Q--87a__intro{color:#fff;background-color:#172c41;background-image:radial-gradient(#ffffff60 1px,#0000 1px);background-size:27px 31px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px 20px;display:flex}.lesson-module__Q--87a__intro h3{font-size:26px;font-weight:900}.lesson-module__Q--87a__intro ol{padding-left:24px;font-size:14px;line-height:2;list-style:decimal}.lesson-module__Q--87a__intro button{color:#433205;background:#f5c956}.lesson-module__Q--87a__intro>p{color:#c3d4e4;text-align:center;font-size:12px}.lesson-module__Q--87a__desert{background:linear-gradient(#bbe4f1 0 66%,#efd49a 66%)}.lesson-module__Q--87a__timer{background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800;position:absolute;top:16px;left:16px}.lesson-module__Q--87a__banana{font-size:40px;animation:1.2s linear infinite paused lesson-module__Q--87a__fall;position:absolute;top:80px;left:45%}.lesson-module__Q--87a__monkey{flex-direction:column;align-items:center;animation:1.5s ease-in-out infinite alternate paused lesson-module__Q--87a__move;display:flex;position:absolute;bottom:12px;left:35%}.lesson-module__Q--87a__monkey>span{font-size:60px}.lesson-module__Q--87a__monkey p{background:#fff;border-radius:12px;padding:10px 13px;font-size:13px}.lesson-module__Q--87a__screen[data-playing=true] .lesson-module__Q--87a__banana,.lesson-module__Q--87a__screen[data-playing=true] .lesson-module__Q--87a__monkey{animation-play-state:running}.lesson-module__Q--87a__status{min-height:82px;padding:18px;font-size:13px;line-height:1.9}@keyframes lesson-module__Q--87a__fall{to{transform:translateY(130px)}}@keyframes lesson-module__Q--87a__move{to{transform:translate(70px)}}@media (prefers-reduced-motion:reduce){.lesson-module__Q--87a__banana,.lesson-module__Q--87a__monkey{animation:none}}@media (max-width:600px){.lesson-module__Q--87a__answerBody{padding:16px 12px}.lesson-module__Q--87a__think{padding:18px}.lesson-module__Q--87a__screen{min-height:320px;margin-inline:10px}.lesson-module__Q--87a__intro h3{font-size:23px}.lesson-module__Q--87a__monkey{left:15%}.lesson-module__Q--87a__monkey p{font-size:11px}}