.continue-btn{height:44px;padding:0 18px;border-radius:11px;display:flex;align-items:center;gap:10px;background:var(--red-fill);border:1px solid #ff9a9a;border-bottom:4px solid #9b2128;color:#1c0507;font:700 14px var(--mono)}.continue-btn-enter{opacity:.55}.continue-meta{font:500 12px var(--mono);color:var(--body)}.units{display:flex;flex-direction:column;gap:var(--unit-gap)}.part-head{display:flex;align-items:center;gap:14px;padding-top:12px;flex-wrap:wrap}.part-badge{font:600 11px var(--mono);color:#1c0507;background:var(--red);border-radius:6px;padding:4px 8px;letter-spacing:.06em;text-transform:uppercase}.part-title{font-size:26px;font-weight:750;letter-spacing:-.04em}.part-sub{font:400 12.5px var(--mono);color:var(--muted)}.part-line{flex:1;height:1px;background:#1d2022;min-width:40px}.part-progress{font:600 12px var(--mono);color:var(--dim)}.unit{display:grid;grid-template-columns:var(--unit-cols);gap:14px 26px}.unit-num-col{position:relative;display:flex;flex-direction:var(--unit-num-dir);align-items:var(--unit-num-align);gap:10px}.unit-num{font:600 var(--unit-num) var(--mono);letter-spacing:-.06em;color:var(--num-c);line-height:.9}.unit-dots{display:flex;gap:3px;flex-wrap:wrap;max-width:80px}.unit-dot{width:7px;height:7px;border-radius:2px;background:var(--dot-bg)}.unit-card{border:1px solid #1b1e20;border-radius:18px;background:var(--panel);overflow:hidden}.unit-card-head{padding:16px 18px;display:flex;align-items:flex-end;gap:12px;justify-content:space-between}.unit-card-titles{display:flex;flex-direction:column;gap:4px}.unit-title{font-size:20px;font-weight:650;letter-spacing:-.025em}.unit-sub{font:400 12px var(--mono);color:var(--dim)}.unit-progress{font:600 12px var(--mono);color:var(--progress-c)}.lesson-row{display:flex;align-items:center;gap:14px;width:100%;padding:13px 18px;cursor:pointer;text-align:left;background:var(--row-bg);border:0;border-top:1px solid var(--line)}.lesson-row:hover{background:#111314}.lesson-key{width:44px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--key-bg);border:1px solid var(--key-bd);border-bottom-width:3px;font:600 12px var(--mono);color:var(--key-fg)}.lesson-row-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.lesson-row-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.lesson-row-meta{font:400 11.5px var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-row-status{flex:none;font:600 11px var(--mono);color:var(--status-c)}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px}.topic{border:1px solid var(--topic-bd);background:var(--panel);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.topic-head{padding:18px;display:flex;gap:14px;align-items:flex-start;flex:1}.topic-glyph{width:58px;height:54px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#1f2022,#111213);border:1px solid #2e3134;border-bottom-width:4px;font:600 13px var(--mono);color:var(--glyph-c);letter-spacing:-.04em}.topic-info{display:flex;flex-direction:column;gap:6px;min-width:0}.topic-meta{display:flex;gap:8px;align-items:center;font:500 11px var(--mono);color:var(--dim)}.topic-cx{color:var(--yellow);border:1px solid #3a3020;border-radius:5px;padding:1px 6px}.topic-prog{color:var(--prog-c)}.topic-title{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.15}.topic-sub{font-size:13.5px;color:#8a8e92;line-height:1.45;text-wrap:pretty}.topic-lesson{display:flex;align-items:center;gap:12px;width:100%;padding:11px 18px;cursor:pointer;text-align:left;background:transparent;border:0;border-top:1px solid var(--line)}.topic-lesson:hover{background:#111314}.topic-lesson-dot{width:8px;height:8px;border-radius:2px;flex:none;background:var(--dot-bg)}.topic-lesson-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.topic-lesson-title{font-size:14px;font-weight:550}.topic-lesson-meta{font:400 11px var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-lesson-arrow{font:600 12px var(--mono);color:var(--dim)}.algo-groups{display:flex;flex-direction:column;gap:12px}.algo-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.algo-group-name{width:92px;flex:none;font:500 11px var(--mono);color:var(--faint)}.algo-group-items{display:flex;gap:6px;flex-wrap:wrap}.run-shortcut{font-family:var(--mono);color:var(--soft)}.run-examples{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.run-example{flex:none;height:32px;padding:0 11px;border-radius:8px;cursor:pointer;border:1px solid var(--ex-bd);background:var(--ex-bg);color:var(--ex-fg);font:500 12px var(--mono)}.run-split{display:flex;flex-direction:var(--split-dir);gap:12px}.run-editor{flex:1.35;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-3);border-radius:16px;background:var(--panel)}.run-bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--line-2);background:var(--panel-3)}.run-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.run-dot--green{background:var(--green)}.run-fname{flex:1;font:500 12px var(--mono);color:var(--soft)}.run-stdin-btn{height:32px;padding:0 10px;border-radius:8px;cursor:pointer;background:var(--btn-bg);border:1px solid var(--line-5);border-bottom-width:3px;color:var(--soft);font:500 11.5px var(--mono)}.run-btn{height:34px;padding:0 14px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer;opacity:var(--btn-op);background:var(--red-fill);border:1px solid #ff9a9a;border-bottom:3px solid #9b2128;color:#1c0507;font:700 12.5px var(--mono)}.run-editor-body{height:var(--editor-h);display:flex}.run-preview,.run-output{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-3);border-radius:16px;min-height:var(--output-h)}.run-preview{background:#fff}.run-preview-bar{display:flex;align-items:center;gap:8px;height:51px;padding:0 14px;border-bottom:1px solid var(--line-3);background:var(--panel-3);font:500 12px var(--mono);color:var(--soft)}.run-preview-frame{display:block;width:100%;flex:1;min-height:300px;border:0;background:#fff}.run-output{background:#08090a}.run-output-bar{display:flex;align-items:center;gap:8px;height:51px;padding:0 8px 0 14px;border-bottom:1px solid var(--line-2);background:var(--panel-3)}.run-output-title{flex:1;font:500 12px var(--mono);color:var(--soft)}.run-ms{font:500 11px var(--mono);color:var(--dim)}.run-stdin{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line-2)}.run-stdin-hint{font:500 10.5px var(--mono);color:var(--dim)}.run-stdin-input{background:#0f1011;border:1px solid var(--line-3);border-radius:8px;color:var(--text);font:13px/20px var(--mono);padding:8px 10px;resize:vertical}.run-lines{flex:1;overflow:auto;padding:14px 16px;font:13.5px/22px var(--mono)}.run-line{white-space:pre-wrap;word-break:break-word;color:var(--line-c)}.run-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line-2);font:500 11px var(--mono);color:var(--dim)}.run-status-dot{width:7px;height:7px;border-radius:50%;background:var(--dot-bg)}
