.typing-stage-module__beEgWq__line{font-family:var(--font-code);letter-spacing:.02em;word-break:keep-all;flex-wrap:wrap;justify-content:center;gap:1px 0;margin:0;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.7;display:flex}.typing-stage-module__beEgWq__line span{min-width:.3em;color:var(--color-label-assistive);white-space:pre;border-radius:4px;transition:color 80ms,background-color 80ms;position:relative}.typing-stage-module__beEgWq__line span[data-state=success]{color:var(--color-status-positive);background:color-mix(in srgb, var(--color-status-positive) 12%, transparent)}.typing-stage-module__beEgWq__line span[data-state=wrong]{color:var(--color-status-negative);background:color-mix(in srgb, var(--color-status-negative) 16%, transparent)}.typing-stage-module__beEgWq__line span[data-caret=true]:after{background:var(--color-codeit-brand-violet);content:"";width:2px;animation:1s steps(2,start) infinite typing-stage-module__beEgWq__caret;position:absolute;inset:6% auto 6% -1px}.typing-stage-module__beEgWq__line[data-tone=dark] span{color:color-mix(in srgb, var(--color-codeit-brand-white) 55%, transparent)}.typing-stage-module__beEgWq__line[data-tone=dark] span[data-state=success]{color:var(--color-codeit-brand-white);background:color-mix(in srgb, var(--color-status-positive) 34%, transparent)}@keyframes typing-stage-module__beEgWq__caret{to{opacity:0}}.typing-stage-module__beEgWq__form{align-items:center;gap:10px;width:100%;display:flex}.typing-stage-module__beEgWq__form input{border:2px solid var(--color-codeit-line);background:var(--color-bg-normal);min-width:0;height:54px;color:var(--color-label-normal);font-family:var(--font-code);border-radius:16px;flex:1;padding:0 18px;font-size:20px;font-weight:700}.typing-stage-module__beEgWq__form input:focus{border-color:var(--color-codeit-brand-violet);outline:none}.typing-stage-module__beEgWq__form input:disabled{opacity:.55}.typing-stage-module__beEgWq__hiddenLabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typing-stage-module__beEgWq__stats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.typing-stage-module__beEgWq__stats li{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:999px;align-items:baseline;gap:6px;padding:7px 14px;font-size:12px;display:flex}.typing-stage-module__beEgWq__stats li span{color:var(--color-label-alternative);font-weight:700}.typing-stage-module__beEgWq__stats li strong{font-variant-numeric:tabular-nums;font-size:15px}.typing-stage-module__beEgWq__stats li[data-combo=true]{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-softer)}.typing-stage-module__beEgWq__menu{place-items:center;min-height:100%;padding:32px 16px;display:grid}.typing-stage-module__beEgWq__menuCard{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);width:min(760px,100%);box-shadow:var(--shadow-panel);text-align:center;border-radius:28px;gap:22px;padding:34px;display:grid}.typing-stage-module__beEgWq__menuCard h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,40px);font-weight:800}.typing-stage-module__beEgWq__menuCard>p{color:var(--color-label-neutral);line-height:1.7}.typing-stage-module__beEgWq__menuTag{color:var(--color-codeit-brand-violet);font-size:13px;font-weight:800}.typing-stage-module__beEgWq__menuGrid{grid-template-columns:220px 1fr;align-items:stretch;gap:16px;display:grid}.typing-stage-module__beEgWq__menuSide{align-content:start;gap:10px;display:grid}.typing-stage-module__beEgWq__menuSide button{border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);min-height:56px;color:var(--color-label-normal);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;display:flex}.typing-stage-module__beEgWq__menuSide button:hover{border-color:var(--color-codeit-brand-violet)}.typing-stage-module__beEgWq__menuStart{grid-template-columns:1fr 1fr;gap:14px;display:grid}.typing-stage-module__beEgWq__menuStart button{min-height:132px;color:var(--color-codeit-brand-white);cursor:pointer;border:0;border-radius:20px;align-content:center;gap:4px;display:grid}.typing-stage-module__beEgWq__menuStart button strong{font-size:28px;font-weight:800}.typing-stage-module__beEgWq__menuStart button span{opacity:.9;font-size:15px;font-weight:700}.typing-stage-module__beEgWq__menuStart button[data-language=ko]{background:var(--color-codeit-brand-violet)}.typing-stage-module__beEgWq__menuStart button[data-language=en]{background:var(--color-learning-dashboard-banner-accent);color:var(--color-codeit-brand-black)}.typing-stage-module__beEgWq__menuStart button:hover{filter:brightness(1.06)}.typing-stage-module__beEgWq__records{gap:10px;margin:0;padding:0;list-style:none;display:grid}.typing-stage-module__beEgWq__records li{border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.typing-stage-module__beEgWq__records li span{font-size:13px;font-weight:700}.typing-stage-module__beEgWq__records li strong{font-variant-numeric:tabular-nums;font-size:18px}.typing-stage-module__beEgWq__records p{color:var(--color-label-alternative);text-align:center;line-height:1.7}.typing-stage-module__beEgWq__guideList{text-align:left;gap:12px;margin:0;padding:0;list-style:none;display:grid}.typing-stage-module__beEgWq__guideList li{background:var(--color-bg-alternative);border-radius:14px;gap:4px;padding:14px 16px;display:grid}.typing-stage-module__beEgWq__guideList strong{font-size:15px}.typing-stage-module__beEgWq__guideList p{color:var(--color-label-neutral);font-size:14px;line-height:1.65}.typing-stage-module__beEgWq__result{text-align:center;justify-items:center;gap:12px;display:grid}.typing-stage-module__beEgWq__result>strong{font-size:26px}.typing-stage-module__beEgWq__result>p{color:var(--color-label-neutral);line-height:1.7}.typing-stage-module__beEgWq__resultGrid{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.typing-stage-module__beEgWq__resultGrid div{background:var(--color-bg-alternative);border-radius:14px;gap:3px;padding:12px;display:grid}.typing-stage-module__beEgWq__resultGrid span{color:var(--color-label-alternative);font-size:12px;font-weight:700}.typing-stage-module__beEgWq__resultGrid strong{font-variant-numeric:tabular-nums;font-size:19px}.typing-stage-module__beEgWq__dialog{color:var(--color-label-neutral);text-align:center;line-height:1.7}@media (max-width:767px){.typing-stage-module__beEgWq__menuCard{padding:22px}.typing-stage-module__beEgWq__menuGrid{grid-template-columns:1fr}.typing-stage-module__beEgWq__menuStart button{min-height:104px}}
.lesson-materials-module__WYjkXG__question,.lesson-materials-module__WYjkXG__dataTray,.lesson-materials-module__WYjkXG__slides{color:var(--color-label-normal);font-family:var(--font-body);gap:16px;display:grid}.lesson-materials-module__WYjkXG__question{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:20px;padding:24px}.lesson-materials-module__WYjkXG__question h3,.lesson-materials-module__WYjkXG__dataHeading h3{margin:0;font-size:20px;font-weight:700;line-height:1.4}.lesson-materials-module__WYjkXG__choices{border:0;gap:8px;margin:0;padding:0;display:grid}.lesson-materials-module__WYjkXG__choice{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.lesson-materials-module__WYjkXG__choice:focus-within,.lesson-materials-module__WYjkXG__choice[data-state=selected]{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft)}.lesson-materials-module__WYjkXG__choice[data-state=correct],.lesson-materials-module__WYjkXG__textAnswer[data-state=correct] textarea{border-color:var(--color-status-positive);background:var(--color-success-bg)}.lesson-materials-module__WYjkXG__choice[data-state=wrong],.lesson-materials-module__WYjkXG__textAnswer[data-state=wrong] textarea{border-color:var(--color-status-negative);background:var(--color-danger-bg)}.lesson-materials-module__WYjkXG__choice input{width:18px;height:18px;accent-color:var(--color-codeit-brand-violet)}.lesson-materials-module__WYjkXG__textAnswer{gap:8px;font-size:13px;font-weight:700;display:grid}.lesson-materials-module__WYjkXG__textAnswer textarea{resize:vertical;border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);width:100%;color:var(--color-label-normal);font:500 16px/1.5 var(--font-body);border-radius:12px;padding:12px 14px}.lesson-materials-module__WYjkXG__textAnswer textarea:focus{border-color:var(--color-codeit-brand-violet);outline:2px solid var(--color-learning-dashboard-primary-softer)}.lesson-materials-module__WYjkXG__feedback{border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;display:flex}.lesson-materials-module__WYjkXG__feedback>div{color:var(--color-label-neutral);flex:240px;line-height:1.5}.lesson-materials-module__WYjkXG__feedback[data-state=correct]{background:var(--color-success-bg)}.lesson-materials-module__WYjkXG__feedback[data-state=wrong]{background:var(--color-danger-bg)}.lesson-materials-module__WYjkXG__unassigned,.lesson-materials-module__WYjkXG__category{border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);border-radius:16px;min-height:132px;padding:16px}.lesson-materials-module__WYjkXG__dataHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lesson-materials-module__WYjkXG__dataHeading h3{font-size:16px}.lesson-materials-module__WYjkXG__dataHeading button{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);min-height:36px;color:var(--color-label-normal);font:700 12px/1.4 var(--font-body);cursor:pointer;border-radius:8px;padding:6px 10px}.lesson-materials-module__WYjkXG__dataHeading button:focus-visible,.lesson-materials-module__WYjkXG__dataHeading button:hover{border-color:var(--color-codeit-brand-violet);outline:0}.lesson-materials-module__WYjkXG__dataHeading button:disabled{color:var(--color-label-disable);cursor:not-allowed}.lesson-materials-module__WYjkXG__dataCards{flex-wrap:wrap;gap:8px;display:flex}.lesson-materials-module__WYjkXG__dataCard{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);min-width:150px;color:var(--color-label-normal);font:700 14px/1.4 var(--font-body);text-align:left;cursor:grab;border-radius:12px;grid-template-columns:48px minmax(72px,1fr);align-items:center;gap:4px 10px;padding:8px;display:grid}.lesson-materials-module__WYjkXG__dataCard[aria-pressed=true],.lesson-materials-module__WYjkXG__dataCard:focus-visible{border-color:var(--color-codeit-brand-violet);outline:2px solid var(--color-learning-dashboard-primary-softer)}.lesson-materials-module__WYjkXG__dataCard img{object-fit:contain;border-radius:8px;grid-row:1/span 2;width:48px;height:48px}.lesson-materials-module__WYjkXG__dataCard small{color:var(--color-label-alternative);font-size:11px;font-weight:500}.lesson-materials-module__WYjkXG__dataCard:not(:has(img))>*{grid-column:1/-1}.lesson-materials-module__WYjkXG__categoryGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lesson-materials-module__WYjkXG__dataHelp{color:var(--color-label-alternative);margin:0;font-size:13px;line-height:1.5}.lesson-materials-module__WYjkXG__keyboard{border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);font-family:var(--font-body);border-radius:16px;justify-content:center;gap:6px;padding:16px;display:grid}.lesson-materials-module__WYjkXG__keyboardRow{justify-content:center;gap:6px;display:flex}.lesson-materials-module__WYjkXG__key{aspect-ratio:1;border:1px solid var(--color-codeit-line);border-bottom-color:var(--color-line-strong);background:var(--color-bg-normal);width:clamp(27px,7vw,44px);color:var(--color-label-normal);font:700 clamp(12px, 2.5vw, 16px)/1 var(--font-code);box-shadow:var(--shadow-xs);border-radius:8px;place-items:center;display:grid}.lesson-materials-module__WYjkXG__key[data-target=true]{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft);color:var(--color-codeit-brand-violet)}.lesson-materials-module__WYjkXG__key[data-pressed=true]{border-color:var(--color-status-positive);background:var(--color-success-bg);box-shadow:none;transform:translateY(2px)}.lesson-materials-module__WYjkXG__metrics{font-family:var(--font-body);flex-wrap:wrap;gap:8px;margin:0;display:flex}.lesson-materials-module__WYjkXG__metrics div{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:999px;align-items:baseline;gap:6px;padding:7px 14px;display:flex}.lesson-materials-module__WYjkXG__metrics dt{color:var(--color-label-alternative);font-size:12px;font-weight:700}.lesson-materials-module__WYjkXG__metrics dd{font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:700}.lesson-materials-module__WYjkXG__slideImage{aspect-ratio:16/9;border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);border-radius:20px;overflow:hidden}.lesson-materials-module__WYjkXG__slideImage img{object-fit:cover;width:100%;height:100%}.lesson-materials-module__WYjkXG__slideControls{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.lesson-materials-module__WYjkXG__slideControls>:last-child{justify-self:end}.lesson-materials-module__WYjkXG__slideControls>span{color:var(--color-label-alternative);font-size:13px;font-weight:700}.lesson-materials-module__WYjkXG__complete{color:var(--color-success-strong);text-align:center;margin:0;font-weight:700}.lesson-materials-module__WYjkXG__visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:767px){.lesson-materials-module__WYjkXG__question{padding:16px}.lesson-materials-module__WYjkXG__dataHeading{flex-direction:column;align-items:flex-start}.lesson-materials-module__WYjkXG__dataCard{flex:140px}}
.lesson-tool-materials-module__RTHKyW__fileBrowser,.lesson-tool-materials-module__RTHKyW__aiWorkspace,.lesson-tool-materials-module__RTHKyW__progressMap,.lesson-tool-materials-module__RTHKyW__codeResult{color:var(--color-label-normal);font-family:var(--font-body)}.lesson-tool-materials-module__RTHKyW__visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-tool-materials-module__RTHKyW__addressBar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.lesson-tool-materials-module__RTHKyW__addressBar label{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.lesson-tool-materials-module__RTHKyW__addressBar label span{color:var(--color-label-alternative);font-size:11px;font-weight:700}.lesson-tool-materials-module__RTHKyW__addressBar input,.lesson-tool-materials-module__RTHKyW__searchField input{width:100%;min-width:0;color:inherit;font:500 13px/1.4 var(--font-body);background:0 0;border:0;outline:0}.lesson-tool-materials-module__RTHKyW__searchField{background:var(--color-learning-dashboard-search);min-height:40px;color:var(--color-label-alternative);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:0 12px;display:flex}.lesson-tool-materials-module__RTHKyW__fileActions{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.lesson-tool-materials-module__RTHKyW__fileActions>span{color:var(--color-label-alternative);font-size:11px}.lesson-tool-materials-module__RTHKyW__fileList{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson-tool-materials-module__RTHKyW__fileList li{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.lesson-tool-materials-module__RTHKyW__fileRow{border-radius:inherit;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.lesson-tool-materials-module__RTHKyW__fileRow[aria-pressed=true]{background:var(--color-learning-dashboard-primary-soft);color:var(--color-codeit-brand-violet)}.lesson-tool-materials-module__RTHKyW__fileRow>span{gap:2px;min-width:0;display:grid}.lesson-tool-materials-module__RTHKyW__fileRow strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lesson-tool-materials-module__RTHKyW__fileRow small{color:var(--color-label-alternative);font-size:10px}.lesson-tool-materials-module__RTHKyW__bookmarkButton{width:40px;height:40px;color:var(--color-label-alternative);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:4px;display:grid}.lesson-tool-materials-module__RTHKyW__bookmarkButton[aria-pressed=true]{color:var(--color-codeit-brand-violet)}.lesson-tool-materials-module__RTHKyW__emptyResult{border:1px dashed var(--color-codeit-line);color:var(--color-label-alternative);text-align:center;border-radius:16px;justify-items:center;gap:5px;padding:36px 16px;display:grid}.lesson-tool-materials-module__RTHKyW__emptyResult strong{color:var(--color-label-normal);font-size:14px}.lesson-tool-materials-module__RTHKyW__emptyResult span{font-size:11px}.lesson-tool-materials-module__RTHKyW__puzzleControls{font-family:var(--font-body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-tool-materials-module__RTHKyW__puzzleControls>div{flex-wrap:wrap;gap:6px;display:flex}.lesson-tool-materials-module__RTHKyW__puzzleControls>span{color:var(--color-label-alternative);font-size:12px;font-weight:700}.lesson-tool-materials-module__RTHKyW__aiWorkspace{gap:14px;display:grid}.lesson-tool-materials-module__RTHKyW__aiClasses{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.lesson-tool-materials-module__RTHKyW__aiClasses button{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);min-height:58px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.lesson-tool-materials-module__RTHKyW__aiClasses button[aria-pressed=true]{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft)}.lesson-tool-materials-module__RTHKyW__aiClasses strong{font-size:13px}.lesson-tool-materials-module__RTHKyW__aiClasses span{color:var(--color-label-alternative);font-size:10px}.lesson-tool-materials-module__RTHKyW__sampleGrid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.lesson-tool-materials-module__RTHKyW__sampleGrid article{border:1px solid var(--color-codeit-line);background:var(--color-bg-alternative);border-radius:12px;align-content:end;min-height:96px;padding:10px;display:grid;position:relative;overflow:hidden}.lesson-tool-materials-module__RTHKyW__sampleGrid img{object-fit:cover;opacity:.32;width:100%;height:100%;position:absolute;inset:0}.lesson-tool-materials-module__RTHKyW__sampleGrid span,.lesson-tool-materials-module__RTHKyW__sampleGrid strong{z-index:1;position:relative}.lesson-tool-materials-module__RTHKyW__sampleGrid span{color:var(--color-codeit-brand-violet);font-size:9px;font-weight:700}.lesson-tool-materials-module__RTHKyW__sampleGrid strong{font-size:12px}.lesson-tool-materials-module__RTHKyW__aiInputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lesson-tool-materials-module__RTHKyW__fileInput,.lesson-tool-materials-module__RTHKyW__permission{border:1px solid var(--color-codeit-line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.lesson-tool-materials-module__RTHKyW__fileInput input{max-width:180px;font:inherit}.lesson-tool-materials-module__RTHKyW__permission>span{color:var(--color-label-alternative)}.lesson-tool-materials-module__RTHKyW__permission[data-state=denied]>span{color:var(--color-status-negative)}.lesson-tool-materials-module__RTHKyW__mediaPreview{background:var(--color-codeit-brand-black);border-radius:16px;width:100%;max-height:280px}.lesson-tool-materials-module__RTHKyW__audioPreview{width:100%}.lesson-tool-materials-module__RTHKyW__training{background:var(--color-bg-alternative);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(100px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.lesson-tool-materials-module__RTHKyW__training>div{gap:2px;display:grid}.lesson-tool-materials-module__RTHKyW__training strong{font-size:12px}.lesson-tool-materials-module__RTHKyW__training span{color:var(--color-label-alternative);font-size:10px}.lesson-tool-materials-module__RTHKyW__training progress{width:100%;accent-color:var(--color-codeit-brand-violet)}.lesson-tool-materials-module__RTHKyW__training[data-state=failed]{background:var(--color-danger-bg)}.lesson-tool-materials-module__RTHKyW__prediction{background:var(--color-success-bg);border-radius:12px;align-items:baseline;gap:8px;padding:12px;display:flex}.lesson-tool-materials-module__RTHKyW__prediction span,.lesson-tool-materials-module__RTHKyW__prediction small{color:var(--color-label-alternative);font-size:10px}.lesson-tool-materials-module__RTHKyW__prediction strong{font-size:16px}.lesson-tool-materials-module__RTHKyW__promptCompare{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lesson-tool-materials-module__RTHKyW__promptCompare>div{border:1px solid var(--color-codeit-line);border-radius:12px;padding:12px}.lesson-tool-materials-module__RTHKyW__promptCompare span{color:var(--color-codeit-brand-violet);font-size:10px;font-weight:700}.lesson-tool-materials-module__RTHKyW__promptCompare p{margin:6px 0 0;font-size:12px;line-height:1.55}.lesson-tool-materials-module__RTHKyW__progressMap{gap:14px;display:grid}.lesson-tool-materials-module__RTHKyW__progressNodes{align-items:center;gap:8px;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto}.lesson-tool-materials-module__RTHKyW__progressNodes li{flex:1 0 104px;position:relative}.lesson-tool-materials-module__RTHKyW__progressNodes li:not(:last-child):after{z-index:0;background:var(--color-codeit-line);content:"";width:12px;height:2px;position:absolute;top:30px;left:calc(100% - 2px)}.lesson-tool-materials-module__RTHKyW__progressNodes button{z-index:1;border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);width:100%;min-height:82px;color:inherit;font:inherit;cursor:pointer;border-radius:16px;justify-items:center;gap:3px;padding:9px;display:grid;position:relative}.lesson-tool-materials-module__RTHKyW__progressNodes button[aria-pressed=true],.lesson-tool-materials-module__RTHKyW__progressNodes li[data-status=current] button{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft)}.lesson-tool-materials-module__RTHKyW__progressNodes li[data-status=complete] button{border-color:var(--color-status-positive);background:var(--color-success-bg)}.lesson-tool-materials-module__RTHKyW__progressNodes li[data-status=locked] button{color:var(--color-label-disable);cursor:not-allowed}.lesson-tool-materials-module__RTHKyW__progressNodes button>span{font-size:16px}.lesson-tool-materials-module__RTHKyW__progressNodes strong{font-size:12px}.lesson-tool-materials-module__RTHKyW__progressNodes small{color:var(--color-status-cautionary);letter-spacing:.08em;font-size:10px}.lesson-tool-materials-module__RTHKyW__connections{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lesson-tool-materials-module__RTHKyW__connections li{background:var(--color-fill-alternative);color:var(--color-label-alternative);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.lesson-tool-materials-module__RTHKyW__codeResult{gap:10px;display:grid}.lesson-tool-materials-module__RTHKyW__codePanel{border:1px solid var(--color-codeit-line);background:var(--color-codeit-brand-black);color:var(--color-codeit-brand-white);border-radius:16px;overflow:hidden}.lesson-tool-materials-module__RTHKyW__codePanel header{border-bottom:1px solid var(--color-line-strong);justify-content:space-between;gap:12px;padding:9px 12px;display:flex}.lesson-tool-materials-module__RTHKyW__codePanel header strong,.lesson-tool-materials-module__RTHKyW__codePanel header span{font-size:10px}.lesson-tool-materials-module__RTHKyW__codePanel header span{color:var(--inverse-label);opacity:.65}.lesson-tool-materials-module__RTHKyW__codePanel pre{margin:0;padding:10px 0;overflow-x:auto}.lesson-tool-materials-module__RTHKyW__codePanel code{font:500 12px/1.65 var(--font-code);display:grid}.lesson-tool-materials-module__RTHKyW__codePanel code>span{white-space:pre;grid-template-columns:34px minmax(max-content,1fr);padding-right:12px;display:grid}.lesson-tool-materials-module__RTHKyW__codePanel code>span[data-error=true]{background:color-mix(in srgb,var(--color-status-negative) 24%,transparent)}.lesson-tool-materials-module__RTHKyW__codePanel i{color:var(--inverse-label);text-align:right;opacity:.55;-webkit-user-select:none;user-select:none;margin-right:10px;font-style:normal}.lesson-tool-materials-module__RTHKyW__ioGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lesson-tool-materials-module__RTHKyW__ioGrid>div{border:1px solid var(--color-codeit-line);border-radius:12px;min-width:0;padding:10px 12px}.lesson-tool-materials-module__RTHKyW__ioGrid strong{font-size:10px}.lesson-tool-materials-module__RTHKyW__ioGrid pre{font:500 11px/1.5 var(--font-code);white-space:pre-wrap;margin:6px 0 0;overflow-x:auto}.lesson-tool-materials-module__RTHKyW__codeError{background:var(--color-danger-bg);color:var(--color-status-negative);border-radius:12px;gap:3px;padding:10px 12px;display:grid}.lesson-tool-materials-module__RTHKyW__codeError strong{font-size:12px}.lesson-tool-materials-module__RTHKyW__codeError span{font-size:11px}.lesson-tool-materials-module__RTHKyW__codeTests{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson-tool-materials-module__RTHKyW__codeTests li{border:1px solid var(--color-codeit-line);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;padding:9px 10px;display:grid}.lesson-tool-materials-module__RTHKyW__codeTests strong{font-size:10px}.lesson-tool-materials-module__RTHKyW__codeTests span{font-size:11px;font-weight:700}.lesson-tool-materials-module__RTHKyW__codeTests small{color:var(--color-label-alternative);grid-column:2;font-size:9px}.lesson-tool-materials-module__RTHKyW__codeTests li[data-status=pass] strong{color:var(--color-success-strong)}.lesson-tool-materials-module__RTHKyW__codeTests li[data-status=fail] strong{color:var(--color-status-negative)}.lesson-tool-materials-module__RTHKyW__fileBrowser button:focus-visible,.lesson-tool-materials-module__RTHKyW__fileBrowser input:focus-visible,.lesson-tool-materials-module__RTHKyW__aiWorkspace button:focus-visible,.lesson-tool-materials-module__RTHKyW__aiWorkspace input:focus-visible,.lesson-tool-materials-module__RTHKyW__progressMap button:focus-visible{outline:2px solid var(--color-codeit-brand-violet);outline-offset:2px}@media (max-width:767px){.lesson-tool-materials-module__RTHKyW__aiInputs,.lesson-tool-materials-module__RTHKyW__promptCompare,.lesson-tool-materials-module__RTHKyW__ioGrid,.lesson-tool-materials-module__RTHKyW__training{grid-template-columns:1fr}.lesson-tool-materials-module__RTHKyW__fileInput{flex-direction:column;align-items:flex-start}.lesson-tool-materials-module__RTHKyW__fileInput input{max-width:100%}.lesson-tool-materials-module__RTHKyW__puzzleControls{flex-direction:column;align-items:flex-start}}
.ui-tools-module__WWfhYq__page{background:var(--color-codeit-challenge-mission-bg);min-height:100vh;color:var(--color-codeit-brand-black);font-family:var(--font-body)}.ui-tools-module__WWfhYq__topbar{border-bottom:1px solid var(--color-codeit-line);background:var(--color-bg-normal);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 32px;display:flex}.ui-tools-module__WWfhYq__brand{color:inherit;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.ui-tools-module__WWfhYq__brand>span{border-left:1px solid var(--color-codeit-line);color:var(--color-label-alternative);margin-left:6px;padding-left:16px;font-size:12px}.ui-tools-module__WWfhYq__nav{align-items:center;gap:12px;display:flex}.ui-tools-module__WWfhYq__nav>a{min-height:40px;color:var(--color-codeit-brand-violet);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.ui-tools-module__WWfhYq__board{padding-top:32px;padding-bottom:28px}.ui-tools-module__WWfhYq__hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.ui-tools-module__WWfhYq__eyebrow{color:var(--color-codeit-brand-violet);letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:700}.ui-tools-module__WWfhYq__hero h1{letter-spacing:-.045em;margin:0;font-size:34px;line-height:1.3}.ui-tools-module__WWfhYq__hero>div>p:last-child{max-width:720px;color:var(--color-label-alternative);margin:9px 0 0;font-size:13px;line-height:1.6}.ui-tools-module__WWfhYq__scope{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:12px 16px;display:grid}.ui-tools-module__WWfhYq__scope svg{color:var(--color-codeit-brand-violet);grid-row:1/span 2}.ui-tools-module__WWfhYq__scope strong{font-size:13px}.ui-tools-module__WWfhYq__scope span{color:var(--color-label-alternative);font-size:10px}.ui-tools-module__WWfhYq__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.ui-tools-module__WWfhYq__panel{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:20px;min-width:0;padding:20px}.ui-tools-module__WWfhYq__hintPanel{grid-column:span 5}.ui-tools-module__WWfhYq__puzzlePanel,.ui-tools-module__WWfhYq__filePanel{grid-column:span 7}.ui-tools-module__WWfhYq__progressPanel{grid-column:span 5}.ui-tools-module__WWfhYq__aiPanel,.ui-tools-module__WWfhYq__codePanel{grid-column:1/-1}.ui-tools-module__WWfhYq__panelHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ui-tools-module__WWfhYq__panelHeading>div{align-items:center;gap:9px;display:flex}.ui-tools-module__WWfhYq__panelHeading span{color:var(--color-label-assistive);font-size:10px;font-weight:700}.ui-tools-module__WWfhYq__panelHeading h2{margin:0;font-size:16px}.ui-tools-module__WWfhYq__panelHeading small{color:var(--color-label-alternative);font-size:10px}.ui-tools-module__WWfhYq__hintPreview{background:var(--color-learning-dashboard-primary-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:120px;padding:18px;display:flex}.ui-tools-module__WWfhYq__hintPreview p{color:var(--color-label-neutral);margin:0;font-size:13px;line-height:1.6}.ui-tools-module__WWfhYq__hintPreview>button{white-space:nowrap;flex-shrink:0}.ui-tools-module__WWfhYq__puzzleStage{border:1px dashed var(--color-codeit-line);background:var(--color-bg-alternative);border-radius:16px;grid-template-columns:repeat(2,80px);place-content:center;gap:24px;min-height:124px;margin-bottom:14px;display:grid}.ui-tools-module__WWfhYq__puzzleStage button{aspect-ratio:1;border:2px solid var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft);color:var(--color-codeit-brand-violet);cursor:pointer;border-radius:16px;place-items:center;font-size:34px;display:grid}.ui-tools-module__WWfhYq__puzzleStage button+button{border-color:var(--color-status-cautionary);background:var(--color-warning-bg);color:var(--color-status-cautionary)}.ui-tools-module__WWfhYq__notice{color:var(--color-label-alternative);margin:12px 0 0;font-size:11px;line-height:1.5}.ui-tools-module__WWfhYq__codeSwitch{justify-content:flex-end;margin-bottom:10px;display:flex}.ui-tools-module__WWfhYq__footer{border-top:1px solid var(--color-codeit-line);color:var(--color-label-alternative);text-align:center;margin-top:20px;padding:16px 0;font-size:10px}.ui-tools-module__WWfhYq__page button:focus-visible,.ui-tools-module__WWfhYq__page a:focus-visible{outline:2px solid var(--color-codeit-brand-violet);outline-offset:3px}@media (max-width:900px){.ui-tools-module__WWfhYq__hintPanel,.ui-tools-module__WWfhYq__puzzlePanel,.ui-tools-module__WWfhYq__filePanel,.ui-tools-module__WWfhYq__progressPanel{grid-column:1/-1}}@media (max-width:767px){.ui-tools-module__WWfhYq__topbar{flex-direction:column;align-items:flex-start;padding:12px 16px}.ui-tools-module__WWfhYq__brand>span{margin-left:2px;padding-left:10px}.ui-tools-module__WWfhYq__nav{justify-content:space-between;width:100%}.ui-tools-module__WWfhYq__nav>a{min-height:44px}.ui-tools-module__WWfhYq__board{padding-top:24px}.ui-tools-module__WWfhYq__hero{flex-direction:column;align-items:flex-start}.ui-tools-module__WWfhYq__hero h1{font-size:27px}.ui-tools-module__WWfhYq__scope{width:100%}.ui-tools-module__WWfhYq__panel{padding:16px}.ui-tools-module__WWfhYq__panelHeading,.ui-tools-module__WWfhYq__hintPreview{flex-direction:column;align-items:flex-start}.ui-tools-module__WWfhYq__puzzleStage{grid-template-columns:repeat(2,64px)}}
.ui-module__kGdUza__page{background:var(--color-codeit-challenge-mission-bg);min-height:100vh;color:var(--color-codeit-brand-black);font-family:var(--font-body)}.ui-module__kGdUza__topbar{border-bottom:1px solid var(--color-codeit-line);background:var(--color-bg-normal);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 32px;display:flex}.ui-module__kGdUza__brand{color:inherit;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.ui-module__kGdUza__brand>span{border-left:1px solid var(--color-codeit-line);color:var(--color-label-alternative);margin-left:6px;padding-left:16px;font-size:12px}.ui-module__kGdUza__nav{align-items:center;gap:12px;display:flex}.ui-module__kGdUza__nav>a{min-height:40px;color:var(--color-codeit-brand-violet);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.ui-module__kGdUza__board{padding-top:32px;padding-bottom:28px}.ui-module__kGdUza__hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.ui-module__kGdUza__eyebrow{color:var(--color-codeit-brand-violet);letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:700}.ui-module__kGdUza__hero h1{letter-spacing:-.045em;margin:0;font-size:34px;line-height:1.3}.ui-module__kGdUza__hero>div>p:last-child{color:var(--color-label-alternative);margin:9px 0 0;font-size:13px;line-height:1.6}.ui-module__kGdUza__scope{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;padding:12px 16px;display:grid}.ui-module__kGdUza__scope svg{color:var(--color-codeit-brand-violet);grid-row:1/span 2}.ui-module__kGdUza__scope strong{font-size:13px}.ui-module__kGdUza__scope span{color:var(--color-label-alternative);font-size:10px}.ui-module__kGdUza__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.ui-module__kGdUza__panel{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);border-radius:20px;min-width:0;padding:20px}.ui-module__kGdUza__questionPanel{grid-column:span 7}.ui-module__kGdUza__keyboardPanel{grid-column:span 5}.ui-module__kGdUza__dataPanel{grid-column:1/-1}.ui-module__kGdUza__metricsPanel{grid-column:span 5}.ui-module__kGdUza__slidesPanel{grid-column:span 7}.ui-module__kGdUza__panelHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ui-module__kGdUza__panelHeading>div{align-items:center;gap:9px;display:flex}.ui-module__kGdUza__panelHeading span{color:var(--color-label-assistive);font-size:10px;font-weight:700}.ui-module__kGdUza__panelHeading h2{margin:0;font-size:16px;line-height:1.4}.ui-module__kGdUza__panelHeading small{color:var(--color-label-alternative);font-size:10px}.ui-module__kGdUza__tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ui-module__kGdUza__tabs button{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);min-height:36px;color:var(--color-label-neutral);font:700 12px/1.4 var(--font-body);cursor:pointer;border-radius:999px;padding:6px 12px}.ui-module__kGdUza__tabs button[aria-pressed=true]{border-color:var(--color-codeit-brand-violet);background:var(--color-learning-dashboard-primary-soft);color:var(--color-codeit-brand-violet)}.ui-module__kGdUza__keyInput{color:var(--color-label-alternative);gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:grid}.ui-module__kGdUza__keyInput input{border:1px solid var(--color-codeit-line);background:var(--color-bg-normal);min-height:42px;color:var(--color-label-normal);font:600 14px/1.4 var(--font-body);border-radius:12px;padding:0 12px}.ui-module__kGdUza__keyboardPanel>button{margin-top:12px}.ui-module__kGdUza__metricsPanel>p{color:var(--color-label-alternative);margin:16px 0 0;font-size:12px}.ui-module__kGdUza__footer{border-top:1px solid var(--color-codeit-line);color:var(--color-label-alternative);text-align:center;margin-top:20px;padding:16px 0;font-size:10px}.ui-module__kGdUza__page button:focus-visible,.ui-module__kGdUza__page a:focus-visible,.ui-module__kGdUza__page input:focus-visible{outline:2px solid var(--color-codeit-brand-violet);outline-offset:3px}@media (max-width:900px){.ui-module__kGdUza__questionPanel,.ui-module__kGdUza__keyboardPanel,.ui-module__kGdUza__metricsPanel,.ui-module__kGdUza__slidesPanel{grid-column:1/-1}}@media (max-width:767px){.ui-module__kGdUza__topbar{flex-direction:column;align-items:flex-start;padding:12px 16px}.ui-module__kGdUza__brand>span{margin-left:2px;padding-left:10px}.ui-module__kGdUza__nav{justify-content:space-between;width:100%}.ui-module__kGdUza__nav>a{min-height:44px}.ui-module__kGdUza__board{padding-top:24px}.ui-module__kGdUza__hero{flex-direction:column;align-items:flex-start}.ui-module__kGdUza__hero h1{font-size:27px}.ui-module__kGdUza__scope{width:100%}.ui-module__kGdUza__panel{padding:16px}.ui-module__kGdUza__panelHeading{flex-direction:column;align-items:flex-start}}