:root{color-scheme:dark;--cli-bg: #0c0c0d;--cli-bg-panel: #161617;--cli-bg-panel-raised: #1c1c1e;--cli-fg: #e8e6e3;--cli-muted: #8a8a8e;--cli-border: #2e2e30;--cli-accent: #e8845c;--cli-accent-fg: #1a0f0a;--cli-add: #6fbf73;--cli-add-bg: rgba(111, 191, 115, .14);--cli-del: #e08080;--cli-del-bg: rgba(224, 128, 128, .14);--cli-warn: #e0c070;--cli-warn-bg: rgba(224, 192, 112, .14);--cli-mono: "SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace}body{margin:0;font-family:var(--cli-mono);background:var(--cli-bg);color:var(--cli-fg)}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{padding:.75rem 1rem;border-bottom:1px solid var(--cli-border);background:var(--cli-bg-panel)}.app-header h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:.01em}.load-status,.load-error{padding:2rem;color:var(--cli-muted);font-size:.9rem}.load-error{color:var(--cli-del)}.split-pane{flex:1;display:flex;min-height:0}.pane{overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.pane-left{border-right:1px solid var(--cli-border);flex:0 0 400px}.pane-right{flex:1}.lesson-rail{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.5rem;border-bottom:1px solid var(--cli-border)}.lesson-item{padding:.35rem .5rem;border-radius:6px;font-size:.85rem;font-family:inherit}button.lesson-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;border:none;color:var(--cli-fg);cursor:pointer}button.lesson-item:hover{background:var(--cli-bg-panel-raised)}.lesson-item-active{background:var(--cli-accent)!important;color:var(--cli-accent-fg)!important;font-weight:600}.lesson-item-locked{color:var(--cli-muted);display:flex;align-items:center;gap:.4rem}.lock-icon{font-size:.75rem}.transcript{flex:1;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.msg{padding:.15rem 0;white-space:pre-wrap;line-height:1.45}.cli-bullet{color:var(--cli-accent);margin-right:.5rem}.cli-prompt-marker{color:var(--cli-muted)}.msg-user{color:var(--cli-fg);opacity:.85}.msg-assistant{color:var(--cli-fg)}.msg-text{display:inline}.stream-cursor{display:inline-block;width:.55em;height:1em;margin-left:2px;background:var(--cli-accent);vertical-align:text-bottom;animation:cli-blink 1s steps(1) infinite}@keyframes cli-blink{0%,49%{opacity:1}50%,to{opacity:0}}.msg-error{color:var(--cli-del)}.msg-tool{color:var(--cli-fg)}.tool-summary{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:.4rem;padding:0}.tool-result{margin:.3rem 0 0 1.35rem;font-size:.8rem;white-space:pre-wrap;color:var(--cli-muted);font-family:var(--cli-mono)}.tool-result-marker{color:var(--cli-muted);margin-right:.5rem}.tool-result-error{color:var(--cli-del)}.transcript-status{color:var(--cli-muted);font-size:.85rem;display:flex;align-items:center;gap:.35rem}.status-glyph{color:var(--cli-accent);animation:cli-spin-pulse 1.2s ease-in-out infinite}@keyframes cli-spin-pulse{0%,to{opacity:.4}50%{opacity:1}}.status-dots:after{content:"";animation:cli-dots 1.2s steps(4,end) infinite}@keyframes cli-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.prompt-builder{border-top:1px solid var(--cli-border);padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.choice-group{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.choice-group legend{width:100%;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cli-muted);margin-bottom:.25rem}.choice-option{background:var(--cli-bg-panel-raised);border:1px solid var(--cli-border);color:var(--cli-fg);border-radius:999px;padding:.3rem .6rem;font-size:.8rem;font-family:inherit;cursor:pointer}.choice-option-selected{background:var(--cli-accent);border-color:var(--cli-accent);color:var(--cli-accent-fg)}.cli-input-box{border:1px solid var(--cli-border);border-radius:14px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem;background:var(--cli-bg-panel)}.prompt-preview{padding:.2rem 0;font-size:.85rem;color:var(--cli-fg)}.hint-bubble{background:var(--cli-warn-bg);color:var(--cli-warn);border-radius:6px;padding:.5rem;font-size:.8rem}.run-button{align-self:flex-start;background:var(--cli-accent);color:var(--cli-accent-fg);border:none;border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-family:inherit;font-weight:600;cursor:pointer}.run-button:disabled{background:var(--cli-border);color:var(--cli-muted);cursor:not-allowed}.workspace-pane{display:flex;height:100%;gap:0;border:1px solid var(--cli-border);border-radius:8px;overflow:hidden}.file-tree{flex:0 0 220px;overflow-y:auto;font-size:.82rem;background:var(--cli-bg-panel);border-right:1px solid var(--cli-border);padding:.5rem .25rem}.file-node{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.2rem .4rem .2rem calc(.4rem + var(--depth, 0) * .9rem);border-radius:4px;cursor:pointer;border-left:1px solid transparent;margin-left:calc(var(--depth, 0) * .01rem)}.file-node:hover:not(.file-node-active){background:var(--cli-bg-panel-raised)}.file-node-active{background:var(--cli-accent);color:var(--cli-accent-fg)}.file-node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-badge{flex-shrink:0;font-size:.65rem;font-weight:700;padding:.05rem .35rem;border-radius:3px;letter-spacing:.02em}.file-badge-new{color:var(--cli-add);background:var(--cli-add-bg)}.file-badge-modified{color:var(--cli-warn);background:var(--cli-warn-bg)}.lesson-kind{flex-shrink:0;font-size:.65rem;font-weight:700;padding:.05rem .35rem;border-radius:3px;letter-spacing:.02em}.lesson-kind-quiz{color:var(--cli-accent);background:#e8845c33}.lesson-kind-check{color:var(--cli-add);background:var(--cli-add-bg)}.dir-node{position:relative}.dir-node-name{display:flex;align-items:center;gap:.3rem;width:100%;padding:.2rem .4rem .2rem calc(.4rem + var(--depth, 0) * .9rem);color:var(--cli-muted);background:none;border:none;font:inherit;font-size:inherit;text-align:left;cursor:pointer}.dir-node-name:hover{color:var(--cli-fg)}.disclosure{display:inline-block;width:.9em;font-size:.7rem}.dir-node-children{position:relative;margin-left:calc(.4rem + var(--depth, 0) * .9rem + .45rem);border-left:1px solid var(--cli-border);padding-left:0}.file-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--cli-bg)}.file-viewer>.diff-viewer,.file-viewer>.file-content{flex:1;min-height:0;overflow:auto;margin:0}.file-viewer-empty{color:var(--cli-muted);font-style:italic;padding:1rem}.file-viewer-path{font-size:.78rem;color:var(--cli-muted);padding:.4rem .75rem;background:var(--cli-bg-panel);border-bottom:1px solid var(--cli-border);border-radius:8px 8px 0 0}.file-content,.diff-viewer{margin:0;padding:.6rem .75rem;font-family:var(--cli-mono);font-size:.82rem;white-space:pre-wrap}.diff-line{display:flex;gap:.4rem}.diff-line-add{background:var(--cli-add-bg);color:var(--cli-add)}.diff-line-del{background:var(--cli-del-bg);color:var(--cli-del)}.diff-marker{width:1ch;flex-shrink:0;color:var(--cli-muted)}.permission-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.permission-modal{background:var(--cli-bg-panel-raised);border:1px solid var(--cli-border);border-radius:10px;padding:1.25rem;min-width:320px;max-width:480px}.permission-modal h2{margin:0 0 .5rem;font-size:.95rem}.permission-tool{color:var(--cli-accent);font-weight:600}.permission-input{background:var(--cli-bg);border:1px solid var(--cli-border);border-radius:6px;padding:.5rem;font-size:.78rem;font-family:var(--cli-mono);overflow-x:auto}.permission-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.permission-actions button{border:none;border-radius:6px;padding:.4rem .9rem;cursor:pointer;font-size:.82rem;font-family:inherit}.permission-actions button[data-testid=approve-button]{background:var(--cli-accent);color:var(--cli-accent-fg);font-weight:600}.permission-actions button[data-testid=deny-button]{background:var(--cli-border);color:var(--cli-fg)}.grade-banner{border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem;font-size:.82rem}.grade-banner-pass{background:var(--cli-add-bg);color:var(--cli-add)}.grade-banner-retry{background:var(--cli-warn-bg);color:var(--cli-warn)}.quiz-card{border:1px solid var(--cli-border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;background:var(--cli-bg-panel);font-size:.85rem}.quiz-question{margin:0;font-weight:600}.quiz-choices{display:flex;flex-direction:column;gap:.35rem}.quiz-choice{display:flex;align-items:center;gap:.5rem;cursor:pointer}.quiz-submit{align-self:flex-start;background:var(--cli-accent);color:var(--cli-accent-fg);border:none;border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-family:inherit;font-weight:600;cursor:pointer}.quiz-submit:disabled{background:var(--cli-border);color:var(--cli-muted);cursor:not-allowed}.quiz-feedback{color:var(--cli-warn);font-size:.8rem}.annotation-card{border:1px solid var(--cli-accent);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;background:var(--cli-bg-panel)}.annotation-title{margin:0;font-size:.9rem;color:var(--cli-accent)}.annotation-body{margin:0;font-size:.85rem;line-height:1.5;color:var(--cli-fg)}.step-next{align-self:flex-end;background:var(--cli-accent);color:var(--cli-accent-fg);border:none;border-radius:6px;padding:.35rem .8rem;font-size:.82rem;font-family:inherit;font-weight:600;cursor:pointer}.viewer-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--cli-border);padding:0 0 .5rem;margin-bottom:.5rem}.viewer-tab{background:transparent;color:var(--cli-muted);border:none;border-radius:4px;padding:.3rem .7rem;font-size:.8rem;font-family:inherit;cursor:pointer}.viewer-tab-active{background:var(--cli-bg-panel-raised);color:var(--cli-fg)}.preview-frame{width:100%;flex:1;min-height:0;border:none;background:#0c0c0d}.preview-coming-soon{padding:.75rem;margin-bottom:.5rem;border:1px solid var(--cli-border);border-radius:6px;background:var(--cli-bg-panel-raised);color:var(--cli-muted);font-size:.85rem}