@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-obsidian:#0d0d0d;--bg-header:#111;--text-bone:#f5f0e8;--text-muted:#8c8882;--accent-primary:#4d9eff;--accent-secondary:#1e6fd9;--accent-glow:#4d9eff4d;--accent-orange:#ff6b35;--status-yellow:#fde047;--border-dim:#f5f0e814;--font-serif:"Fraunces", serif;--font-sans:"Instrument Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:220px;--graph-width:360px;--header-height:48px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-obsidian);height:100vh;overflow:hidden}body{color:var(--text-bone);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,.serif{font-family:var(--font-serif)}code,pre,.mono{font-family:var(--font-mono)}.app-layout{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr var(--graph-width);width:100vw;height:100vh;display:grid;overflow:hidden}.header{background-color:var(--bg-header);border-bottom:1px solid var(--border-dim);grid-area:1/1/auto/-1;align-items:center;padding:0 24px;display:flex}.sidebar-panel{border-right:1px solid var(--border-dim);grid-area:2/1;overflow:hidden}.center-panel-wrapper{border-right:1px solid var(--border-dim);grid-area:2/2;overflow:hidden}.right-panel-wrapper{grid-area:2/3;overflow:hidden}.center-panel{grid-template-rows:auto auto 1fr;height:100%;display:grid;overflow:hidden}.explainer-section{scrollbar-width:none;min-height:0;max-height:45vh;padding:24px 32px 16px;overflow-y:auto}.explainer-section::-webkit-scrollbar{display:none}.lesson-concept{color:var(--text-muted);max-width:600px;margin-bottom:24px;font-size:15px;line-height:1.6}.lesson-instruction{color:var(--text-bone);max-width:600px;margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.5}.lesson-example{font-family:var(--font-mono);background:#ffffff0a;border-left:2px solid #4d9eff4d;border-radius:0 4px 4px 0;margin:24px 0;padding:16px 20px;font-size:12px;line-height:1.7}.lesson-example .comment{color:#4b5563}.lesson-example .command{color:var(--accent-primary)}.working-dir-section{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:12px 32px;overflow:hidden}.terminal-section{flex-direction:column;min-height:0;display:flex;overflow:hidden}.terminal-scroll-container{scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;padding:14px 24px;display:flex;overflow-y:auto}.terminal-scroll-container::-webkit-scrollbar{display:none}.terminal-output{flex-shrink:0;overflow:hidden}.terminal-input-row{flex-shrink:0;margin-top:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.terminal-cursor{background-color:var(--accent-primary);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.terminal-input-row:not(:focus-within) .terminal-cursor{opacity:0;animation:none}.fade-content{transition:opacity .15s}