.cs-shell{--cs-blue:#1f74bf;--cs-blue-dark:#155a98;--cs-yellow:#fbb317;--cs-line:#dbe4ee;--cs-ink:#1a2940;--cs-soft:#f3f6f9;--cs-ok:#1d9b68;--cs-line-h:21px;background:var(--cs-soft);color:var(--cs-ink);display:flex;flex-direction:column;font-family:DM Sans Variable,system-ui,sans-serif;height:100vh;height:100dvh;min-height:560px;position:relative}.cs-top{align-items:center;background:#fff;border-bottom:1px solid var(--cs-line);display:flex;flex:0 0 auto;gap:16px;padding:9px 18px}.cs-brand img{display:block;height:auto}.cs-top strong{border-left:1px solid var(--cs-line);color:var(--cs-blue);font-size:17px;padding-left:16px;white-space:nowrap}.cs-progress{background:#e6edf2;border-radius:999px;height:22px;margin-left:auto;overflow:hidden;position:relative;width:min(220px,30vw)}.cs-progress i{background:#9fd0f2;display:block;height:100%;transition:width .3s ease}.cs-progress b{font-size:11px;inset:0;line-height:22px;position:absolute;text-align:center}.cs-menu-button{display:none}.cs-body{display:grid;flex:1;grid-template-columns:220px minmax(0,1fr) 340px;min-height:0}.cs-list{background:#fff;border-right:1px solid var(--cs-line);overflow:auto;padding:10px 10px 30px}.cs-list h2{color:#66758b;font-size:10px;letter-spacing:.08em;margin:14px 8px 6px;text-transform:uppercase}.cs-list button{align-items:center;background:none;border:0;border-radius:8px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:13px;gap:8px;justify-content:space-between;padding:7px 8px;text-align:left;width:100%}.cs-list button:hover{background:var(--cs-soft)}.cs-list button.on{background:#eaf4fc;font-weight:700}.cs-list small{color:#66758b;font-size:11px;white-space:nowrap}.cs-list small.full{color:var(--cs-ok);font-weight:800}.cs-work{display:grid;gap:10px;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-width:0;padding:10px 12px}.cs-pane,.cs-work{min-height:0;position:relative}.cs-pane{border:1px solid var(--cs-line);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.cs-editor-pane{background:#1e1e1e;border-color:#1e1e1e}.cs-output-pane{background:#fff}.cs-tabs{align-items:center;background:#252526;display:flex;flex:0 0 auto;gap:1px;padding-right:8px}.cs-tabs button[role=tab]{background:#2d2d2d;border:0;border-top:2px solid transparent;color:#a9a9a9;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;padding:8px 14px 9px}.cs-tabs button[role=tab].on{background:#1e1e1e;color:#fff}.cs-tabs button.html.on{border-top-color:#e4572e}.cs-tabs button.css.on{border-top-color:#2965f1}.cs-tabs button.js.on{border-top-color:#f1c40f}.cs-tools{color:#c8c8c8;font-size:12.5px;gap:12px;margin-left:auto}.cs-tools,.cs-tools label{align-items:center;display:flex}.cs-tools label{cursor:pointer;gap:5px}.cs-tools input{accent-color:var(--cs-yellow)}.cs-run{background:var(--cs-ok);border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-size:12.5px;font-weight:800;padding:5px 12px}.cs-run:hover{background:#178557}.cs-tabs.light{background:#f3f6f9;border-bottom:1px solid var(--cs-line)}.cs-tabs.light button[role=tab]{background:none;border-top:0;border-bottom:2px solid transparent;color:#4d6074;font-weight:700;padding:8px 14px 7px}.cs-tabs.light button[role=tab].on{background:#fff;border-bottom-color:var(--cs-blue);color:var(--cs-blue)}.cs-tabs.light button i{background:#dbe4ee;border-radius:999px;color:#33475b;font-size:11px;font-style:normal;margin-left:6px;padding:1px 7px}.cs-tabs.light button i.bad{background:#d94a4a;color:#fff}.cs-tabs.light .cs-tools button{background:#fff;border:1px solid var(--cs-line);border-radius:6px;color:#33475b;cursor:pointer;font:inherit;font-size:12px;padding:4px 10px}.cs-editor{display:flex;flex:1;font-family:Consolas,Cascadia Code,SF Mono,Menlo,ui-monospace,monospace;font-size:14px;line-height:var(--cs-line-h);min-height:0;overflow:auto;scrollbar-color:#555 #1e1e1e}.cs-gutter{background:#1e1e1e;color:#858585;display:flex;flex:0 0 auto;flex-direction:column;left:0;min-width:44px;padding:12px 10px 12px 8px;position:sticky;text-align:right;user-select:none;z-index:2}.cs-gutter span{display:block;height:var(--cs-line-h)}.cs-code{flex:1;position:relative}.cs-code pre,.cs-code textarea{border:0;box-sizing:border-box;font:inherit;height:100%;left:0;letter-spacing:0;line-height:var(--cs-line-h);margin:0;padding:12px;position:absolute;tab-size:2;top:0;white-space:pre;width:100%}.cs-code pre{color:#d4d4d4;overflow:hidden;pointer-events:none}.cs-code pre code{background:none;font:inherit;padding:0}.cs-code textarea{background:transparent;caret-color:#fff;color:transparent;outline:none;overflow:hidden;resize:none}.cs-code textarea::selection{background:rgba(58,123,213,.45);color:transparent}.cs-code .t-tag{color:#569cd6}.cs-code .t-attr{color:#9cdcfe}.cs-code .t-str{color:#ce9178}.cs-code .t-com{color:#6a9955;font-style:italic}.cs-code .t-kw{color:#c586c0}.cs-code .t-num{color:#b5cea8}.cs-code .t-fn{color:#dcdcaa}.cs-code .t-prop{color:#9cdcfe}.cs-code .t-punc{color:#d4d4d4}.cs-preview{background:#fff;border:0;flex:1;min-height:0;width:100%}.cs-console{background:#fbfcfd;flex:1;font-family:Consolas,Cascadia Code,Menlo,ui-monospace,monospace;font-size:13.5px;min-height:0;overflow:auto;padding:6px 0}.cs-console p{border-bottom:1px solid #eef2f6;margin:0;overflow-wrap:anywhere;padding:4px 14px;white-space:pre-wrap}.cs-console p.error{background:#fff0f0;color:#b3261e}.cs-console p.warn{background:#fff7df;color:#7a5600}.cs-console p.info{color:#1f74bf}.cs-console p.quiet{border:0;color:#8a98a6;font-family:inherit}.cs-error-chip{background:#d94a4a;border:0;border-radius:999px;bottom:10px;color:#fff;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;position:absolute;right:12px}.cs-checkframe{border:0;height:600px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:900px;z-index:-1}.cs-tasks{background:#fff;border-left:1px solid var(--cs-line);overflow:auto;padding:16px 16px 30px}.cs-tasks>small{color:#66758b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.cs-tasks h1{font-size:19px;line-height:1.25;margin:4px 0 8px}.cs-tasks>p{color:#4a5b6c;font-size:13.5px;line-height:1.55;margin:0 0 12px}.cs-tasks ol{display:grid;gap:10px;list-style:none;margin:0;padding:0}.cs-tasks li{background:var(--cs-soft);border:1px solid var(--cs-line);border-radius:10px;display:flex;gap:10px;padding:10px}.cs-tasks li.done{background:#edf8f3;border-color:#b6e0cd}.cs-tick{align-items:center;background:#fff;border:1px solid var(--cs-line);border-radius:50%;display:flex;flex:0 0 24px;font-size:12px;font-weight:800;height:24px;justify-content:center}.cs-tasks li.done .cs-tick{background:var(--cs-ok);border-color:var(--cs-ok);color:#fff}.cs-tasks li p{font-size:13.5px;line-height:1.5;margin:0;overflow-wrap:anywhere}.cs-tasks li div{min-width:0}.cs-tasks li code,.cs-tasks>p code{background:#fff;border:1px solid var(--cs-line);border-radius:5px;font-size:12.5px;padding:0 4px}.cs-feedback{color:#a14a00!important}.cs-feedback,.cs-hint{margin-top:5px!important}.cs-answer{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-family:Consolas,Menlo,ui-monospace,monospace;font-size:12.5px;line-height:1.5;margin:6px 0 0;overflow-x:auto;padding:8px 10px;white-space:pre}.cs-tasks li .cs-answer code{background:none;border:0;font-size:inherit;padding:0}.cs-task-actions{display:flex;gap:6px;margin-top:7px}.cs-task-actions button{background:#fff;border:1px solid var(--cs-line);border-radius:6px;color:#33475b;cursor:pointer;font-size:11.5px;padding:3px 8px}.cs-check{background:var(--cs-blue);border:0;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:800;margin-top:14px;padding:11px 14px;width:100%}.cs-check:hover{background:var(--cs-blue-dark)}.cs-complete{background:#edf8f3;border:1px solid #b6e0cd;border-radius:10px;margin-top:14px;padding:12px}.cs-complete p{font-size:13px;margin:4px 0 0}.cs-reset{background:none;border:1px solid var(--cs-line);border-radius:8px;color:#4a5b6c;cursor:pointer;font:inherit;font-size:12.5px;margin-top:10px;padding:7px 10px;width:100%}.cs-reset:hover{background:var(--cs-soft)}.cs-foot{color:#8a98a6!important;font-size:11.5px!important;margin-top:14px!important}@media(max-width:1100px){.cs-body{grid-template-columns:minmax(0,1fr) 300px}.cs-menu-button{background:#fff;border:1px solid var(--cs-line);border-radius:8px;cursor:pointer;display:block;font:inherit;font-size:13px;padding:6px 12px}.cs-list{display:none}.cs-list.open{box-shadow:0 12px 30px rgba(20,40,60,.2);display:block;left:0;max-height:75vh;position:absolute;top:52px;width:min(300px,86vw);z-index:20}.cs-progress{display:none}.cs-menu-button{margin-left:auto}}@media(max-width:760px){.cs-shell{height:auto;min-height:100vh}.cs-top{flex-wrap:wrap;gap:10px}.cs-top strong{font-size:15px}.cs-tracks{order:5;width:100%}.cs-body{display:flex;flex-direction:column}.cs-tasks{border-left:0;border-bottom:1px solid var(--cs-line);order:-1;overflow:visible}.cs-work{display:flex;flex-direction:column}.cs-pane{height:min(60vh,430px)}}.cs-exam-tag{background:#1a2940;border-radius:4px;color:#fff;font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:.05em;margin-right:6px;padding:2px 5px;text-transform:uppercase;vertical-align:1px}.cs-exam-note{background:#fff8e6;border:1px solid #f3d27a;border-left:4px solid #e0a800;border-radius:10px;margin:0 0 12px;padding:10px 12px}.cs-exam-note strong{display:block;font-size:13px}.cs-exam-note p{color:#5b4a14;font-size:12.5px;line-height:1.5;margin:4px 0 0}.cs-exam-result{align-items:center;background:#fdeeee;border:1px solid #f1bcbc;border-radius:12px;display:flex;gap:12px;margin:0 0 12px;padding:12px}.cs-exam-result.pass{background:#edf8f3;border-color:#b6e0cd}.cs-exam-result b{color:#b3261e;font-size:30px;line-height:1}.cs-exam-result.pass b{color:var(--cs-ok)}.cs-exam-result span{color:#4a5b6c;font-size:12.5px;line-height:1.45}.cs-exam-result strong{color:var(--cs-ink);display:block;font-size:14px}.cs-tasks li.failed{background:#fff5f5;border-color:#f1c4c4}.cs-tasks li.failed .cs-tick{background:#d94a4a;border-color:#d94a4a;color:#fff}.cs-submit{background:#1a2940}.cs-submit:hover{background:#0e1828}.cs-tracks{background:#eef2f7;border:1px solid var(--cs-line);border-radius:14px;display:flex;gap:2px;padding:3px}.cs-track{--t:#4d6074;align-items:center;background:none;border:0;border-radius:11px;color:#4d6074;cursor:pointer;display:grid;font:inherit;gap:0 9px;grid-template-columns:28px auto;padding:5px 12px 5px 6px;position:relative;text-align:left;transition:background .15s,box-shadow .15s,color .15s}.cs-track.html{--t:#e4572e}.cs-track.css{--t:#2965f1}.cs-track.js{--t:#e5b800}.cs-track.proj{--t:#1d9b68}.cs-track:hover{background:rgba(255,255,255,.7);color:var(--cs-ink)}.cs-track.on{background:#fff;box-shadow:0 1px 2px rgba(20,40,60,.12),0 4px 12px rgba(20,40,60,.08);color:var(--cs-ink)}.cs-track:focus-visible{outline:2px solid var(--t);outline-offset:1px}.cs-track-icon{align-items:center;background:color-mix(in srgb,var(--t) 14%,#fff);border-radius:8px;color:var(--t);display:flex;font-size:11px;grid-row:span 2;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.cs-track.on .cs-track-icon{background:var(--t);color:#fff}.cs-track.js .cs-track-icon{color:#8f6b00}.cs-track.js.on .cs-track-icon{color:#241b00}.cs-track-icon b{font-weight:900;letter-spacing:-.02em}.cs-track-text{display:flex;flex-direction:column;line-height:1.15}.cs-track-text b{font-size:13.5px;font-weight:800}.cs-track-text small{color:#7a8899;font-size:10.5px;font-weight:600}.cs-track-meter{background:#e3e9f0;border-radius:2px;bottom:4px;height:3px;left:43px;overflow:hidden;position:absolute;right:12px;opacity:0;transition:opacity .15s}.cs-track-meter i{background:var(--t);display:block;height:100%}.cs-track.on .cs-track-meter,.cs-track:hover .cs-track-meter{opacity:1}.cs-track.on .cs-track-text small{color:#5d6b7c}@media(max-width:1100px){.cs-track-text small{display:none}.cs-track{padding:5px 10px 5px 5px}.cs-track-meter{display:none}}@media(max-width:760px){.cs-tracks{overflow-x:auto;scrollbar-width:none}.cs-track{flex:1 0 auto}}.cs-tasks ol{grid-template-columns:minmax(0,1fr)}.cs-model{background:var(--cs-soft);border:1px solid var(--cs-line);border-radius:10px;margin-top:12px;padding:10px 12px}.cs-model summary{cursor:pointer;font-size:13px;font-weight:800}.cs-model b{display:block;font-size:12px;margin-top:10px}.cs-model .cs-answer{max-height:340px;overflow:auto}.cs-model p{color:#66758b;font-size:12px;margin:8px 0 0}.cs-exit{align-items:center;background:#fff;border:1px solid #d5dde5;border-radius:999px;color:#1a2940;display:inline-flex;flex:none;gap:10px;padding:4px 16px 4px 4px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.cs-exit:hover{border-color:#fbb317;box-shadow:0 4px 14px rgba(20,40,60,.12);transform:translateY(-1px)}.cs-exit:focus-visible{outline:2px solid #fbb317;outline-offset:2px}.cs-exit-icon{align-items:center;background:#1a2940;border-radius:50%;color:#fbb317;display:flex;height:34px;justify-content:center;width:34px}.cs-exit-icon svg{transition:transform .2s}.cs-exit:hover .cs-exit-icon svg{transform:translateX(-2px) scale(1.06)}.cs-exit-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.cs-exit-text small{color:#7a8899;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.cs-exit-text b{font-size:14px}@media(max-width:560px){.cs-exit-text small{display:none}.cs-exit{padding-right:12px}}