:root{--bg: #0a0e16;--bg-2: #0c1320;--panel: #0f1828;--line: #1e2a3e;--line-2: #2a3b54;--text: #d2ddee;--muted: #8294ac;--faint: #56657c;--accent: #46d39a;--accent-2: #5aa0ff;--head: #ffd86a;--remote: #5aa0ff;--danger: #ff7a8a;--ok: #46d39a;--surface-board: #06070d;--surface-term: #070b12;--surface-deep: #03101f;--surface-sunken: #0b1422;--surface-card: #101b2e;--surface-raised: #1c2333;--surface-raised-2: #122036;--grad-1: #0f1a2c;--grad-2: #101a2c;--chip-bg: #1a2740;--chip-border: #2a3c5a;--chip-ready-bg: #123022;--pill-bg: #0e1626;--pill-head-bg: #0e2a1c;--pill-remote-bg: #0d2034;--border-raised: #2c3650;--surface-ok-soft: #0d2419;--surface-clear: #04160e;--ok-border: #2c7a4c;--on-accent: #04130c;--gold: #f0c869;--gold-soft: #e3d7a0;--gold-bright: #ffd76a;--code-text: #f0e6c0;--head-border-soft: #4a3f1c;--head-border-dark: #2a230c;--info-soft: #aee3ff;--info-bright: #eaf4ff;--text-soft: #aebed2;--text-dim: #93a8c2;--white: #fff;--overlay-scanline: #0000000d;--shadow-soft: #0006;--accent-a20: #46d39a33;--accent-a27: #46d39a44;--accent-a33: #46d39a55;--accent2-a27: #5aa0ff44;--r: 8px;--r-sm: 5px;--r-lg: 14px;--sp-1: 6px;--sp-2: 10px;--sp-3: 16px;--sp-4: 24px;--sp-5: 36px;--overlay-scrim: rgba(4, 7, 12, .78);--font-ui: "DotGothic16", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs: 14px;--fs-lg: 18px;--fs-xl: 26px;--fs-display: 52px;--lh-tight: 1.3;--lh: 1.55;--lh-relaxed: 1.8;--ls-wide: .06em;--ls-wider: .1em;--ls-jp: .02em;--motion: .45s cubic-bezier(.2, .8, .2, 1);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:var(--r-sm)}.pvg-svg:focus-visible,.graph-svg:focus-visible{outline:2px solid var(--head);outline-offset:-2px}.hdr-dot:active,.hdr-icon:active,.term-card:active,.term-undo:active,.term-run:active,.panel-hintBtn:active,.panel-restart:active,.panel-retry3:active,.panel-next:active,.conflict-side:active,.title-start:active,.done-close:active,.done-reset:active{transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(120% 90% at 50% -10%,var(--grad-2) 0%,var(--bg) 60%)}.hdr{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);background:var(--bg-2)}.hdr-brand{flex:none;font-weight:700;letter-spacing:var(--ls-wide);color:var(--accent)}.hdr-rail{display:flex;gap:var(--sp-1);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.hdr-rail::-webkit-scrollbar{display:none}.hdr-dot{width:30px;height:28px;flex:none;padding:0;border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:var(--r-sm);font:600 var(--fs-xs) var(--font-mono);cursor:pointer;transition:border-color .15s,color .15s,transform .08s}.hdr-dot:hover{border-color:var(--accent-2)}.hdr-dot.active{border-color:var(--accent);background:var(--surface-ok-soft);color:var(--text)}.hdr-dot.done{color:var(--head);border-color:var(--head-border-soft)}.hdr-stars{flex:none;color:var(--head);font:700 var(--fs) var(--font-mono)}.hdr-stars.done{color:var(--accent);text-shadow:0 0 10px rgba(70,211,154,.5)}.done-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:doneFade .25s ease}@keyframes doneFade{0%{opacity:0}}.done-card{width:min(440px,88vw);text-align:center;background:linear-gradient(180deg,var(--grad-1),var(--bg-2));border:1px solid var(--accent);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:0 0 40px #46d39a40;animation:donePop .35s cubic-bezier(.2,1.2,.3,1)}@keyframes donePop{0%{transform:scale(.85);opacity:0}}.done-burst{font-size:var(--fs-display);animation:doneBurst 1.4s ease-in-out infinite}@keyframes doneBurst{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.12) rotate(4deg)}}.done-title{font:700 var(--fs-xl) var(--font-ui);color:var(--accent);margin:var(--sp-2) 0 0}.done-sub{color:var(--muted);font-size:var(--fs-sm);margin:var(--sp-1) 0 var(--sp-3)}.done-stars{font:700 22px var(--font-mono);color:var(--head);margin-bottom:var(--sp-2)}.done-perfect{font:700 var(--fs-lg) var(--font-ui);color:var(--gold-bright);text-shadow:0 0 12px rgba(255,215,106,.5);margin-bottom:var(--sp-3)}.done-hint{color:var(--faint);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.done-actions{display:flex;gap:var(--sp-2);justify-content:center}.done-close,.done-reset{font:600 var(--fs-sm) var(--font-ui);border-radius:var(--r-sm);padding:8px 16px;cursor:pointer}.done-close{background:var(--panel);border:1px solid var(--line-2);color:var(--text)}.done-reset{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent)}@media (prefers-reduced-motion: reduce){.done-overlay,.done-card,.done-burst{animation:none}}.hdr-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line-2);color:var(--text);border-radius:var(--r-sm);padding:0;cursor:pointer;font-size:var(--fs);transition:border-color .15s,color .15s,transform .08s}.hdr-icon:hover{border-color:var(--accent-2)}.hdr-icon.danger:hover{border-color:var(--danger);color:var(--danger)}.board{display:grid;grid-template-columns:clamp(320px,28vw,420px) minmax(0,1fr);min-height:0}@media (max-width: 900px){.board{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--line);max-height:46vh}}.board-graph{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.graph.goal{overflow:hidden;padding:var(--sp-1);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);height:140px}.graph-svg{width:100%;height:100%;display:block}.graph-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:var(--fs)}.graph-edge{fill:none;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 3px currentColor)}.graph-node{transition:transform var(--motion)}.graph-dot{animation:dotBreath 3.4s ease-in-out infinite}@keyframes dotBreath{0%,to{opacity:.92}50%{opacity:1}}.graph-core{fill:var(--white);opacity:.92}.staging{display:flex;align-items:center;gap:var(--sp-2);padding:8px var(--sp-3);border-top:1px solid var(--line);background:var(--bg-2);font:600 var(--fs-sm) var(--font-mono);color:var(--muted);flex-wrap:wrap}.staging-label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.staging-chips{display:flex;gap:5px}.staging-chips em{font-style:normal;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--gold);border-radius:4px;padding:1px 7px}.staging-chips em.ready{background:var(--chip-ready-bg);border-color:var(--ok-border);color:var(--accent)}.staging-chips i{color:var(--faint)}.staging-arrow{color:var(--muted)}.staging-commit{color:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.conflict{border-top:1px solid var(--danger);background:linear-gradient(180deg,rgba(255,122,138,.08),var(--bg-2));padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);flex:none;max-height:48%;overflow-y:auto}.conflict-head{font:700 var(--fs-sm) var(--font-ui);color:var(--danger);letter-spacing:.04em}.conflict-file{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 8px;background:var(--bg)}.conflict-file.staged{border-color:var(--ok)}.conflict-name{font:600 var(--fs-sm) var(--font-mono);color:var(--muted);margin-bottom:6px}.conflict-ok{color:var(--ok);margin-left:6px}.conflict-sides{display:flex;gap:var(--sp-2)}.conflict-side{flex:1;text-align:left;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 8px;cursor:pointer;color:var(--muted);display:flex;flex-direction:column;gap:4px;transition:border-color .12s,background .12s,transform .08s}.conflict-side:hover{border-color:var(--accent-2)}.conflict-side.on{border-color:var(--accent-2);background:var(--accent2-a27)}.conflict-side.ours.on{border-color:var(--head);background:var(--pill-head-bg)}.conflict-tag{font:700 var(--fs-2xs) var(--font-mono);letter-spacing:var(--ls-wide);color:var(--muted);text-transform:uppercase}.conflict-side code{display:block;font:600 var(--fs-sm) var(--font-mono);color:var(--code-text);overflow-wrap:anywhere;white-space:pre-wrap;max-height:4.5em;overflow-y:auto}.conflict-foot{position:sticky;bottom:0;background:var(--bg-2);padding-top:var(--sp-1);font:500 var(--fs-sm) var(--font-mono);color:var(--muted)}.conflict-foot code{color:var(--accent)}.conflict-foot code.abort{color:var(--danger)}@media (max-width: 1100px){.conflict-sides{flex-direction:column}.conflict{max-height:60%}}.panel{border-right:1px solid var(--line);background:var(--panel);padding:var(--sp-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);animation:panelIn .22s ease both}.panel-scroll{display:flex;flex-direction:column;gap:var(--sp-2)}.panel-foot{position:sticky;bottom:calc(-1 * var(--sp-3));padding:var(--sp-2) 0 0;background:var(--panel)}@keyframes panelIn{0%{opacity:0;transform:translateY(4px)}}.panel-head{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-step{font:700 var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wider);color:var(--accent-2)}.panel-title{font-size:var(--fs-xl);line-height:var(--lh-tight);overflow-wrap:anywhere;margin:0}.panel-concept p{color:var(--text-soft);line-height:var(--lh);letter-spacing:var(--ls-jp);margin:0 0 var(--sp-1);font-size:var(--fs)}.panel-goal{border:1px solid var(--accent);border-radius:var(--r);padding:var(--sp-2);background:var(--surface-sunken);box-shadow:0 0 16px var(--accent-a20)}.panel-goalHead{font:700 var(--fs-sm) var(--font-ui);color:var(--accent);margin-bottom:var(--sp-1)}.panel-goalNote{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--faint)}.panel-task{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line);font-size:var(--fs);color:var(--text)}.panel-taskLabel{display:block;font:700 var(--fs-2xs) var(--font-mono);letter-spacing:var(--ls-wider);color:var(--accent);margin-bottom:2px}.panel-hints{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-hint{background:var(--surface-raised);border:1px solid var(--border-raised);border-radius:var(--r-sm);padding:8px var(--sp-2);font-size:var(--fs-md);line-height:var(--lh);color:var(--text-soft)}.panel-hint code{font-family:var(--font-mono);color:var(--code-text)}.panel-hintBtn{align-self:flex-start;background:var(--panel);border:1px solid var(--line-2);color:var(--muted);border-radius:var(--r-sm);padding:6px 12px;cursor:pointer;font-size:var(--fs-sm);font-family:var(--font-ui)}.panel-hintBtn:hover{border-color:var(--head);color:var(--head)}.panel-clear{border:1px solid var(--accent);border-radius:var(--r);padding:var(--sp-2);background:var(--surface-ok-soft);text-align:center;animation:clearPop .45s cubic-bezier(.2,1.6,.35,1) both;box-shadow:0 0 28px var(--accent-a20)}@keyframes clearPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.panel-clearMsg{color:var(--accent);font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.panel-next{width:100%;background:var(--accent);color:var(--surface-clear);border:none;border-radius:var(--r-sm);padding:11px;font-weight:700;font-size:var(--fs);cursor:pointer;font-family:var(--font-ui)}.panel-next:hover{filter:brightness(1.1)}.panel-allDone{color:var(--head);font-weight:700}.panel-restart{align-self:flex-start;background:none;border:1px solid var(--line-2);color:var(--faint);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;font-family:var(--font-ui);font-size:var(--fs-sm)}.panel-restart:hover{color:var(--text);border-color:var(--line-2)}.foot{border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0;max-height:28vh}.term{background:var(--surface-term);display:flex;flex-direction:column;min-height:0;flex:1}.term-cards{display:flex;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--line);flex:none}.term-card{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--surface-card);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:5px 10px;cursor:pointer;text-align:left;transition:border-color .15s}.term-card:hover{border-color:var(--accent-2)}.term-cardCmd{font:600 13px var(--font-mono);color:var(--info-soft)}.term-cardNote{font-size:10px;color:var(--muted)}.term-free{align-self:center;color:var(--accent-2);font:600 var(--fs-sm) var(--font-ui)}.term-undo{margin-left:auto;align-self:center;background:var(--surface-card);border:1px solid var(--line-2);color:var(--muted);border-radius:var(--r-sm);padding:6px 12px;cursor:pointer;font:600 12px var(--font-mono)}.term-undo:disabled{opacity:.4;cursor:default}.term-output{flex:1;min-height:48px;padding:var(--sp-2) var(--sp-3);overflow-y:auto;font:500 var(--fs-md) var(--font-mono);line-height:var(--lh)}.term-hint{color:var(--faint);font-family:var(--font-ui)}.term-line{white-space:pre-wrap;word-break:break-word}.term-line.cmd{color:var(--info-bright);margin-top:3px}.term-line.out{color:var(--text-dim)}.term-line.err{color:var(--danger)}.term-line.err:before{content:"✗ "}.term-prompt{color:var(--accent);font-weight:700}.term-inputRow{position:relative;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line)}.term-sugg{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:calc(100% + 2px);z-index:5;margin:0;padding:4px;list-style:none;background:var(--surface-card);border:1px solid var(--line-2);border-radius:var(--r-sm);max-height:220px;overflow-y:auto;box-shadow:0 -6px 18px var(--shadow-soft)}.term-sugg-item{padding:5px 8px;border-radius:4px;font:600 var(--fs-sm) var(--font-mono);color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-sugg-item.sel,.term-sugg-item:hover{background:var(--surface-ok-soft);color:var(--accent)}.term-sugg-help{padding:4px 8px 2px;font:500 var(--fs-2xs) var(--font-ui);color:var(--faint);border-top:1px solid var(--line);margin-top:2px}.term-inputRow:focus-within{box-shadow:inset 0 0 0 1px var(--accent-2)}.term-inputRow.error{border-top-color:var(--danger);animation:termShake .3s steps(3)}@keyframes termShake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.term-input{flex:1;background:none;border:none;color:var(--info-bright);font:600 var(--fs) var(--font-mono)}.term-run{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--r-sm);padding:8px 16px;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:transform .08s,opacity .12s}.term-run:disabled{opacity:.45;cursor:default}.term-run kbd{border:1px solid currentColor;border-radius:3px;padding:0 4px;font-size:var(--fs-2xs)}.title{height:100%;display:grid;place-content:center;justify-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,var(--surface-raised-2) 0%,var(--bg) 65%);text-align:center}.title-graph{filter:drop-shadow(0 0 14px var(--accent-a33));margin-bottom:var(--sp-2)}.title-name{font-size:clamp(38px,7vw,64px);margin:0;letter-spacing:var(--ls-jp);color:var(--text);text-shadow:0 0 24px var(--accent2-a27)}.title-sub{color:var(--text-soft);font-size:var(--fs-lg);letter-spacing:var(--ls-jp);margin:0}.title-how{color:var(--faint);font-size:var(--fs-sm);line-height:var(--lh);max-width:34ch;margin:var(--sp-1) 0 var(--sp-5)}.title-start{background:var(--accent);color:var(--surface-clear);border:none;border-radius:var(--r);padding:13px 36px;font:700 var(--fs-lg) var(--font-ui);cursor:pointer;box-shadow:0 0 24px var(--accent-a27)}.title-start:hover{filter:brightness(1.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pvg-wrap{flex:1;min-height:0;position:relative;overflow:auto;background:var(--surface-board);image-rendering:pixelated}.pvg-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,var(--overlay-scanline) 2px 4px)}.pvg-svg{width:100%;height:100%;min-height:280px;display:block;image-rendering:pixelated}.pvg-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);text-align:center;color:var(--muted)}.pvg-empty-sub{font:500 var(--fs-sm) var(--font-mono);color:var(--muted)}.pvg-edge{fill:none;stroke-width:5;shape-rendering:crispEdges;opacity:.8}.pvg-node{transform-box:fill-box;transform-origin:center;animation:pvgSpawn .45s cubic-bezier(.2,1.6,.35,1) both,pvgBreath 1.3s steps(2,end) infinite .45s}@keyframes pvgSpawn{0%{transform:scale(0) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pvgBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.pvg-headframe{fill:none;stroke:var(--head);stroke-width:2;animation:hframe .9s steps(2,end) infinite}@keyframes hframe{0%,to{opacity:.5}50%{opacity:1}}.pvg-headlabel{fill:var(--head);font:700 var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wide);text-anchor:middle}.pvg-pill{fill:var(--pill-bg);stroke:var(--line-2);stroke-width:2}.pvg-pill.head{fill:var(--pill-head-bg);stroke:var(--accent)}.pvg-pill.remote{fill:var(--pill-remote-bg);stroke:var(--remote)}.pvg-pilltext{fill:var(--text);font:600 12px var(--font-mono);dominant-baseline:middle}@media (prefers-reduced-motion: reduce){.pvg-node,.pvg-headframe{animation:none}}.panel-meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2);font:600 var(--fs-sm) var(--font-mono);color:var(--muted)}.panel-meta b{color:var(--accent)}.panel-par{color:var(--head)}.panel-clearSub{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.panel-retry3{margin-top:var(--sp-2);width:100%;background:none;border:1px solid var(--head);color:var(--head);border-radius:var(--r-sm);padding:8px;cursor:pointer;font-family:var(--font-ui);font-size:var(--fs-sm)}.panel-retry3:hover{background:var(--head-border-dark)}