.quiz-page{background-color:var(--bg-main);grid-template:"sidebar main"minmax(0,1fr)"sidebar footer"clamp(140px,2vh,220px)/240px auto;height:100dvh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.quiz-page main{background-color:var(--bg-main);box-sizing:border-box;flex-direction:column;grid-area:main;align-items:center;gap:clamp(16px,17.78vh - 144px,48px);width:100%;min-height:0;padding:48px 0;display:flex;position:relative;overflow:hidden}.quiz-page .quiz-header{flex-direction:column;gap:12px;width:100%;max-width:1080px;height:auto;display:flex}.quiz-page .quiz-header>.quiz-navigation{width:100%;color:var(--text-muted);align-items:center;gap:16px;display:flex}.quiz-page .quiz-header>.quiz-navigation>.quiz-settings-button{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:30px;line-height:1;display:inline-flex}.quiz-page .quiz-header>.quiz-navigation>.quiz-close-button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.quiz-page .quiz-header>.quiz-navigation>.heart-container{margin-left:auto;padding-left:12px;display:flex}.quiz-page .quiz-header>.quiz-navigation>.heart-container>svg{color:var(--bg-main);margin-left:-12px}.quiz-page .quiz-header>.quiz-navigation>.heart-container[data-lives="4"]>svg:nth-child(n+5),.quiz-page .quiz-header>.quiz-navigation>.heart-container[data-lives="3"]>svg:nth-child(n+4),.quiz-page .quiz-header>.quiz-navigation>.heart-container[data-lives="2"]>svg:nth-child(n+3),.quiz-page .quiz-header>.quiz-navigation>.heart-container[data-lives="1"]>svg:nth-child(n+2),.quiz-page .quiz-header>.quiz-navigation>.heart-container[data-lives="0"]>svg{fill:var(--border-main)}.quiz-page .quiz-unit-title{width:100%;max-width:1080px;color:var(--text-main);text-align:center;margin:auto 0}.quiz-progress-row{align-items:center;gap:12px;width:100%;display:flex}.quiz-progress-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none}.quiz-progress-back svg{margin-top:2px;margin-left:-4px}.quiz-progress-back:disabled{opacity:.5;cursor:not-allowed}.quiz-progress-row>.progress-container{flex:1;min-width:0}.quiz-progress-row>.quiz-progress-bar{background-color:var(--border-main);border-radius:1000px;height:12px;display:block;overflow:hidden}.quiz-progress-bar-fill{border-radius:inherit;background-color:var(--primary-color);height:100%;transition:width .3s;display:block}.quiz-page .quiz-navigation>.quiz-close-button:hover,.quiz-page .quiz-navigation>.quiz-settings-button:hover,.quiz-progress-back:not(:disabled):hover{color:var(--text-main)}.quiz-close-button,.quiz-settings-button,.quiz-progress-back{transition:all .2s}.progress-container{gap:12px;width:100%;display:flex}.progress-container>div{background-color:var(--border-main);border-radius:4px;width:100%;height:12px}.progress-container>.active{background-color:var(--primary-color)}.quiz-page .quiz-navigation>.lucide-settings-icon{display:none}.quiz-page .accessibility-dialog-card{max-height:calc(100dvh - 3rem);animation-name:quiz-accessibility-panel-rise;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.quiz-page .accessibility-dialog.is-closing .accessibility-dialog-card{animation-name:quiz-accessibility-panel-fall}@keyframes quiz-accessibility-panel-rise{0%{opacity:0;transform:translate(-50%,calc(100% + 2rem))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes quiz-accessibility-panel-fall{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(100% + 2rem))}}.quiz-completion-main{justify-content:center;align-items:center;display:flex}.quiz-page.quiz-no-footer-page{grid-template-rows:minmax(0,1fr);grid-template-areas:"sidebar main"}.quiz-page.learn-page>main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto!important}.completion-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:620px;height:100%;display:flex}.completion-header{text-align:center;width:100%;font-weight:400}.quiz-complete-message{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.quiz-complete-message .quiz-complete-submessage{flex-direction:column;justify-content:center;display:flex}.quiz-complete-message .quiz-complete-submessage p{text-align:center;line-height:1.5}.complete-check{background-color:#22c55e;border-bottom:8px solid #1fb255;border-radius:50%;justify-content:center;align-items:center;width:160px;height:152px;animation:.3s ease-out both answer-message-pop;display:flex}.complete-check svg{stroke-width:4px;width:100px;height:100px;color:var(--text-inverse);margin-top:8px}@keyframes answer-message-pop{0%{transform:scale(.5)}65%{transform:scale(1.18)}to{transform:scale(1)}}.quiz-summary-stats{flex-direction:column;gap:24px;width:100%;display:flex}.stats-card{gap:8px;display:flex}.stats-card>div{border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stats-card>div p{font-size:clamp(.75rem,1.75vw,1.25rem);font-weight:400}.stats-card>div h2{font-size:clamp(1rem,2.25vw,1.5rem)}.stats-card>div div{align-items:center;display:flex}.stats-card>div div svg.lucide-timer{padding-bottom:2px}.stats-card>div div{gap:4px}.stats-card div#xp h2,.stats-card div#xp svg{color:var(--selected-color)}.stats-card div#xp svg{fill:var(--selected-color)}.stats-card div#accuracy h2,.stats-card div#accuracy svg{color:#22c55e}.stats-card div#time h2,.stats-card div#time svg{color:#38bdf8}.daily-goal-stats{flex-direction:column;gap:8px;display:flex}.daily-goal-stats .daily-goal-progress-bar{background-color:var(--border-main);border-radius:999px;width:100%;height:12px}.daily-goal-stats .daily-goal-progress-bar .daily-goal-progress-bar-fill{background-color:var(--primary-color);border-radius:999px;width:50%;height:12px;transition:width .9s ease-out;display:block}.daily-goal-stats .daily-goal-progress-bar-label{justify-content:space-between;display:flex}.daily-goal-stats .daily-goal-progress-bar-label p{font-size:clamp(.5rem,1.5vw,1rem)}.next-level-container{flex-direction:column;width:100%;display:flex}.next-level-container .next-level-card{justify-content:space-between;display:flex}.next-level-container .next-level-card p{color:var(--text-main)}.next-level-container{gap:24px}.next-level-card{background-color:var(--bg-card);border:2px solid var(--border-main);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.next-level-card svg{color:var(--text-muted)}.next-level-content{align-items:center;gap:12px;display:flex}.next-level-title{flex-direction:column;display:flex}.next-level-title p{font-size:clamp(.5rem,1.5vw,1rem);color:var(--text-muted)!important}.next-level-type{background-color:var(--primary-color);border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.next-level-type svg{stroke-width:4px;color:var(--text-inverse)!important}.completion-action{flex-direction:column;gap:12px;width:100%;display:flex}.completion-action button.options{border:none;border-radius:16px;justify-content:center;align-items:center;height:60px;display:flex;position:relative}.completion-action>button.options#submit{background-color:var(--selected-color);border-bottom:6px solid #6b36da}.completion-action>button.options#submit p{color:var(--text-inverse)}.completion-action>button.options#submit:active{border-bottom-width:0}.completion-action>button.options#back{border:2px solid var(--border-main)}.quiz-page .available-units{flex-direction:column;gap:16px;width:100%;max-width:1440px;padding:0 24px;display:flex}.available-units-heading{flex-direction:column;gap:14px;display:flex}.available-units-heading h2,.available-unit-card h3{color:var(--text-main);margin:0}.available-units-heading p,.available-unit-card p,.available-units-empty{color:var(--text-main);margin:4px 0 0}.skeleton-learn-page .learn-skeleton-title{width:125px;height:14px;margin-bottom:8px}.skeleton-learn-page .learn-skeleton-description{width:min(80%,290px);height:12px}.skeleton-learn-page .learn-skeleton-search{border:2px solid var(--border-main);border-radius:12px;width:100%;height:44px}.skeleton-learn-page .learn-skeleton-chip{border:1.5px solid var(--border-main);border-radius:999px;flex:none;height:38px}.skeleton-learn-page .learn-skeleton-unit-title{border-radius:4px;width:55%;height:14px}.skeleton-learn-page .learn-skeleton-badge{border-radius:999px;height:21px;padding:0}.skeleton-learn-page .learn-skeleton-action{border-radius:14px;flex:0 auto;width:120px;height:48px}@media (min-width:769px){.skeleton-learn-page .learn-skeleton-search{box-sizing:border-box;flex:0 0 252px;width:252px}}.learn-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.learn-search-input{border:2px solid var(--border-main);background-color:var(--bg-card);min-height:44px;color:var(--text-main);border-radius:12px;min-width:220px;padding:8px 14px;font-family:inherit;font-size:.95rem}.learn-search-input:focus{border-color:var(--primary-color);outline:none}.learn-section-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.learn-section-chips::-webkit-scrollbar{display:none}.learn-chip{border:1.5px solid var(--border-main);background-color:var(--bg-card);min-height:38px;color:var(--text-main);cursor:pointer;border-radius:999px;flex:none;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.learn-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.available-units-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.available-unit-card{background:var(--bg-card);border:2px solid var(--border-main);border-radius:12px;flex-direction:column;justify-content:space-between;gap:16px;width:100%;padding:16px;display:flex}.available-unit-info{flex-direction:column;gap:8px;min-width:0;display:flex}.available-unit-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.available-unit-badge{color:var(--primary-color);background-color:#7c3aed1a;border-radius:999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.available-unit-badge.badge-questions{color:var(--text-muted);background-color:#64748b1f}.available-unit-badge.badge-coding{color:#059669;background-color:#10b98124}.available-unit-actions{flex-shrink:0;align-items:center;gap:10px;width:100%;display:flex}.available-unit-cp-link{border:2px solid var(--border-main);background:var(--bg-card);height:100%;min-height:48px;color:var(--text-main);border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:flex}.available-unit-cp-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.available-unit-link{background:var(--selected-color);min-height:56px;color:var(--text-inverse);border:none;border-bottom:6px solid #6b36da;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:0 24px;font-family:Poppins,sans-serif;font-weight:600;text-decoration:none;transition:transform .15s,filter .2s;display:flex}.available-unit-link:hover{filter:brightness(.92);transform:translateY(-2px)}.available-unit-link:active{border-bottom-width:3px;transform:translateY(2px)}.quiz-page .quiz-container{flex-direction:column;flex:1;gap:24px;width:100%;min-width:1080px;animation:.3s ease-out both quiz-elevate-in;display:flex}.quiz-page .quiz-container h1{padding:8px 0}.quiz-question-prompt{flex-direction:column;gap:12px;min-width:0;display:flex}.quiz-page .quiz-container .quiz-question-copy{color:var(--text-main);font-family:var(--font-poppins), "Poppins", sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 0;font-size:clamp(1.25rem,3.25vw,2rem);font-weight:600;line-height:1.35}.quiz-question-code{border-radius:10px;flex:none;width:100%;min-width:0;max-width:100%;min-height:388px;overflow:hidden}.quiz-question-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;min-width:0;height:100%;display:grid;overflow:hidden}@media (min-width:769px){.quiz-container.has-code-block>.quiz-question-prompt{flex:none}.quiz-question-layout{flex:1 1 0;height:auto;min-height:0}}.quiz-question-code-column,.quiz-question-answer-column{min-width:0;height:100%}.quiz-question-answer-column{flex-direction:column;gap:16px;display:flex}.lesson-slide-transition{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);width:100%;min-height:0;display:grid;overflow:hidden}.lesson-slide-layer{grid-area:1/1;width:100%;height:100%}.lesson-slide-layer.is-entering{animation:.3s ease-out .2s both lesson-slide-enter-right}.lesson-slide-layer.is-entering.is-backward{animation-name:lesson-slide-enter-left}.lesson-slide-layer.is-exiting{pointer-events:none;animation:.3s ease-in both lesson-slide-exit-left}.lesson-slide-layer.is-exiting-to-text .lesson-code-frame-controls-pill{visibility:hidden}.lesson-slide-layer.is-exiting.is-backward{animation-name:lesson-slide-exit-right}.lesson-slide-layer.is-hidden{visibility:hidden;pointer-events:none}@keyframes lesson-slide-exit-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes lesson-slide-enter-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lesson-slide-exit-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes lesson-slide-enter-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes quiz-elevate-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lesson-card{justify-content:flex-start;align-items:stretch;gap:48px;height:100%;padding-top:8px;display:flex}.lesson-text-container{flex-direction:column;flex:1;gap:24px;display:flex}.lesson-card-text{text-align:left;white-space:pre-wrap;text-align:left;flex-direction:column;gap:12px;width:100%;line-height:1.5;display:flex}.lesson-card-text>p{margin:0}.lesson-card .lesson-slide-title{margin-top:-12px;font-size:clamp(1.5rem,3.5vw,2.25rem)}.lesson-card .lesson-code-preview{border:0;width:100%;max-width:100%;margin:0;display:block;overflow:hidden}.lesson-code-frame{flex:1;width:100%}.unit-meta .lesson-code-frame{flex-direction:column;min-height:0;display:flex;overflow:hidden}.unit-meta iframe.lesson-code-preview{flex:1 1 0;min-height:0;max-height:300px;height:0!important}.lesson-code-frame iframe{outline:1px solid var(--border-main);background-color:#fff}.lesson-code-frame-controls{box-sizing:border-box;background:#2b2b2b;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;display:flex}.lesson-code-frame-controls .window-controls{gap:4px;display:flex}.lesson-code-frame-controls .window-controls .circle{border-radius:999px;flex:0 0 16px;width:16px;height:16px}.lesson-code-frame-controls .window-controls .circle:first-child{background-color:#ff605c}.lesson-code-frame-controls .window-controls .circle:nth-child(2){background-color:#ffbd44}.lesson-code-frame-controls .window-controls .circle:last-child{background-color:#00ca4e}.lesson-code-frame-controls .lesson-code-frame-controls-pill,.lesson-code-frame-controls-pill{background-color:#3c3c3c;border-radius:999px;padding:4px;display:flex}.lesson-code-frame-controls-pill>button{transition:all .2s}.lesson-code-frame-tab{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 8px}.lesson-code-frame-tab>p{color:var(--text-muted);margin:0;font-size:clamp(.5rem,1.5vw,1rem)}.lesson-code-frame-tab.active{background:#2c2c2c}.lesson-code-frame-tab.active>p{color:var(--text-inverse)}.lesson-code-source{box-sizing:border-box;border:1px solid var(--border-main);color:#f8fafc;text-align:left;white-space:pre;background:#1e1e1e;border-radius:0 8px 8px;width:100%;min-height:180px;max-height:480px;margin:0;padding:16px;overflow:auto}.lesson-code-editor{-webkit-user-select:none;user-select:none;border-radius:0 0 8px 8px;width:100%;height:100%;margin-top:-2px;overflow:hidden}.lesson-code-editor *{-webkit-user-select:none;user-select:none}.lesson-card .lesson-slide-controls{justify-content:center}.lesson-card .lesson-slide-button{width:auto;min-width:96px;margin-inline:auto}.options-container#multiple-choice{flex-direction:column;flex:1;gap:12px;height:100%;display:flex}.options-container#multiple-choice.is-locked label:not(.selected),.options-container#order.is-locked,.options-container#pair.is-locked,.options-container#ftb.is-locked{pointer-events:none}.quiz-page label{width:100%;height:100%;max-height:96px}.quiz-page label input[type=radio]{display:none}.quiz-page label input[type=radio]:checked+.options{background-color:var(--selected-background-color);border-color:var(--selected-color)}.quiz-page label input[type=radio]:checked+.options>p{color:var(--selected-color)}.quiz-page label input[type=radio]:checked+.options>div{background-color:var(--selected-color);border-color:var(--selected-color);color:var(--text-inverse)}.quiz-page label input[type=radio]:not(:disabled):active+.options{border-bottom-width:3px}.quiz-page label input[type=radio]:not(:disabled):active+.options div{color:var(--primary-color)}.quiz-page #multiple-choice label.answer-correct>.options{color:#16a34a;background-color:#22c55e26;border-color:#22c55e #22c55e #1fb255}.quiz-page #multiple-choice label.answer-correct>.options>p{color:#16a34a}.quiz-page #multiple-choice label.answer-correct>.options>div{color:#fff;background-color:#22c55e;border-color:#22c55e}.quiz-page #multiple-choice label.answer-incorrect>.options{color:#dc2626;background-color:#ef444426;border-color:#ef4444 #ef4444 #d83d3d}.quiz-page #multiple-choice label.answer-incorrect>.options>p{color:#dc2626}.quiz-page #multiple-choice label.answer-incorrect>.options>div{color:#fff;background-color:#ef4444;border-color:#ef4444}.quiz-page .options{background-color:var(--bg-card);border:3px solid var(--border-main);border-bottom:5px solid var(--border-main);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:40px;max-height:96px;color:var(--text-muted);border-radius:16px;align-items:center;gap:20px;padding:0 24px;font-family:Poppins,sans-serif;font-weight:600;transition:transform .15s,border-color .2s,background-color .2s,box-shadow .2s;display:flex}.quiz-page .options>svg,.quiz-page .options p{pointer-events:none}.quiz-page .options:active{border-color:var(--selected-color);background-color:var(--selected-background-color);border-bottom-width:3px;padding-bottom:2px;transform:translateY(2px)}.quiz-page .options:active p,.quiz-page .options:active svg{color:var(--selected-color)}.quiz-page .options:active>div{border-color:var(--selected-color)}.quiz-page .options.dragging{background-color:var(--selected-background-color);border-color:var(--selected-color);color:var(--selected-color)}.quiz-page .options.dragging>div{background-color:var(--selected-color);color:var(--text-inverse);border:none}.quiz-page .options>div{aspect-ratio:1;border:3px solid var(--border-main);width:auto;height:clamp(36px,4vh,44px);color:var(--border-main);border-radius:8px;justify-content:center;align-items:center;font-size:clamp(1rem,1.25vw,1.25rem);font-weight:600;transition:background .35s;display:flex}.options-container#order{flex:1;align-items:flex-start}.order-options{justify-content:flex-start}.order-options{--order-item-gap:12px;flex:1;height:100%}.order-options>.order-slot{width:100%}.order-options>.order-slot>.options{border-radius:16px}.order-slot{flex:1 1 0;align-items:stretch;min-height:40px;max-height:96px;display:flex}.order-slot-number{color:var(--text-main);font-family:var(--font-poppins), "Poppins", sans-serif;flex:0 0 48px;justify-content:center;align-items:center;font-size:clamp(.75rem,2vw,1.25rem);font-weight:600;line-height:1;display:flex}.order-options>.order-slot{gap:12px}.order-options>.order-slot>.options{flex:1;width:auto;min-width:0}.draggable-item{will-change:transform, opacity;cursor:grab!important}.draggable-item:active{cursor:grabbing!important}.draggable-item.is-dragging{border-style:dashed;border-color:var(--selected-color);transform:scale(.98)}.draggable-item.is-over{border-color:var(--selected-color);background-color:var(--selected-background-color);box-shadow:0 8px 20px #00000026}.draggable-item.is-over>svg,.draggable-item.is-over p{color:var(--selected-color)}.draggable-item.swap-animation-start{transition:none}.draggable-item.swap-animation-settle{transition:transform .22s ease-in-out;transform:translateY(0)}.draggable-item.swap-animation-start.swap-moved-down{transform:translateY(calc((100% + var(--order-item-gap)) * var(--swap-distance) * -1))}.draggable-item.swap-animation-start.swap-moved-up{transform:translateY(calc((100% + var(--order-item-gap)) * var(--swap-distance)))}.draggable-item.swap-animation-start.swap-shifted-down{transform:translateY(calc(100% + var(--order-item-gap)))}.draggable-item.swap-animation-start.swap-shifted-up{transform:translateY(calc(-100% - var(--order-item-gap)))}.options-container#pair{flex:1;align-items:flex-start;gap:36px}.options-container#pair .options{color:var(--text-main)}.options-container#pair .options>p{color:inherit}.pair-left-column,.pair-right-column{flex:1;justify-content:flex-start;height:100%}:is(.pair-left-column,.pair-right-column)>label{width:100%;height:100%;max-height:96px}:is(.pair-left-column,.pair-right-column)>label>.options p{text-align:center;width:100%}.pair-left-column input[type=radio],.pair-right-column input[type=radio]{display:none}.pair-left-column input[type=radio]:checked+.options,.pair-right-column input[type=radio]:checked+.options{background-color:var(--selected-background-color);border-color:var(--selected-color);color:var(--selected-color)}.pair-option-disabled{pointer-events:none;cursor:default}.pair-option-disabled .options{cursor:default}.pair-option-disabled .options p{color:inherit}.pair-option-matched{color:#16a34a!important;cursor:default!important;background-color:#22c55e26!important;border-color:#22c55e!important}.pair-option-matched>p{color:#16a34a!important}.pair-option-incorrect{color:#dc2626!important;background-color:#ef444426!important;border-color:#ef4444!important}.pair-option-incorrect>p{color:#dc2626!important}.pair-option-settled{color:var(--text-muted)!important;cursor:default!important}.pair-option-disabled .pair-option-settled>p{color:var(--border-main)!important}.options-container#ftb{flex:1;align-items:flex-start}.answer-box{border:2px solid var(--border-main);resize:none;background:var(--bg-card);height:100%;max-height:200px;color:var(--text-main);border-radius:12px;flex:1;padding:24px 16px;font-family:Montserrat,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:500}.answer-box:focus{outline:none}.code-problem-layout{grid-template-columns:1.25fr 2fr 1.5fr;width:100%;min-width:1080px;height:100%;min-height:0;display:grid}.code-problem-layout>div{border:2px solid var(--border-main);flex-direction:column;min-height:0;display:flex}.code-problem-layout>div+div{border-left:none}#instructions{min-height:0}.header{display:flex}.header>div{border-bottom:2px solid var(--border-main);flex:1;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.header>div>svg{width:24px;height:auto;color:var(--text-main)}.header>div>h2{-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,2vw,1.25rem)}.header>div.active:before{content:"";background-color:var(--selected-color);width:100%;height:4px;position:absolute;bottom:0;left:0}#tab .header>div+div{border-left:2px solid var(--border-main)}.file-tab{border:none;border-bottom:2px solid var(--border-main);color:#111827;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;height:56px;padding:12px 18px;transition:all .2s;display:flex}.file-tab>svg{color:#7c3aed;width:22px;height:22px}.file-tab>h2{margin:0;font-size:clamp(.6rem,1.2vw,1rem);font-weight:600}.file-tab.active{border-bottom-color:#7c3aed}.file-tab:not(.active){color:#1f2937}.instruction-container{flex:1;justify-content:flex-start;min-height:0;padding:12px;overflow-y:auto}.instruction{border:1px solid var(--border-main);border-radius:20px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.instruction>div .check-circle{border:2px solid var(--border-main);border-radius:50%;min-width:28px;height:28px}.instruction>div .check-circle svg{color:#fff}.instruction p{font-size:clamp(.75rem,1.75vw,1rem)}.instruction.correct{background-color:#22c55e26;border:none}.instruction.correct>div .check-circle{background-color:#22c55e;border:none}.instruction.disabled{border-color:var(--border-main);background-color:var(--bg-card);-webkit-user-select:none;user-select:none}.instruction.disabled>.check-circle{background-color:#999;border:none}.code-editor-container{position:relative}.code-editor-container>.code-options{gap:8px;display:flex;position:absolute;bottom:20px;right:34px}.code-editor-container>.code-options>.run-code-btn,.code-editor-container>.code-options .submit-btn{border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:12px 24px;display:flex;position:relative}:is(.code-editor-container>.code-options>.run-code-btn,.code-editor-container>.code-options .submit-btn) p{white-space:nowrap;font-size:14px}.code-editor-container>.code-options .submit-btn{background-color:var(--primary-color)}.code-editor-container>.code-options .submit-btn p{color:var(--text-inverse)}.code-editor-container>.code-options .run-code-btn{background-color:var(--border-main);color:var(--text-muted);gap:12px}.code-editor-container>.code-options>.run-code-btn:after,.code-editor-container>.code-options>.submit-btn:after{content:"";border-radius:inherit;width:100%;height:100%;transition:all .2s;position:absolute;top:0;bottom:0;left:0}.code-editor-container>.code-options>.run-code-btn:hover:after,.code-editor-container>.code-options>.submit-btn:hover:after{background-color:#ffffff1a}.monaco-editor-shell{background-color:var(--cp-editor-background,#f3f4f6);border-left:1px solid var(--border-main);overflow:hidden}.monaco-code-editor,.monaco-code-editor>.monaco-editor,.monaco-code-editor>.monaco-editor>.overflow-guard{width:100%!important;height:100%!important}.lesson-code-preview,.lesson-code-preview *,.lesson-code-preview ::selection{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}[data-theme=dark]{--cp-editor-background:#1e1e1e;--cp-editor-text:#d4d4d4;--cp-editor-gutter:#252526;--cp-editor-gutter-text:#858585}@media (prefers-color-scheme:dark){[data-theme=system]{--cp-editor-background:#1e1e1e;--cp-editor-text:#d4d4d4;--cp-editor-gutter:#252526;--cp-editor-gutter-text:#858585}}.canvas-container,.code-editor-container{flex:1;justify-content:flex-start;gap:0;height:100%}.toggle-device-container{justify-content:flex-end;gap:12px!important}.toggle-device-container svg{width:20px;height:20px;transition:all .35s;color:#a1a1aa!important}.toggle-device{-webkit-user-select:none;user-select:none;background-color:var(--border-main);border-radius:999px;position:relative;width:54px!important}.toggle-device>input[type=checkbox]{display:none}.toggle-device>input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px)}.toggle-device>.toggle-slider{cursor:pointer;position:absolute;inset:0}.toggle-device>.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .35s;position:absolute;bottom:3px;left:4px}.toggle-device-container:has(.toggle-device input[type=checkbox]:not(:checked)) #desktop-toggle{color:var(--selected-color)!important}.toggle-device-container:has(.toggle-device input[type=checkbox]:checked) #mobile-toggle{color:var(--selected-color)!important}.canvas-container>.preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.canvas-container>.console{border-top:2px solid var(--border-main);width:100%}.canvas-container>.console>.header>div{border:none}.canvas-container>.console>.header>div>.console-maximize{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;margin-left:auto;padding:0}.canvas-container>.console>.header>div>.console-maximize svg{width:32px;height:auto}.canvas-container>.console .console-output{border-top-color:#0000;min-height:0;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .25s,min-height .25s,padding .25s,border-top-color .25s;overflow:hidden}.canvas-container>.console.console-open .console-output{border-top:1px solid var(--border-main);min-height:180px;max-height:240px;padding-top:16px;padding-bottom:16px;overflow:auto}.canvas-container>.console.console-open .console-maximize svg{transform:rotate(180deg)}.console-output{color:#e5e7eb;min-height:180px;font-family:var(--font-jetbrains-mono);background:#111827;padding:16px 20px;overflow:auto}.console-empty{color:#9ca3af;margin:0}.console-line{white-space:pre-wrap;overflow-wrap:anywhere;gap:12px;padding:6px 0;display:flex}.console-output .console-line code{font:inherit;color:inherit;white-space:inherit;background:0 0;border-radius:0;padding:0}.console-level{color:#93c5fd;text-transform:uppercase;min-width:44px;font-size:.75rem}.console-warn .console-level{color:#fcd34d}.console-error .console-level{color:#fca5a5}#code-problem{grid-template-rows:minmax(0,1fr);grid-template-areas:"sidebar main";height:100dvh;min-height:0}#code-problem>main{min-height:0;padding:48px;overflow:hidden}.quiz-page footer{background-color:var(--bg-card);border-top:2px solid var(--border-main);grid-area:footer;justify-content:center;display:flex}.quiz-page footer>div{align-items:center;gap:24px;max-width:1080px;padding:36px 0}.quiz-page footer>div>.answer-message{display:none}.quiz-page footer>div>.lesson-footer-controls{flex:1;justify-content:space-between;align-items:center;gap:24px;display:flex}.quiz-page footer>div>.lesson-footer-controls>button.options{justify-content:center;width:320px;height:clamp(56px,6vh,80px);margin:0;font-size:clamp(1rem,1vw,2rem);transition:all .2s}.quiz-page footer>div>.lesson-footer-controls>button.options#submit{background-color:var(--selected-color);color:var(--text-inverse);border:none;border-bottom:6px solid #6b36da;position:relative}.quiz-page footer>div>.lesson-footer-controls>button.options#submit:after{content:"";background-color:#0000;border-radius:14px;transition:background-color .2s;position:absolute;inset:0}.quiz-page footer>div>.lesson-footer-controls>button.options#submit:hover:after{background-color:#ffffff1a}.quiz-page footer>div>.lesson-footer-controls>button.options#skip{color:var(--border-main);background-color:var(--bg-card)}.quiz-page footer>div>.lesson-footer-controls>button.options#skip:disabled{background-color:var(--border-main);color:var(--text-muted);pointer-events:none;border:none}.quiz-page footer>div>.lesson-footer-controls>button.options#skip:hover{filter:brightness(.9);border-color:var(--border-main)}.quiz-page footer>div>.lesson-footer-controls>button.options#skip:active{border-bottom-width:3px}.quiz-page footer>div>.lesson-footer-controls>button.options#submit:active{border-bottom-width:0}.quiz-page footer>div>button.options{justify-content:center;width:320px;height:clamp(56px,6vh,80px);font-size:clamp(1rem,1vw,2rem);transition:all .2s}.quiz-page footer>div>button.options#submit{background-color:var(--selected-color);color:var(--text-inverse);border:none;border-bottom:6px solid #6b36da;flex-shrink:0;position:relative}.quiz-page footer>div>button#submit:disabled{background-color:var(--border-main);color:var(--text-muted);pointer-events:none;border:none}.quiz-page footer>div>button.options#submit:after{content:"";background-color:#fff0;width:100%;height:100%;transition:all .2s;position:absolute;top:0;bottom:0}.quiz-page footer>div>button.options#submit:not(:disabled):hover:after{background-color:#ffffff1a}.quiz-page footer>div>button.options#skip{color:var(--border-main);background-color:var(--bg-card)}.quiz-page footer>div>button.options#skip:hover{filter:brightness(.9);border-color:var(--border-main)}.quiz-page footer>div>button.options#skip:active{border-bottom-width:3px}.quiz-page footer>div>button.options#submit:active{border-bottom-width:0}footer.correct,footer.incorrect{border:none}:is(footer.correct,footer.incorrect)>div>.answer-message{justify-content:flex-start;gap:16px;height:100%;display:flex}:is(footer.correct,footer.incorrect)>div>.answer-message>#answer-message-text{line-height:1.5}:is(footer.correct,footer.incorrect)>div>.answer-message>#answer-message-text p{font-size:clamp(.5rem,1.5vw,1rem)}:is(footer.correct,footer.incorrect)>div>.answer-message>.answer-message-icon{aspect-ratio:1;border-radius:50%;width:auto;height:100%;animation:.3s ease-out both answer-message-pop}:is(footer.correct,footer.incorrect)>div>.answer-message>.answer-message-icon>svg{color:#fff}:is(footer.correct,footer.incorrect)>div>button.options#skip{display:none}@media (prefers-reduced-motion:reduce){.lesson-slide-layer.is-entering,.lesson-slide-layer.is-exiting,.quiz-page .quiz-container{animation-duration:1ms}.lesson-slide-layer.is-entering{animation-delay:0s}footer.correct .answer-message-icon,footer.incorrect .answer-message-icon{animation-duration:1ms}}footer.correct{background-color:#22c55e26}footer.correct>div>.answer-message>div h2,footer.correct>div>.answer-message div p{color:#16a34a}footer.correct>div>.answer-message>.answer-message-icon{background-color:#22c55e}footer.correct>div>.answer-message>.answer-message-icon>#correct{display:flex}footer.correct>div>.answer-message>.answer-message-icon>#wrong{display:none}footer.correct>div>button.options#submit{background-color:#22c55e;border-color:#1fb255}footer.incorrect{background-color:#ef444426}footer.incorrect>div>.answer-message>div h2,footer.incorrect>div>.answer-message div p{color:#dc2626}footer.incorrect>div>.answer-message>.answer-message-icon{background-color:#ef4444}footer.incorrect>div>.answer-message>.answer-message-icon>#correct{display:none}footer.incorrect>div>.answer-message>.answer-message-icon>#wrong{display:flex}footer.incorrect>div>button.options#submit{background-color:#ef4444;border-color:#d83d3d}@media (max-width:768px){.quiz-page{flex-direction:column!important;width:100%!important;height:auto!important;min-height:100dvh!important;display:flex!important;overflow-x:hidden!important}.quiz-page.learn-page{flex:auto!important;height:100%!important;min-height:0!important;overflow:hidden!important}.quiz-page.learn-page>main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0!important;padding-bottom:24px!important;overflow:hidden auto!important}.quiz-page.quiz-no-footer-page>.quiz-completion-main{min-height:100dvh!important}.quiz-page:not(.quiz-no-footer-page){height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.quiz-page main{box-sizing:border-box!important;flex:1!important;align-items:stretch!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:24px!important}.quiz-page:not(#code-problem):not(.learn-page):not(.profile-page):not(.quiz-completion-main)>main:not(.quiz-completion-main){padding-top:calc(112px + env(safe-area-inset-top))!important}.quiz-page:not(#code-problem):not(.learn-page):not(.profile-page)>main>.quiz-header{z-index:60;box-sizing:border-box;background-color:var(--bg-main);position:fixed;top:0;left:0;right:0;width:100%!important;max-width:100%!important;padding:max(24px, env(safe-area-inset-top)) 24px 8px!important}.quiz-page:not(.quiz-no-footer-page)>main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0!important;overflow:hidden auto!important}.quiz-page:not(.quiz-no-footer-page)>main>.quiz-content-region{flex:none!important;min-height:auto!important}.quiz-page main>div{width:100%!important;min-width:0!important;max-width:100%!important}.quiz-page .quiz-container{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.quiz-page .quiz-container>h1{text-align:left!important;padding:4px 0!important;font-size:1.25rem!important;line-height:1.35!important}.quiz-page .quiz-container .quiz-question-copy{text-align:left;padding:4px 0;font-size:1.25rem;line-height:1.35}.quiz-question-layout{grid-template-columns:minmax(0,1fr);gap:16px}.quiz-question-code{min-height:0;max-height:none}.lesson-slide-transition{flex:none!important;grid-template:auto/minmax(0,1fr)!important;min-height:auto!important;overflow:clip visible!important}.lesson-slide-layer{height:auto!important}.lesson-slide-layer.is-hidden{display:none!important}.lesson-card{flex-direction:column!important;gap:14px!important;width:100%!important;min-width:0!important;height:auto!important;padding-top:0!important;padding-bottom:14px!important}.lesson-text-container{order:-1;flex:none!important;gap:12px!important;width:100%!important;min-width:0!important}.lesson-card .lesson-slide-title{margin-top:0;font-size:1.3rem!important;line-height:1.25!important}.lesson-card-text{text-align:left!important;overflow-wrap:anywhere!important;width:100%!important;font-size:.95rem!important;line-height:1.55!important}.lesson-code-frame{flex:none!important;width:100%!important;min-width:0!important;padding:4px 0!important}.unit-meta .lesson-code-frame{min-height:180px;display:block;overflow:visible}.unit-meta iframe.lesson-code-preview{min-height:180px;max-height:none;height:auto!important}.lesson-code-source{box-sizing:border-box!important;width:100%!important;min-height:120px!important;max-height:260px!important;padding:10px!important;font-size:.8rem!important}.code-problem-layout{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}.quiz-page label{width:100%!important;height:auto!important;max-height:none!important}.quiz-page .options{box-sizing:border-box!important;border-radius:12px!important;gap:10px!important;width:100%!important;height:auto!important;min-height:48px!important;max-height:none!important;padding:10px 14px!important;font-size:.9rem!important}.quiz-page .options>div{border-radius:6px!important;width:32px!important;min-width:32px!important;height:32px!important;font-size:.88rem!important}.options-container#multiple-choice{gap:10px!important;width:100%!important}.options-container#pair{flex:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-content:start!important;place-items:stretch stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-inline:0!important;display:grid!important}.pair-left-column .options,.pair-right-column .options{text-align:center!important;justify-content:center!important;min-height:54px!important;padding:8px 10px!important}.pair-left-column .options p,.pair-right-column .options p{text-align:center!important;overflow-wrap:anywhere!important;width:100%!important;font-size:.85rem!important;line-height:1.3!important}.pair-left-column,.pair-right-column{display:contents!important}.pair-left-column>label,.pair-right-column>label{align-self:stretch!important;width:100%!important;height:auto!important;max-height:none!important}.pair-left-column>label>.options,.pair-right-column>label>.options{width:100%!important;height:100%!important}.options-container#order{flex:none!important;gap:10px!important;width:100%!important}.order-options{--order-item-gap:6px;width:100%;flex:none!important;gap:6px!important;min-width:0!important;height:auto!important;margin-left:0!important}.order-options>.order-slot{flex:none;align-items:stretch;gap:10px;width:100%;min-height:48px;max-height:none}.order-slot-number{flex:0 0 32px}.order-options>.order-slot>.options{flex:1;min-width:0;width:auto!important;height:auto!important;min-height:48px!important;max-height:none!important}.options-container#ftb{width:100%!important}.answer-box{box-sizing:border-box!important;width:100%!important;min-height:120px!important;padding:12px 14px!important;font-size:1rem!important}.quiz-header{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.quiz-header>.quiz-navigation{align-items:center!important;gap:8px!important;width:100%!important}.quiz-settings-button,.quiz-close-button{justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:inline-flex!important}.quiz-close-button svg{width:28px!important;height:28px!important}.quiz-page .quiz-unit-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100% - 150px)!important;margin:0!important;font-size:.95rem!important;overflow:hidden!important}.quiz-header>.quiz-navigation>.heart-container{margin-left:auto!important;padding-left:0!important}.heart-container>svg{width:22px!important;height:22px!important;margin-left:-7px!important}.progress-container{gap:4px!important;height:8px!important}.quiz-progress-row{gap:6px!important}.quiz-progress-back{padding:4px 8px 4px 0!important;font-size:.8rem!important}.progress-container>div{border-radius:3px!important;height:8px!important}.quiz-page footer{z-index:50!important;padding:10px 14px max(10px, env(safe-area-inset-bottom))!important;background-color:var(--bg-card)!important;border-top:1px solid var(--border-main)!important;box-sizing:border-box!important;width:100%!important;position:sticky!important;bottom:0!important}.quiz-page footer.correct{background-color:#22c55e26!important}.quiz-page footer.incorrect{background-color:#ef444426!important}.quiz-page:not(.quiz-no-footer-page)>footer{flex-shrink:0!important;position:relative!important;bottom:auto!important}.quiz-page footer>div{flex-flow:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;padding-block:0!important;display:flex!important}.quiz-page footer #skip{border-radius:12px!important;flex:80px!important;justify-content:center!important;max-width:110px!important;height:48px!important;min-height:48px!important;padding:0 12px!important;font-size:.9rem!important}.quiz-page footer #submit{border-radius:12px!important;flex:2 140px!important;justify-content:center!important;width:auto!important;height:48px!important;min-height:48px!important;padding:0 16px!important;font-size:.95rem!important}.lesson-footer-controls{flex-direction:row!important;gap:10px!important;width:100%!important;display:flex!important}.lesson-footer-controls>button.options{border-radius:12px!important;flex:1!important;justify-content:center!important;width:auto!important;height:48px!important;min-height:48px!important;font-size:.95rem!important}.answer-message{align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:2px!important;display:none!important}.quiz-page footer.correct .answer-message,.quiz-page footer.incorrect .answer-message{flex:1 1 0!important;width:auto!important;min-width:0!important;margin-bottom:0!important;display:flex!important}.quiz-page footer.correct>div,.quiz-page footer.incorrect>div{flex-wrap:nowrap!important}.quiz-page footer.correct #submit,.quiz-page footer.incorrect #submit{flex:0 140px!important;min-width:96px!important;max-width:42%!important}.answer-message-icon{border-radius:50%!important;width:32px!important;min-width:32px!important;height:32px!important}.answer-message-icon svg{width:18px!important;height:18px!important}#answer-message-text h2{margin:0!important;font-size:.95rem!important}#answer-message-text p{margin:2px 0 0!important;font-size:.8rem!important}.available-units{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 12px 0!important}.skeleton-learn-page .available-units{padding-top:24px!important}.skeleton-learn-page .learn-skeleton-unit-title{height:18px}.learn-filters-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.learn-search-input{box-sizing:border-box!important;width:100%!important;min-width:0!important}.learn-section-chips{width:100%!important}.available-units-list{flex-direction:column!important;gap:12px!important;display:flex!important}.available-unit-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.available-unit-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.skeleton-learn-page .learn-skeleton-action{border-radius:14px;flex:none;width:100%;height:44px;min-height:44px}.available-unit-cp-link,.available-unit-link{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:44px!important;display:flex!important}.quiz-complete-card{border-radius:16px!important;width:100%!important;max-width:100%!important;padding:24px 16px!important}.quiz-complete-card button,.quiz-complete-card a{justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;display:flex!important}}.cp-mobile-banner,.cp-mobile-tabs,.cp-mobile-actionbar,.cp-quick-symbols{display:none}@media (max-width:768px){.lesson-code-preview.lesson-code-editor{touch-action:pan-x pan-y}#code-problem,#code-problem.quiz-page{height:var(--cp-vh,100dvh)!important;flex-direction:column!important;min-height:0!important;display:flex!important;overflow:hidden!important}#code-problem>main{flex-direction:column!important;flex:auto!important;gap:8px!important;min-height:0!important;padding:8px 10px 0!important;display:flex!important;overflow:hidden!important}#code-problem .quiz-header{flex-shrink:0}#code-problem .cp-workspace{flex:auto!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-height:0!important}#code-problem .code-options,#code-problem .toggle-device-container{display:none!important}.cp-mobile-banner{border:1px solid var(--border-main);background:var(--bg-card);border-radius:12px;flex-shrink:0;align-items:flex-start;gap:10px;max-height:108px;padding:8px 12px;display:flex;overflow-y:auto}.cp-mobile-banner.is-error{background:#ef444414;border-color:#ef4444}.cp-mobile-banner.is-typing{display:none}.cp-mobile-banner-step{color:var(--selected-color);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:.7rem;font-weight:800}.cp-mobile-banner-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cp-mobile-banner-text{color:var(--text-main);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.85rem;line-height:1.4}.cp-mobile-banner-note{color:var(--text-muted);font-size:.8rem;line-height:1.4}.cp-mobile-banner-note.is-fail{color:#dc2626;font-weight:600}.cp-mobile-banner-note.is-success{color:#16a34a;font-weight:600}.cp-mobile-banner-hint{border:1px solid var(--border-main);background:var(--bg-main);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:36px;font-size:1rem}.cp-mobile-tabs{border:1px solid var(--border-main);background:var(--bg-card);border-radius:12px;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.cp-mobile-tab{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:.88rem;font-weight:700;transition:background-color .15s,color .15s}.cp-mobile-tab.active{background:var(--selected-color);color:#fff}#code-problem .code-problem-layout{flex-direction:column!important;flex:auto!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;display:flex!important}#code-problem .code-problem-layout>div{border-radius:12px;flex:auto;min-height:0;overflow:hidden;border:2px solid var(--border-main)!important;display:none!important}#code-problem .code-problem-layout[data-mobile-tab=task]>#instructions,#code-problem .code-problem-layout[data-mobile-tab=code]>#tab,#code-problem .code-problem-layout[data-mobile-tab=preview]>#preview{display:flex!important}#code-problem #instructions .instruction-container{-webkit-overflow-scrolling:touch;overflow-y:auto}#code-problem #tab .header{scrollbar-width:none;flex-shrink:0;overflow-x:auto}#code-problem #tab .code-editor-container{border-left:0;flex:auto;min-height:0}#code-problem #preview .canvas-container{flex:auto;min-height:0}#code-problem #preview .preview-frame{border-left:0!important;border-right:0!important;max-width:100%!important}.cp-mobile-editor{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.cp-mobile-editor-area{background:var(--cp-editor-background,#f3f4f6);flex:auto;min-height:0;display:flex;overflow:hidden}.cp-mobile-monaco-editor,.cp-mobile-monaco-editor>.monaco-editor,.cp-mobile-monaco-editor>.monaco-editor>.overflow-guard{flex:auto;min-width:0;min-height:0;width:100%!important;height:100%!important}.cp-quick-symbols{border-top:1px solid var(--border-main);background:var(--bg-card);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.cp-quick-symbols::-webkit-scrollbar{display:none}.cp-quick-symbol{border:1px solid var(--border-main);background:var(--bg-main);min-width:42px;height:40px;color:var(--text-main);font-family:var(--font-jetbrains-mono), monospace;cursor:pointer;border-radius:8px;flex:none;padding:0 10px;font-size:16px;font-weight:600}.cp-quick-symbol-tab{min-width:56px;color:var(--selected-color)}.cp-quick-symbol:active{background:var(--selected-background-color);border-color:var(--selected-color)}.cp-mobile-actionbar{padding:8px 2px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-main);background:var(--bg-main);flex-shrink:0;grid-template-columns:auto minmax(0,1fr) minmax(0,1.4fr);gap:8px;display:grid}.cp-mobile-actionbar.no-run{grid-template-columns:auto minmax(0,1fr)}.cp-mobile-action-btn{border:2px solid var(--border-main);background:var(--bg-card);min-height:48px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:700;display:flex}.cp-mobile-action-btn.primary{border-color:var(--selected-color);background:var(--selected-color);color:#fff;border-bottom:4px solid #6b36da}.cp-mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.cp-mobile-action-btn:active:not(:disabled){transform:translateY(1px)}}.cp-skip-timer{background:var(--bg-card);border:1.5px solid var(--border-main);color:var(--text-main);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.cp-skip-timer.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.cp-skip-timer.urgent{color:#ef4444;background:#ef444426;border-color:#ef4444;animation:1s ease-in-out infinite cp-timer-pulse}@keyframes cp-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cp-skip-badge{color:var(--primary-color);border:1px solid var(--primary-color);text-transform:uppercase;letter-spacing:.5px;background:#7c3aed1f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8125rem;font-weight:700;display:inline-flex}.cp-timeout-banner{color:#fff;text-align:center;background:#ef4444;border-radius:12px;width:100%;max-width:1080px;padding:10px 16px;font-weight:700;animation:.2s ease-out both quiz-elevate-in}.cp-milestone-banner{color:#fff;text-align:center;background:#10b981;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:1080px;padding:10px 16px;font-weight:700;animation:.2s ease-out both quiz-elevate-in;display:flex}