@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(./JetBrainsMono-latin-ext.DIC32ArD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(./JetBrainsMono-latin.6fWv1k7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./DMSans-latin-ext.BOFOeGcA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./DMSans-latin.Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0e1a;--surface:#111827;--surface2:#1a2236;--surface3:#1f2b45;--border:#2a3654;--text:#e2e8f0;--text-dim:#64748b;--text-muted:#475569;--amber:#f59e0b;--amber-dim:#f59e0b1f;--cyan:#22d3ee;--cyan-dim:#22d3ee1a;--green:#34d399;--green-dim:#34d3991f;--red:#f87171;--red-dim:#f871711f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--pink:#f472b6;--pink-dim:#f472b61f;--blue:#60a5fa;--blue-dim:#60a5fa1f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.header{text-align:center;padding:1.2rem 1rem .3rem}.header h1{background:linear-gradient(135deg, var(--amber), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700}.header .sub{color:var(--text-dim);margin-top:.15rem;font-size:.75rem}.header .chapter-num{background:var(--amber-dim);color:var(--amber);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin-bottom:.3rem;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;display:inline-block}.chapter-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.3rem;padding:.4rem .8rem;display:flex}.chapter-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:5px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;text-decoration:none;transition:all .15s}.chapter-nav a:hover{border-color:var(--cyan);color:var(--text)}.chapter-nav a.active{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.tabs{flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.5rem .5rem .2rem;display:flex}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:.35rem .7rem;font-family:JetBrains Mono,monospace;font-size:.67rem;font-weight:600;transition:all .2s}.tab:hover{border-color:var(--amber);color:var(--text)}.tab.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.variant-tabs{flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.2rem .5rem .4rem;display:flex}.vtab{border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.25rem .55rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500;transition:all .15s}.vtab:hover{border-color:var(--cyan);color:var(--text-dim)}.vtab.active{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;padding:.35rem 1rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:5px;padding:.3rem .6rem;font-family:JetBrains Mono,monospace;font-size:.67rem;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--cyan);color:var(--text)}.btn:disabled{opacity:.3;cursor:default}.btn.primary{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.step-label{color:var(--text-dim);text-align:center;min-width:85px;font-family:JetBrains Mono,monospace;font-size:.67rem}.speed-ctl{color:var(--text-muted);align-items:center;gap:.2rem;font-family:JetBrains Mono,monospace;font-size:.55rem;display:flex}.speed-ctl input{width:45px;accent-color:var(--amber)}.main{grid-template-columns:1fr 1fr;gap:.8rem;margin:0 auto;padding:.5rem 1rem;display:grid}@media (width<=1100px){.main{grid-template-columns:1fr}}.main-aet{--aet-chrome-height:44px;height:calc(100dvh - var(--aet-chrome-height));grid-template-rows:1fr;grid-template-columns:35fr 6px 15fr 6px 50fr;gap:0;min-height:500px;margin:0 auto;padding:.4rem;display:grid}.aet-left,.aet-middle,.aet-right{min-height:0;display:grid;overflow:hidden}.aet-left{grid-column:1}.aet-middle{grid-column:3}.aet-right{grid-column:5}.aet-left-top,.aet-middle-watch,.aet-right-top{min-height:0;overflow:hidden}.aet-left-bottom,.aet-middle-stack,.aet-right-bottom{min-height:0;overflow-y:auto}.aet-middle-stack{flex-direction:column;display:flex}.aet-subgrid-resizer{align-items:stretch;min-height:0;display:flex}.aet-subgrid-resizer>.resizer{width:100%}.aet-cw-resizer{grid-column:2;align-items:stretch;min-height:0;display:flex}.aet-cw-resizer>.resizer{height:100%}.aet-col-resizer{grid-column:4;align-items:stretch;min-height:0;display:flex}.aet-col-resizer>.resizer{height:100%}.main-aet .code-line{font-size:var(--code-font-size,.81rem)}.main-aet .code-spacer{height:1rem}.main-aet .line-num{font-size:var(--code-font-size,.81rem)}.main-aet .code-panel .panel-title{font-size:var(--ui-font-size,.78rem)}.main-aet .explain-toggle,.main-aet .explain-panel{font-size:var(--narration-font-size,1.05rem)}.main-aet .explain-panel code{font-size:calc(var(--narration-font-size,1.05rem) * .876)}.main-aet .phase-badge{font-size:var(--ui-font-size,.78rem)}.main-aet .aet-middle-watch .ws-entry{font-size:var(--watch-font-size,.78rem)}.main-aet .aet-middle-watch .ws-header{font-size:var(--ui-font-size,.78rem)}.aet-left-top .code-panel{flex-direction:column;height:100%;display:flex}.aet-left-top .code-panel .code-lines{flex:1;min-height:0;overflow-y:auto}.aet-right-top{flex-direction:column;display:flex}.aet-right-top .viz-panel{border-radius:0 0 8px 8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.narr-zone{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.narr-zone-header{font-family:JetBrains Mono,monospace;font-size:var(--ui-font-size,.78rem);text-transform:uppercase;letter-spacing:.08em;color:var(--purple);border-bottom:2px solid var(--purple);flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .5rem;font-weight:700;display:flex}.narr-icon{font-size:.9rem}.narr-title{flex:1}.narr-progress{background:var(--surface2);flex-shrink:0;height:3px}.narr-progress-fill{background:linear-gradient(90deg, var(--purple), var(--pink));border-radius:2px;height:100%;transition:width .3s}.narr-zone-body{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.narr-text{font-size:var(--narration-font-size,1.05rem);line-height:1.6}.narr-text code{font-family:JetBrains Mono,monospace;font-size:calc(var(--narration-font-size,1.05rem) * .876);background:var(--purple-dim);color:var(--purple);border-radius:3px;padding:.06rem .3rem}.narr-text strong{color:var(--amber)}.narr-text em{color:var(--cyan);font-style:normal}@media (width<=1100px){.main-aet{height:auto;grid-template-rows:auto!important;grid-template-columns:1fr!important}.aet-left,.aet-middle,.aet-right{grid-area:auto/1;min-height:300px;grid-template-rows:1fr!important}.aet-cw-resizer,.aet-col-resizer,.aet-subgrid-resizer{display:none}}.viz-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-height:240px;padding:.6rem;position:relative;overflow:hidden}.viz-panel svg{width:100%;height:auto;display:block}.viz-panel.tall{min-height:340px}.code-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem}.code-panel .panel-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.code-panel .panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.63rem}.lang-switcher{gap:.15rem;display:flex}.lang-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;letter-spacing:.04em;border-radius:3px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:700;transition:all .12s}.lang-btn:hover{border-color:var(--cyan);color:var(--text-dim)}.lang-btn.active{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.code-spacer{align-items:stretch;height:.8rem;display:flex}.code-line{white-space:pre;color:var(--text);border-radius:3px;align-items:stretch;font-family:JetBrains Mono,monospace;font-size:.65rem;line-height:1.65;transition:all .2s;display:flex}.line-num{text-align:right;min-width:2.5em;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:inherit;line-height:inherit;flex-shrink:0;padding:.08rem .5em .08rem .35rem;display:inline-block}.code-line.active .line-num{color:var(--amber);font-weight:600}.line-code{flex:1;min-width:0;padding:.08rem .35rem}.code-line.active{background:var(--amber-dim);color:var(--amber);font-weight:600}.code-line .tk-keyword{color:var(--purple);font-weight:600}.code-line .tk-operator{color:var(--pink)}.code-line .tk-function{color:var(--blue)}.code-line .tk-type{color:var(--cyan);font-weight:600}.code-line .tk-type-builtin{color:var(--cyan);font-style:italic}.code-line .tk-type-inherited{color:var(--cyan);font-style:italic;font-weight:600}.code-line .tk-variable{color:var(--text)}.code-line .tk-var-lang{color:var(--pink);font-style:italic}.code-line .tk-parameter{color:var(--text)}.code-line .tk-property{color:var(--blue)}.code-line .tk-attr,.code-line .tk-number,.code-line .tk-constant{color:var(--amber)}.code-line .tk-string{color:var(--green)}.code-line .tk-comment{color:var(--text-muted);font-style:italic}.code-line .tk-punctuation{color:var(--text-dim)}.code-line .tk-subst{color:var(--pink)}.code-line .tk-decorator{color:var(--amber);font-style:italic}.code-line .tk-regexp{color:var(--green)}.code-line .tk-default{color:var(--text)}.narration{margin:.4rem auto;padding:0 .8rem}.narration-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:8px;min-height:44px;padding:.7rem .9rem;font-size:.8rem;line-height:1.6}.narration-box code{background:var(--purple-dim);color:var(--purple);border-radius:3px;padding:.06rem .3rem;font-family:JetBrains Mono,monospace;font-size:.74rem}.narration-box strong{color:var(--amber)}.narration-box em{color:var(--cyan);font-style:normal}.phase-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:.18rem .6rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;display:inline-block}.phase-badge.init{background:var(--surface2);color:var(--text-dim)}.phase-badge.declare{background:var(--pink-dim);color:var(--pink)}.phase-badge.assign{background:var(--cyan-dim);color:var(--cyan)}.phase-badge.evaluate{background:var(--amber-dim);color:var(--amber)}.phase-badge.result,.phase-badge.done{background:var(--green-dim);color:var(--green)}.phase-badge.execute{background:var(--blue-dim);color:var(--blue)}.phase-badge.compare{background:var(--purple-dim);color:var(--purple)}.phase-badge.branch{background:var(--pink-dim);color:var(--pink)}.phase-badge.iterate{background:var(--amber-dim);color:var(--amber)}.phase-badge.call{background:var(--cyan-dim);color:var(--cyan)}.phase-badge.return{background:var(--green-dim);color:var(--green)}.phase-badge.create{background:var(--pink-dim);color:var(--pink)}.phase-badge.error{background:var(--red-dim);color:var(--red)}.phase-badge.check{background:var(--cyan-dim);color:var(--cyan)}.phase-badge.stop{background:var(--red-dim);color:var(--red)}.phase-badge.skip{background:var(--purple-dim);color:var(--purple)}.phase-badge.body{background:var(--blue-dim);color:var(--blue)}.phase-badge.update{background:var(--amber-dim);color:var(--amber)}.phase-badge.access{background:var(--cyan-dim);color:var(--cyan)}.phase-badge.modify{background:var(--pink-dim);color:var(--pink)}.phase-badge.traverse{background:var(--amber-dim);color:var(--amber)}.phase-badge.insert{background:var(--green-dim);color:var(--green)}.phase-badge.remove{background:var(--red-dim);color:var(--red)}.phase-badge.search{background:var(--cyan-dim);color:var(--cyan)}.footer{text-align:center;border-top:1px solid var(--border);margin-top:1rem;padding:1rem}.footer a{color:var(--text-muted);margin:0 .5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;text-decoration:none}.footer a:hover{color:var(--cyan)}.version-badge{z-index:9999;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);opacity:.6;pointer-events:auto;cursor:default;border-radius:4px;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:500;line-height:1.4;transition:opacity .2s;position:fixed;bottom:8px;right:12px}.version-badge:hover{opacity:1;border-color:var(--cyan);color:var(--text-dim)}.aet-var{color:var(--cyan);font-family:JetBrains Mono,monospace}.aet-ds{color:#ffd54f;font-weight:600}.aet-val{color:var(--green)}.aet-fn{color:var(--text);font-weight:700}.aet-line{color:var(--purple);cursor:pointer;text-decoration:underline}.aet-key{color:#ffb74d;font-weight:600}.explain-toggle{color:var(--cyan);cursor:pointer;opacity:.8;background:0 0;border:none;padding:.25em .9rem;font-family:DM Sans,sans-serif;font-size:.85em}.explain-toggle:hover{opacity:1}.explain-panel{border-left:3px solid var(--cyan);opacity:.85;margin:.5em .9rem 0;padding-left:1em;font-size:.9em;line-height:1.5}.explain-panel code{background:var(--purple-dim);color:var(--purple);border-radius:3px;padding:.06rem .3rem;font-family:JetBrains Mono,monospace;font-size:.74rem}.explain-panel strong{color:var(--amber)}.explain-panel em{color:var(--cyan);font-style:normal}.watch-panel{border-top:1px solid var(--border);margin:.5em auto 0;padding:.5em .8rem;font-family:JetBrains Mono,monospace;font-size:.82em}.watch-panel .panel-header{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:.3em;font-size:.75em;font-weight:700}.watch-entry{gap:.4em;padding:.15em 0;display:flex}.watch-entry.changed{background:#ffd70014}.watch-name{color:var(--cyan);min-width:5em}.watch-eq{opacity:.4}.watch-value{color:var(--text)}.step-progress{opacity:.8;font-family:JetBrains Mono,monospace;font-size:.67rem}