:root{--bg: #150f0c;--bg2: #1a120e;--panel: #201612;--panel2: #2a1d16;--line: #3d2b1f;--text: #f2e9e4;--muted: #a89486;--ember: #f97316;--gold: #fbbf24;--green: #4ade80;--red: #f87171;--blue: #60a5fa;--purple: #c084fc;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}#root{min-height:100vh}button{font-family:inherit}code,.mono,textarea.code,.gutter,.out-log{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.app{max-width:1280px;margin:0 auto;padding:16px 16px 44px}.menu{max-width:780px;margin:0 auto;padding:46px 16px;text-align:center}.menu-title{font-size:clamp(30px,5vw,44px);margin:0 0 6px;letter-spacing:-1px}.menu-title .accent{color:var(--ember)}.menu-sub{color:var(--muted);margin:0 0 28px}.menu-grid{display:grid;gap:14px;text-align:left}.menu-card{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px 20px;color:var(--text);cursor:pointer;font-size:16px;text-align:left;transition:border-color .15s cubic-bezier(.33,1,.68,1),transform .15s}.menu-card>span:last-child{flex:1}.menu-card:hover{border-color:var(--ember);transform:translateY(-1px)}.menu-card:active{transform:scale(.98)}.menu-card .icon{font-size:30px}.menu-card h3{margin:0 0 2px;font-size:17px}.menu-card p{margin:0;color:var(--muted);font-size:13.5px}.menu-progress{display:inline-block;margin-left:8px;font-size:11.5px;font-weight:700;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--ember);vertical-align:2px}.menu-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.menu-chips span{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}.field-label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:14px;cursor:pointer;transition:border-color .15s,transform .1s}.btn:hover{border-color:var(--muted)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#4a2410;border-color:#8a4a1f}.btn-primary:hover{border-color:var(--ember)}.btn.small{padding:3px 8px;font-size:12px;border-radius:6px}.back-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.hl{color:var(--gold);font-weight:600}.forge{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:14px;align-items:start}@media(max-width:1020px){.forge{grid-template-columns:1fr}}.forge-left,.forge-right{display:grid;gap:14px;min-width:0}.editor-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.editor-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.editor-head .fname{font-size:12.5px;color:var(--muted);flex:1}.editor-body{display:flex;max-height:460px;overflow:auto}.gutter{-webkit-user-select:none;user-select:none;text-align:right;padding:10px 8px 10px 12px;color:#6b584a;font-size:13.5px;line-height:1.5;white-space:pre;border-right:1px solid var(--line);background:var(--bg2)}.gutter .cur{color:var(--ember);font-weight:700}textarea.code{flex:1;min-height:220px;background:transparent;color:var(--text);border:none;resize:vertical;outline:none;padding:10px 12px;font-size:13.5px;line-height:1.5;white-space:pre;-moz-tab-size:4;tab-size:4}.out-log{background:var(--bg2);border-radius:8px;padding:10px 12px;font-size:13px;white-space:pre-wrap;min-height:44px;max-height:180px;overflow:auto}.out-log .err{color:var(--red)}.out-log .okline{color:var(--green)}.mem-frame{border:1px solid var(--line);border-radius:10px;margin-top:8px;overflow:hidden}.mem-frame-head{background:var(--panel2);font-size:12px;padding:4px 10px;color:var(--gold)}.mem-vars{display:grid;gap:6px;padding:8px}.mem-var{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;transition:opacity .3s,border-color .3s}.mem-var .vname{font-weight:700;font-family:JetBrains Mono,monospace}.mem-var .vval{font-family:JetBrains Mono,monospace;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem-var.moved{opacity:.42;border-style:dashed}.mem-var.moved .vval{text-decoration:line-through;color:var(--muted)}.mem-var .badge{font-size:10px;border-radius:999px;padding:1px 7px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.mem-var .badge.mut{color:var(--gold);border-color:#6b4a1f}.mem-var .badge.moved{color:var(--red);border-color:#6b2a2a}.mem-var .badge.bshared{color:var(--blue);border-color:#2a4a6b}.mem-var .badge.bmut{color:var(--red);border-color:#6b2a2a}.mem-var .refarrow{color:var(--blue);font-family:JetBrains Mono,monospace;font-size:12.5px}.mem-var .refarrow.mut{color:var(--red)}.mem-note{margin-top:8px;font-size:13px;background:#241a12;border:1px solid #4a3520;border-radius:8px;padding:7px 10px;min-height:20px;animation:slide-in .25s cubic-bezier(.16,1,.3,1)}.mem-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.mem-controls input[type=range]{flex:1;accent-color:var(--ember)}.mem-step-label{font-size:11.5px;color:var(--muted);white-space:nowrap;font-family:JetBrains Mono,monospace}.task-panel{border-left:3px solid var(--ember);background:#241811}.task-panel .lesson-task{margin:4px 0 0;font-size:14.5px}details.intro{margin-top:6px}details.intro summary{cursor:pointer;color:var(--muted);font-size:12.5px;-webkit-user-select:none;user-select:none}details.intro p{margin:6px 0 0;color:var(--muted);font-size:13px;white-space:pre-line}.feedback{border-radius:8px;padding:9px 12px;font-size:14px;margin-top:8px;animation:slide-in .3s cubic-bezier(.16,1,.3,1)}.feedback.good{background:#14351f;border:1px solid #2f7a4f}.feedback.bad{background:#3c1a1a;border:1px solid #a33}.feedback.info{background:#16283e;border:1px solid #2b4c74}.step-progress{display:flex;gap:6px}.step-progress span{flex:1;height:4px;border-radius:2px;background:var(--line)}.step-progress span.done{background:var(--green)}.step-progress span.cur{background:var(--gold)}.step-progress span.quiz{border-radius:999px;max-width:14px}.quiz-choices{display:grid;gap:8px;margin-top:10px}.quiz-choice{text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.33,1,.68,1),transform .1s}.quiz-choice:hover{border-color:var(--muted)}.quiz-choice:active{transform:scale(.99)}.quiz-choice.wrong{border-color:#a33;background:#33201d}.quiz-explain{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed #5a3230;color:#f5b9b0;font-size:12.8px}.quiz-choice pre,.task-panel pre{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12.5px;overflow-x:auto;margin:6px 0 0;line-height:1.45}.goal-head{margin-top:10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.goal-list{display:grid;gap:6px;margin-top:6px}.goal-item{display:flex;gap:9px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:13.8px;color:var(--muted);transition:border-color .3s cubic-bezier(.33,1,.68,1),background .3s,color .3s}.goal-item .tick{flex:none;font-size:13px;line-height:1.5}.goal-item.met{background:#14351f;border-color:#2f7a4f;color:var(--text)}.lesson-list-wrap{max-width:860px}.lesson-list{display:grid;gap:8px;text-align:left;margin-bottom:22px}.lesson-card{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 16px;color:var(--text);cursor:pointer;font-size:15px;transition:border-color .15s,transform .15s}.lesson-card:hover{border-color:var(--ember);transform:translateY(-1px)}.lesson-card.is-done{border-color:#2f5a3f}.lesson-card-num{flex:none;width:40px;height:40px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:14px}.lesson-card.is-done .lesson-card-num{color:var(--green);border-color:#2f5a3f}.lesson-card-title{flex:1;text-align:left}.lesson-card-sub{display:block;color:var(--muted);font-size:12.5px}.lesson-card-go{color:var(--ember);font-size:13.5px;white-space:nowrap}.lesson-sec{text-align:left;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:14px 2px 2px}.mentor-feed{display:grid;gap:8px}.mentor-msg{border-left:3px solid var(--line);background:var(--bg2);padding:8px 11px;border-radius:0 8px 8px 0;font-size:13.5px;animation:slide-in .3s cubic-bezier(.16,1,.3,1)}.mentor-msg .who{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:2px}.mentor-msg.praise{border-left-color:var(--green)}.mentor-msg.warn{border-left-color:var(--red)}.mentor-msg.info{border-left-color:var(--blue)}.mentor-msg code{background:var(--panel2);border-radius:4px;padding:0 5px;font-size:12.5px}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}