:root{--control-radius: 6px}[data-subject=english]{--studio-ink: #303036;--studio-accent: #684658;--studio-line: #dedade;--studio-surface: #faf9fa}button.ui-button.ui-button,button.ui-select.ui-select{border-radius:var(--control-radius);font-family:system-ui,sans-serif;font-weight:500;transition:background-color .12s,border-color .12s;transform:none;box-shadow:none}button.ui-button.ui-button:hover,button.ui-select.ui-select:hover{transform:none;box-shadow:none}button.ui-button:focus-visible,button.ui-select:focus-visible,[data-slot=input]:focus-visible,[data-slot=textarea]:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}button.ui-button:disabled,button.ui-select:disabled{opacity:.5;cursor:not-allowed}button.ui-button.primary{background:var(--studio-accent);color:#fff;border-color:transparent}button.ui-button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--studio-accent) 88%,black)}button.ui-select.ui-select,button.ui-settings-trigger.ui-settings-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:6px 10px;color:var(--studio-ink);background:#fff;border:1px solid var(--studio-line);font:500 13px/1.4 system-ui,sans-serif;white-space:nowrap}button.ui-select.ui-select{min-width:98px}button.ui-select:hover,button.ui-settings-trigger:hover,button.ui-settings-trigger[data-state=open]{background:var(--studio-surface)}.ui-popup{box-sizing:border-box;z-index:1000;border:1px solid var(--studio-line);border-radius:8px;background:#fff;color:var(--studio-ink);box-shadow:0 4px 10px #20262012;font:13px/1.5 system-ui,sans-serif;max-width:calc(100vw - 32px);animation:control-open .12s ease-out}.ui-account-label{max-width:min(240px,55vw);overflow:hidden;text-overflow:ellipsis}.ui-settings{width:280px;padding:18px;max-height:var(--radix-popover-content-available-height);overflow:auto}.ui-settings>*+*{margin-top:16px}.ui-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-settings .account-name-form{display:grid;gap:8px}.ui-settings .account-name{white-space:normal;overflow-wrap:anywhere;text-align:left;padding:6px 0}.ui-settings input{width:100%;min-width:0;box-sizing:border-box}.ui-select-content{min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);overflow:auto;padding:4px}.ui-select-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 10px;border-radius:4px;cursor:default;outline:none;-webkit-user-select:none;user-select:none}.ui-select-item[data-highlighted]{background:var(--studio-surface);color:var(--studio-accent)}.ui-select-item[data-state=checked]{font-weight:650}.ui-select-scroll{text-align:center}[data-slot=input]:not([type=radio]):not([type=checkbox]),textarea[data-slot=textarea]{border-radius:var(--control-radius)}@keyframes control-open{0%{transform:translateY(-2px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ui-popup{animation:none}button.ui-button.ui-button,button.ui-select.ui-select{transition:none}}@font-face{font-family:Sentient;src:url(/fonts/sentient-variable.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#283e30;background:#edf1eb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}.workspace-switcher{display:inline-flex;align-items:center;gap:8px;font-size:12px}.workspace-switcher select{font:inherit;color:inherit;border:1px solid #bcc7be;border-radius:4px;background:#fff;padding:7px 9px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;transition:background-color .16s ease,color .16s ease}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #547960;outline-offset:4px}::selection{background:#bcd1bd;color:#1a3023}a{color:inherit;text-decoration:none}button svg{flex:none}.topbar{display:flex;align-items:center}.brand{display:flex;gap:11px;align-items:center}.brand span{font-family:Sentient,Georgia,serif;font-size:28px;font-weight:600;letter-spacing:-1px}.lesson{display:flex;flex-direction:column;background:#e4ebe0}.lesson-top{display:flex;justify-content:space-between;font-size:11px;color:#50654e}.difficulty{font-weight:700;color:#304e34}h1{font-family:Sentient,Georgia,serif;font-weight:500;font-size:37px;line-height:1.14;letter-spacing:-1.2px;margin:27px 0 17px}h2,h3,p{margin:0}.intro{font-size:14px;line-height:1.7;color:#4d604f}.lesson h2{font-size:13px;font-weight:650;margin-bottom:10px}.hint-area{margin-top:32px}.hint-area p{font-size:12px;line-height:1.7;color:#4b614d}.hint-button{border:0;padding:11px 0;background:transparent;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;text-align:left}.hint-button:hover{color:#172b1c}.hint-count{font-size:10px;color:#596c59}.palette-block{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:12px 10px;border:0;border-radius:5px 10px 10px 5px;text-align:left}.palette-block:after{content:"";position:absolute;bottom:-4px;left:16px;width:17px;height:5px;border-radius:0 0 4px 4px;background:inherit}.palette-block:hover{filter:brightness(.96)}.block-syntax{font-family:SFMono-Regular,Consolas,monospace;font-weight:600;white-space:nowrap}.block-hint{color:#465647}.output{background:#d2e3d3}.input{background:#e8d8d7}.variable{background:#e4e1cc}.selection{background:#e9d7c4}.loop{background:#d4e2e5}.routine{background:#d9dcd0}.canvas-heading{display:flex;align-items:center;justify-content:space-between;color:#576b56}.blocklySvg{background:#f0f4ed!important}.blocklyText{fill:#283b2e!important}.blocklyEditableText>rect{fill:#fff!important;fill-opacity:.55!important;stroke:transparent!important;rx:4px}.blocklyEditableText:hover>rect{fill-opacity:.9!important}.blocklySelected>.blocklyPath{stroke:#385d42!important;stroke-width:2px!important}.blocklyPathLight,.blocklyPathDark{display:none}.blocklyHtmlInput{color:#22392a!important;font-family:SFMono-Regular,Consolas,monospace!important}.blocklyWidgetDiv input{caret-color:#2a5538}.blocklyMainBackground{stroke:none!important}.blocklyWorkspace.blocklyActiveFocus:not(:focus-visible) .blocklyWorkspaceFocusRing,.blocklyWorkspace.blocklyActiveFocus:not(:focus-visible) .blocklyWorkspaceSelectionRing{stroke-width:0!important}.workspace-status{color:#586b56;display:flex;justify-content:space-between;gap:12px;min-height:41px}.drag-preview{position:fixed;z-index:1000;pointer-events:none;background:#344f39;color:#fff;padding:10px 16px;border-radius:5px;font-family:monospace;font-size:12px}@media(max-width:760px){.brand span{font-size:24px}.lesson-top{justify-content:flex-start;gap:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{color-scheme:light}.topbar{min-height:84px;height:auto;padding:20px 28px;gap:28px;flex-wrap:wrap}.topbar nav{display:flex;gap:6px;align-items:center}.topbar nav button,.account-area button{border:0;background:transparent;border-radius:6px;padding:8px 12px;font-size:13px}.topbar nav button:hover,.account-area button:hover{background:#dce6d8}.topbar nav span{margin-left:5px;color:#566b53;font-variant-numeric:tabular-nums}.account-area{margin-left:auto;display:flex;gap:8px;align-items:center}.account-area>span{font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.production-studio{display:grid;grid-template-columns:260px minmax(0,1fr);margin:0 24px 24px;min-height:calc(100dvh - 110px);background:#f7f9f5;border-radius:16px}.production-studio>.lesson{border-radius:16px 0 0 16px;padding:26px 24px}.production-studio .lesson h1{font-size:27px;line-height:1.2;margin-top:24px;letter-spacing:-.5px}.problem-statement{white-space:pre-line;font-size:13px;line-height:1.8;color:#3e5540}.production-studio .examples{margin-top:26px}.examples .sample{display:flex;flex-direction:column;gap:6px;padding:12px 0;font-size:12px;line-height:1.7}.sample code{font-size:12px}.hint-text{margin:12px 0}.change-problem{background:transparent;border:0;padding:12px 0;margin-top:26px;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px}.editor-workbench{min-width:0;padding:0 24px 10px}.document-heading{padding:23px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.document-heading>input{min-width:0;width:45%;max-width:460px;font-size:20px;font-weight:600;border:0;border-radius:5px;padding:7px 9px;color:inherit;background:transparent}.document-heading>input:hover{background:#edf2e8}.document-actions{display:flex;margin-left:auto;justify-content:flex-end;gap:4px;flex-wrap:wrap}.document-actions button,.edit-actions button,.block-actions button{background:transparent;border:0;padding:8px;border-radius:5px;font-size:12px}.document-actions button:hover,.edit-actions button:hover,.block-actions button:hover{background:#e2eadf}.editor-toolbar{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;align-items:center;flex-wrap:wrap}.mode-switch{display:flex;background:#e4ecdf;padding:4px;border-radius:7px}.mode-switch button{border:0;background:transparent;border-radius:4px;padding:7px 18px;font-size:12px}.mode-switch button[aria-pressed=true]{background:#f9fbf7;font-weight:650}.edit-actions{display:flex;align-items:center}.editor-surfaces{min-width:0;min-height:455px;display:grid;background:#f0f4ed;border-radius:10px;overflow:hidden}.mode-split{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr)}.mode-blocks,.mode-text{grid-template-columns:minmax(0,1fr)}.blocks-layout{display:flex;flex-direction:column;min-width:0}.block-tray{display:flex;gap:10px;overflow-x:auto;padding:14px 14px 19px;background:#e9efe4;scrollbar-width:thin;scrollbar-color:#96aa90 transparent}.block-tray .palette-block{width:132px;min-width:132px;margin:0;padding:12px 11px}.block-tray .block-syntax{font-size:11px}.block-tray .block-hint{font-size:10px}.canvas-column{position:relative;display:flex;flex:1;min-width:0;flex-direction:column}.canvas-column .blockly-host{min-height:320px;flex:1;position:relative}.blockly-host>.injectionDiv{position:absolute;inset:0;width:100%;height:100%}.canvas-heading{height:34px;padding:0 15px;font-size:11px}.block-actions{display:flex;align-items:center;padding:6px 10px;gap:1px;flex-wrap:wrap}.block-actions select{min-width:0;max-width:155px;border:0;border-radius:4px;padding:6px;background:#e4eddf;color:inherit;font-size:11px}.block-actions button{font-size:11px;padding:7px}.invalid-overlay{background:#ecdfcd;padding:16px;border-radius:6px;font-size:12px;line-height:1.6;z-index:2}.text-editor{height:100%;min-height:455px;min-width:0;overflow:hidden}.cm-editor{max-height:570px;min-height:455px}.cm-content{white-space:pre}.run-toolbar{display:flex;align-items:center;gap:7px;padding:17px 0;flex-wrap:wrap}.run-toolbar>button{border:0;padding:10px 12px;border-radius:6px;font-size:12px;background:#e7eee2}.run-toolbar>.primary{background:#344f39;color:#fff;padding:11px 20px}.run-toolbar>.check-button{margin-left:auto;background:#dce8d7;font-weight:600}.run-toolbar button:hover:not(:disabled){background:#cbdcc5;color:#273e2d}.primary{background:#344f39;color:#f7f9f5;border:0;border-radius:7px;padding:12px 18px;font-size:13px}.primary:hover:not(:disabled){background:#233c28}.lesson .primary{margin-top:22px}.execution-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr);gap:14px}.output-panel,.variables-panel{border-radius:9px;padding:16px 18px;background:#eaf0e5;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.variables-panel h2{font-size:13px}.panel-heading>span{color:#52684e;font-size:11px}.output-lines{max-height:260px;overflow:auto;padding:13px 0 5px;min-height:90px}.output-lines pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin:0 0 4px}.output-lines>p,.variables-panel>p{color:#566b51;font-size:12px;line-height:1.7;margin-top:10px}.variables-panel{max-height:380px;overflow:auto}.variables-panel table{margin-top:14px;font-size:12px;width:100%;text-align:left;border-collapse:collapse;table-layout:fixed}.variables-panel th{font-weight:500;color:#53694f}.variables-panel td,.variables-panel th{padding:6px 4px;vertical-align:top;overflow-wrap:anywhere}.runner-input{display:flex;gap:10px;align-items:flex-end;margin:12px 0 4px}.runner-input label{font-size:12px;flex:1;min-width:0}.runner-input input{width:100%;margin-top:6px;padding:10px;border:1px solid #91a58a;border-radius:5px;background:#f9fbf7;color:inherit}.runner-input button{padding:11px;background:#344f39;color:#fff;border:0;border-radius:5px;font-size:12px}.diagnostic{background:#efe0ce;color:#653d21;padding:12px 16px;margin:10px 0;border-radius:6px;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.7}.diagnostic button{align-self:flex-start;background:#fff7ec;padding:8px 12px;border:0;border-radius:5px}.check-results{margin-top:18px;padding:18px;background:#e8eee3;border-radius:8px}.check-results h2{font-family:Sentient,Georgia,serif;font-size:21px;font-weight:500}.check-results>p{margin:8px 0 16px;font-size:12px}.check-results details{padding:10px 0;font-size:12px;line-height:1.7}.check-results summary{cursor:pointer;font-weight:600}.check-results details>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px;background:#f4f7ef;margin-top:8px;border-radius:5px;overflow-wrap:anywhere}.workspace-status{padding:14px 0 4px;align-items:center;font-size:11px}.workspace-status button{border:0;background:transparent;padding:5px 8px;font-size:11px}.workspace-status>span:last-child{margin-left:auto;text-align:right}.mobile-challenge{display:none}.modal-overlay{position:fixed;inset:0;background:#17271c73;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#f7f9f5;border-radius:14px;z-index:101;padding:26px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-heading h2{font-family:Sentient,Georgia,serif;font-size:27px;font-weight:500}.modal-heading button{background:#e3ebdd;border:0;padding:8px 12px;border-radius:5px;font-size:12px}.naming-modal{width:min(480px,calc(100vw - 32px))}.naming-form{display:grid;gap:9px}.naming-form label{font-size:13px;font-weight:650}.naming-form input{width:100%;border:1px solid #8ea187;border-radius:5px;background:#fff;color:inherit;font:inherit;padding:11px 12px}.naming-form input:focus-visible{outline:3px solid #547960;outline-offset:2px}.naming-form .form-help,.naming-form .form-error{margin:0;font-size:12px;line-height:1.5}.naming-form .form-help{color:#506649}.naming-form .form-error{color:#783c34}.naming-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.naming-actions button{border:0;border-radius:6px;padding:10px 14px;font-size:13px}.naming-actions button:first-child{background:#e3ebdd}.library-filters{display:grid;grid-template-columns:minmax(0,200px);gap:12px;margin-bottom:20px}.library-filters label{display:grid;gap:8px;min-width:0;font-size:13px;font-weight:500}.library-filters input,.library-filters select{padding:12px;border:1px solid #9bb092;border-radius:6px;background:#fff;font:inherit;color:inherit;min-width:0;width:100%;min-height:44px}.language-guide{margin-top:24px}.language-guide summary{cursor:pointer;padding-block:12px;font-weight:600}.language-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-top:12px}.problem-list{display:flex;flex-direction:column;gap:6px}.problem-row{border:0;display:flex;align-items:center;gap:16px;background:#eaf0e5;padding:16px;border-radius:7px;text-align:left}.problem-row:hover{background:#dce8d5}.problem-row strong{font-size:14px;font-weight:600;display:block}.problem-row small{display:block;color:#51664b;font-size:11px;margin-top:6px}.level{font-size:11px;min-width:52px;font-weight:600}.level-easy{color:#305435}.level-medium{color:#704d28}.level-hard{color:#74453b}.row-action{margin-left:auto;font-size:12px}.saved-heading{display:flex;gap:16px;align-items:center;font-size:11px;color:#506649;margin-bottom:16px}.saved-heading button{padding:9px;background:#e1eadb;border:0;border-radius:5px}.saved-row{display:flex;padding:14px 8px;align-items:center;gap:14px}.saved-row button{background:#e4edde;border:0;border-radius:5px;padding:9px}.saved-row .saved-title{background:none;padding:0;flex:1;text-align:left;font-size:14px;font-weight:600}.saved-row>span{font-size:11px;color:#586d50}.empty-state{padding:32px 0;color:#52694a}.help-copy h3{font-size:16px;margin:24px 0 10px}.help-copy p{font-size:14px;line-height:1.8;color:#475e40}.signin-layout{margin:10px auto 40px;width:min(1050px,calc(100vw - 40px));display:grid;grid-template-columns:1fr 1fr;min-height:650px;border-radius:16px;background:#f7f9f5}.signin-story{background:#dce6d6;padding:48px;border-radius:16px 0 0 16px;display:flex;flex-direction:column}.brand-large{font-family:Sentient,Georgia,serif;font-size:19px;font-weight:600}.signin-story h1{font-size:44px;letter-spacing:-1px;margin:50px 0 22px}.signin-story>p{font-size:15px;line-height:1.8;color:#405b39}.logic-illustration{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:12px;font-size:12px;color:#45643c;font-family:monospace}.logic-illustration .indented{padding-left:18px}.signin-form{padding:58px 44px;align-self:center}.signin-form h2{font-family:Sentient,Georgia,serif;font-size:29px;font-weight:500;line-height:1.3}.signin-form>p{font-size:13px;line-height:1.8;margin:16px 0 24px;color:#53694c}.signin-form label{display:block;font-size:12px;font-weight:600}.signin-form input{width:100%;background:#fff;border:1px solid #91a787;border-radius:6px;padding:13px;margin:8px 0 18px;font:inherit;font-size:15px}.signin-form .primary{width:100%}.signin-form .otp-input{font-size:25px;letter-spacing:8px;font-variant-numeric:tabular-nums}.auth-secondary{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.auth-secondary button,.guest-link{background:none;border:0;padding:8px 0;font-size:12px}.guest-link{margin-top:30px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.signin-form .auth-note{font-size:11px;margin-top:8px}.form-error{color:#783d2b;font-size:12px;line-height:1.6;margin-bottom:14px}.loading-app,.panel-loading{display:grid;place-items:center;min-height:220px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}input,textarea,select{outline-offset:3px;accent-color:#385e3a;caret-color:#2c5735}button:disabled{opacity:.45}@media(max-width:1150px){.production-studio{grid-template-columns:225px minmax(0,1fr)}.production-studio>.lesson{padding:24px 18px}.editor-workbench{padding:0 16px 10px}.mode-split{grid-template-columns:1fr}.mode-split .text-editor{min-height:300px;max-height:380px}.mode-split .cm-editor{min-height:300px}.account-area>span{display:none}.document-heading{align-items:flex-start}.document-actions{justify-content:flex-end}.document-heading>input{font-size:17px;width:55%}}@media(max-width:760px){.topbar{gap:12px;padding:15px 16px}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav button{font-size:12px}.account-area button{padding:7px 0;font-size:11px}.production-studio{display:flex;flex-direction:column;margin:0 10px 12px}.production-studio>.lesson{border-radius:12px 12px 0 0;padding:12px 18px}.mobile-challenge{display:block;border:0;background:transparent;padding:8px 0;font-size:13px;font-weight:600;text-align:left}.lesson-content{display:none}.lesson-open .lesson-content{display:block;padding-bottom:18px}.editor-workbench{padding:0 12px 10px}.document-heading{padding:18px 0 12px;flex-direction:column;gap:8px}.document-heading>input{width:100%;font-size:18px;padding:5px 0}.document-actions{justify-content:flex-start}.editor-toolbar{gap:10px}.mode-switch button{padding:7px 14px}.edit-actions button{font-size:11px;padding:7px}.block-tray .palette-block{min-width:128px}.execution-panels{grid-template-columns:1fr}.run-toolbar{gap:5px}.run-toolbar>button{padding:9px;font-size:11px}.run-toolbar>.check-button{margin-left:0}.workspace-status{flex-wrap:wrap;flex-direction:row}.workspace-status>span:last-child{width:100%;text-align:left;margin:0}.modal{padding:20px;width:calc(100vw - 20px)}.modal-heading h2{font-size:23px}.problem-row{gap:10px;padding:14px 10px}.row-action{display:none}.library-filters{grid-template-columns:minmax(0,1fr);gap:12px}.signin-layout{display:flex;flex-direction:column;min-height:0;margin-top:0}.signin-story{padding:28px;border-radius:14px 14px 0 0}.signin-story h1{font-size:35px;margin:23px 0 15px}.logic-illustration{display:none}.signin-form{padding:30px;width:100%}.signin-form h2{font-size:25px}.check-results details>div{grid-template-columns:1fr;gap:10px}.block-actions select{max-width:135px}.saved-row{flex-wrap:wrap}.saved-row>span{display:none}}.block-surface,.text-surface{min-width:0;display:flex;flex-direction:column}.block-surface[hidden],.text-surface[hidden]{display:none}.block-surface>.blocks-layout,.text-surface>.text-editor{flex:1}.saved-search{width:100%;margin-bottom:16px;padding:12px;border:1px solid #9bb092;border-radius:6px;background:#fff;font:inherit;color:inherit}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.version-comparison h3{font-size:14px;margin-bottom:12px}.version-comparison pre{padding:12px;background:#e9efe4;overflow:auto;max-height:45vh;font-size:12px}.version-comparison section{min-width:0}@media(max-width:600px){.version-comparison{grid-template-columns:1fr}}.session-notice{margin:0 24px 16px;padding:12px 18px;background:#dce6d6;border-radius:6px}.local-library-note{margin-bottom:18px;color:#475e40;font-size:13px;line-height:1.6}.action-icon{width:17px;height:17px;flex:none}.document-actions button{display:inline-flex;align-items:center;gap:7px}.document-actions{flex-wrap:wrap}.editor-workbench:fullscreen{background:#f7f9f5;overflow:auto;padding:24px}.editor-workbench:fullscreen .editor-surfaces{min-height:65vh}.editor-workbench:fullscreen .blockly-host{min-height:58vh}.editor-workbench:fullscreen .block-tray{flex-wrap:wrap;overflow:visible}.editor-workbench:fullscreen .text-editor{min-height:58vh}.editor-workbench:fullscreen .cm-editor{max-height:none}.solution-button{margin-top:20px}.solution-source{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.learning-action{background:#e4ebe0;color:#283e30;border:0;border-radius:6px;padding:10px 14px;font:inherit;font-size:13px;font-weight:600}.learning-action:hover:not(:disabled){background:#d6e2d1}.learning-action:disabled{opacity:.5;cursor:not-allowed}.learning-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.learning-modal{padding:30px;color:#283e30;background:#f7f9f5}.learning-modal .modal-heading{gap:24px;align-items:flex-start}.learning-modal .modal-heading h2{font-family:inherit;font-size:22px;font-weight:650;line-height:1.35}.learning-modal .modal-heading button{background:#e4ebe0;border:0;border-radius:6px;padding:8px 12px}.learning-modal p{line-height:1.7}.comparison-modal{width:min(1200px,calc(100vw - 32px))}.comparison-note{margin:0 0 18px;color:#4e644f;font-size:13px}.diff-scroll{overflow:auto;max-height:60dvh;border-radius:8px;background:#eef3eb}.diff-table{width:100%;min-width:600px;table-layout:fixed;border-collapse:collapse}.diff-table th{position:sticky;top:0;background:#dce6d7;color:#283e30;text-align:left;padding:14px 18px;width:50%;font-size:14px;z-index:1}.diff-table td{vertical-align:top;padding:6px 16px 6px 48px;position:relative;line-height:1.65;background:#eef3eb}.diff-table td+td{border-left:5px solid #f7f9f5}.diff-table code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.diff-line{position:absolute;left:12px;width:26px;text-align:right;color:#5c705a;font-size:11px}.diff-changed td:first-child{background:#eee1d1}.diff-changed td:last-child{background:#dce8d5}.diff-changed td.diff-empty{background:#e9eee6}.credits-link{color:#526650;background:transparent;border:0;padding:6px 0;font-size:12px;cursor:pointer}.credits-link:hover{color:#283e30}.signin-credits{text-align:center;padding:16px}.credits-modal{width:min(520px,calc(100vw - 32px))}.explanation-caption,.explanation-allowance{font-size:12px;color:#526650}.explanation-code{background:#eaf0e6;padding:14px 18px;border-radius:8px}.explanation-code summary{cursor:pointer;font-size:13px}.explanation-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:12px;line-height:1.7}.explanation-copy{margin-top:16px;font-size:15px;line-height:1.8}.comparison-scroll-hint{display:none}.explanation-copy ol{padding-left:26px}.explanation-copy li{padding:8px 0 8px 6px}.explanation-loading{padding:20px 0}.edit-actions{flex-wrap:wrap;gap:4px}@media(max-width:600px){.comparison-scroll-hint{display:block;font-size:12px;color:#526650}.learning-modal{padding:20px}.learning-modal .modal-heading h2{font-size:19px}.workspace-status{flex-wrap:wrap}}.explanation-modal{width:min(660px,calc(100vw - 32px))}.explanation-copy>p{margin-top:0}.explanation-details{margin-top:24px;color:#526650;font-size:12px}.explanation-details summary{cursor:pointer;padding:8px 0}.explanation-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;line-height:1.7}.solution-replace{margin-top:24px}.learning-toolbar{display:flex;align-items:center;gap:4px}.learning-toolbar .solution-button{margin:0}.explanation-next{margin-top:24px;padding:20px;background:#eaf0e6;border-radius:8px}.explanation-next h3{font:inherit;font-weight:650;margin:0 0 12px}.explanation-next ol{margin:0}.explanation-next li{padding-top:4px;padding-bottom:4px}.explanation-next p{margin:0;font-size:13px}.library-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#eaf0e5;border-radius:7px}.library-author-action{border:0;border-radius:5px;cursor:pointer;margin-right:12px;padding:8px;min-height:44px;background:transparent;color:#305435;font-size:12px;white-space:nowrap}.library-author-action:hover{background:#dce8d5}.library-entry .problem-row{width:100%;min-width:0;background:transparent}.library-entry .problem-row:hover{background:#dce8d5}.library-entry .problem-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.problem-brief{display:grid;gap:20px}.problem-brief h1{margin-bottom:0}.problem-brief label{display:grid;gap:8px;font-size:13px;font-weight:600}.problem-brief input,.problem-brief textarea{width:100%;min-width:0;padding:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font:inherit;font-weight:400}.problem-brief input{font-size:18px;font-weight:600}.problem-brief input:hover,.problem-brief textarea:hover{background:#edf2e8}.problem-brief input:focus,.problem-brief textarea:focus{background:#fff;border-color:#9bb092}.problem-brief textarea{resize:vertical;field-sizing:content;min-height:100px;max-height:480px;line-height:1.6}.problem-brief p{font-size:13px;line-height:1.5;color:#52614f;margin:0}@media(min-width:1151px){.production-studio.own-problem{grid-template-columns:340px minmax(0,1fr)}}.production-studio.sidebar-collapsed{grid-template-columns:32px minmax(0,1fr)}.production-studio.sidebar-collapsed>.lesson{padding:0;min-width:0}.sidebar-collapsed>.lesson>*{display:none}.account-name{max-width:240px;overflow-wrap:anywhere;text-align:right}.account-name-form{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.account-name-form input{width:190px;max-width:100%;padding:8px;border:1px solid #9bb092;border-radius:5px;background:#fff;color:inherit;font:inherit}.account-name-form p{flex-basis:100%;margin:0}.editor-workbench{position:relative}.sidebar-toggle{position:absolute;z-index:2;left:-22px;top:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#51664b;cursor:pointer}.sidebar-toggle:before{content:"";position:absolute;inset:8px;border:1px solid #b6c7ae;border-radius:50%;background:#f7f9f5}.sidebar-toggle svg{position:relative}.sidebar-toggle:hover:before{background:#e4ebe0;border-color:#8ba180}.sidebar-toggle:active:before{background:#dce8d5}.sidebar-toggle:focus-visible{outline:2px solid #547960;outline-offset:1px}@media(max-width:760px){.production-studio.sidebar-collapsed>.lesson{min-height:24px}.sidebar-toggle{left:calc(50% - 22px);top:-22px}.sidebar-toggle svg{transform:rotate(90deg)}}:root{--studio-ink: #28332e;--studio-accent: #315b45;--studio-line: #dbe1dc;--studio-surface: #f7f9f7;color:var(--studio-ink);background:#fff;font-size:14px}body{background:#fff}::selection{background:#dbe8e0;color:#21392c}input,textarea{caret-color:var(--studio-accent)}button,input,select,textarea{accent-color:var(--studio-accent)}.workspace-header.topbar{padding:12px 24px;min-height:64px;gap:24px;background:#fff;border-bottom:1px solid var(--studio-line);color:var(--studio-ink);position:relative;z-index:5;flex-wrap:wrap}.workspace-header .brand{gap:8px;flex-shrink:0}.workspace-header .brand span{font:700 20px/1.2 system-ui,sans-serif;letter-spacing:-.5px}.workspace-header .brand svg{width:24px;height:24px;color:var(--studio-accent)}.workspace-header nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.workspace-header nav :is(a,button),.workspace-header .account-area>button{display:inline-flex;align-items:center;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--studio-ink);font:500 13px/1.4 system-ui,sans-serif;white-space:nowrap}.workspace-header nav :is(a,button):hover,.workspace-header .account-area>button:hover{background:var(--studio-surface)}.workspace-header nav .current{color:var(--studio-accent);background:var(--studio-surface);font-weight:700}.workspace-header .account-area{margin-left:auto;display:flex;align-items:center;gap:12px}.workspace-header .workspace-switcher{font:12px/1.4 system-ui,sans-serif;white-space:nowrap}.workspace-header .workspace-switcher select{border-color:var(--studio-line);padding:6px 8px}.production-studio,.production-studio.own-problem{display:grid;margin:18px 24px 24px;grid-template-columns:minmax(220px,.85fr) minmax(0,2.6fr);min-height:calc(100dvh - 110px);gap:12px;background:#fff;border-radius:0;align-items:start}.production-studio>.lesson{background:#fff;border:1px solid var(--studio-line);border-radius:6px;padding:20px;min-width:0}.production-studio .lesson h1,.production-studio .lesson h2{font-family:system-ui,sans-serif;font-size:20px;line-height:1.35;letter-spacing:0;margin:16px 0}.problem-statement{color:var(--studio-ink);line-height:1.65}.editor-workbench{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:12px;padding:0;align-items:start}.editor-compose{min-width:0;padding:16px;border:1px solid var(--studio-line);border-radius:6px;background:#fff}.document-heading{padding:0 0 14px;flex-wrap:wrap;gap:8px}.document-heading>input{font-size:16px;width:100%;max-width:none;padding:6px 0}.document-actions{margin-left:0;justify-content:flex-start}.document-actions button{padding:6px;font-size:11px}.editor-toolbar{gap:8px}.mode-switch{background:var(--studio-surface);border-radius:4px;padding:3px}.mode-switch button{padding:7px 9px}.mode-switch button[aria-pressed=true]{background:#e3ece6;color:var(--studio-accent)}.edit-actions{flex-wrap:wrap}.editor-surfaces{background:var(--studio-surface);border-radius:4px}.editor-surfaces.mode-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.block-tray{background:#eef3ef}.run-toolbar{gap:5px}.run-toolbar button{padding:8px 10px;font-size:12px;border-radius:4px}.primary{background:var(--studio-accent);border-radius:4px}.studio-results{min-width:0;display:grid;gap:12px}.studio-results .execution-panels{display:grid;grid-template-columns:1fr;gap:12px}.studio-results :is(.output-panel,.variables-panel,.check-results){background:#fff;border:1px solid var(--studio-line);padding:18px;border-radius:6px;margin:0}.studio-results h2{font-size:14px}.studio-results .panel-heading{align-items:baseline;flex-wrap:wrap}.studio-results table{width:100%;table-layout:fixed}.studio-results td{overflow-wrap:anywhere}.studio-results .check-results details{background:var(--studio-surface)}.editor-workbench>.workspace-status,.editor-workbench>.diagnostic{grid-column:1 / -1}.workspace-status{padding:10px 0;font-size:11px}.production-studio.sidebar-collapsed{grid-template-columns:24px minmax(0,1fr)}.production-studio.sidebar-collapsed>.lesson{padding:0;border:0}.sidebar-toggle{left:-28px;top:8px}.editor-workbench:fullscreen{padding:20px;background:#fff;overflow:auto}.signin-layout{background:#fff;border:1px solid var(--studio-line);border-radius:8px}.signin-story{background:var(--studio-surface)}.signin-story h1{font-family:system-ui,sans-serif;font-size:32px;letter-spacing:-.5px}.signin-form h2{font-family:system-ui,sans-serif;font-size:24px}.modal{color:var(--studio-ink);background:#fff;border-radius:8px}@media(max-width:1100px){.editor-workbench{grid-template-columns:minmax(0,1fr)}.studio-results .execution-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.production-studio,.production-studio.own-problem{grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr)}.workspace-header.topbar{gap:12px}}@media(max-width:760px){.workspace-header.topbar{padding:12px 16px;gap:12px 16px}.workspace-header nav{order:3;flex-basis:100%}.workspace-header .account-area{flex-wrap:wrap;gap:8px}.workspace-header .brand span{font-size:18px}.workspace-header .workspace-switcher{margin-left:auto}.production-studio,.production-studio.own-problem,.production-studio.sidebar-collapsed{margin:16px;grid-template-columns:minmax(0,1fr);gap:16px}.production-studio>.lesson{padding:16px;border-radius:6px}.editor-workbench{padding:0}.editor-compose{padding:14px}.studio-results .execution-panels{grid-template-columns:minmax(0,1fr)}.sidebar-toggle{left:calc(50% - 22px);top:-26px}.document-heading>input{display:block}.signin-story h1{font-size:28px}}.modal-heading h2,.learning-modal .modal-heading h2{font:650 20px/1.35 system-ui,sans-serif}.brand-large{font-family:system-ui,sans-serif}.workspace-header summary:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}