.code-lab{border:1px solid #3e606e;border-radius:16px;overflow:hidden;background:#0b1721;color:#e9f3f5;box-shadow:0 16px 40px #00101d28}.code-lab-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;background:#142c3a;border-bottom:1px solid #355362;font-size:.78rem;letter-spacing:.05em}.code-lab-bar>span:first-child{color:#4ad4c0;letter-spacing:.15em}.code-lab-bar>span:last-child{margin-left:auto;color:#8cddcf;font-size:.68rem}.code-lab-content{padding:clamp(14px,2vw,24px)}.code-mission{background:#123d42;border:1px solid #24746f;border-radius:12px;padding:16px}.code-mission p{margin:8px 0;line-height:1.5}.code-eyebrow{color:#84ead8;font-size:.75rem;font-weight:800;letter-spacing:.08em}.code-mission progress{width:100%;height:10px;accent-color:#4be0c5}.code-scope{line-height:1.6;color:#b8ced6;font-size:.86rem}.code-scope b{color:#e9f3f5}.code-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px}.code-editor-panel,.code-console-panel{min-width:0;background:#132633;border:1px solid #324c5a;border-radius:12px;padding:16px}.code-editor-panel label,.code-console-panel label{display:block;margin-bottom:10px}.code-editor-panel label small{display:block;color:#adc8d0;margin-top:8px;line-height:1.5}.code-editor-panel textarea{box-sizing:border-box;width:100%;min-height:310px;resize:vertical;padding:14px;border:1px solid #52717f;border-radius:8px;background:#07151e;color:#d9f7f3;font:16px/1.65 Consolas,'Courier New',monospace;tab-size:2;white-space:pre;overflow:auto}.code-editor-panel textarea:focus,.code-lab select:focus,.code-lab button:focus-visible,.code-reference summary:focus-visible{outline:3px solid #5ee8d3;outline-offset:3px}.code-editor-panel>p{font-size:.8rem;line-height:1.5;color:#b7cbd1}.code-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.code-lab button,.code-lab select{min-height:48px;border-radius:8px;border:1px solid #4b7682;padding:10px 14px;font:inherit;font-size:.87rem;font-weight:700;background:#173d4c;color:#e8f9f6;cursor:pointer}.code-lab [data-code-run]{background:#087e78;border-color:#31b7a6}.code-lab [data-code-reset]{background:#182d3a}.code-lab select{width:100%;margin-top:6px;font-size:16px;background:#0b202e}.code-console-panel h4{font-size:.85rem;color:#c5e5eb;margin:18px 0 8px}.code-console{box-sizing:border-box;max-width:100%;min-height:100px;max-height:250px;overflow:auto;margin:0;border:1px solid #35525b;border-radius:8px;padding:14px;background:#040e17;color:#8ce6c6;font:14px/1.65 Consolas,'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.code-expected{color:#bdcbd0;background:#101e28;min-height:60px}.code-error{color:#ffc7a2;line-height:1.5;font-size:.86rem;overflow-wrap:anywhere}.code-fixture-results{list-style:none;padding:0;margin:16px 0 0;font-size:.82rem;line-height:1.6}.code-fixture-results li{padding:9px 0;border-bottom:1px solid #314551;overflow-wrap:anywhere}.code-fixture-results span{display:inline-block;margin-right:6px;font-size:.66rem;font-weight:800}.code-pass span{color:#75e5bd}.code-fail span{color:#ffcf89}.code-reference{margin-top:18px;border:1px solid #385565;border-radius:10px}.code-reference summary{padding:15px 16px;min-height:48px;box-sizing:border-box;font-weight:700;cursor:pointer}.code-reference>div{padding:0 16px 16px}.code-reference p{line-height:1.6;color:#bfd1d7;font-size:.84rem}.code-reference pre{background:#07151e;border-radius:8px;padding:14px;overflow:auto;line-height:1.6;font-size:.84rem}.code-reference code{color:#9fe9db}.code-lab [data-code-status]{min-height:1.4em;color:#f2d49d}@media(max-width:900px){.code-workspace{grid-template-columns:minmax(0,1fr)}.code-editor-panel textarea{min-height:280px}.code-console{max-height:220px}}@media(max-width:520px){.code-lab-content{padding:12px}.code-editor-panel,.code-console-panel{padding:12px}.code-actions{display:grid;grid-template-columns:1fr}.code-lab-bar>span:last-child{margin-left:0;flex-basis:100%}.code-lab-bar{padding:14px}.code-editor-panel textarea{padding:10px}}