/* Production integration: keep the learning modules inside the desktop window. */
.desktop-site{padding:0;background:var(--sage);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--paper:var(--cream);--paper2:#f0f1e7;--purple:#536e52;--blue:#486959;--line:#34463526;--muted:#657263}
.desktop-site [hidden]{display:none!important}
.desktop-site .system-bar{margin:0;align-items:center}
.desktop-site .greeting h1{font-family:inherit;transform:none;overflow-wrap:normal}
.desktop-site .window-bar{margin:0;display:flex;align-items:center;position:sticky;top:0;z-index:5}
.desktop-site .window-bar h2{font-family:inherit}
.desktop-site .adventure-head{margin:0;align-items:start}
.desktop-site .desktop-language select{font-size:12px;font-family:inherit;border:1px solid var(--line);border-radius:5px;padding:5px;background:#faf8f0;color:var(--ink);cursor:pointer}
.desktop-site #window{overscroll-behavior:contain}
.desktop-site #window.learning-window{width:min(1050px,calc(100% - 48px));height:min(840px,calc(100svh - 80px))}
.learning-shell{padding:25px 32px 32px}
.learning-shell .home-overview{margin-bottom:20px}
.learning-shell .learning-tagline{font-size:15px;line-height:1.6}
.learning-shell .how-it-works-link{font-size:11px;margin-top:7px}
.learning-shell .stats{width:auto;gap:7px}
.learning-shell .chip{background:#edf0e4;border:1px solid #d7ddca;border-radius:6px;box-shadow:none;font-size:11px;padding:7px 10px}
.learning-shell .tabs{margin:0 0 24px;gap:5px;border:0;background:#e7ebde;padding:5px;border-radius:9px;justify-content:initial}
.learning-shell .tab{font-family:inherit;font-size:13px;letter-spacing:0;font-weight:500;border:0;border-radius:6px;padding:10px 8px;margin:0;color:#6b7960}
.learning-shell .tab.active{background:var(--cream);color:#30462f;box-shadow:0 2px 5px #35472c13}
.learning-shell .tape{display:none}
.learning-shell .round-intro,.learning-shell .round-summary,.learning-shell .card,.learning-shell .rewrite-card,.learning-shell .fw-detail-card{transform:none;background:#f4f4ec;border:1px solid #d9dece;border-radius:10px;box-shadow:0 4px 12px #26362606;padding:28px}
.learning-shell .round-intro h2,.learning-shell .round-summary h2,.learning-shell .fw-detail-title{font-family:inherit;font-weight:600}
.learning-shell .start-round,.learning-shell .continue-round,.learning-shell .submit-code{font-family:inherit;background:#526c4f;color:#fff;border-radius:6px;font-size:14px}
.learning-shell .start-round:hover,.learning-shell .continue-round:hover,.learning-shell .submit-code:hover{background:#425e40}
.learning-shell .opt{font-family:inherit;border-radius:6px;box-shadow:none}
.learning-shell .fw-item{border-radius:7px;box-shadow:none;background:#f3f4eb}
.learning-shell .fw-item:hover{background:#e6ecdd}
.learning-shell .code-editor,.learning-shell .fw-code,.learning-shell .reference-answer{border-radius:7px}
.learning-shell .fw-code,.learning-shell .reference-answer pre{background:#e9eddf}
.learning-shell .programming-language-picker select{border-radius:5px;box-shadow:none;font-family:inherit}
.learning-shell .back-button{min-height:30px;margin-bottom:15px}
.desktop-site .workspace-files{grid-template-columns:repeat(3,minmax(0,1fr))}
.desktop-site #desktopSupport .home-support{margin:0;padding:0;background:none;border:0;box-shadow:none}
.desktop-site #desktopSupport h2,.desktop-site .feedback-dialog h2,.desktop-site .support-dialog h2{font-family:inherit;font-size:23px}
.desktop-site .feedback-dialog,.desktop-site .support-dialog{border-radius:12px;background:var(--cream);box-shadow:var(--shadow);height:auto}
.desktop-site .feedback-dialog button,.desktop-site .support-dialog button{font-family:inherit}
body:has(#window[open]){overflow:hidden}
@media(max-width:700px){.learning-shell .home-overview{grid-template-columns:1fr}.learning-shell .stats{justify-content:start;width:100%}.learning-shell .mode-heading-row{align-items:start;flex-direction:column}}
@media(max-width:600px){.desktop-site #window.learning-window{width:100%;height:100svh;max-height:100svh}.learning-shell{padding:20px 17px 35px}.learning-shell .round-intro,.learning-shell .round-summary,.learning-shell .card,.learning-shell .rewrite-card,.learning-shell .fw-detail-card{padding:20px 16px}.desktop-site .workspace-files{grid-template-columns:1fr}.workspace-files .file-card{display:grid;grid-template-columns:45px 1fr;gap:6px 18px;align-items:center;padding:18px}.workspace-files .file-icon{grid-row:span 2;margin:0;width:40px;height:49px}.workspace-files .file-card small{margin:0}.learning-shell .chip{padding:7px;font-size:10px}.learning-shell .tab{font-size:12px}.desktop-site .feedback-dialog,.desktop-site .support-dialog{margin:auto;max-height:calc(100svh - 30px)}.desktop-site .desktop-language select{font-size:11px}.learning-shell .code-editor{font-size:12px}.learning-shell .fw-detail-title{overflow-wrap:anywhere}}
@media(max-width:600px){.system-bar #feedbackEntryBtn{display:none}}
.window-language{font-size:11px;font-family:inherit;color:var(--ink);border:1px solid var(--line);border-radius:5px;background:var(--cream);padding:4px;max-width:74px}
.learning-shell .fw-code,.learning-shell .fw-code code,.learning-shell .reference-answer pre,.learning-shell .reference-answer code{color:#304331;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.learning-shell .reference-code,.learning-shell .reference-title,.learning-shell .fw-rewrite-link{background:#e6ebdc;color:#40573d;border-color:#b8c6aa;border-radius:5px}
@media(max-width:600px){.desktop-site #window{max-width:none}}
.drill-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.drill-level-card{position:relative;text-align:left;padding:24px;background:#f0f3e7;border:1px solid #cdd8c0;border-radius:10px;color:#3f5637;min-height:138px}.drill-level-card strong{display:block;font-size:20px;margin:12px 0 10px}.drill-level-card small{display:block;font-size:12px;color:#6c7d60;line-height:1.6}.drill-level-card.selected{border-color:#8c9e70;background:#e7edd9;box-shadow:inset 0 0 0 1px #8c9e70}.level-dot{display:block;width:10px;height:10px;border-radius:50%;background:#93a17f}.level-dot.easy{background:#77a171}.level-dot.medium{background:#d0ab54}.level-dot.hard{background:#c2806d}.level-last{position:absolute;top:20px;right:18px;font-size:10px;color:#738060}.window-body .drill-level-note{font-size:11px;color:#7c856f}.drill-level-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:11px 13px;border:1px solid #d1dbc5;border-radius:7px;background:#eaf0e0;font-size:12px}.drill-level-status button{background:transparent;color:#536f47;font-size:11px;text-decoration:underline;padding:6px}.drill-level-status span{font-weight:600}
@media(max-width:600px){.drill-level-grid{gap:12px}.drill-level-card{padding:20px 14px;min-height:145px}.drill-level-card strong{font-size:18px}.drill-level-card small{font-size:11px}.level-last{font-size:9px;right:12px;top:18px}}