:root{--bg: #ffffff;--ink: #111111;--ink-muted: #3d3d3d;--accent: #ee1b24;--accent-soft: #ffe6e8;--accent-dark: #b70b12;--line: #e6e6e6;--shadow-soft: 0 30px 80px rgba(17, 17, 17, .08);--shadow-card: 0 16px 40px rgba(17, 17, 17, .08);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--container: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Open Sans,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 700px at 8% -10%,rgba(238,27,36,.12),transparent 60%),var(--bg);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-dark)}.page{position:relative;overflow:hidden;z-index:0}.chapter-page{overflow:visible}.page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);background-size:64px 64px;opacity:.25;pointer-events:none;mix-blend-mode:multiply;z-index:0}.page:after{content:"";position:absolute;inset:0;background:none;opacity:0;pointer-events:none;z-index:0}.page>*{position:relative;z-index:1}.container{width:min(100%,var(--container));margin:0 auto;padding:0 24px;padding-left:max(clamp(16px,5vw,32px),env(safe-area-inset-left));padding-right:max(clamp(16px,5vw,32px),env(safe-area-inset-right))}.page header{position:relative;z-index:100}nav{display:flex;align-items:center;justify-content:flex-end;padding:28px 0 18px;position:relative;gap:16px}.brand{display:flex;align-items:center;gap:14px;font-family:Libre Bodoni,serif;font-size:1.2rem;letter-spacing:.04em}.brand-mark{width:14px;height:14px;background:var(--accent);border-radius:3px;box-shadow:0 0 0 6px #ee1b242e}.nav-links{display:flex;gap:22px;font-size:.95rem;color:var(--ink-muted)}.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}.nav-toggle span[aria-hidden=true]{display:block;width:18px;height:2px;background:var(--ink);border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(3){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(4){transform:translateY(-6px) rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.book-hero{position:relative;z-index:2;padding-top:60px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}.book-hero--footer{padding:0;border-radius:0;border:none;background:transparent;box-shadow:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr)}.book-hero--footer .tilt-card img{width:min(270px,100%)}.chapter-footer-content{margin-top:32px}.hero-copy{display:flex;flex-direction:column;gap:0}.hero-title h1,.hero-title h2{margin:0 0 2px}.hero-subtitle{margin:0;color:var(--accent);font-weight:600;letter-spacing:.02em;font-family:Libre Bodoni,serif;font-size:clamp(1.3rem,2.4vw,1.8rem)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft)}.tilt-card{position:relative;border-radius:var(--radius-lg);padding:0;background:transparent;border:none;box-shadow:none;display:grid;place-items:center;perspective:1000px;overflow:visible}.tilt-card img{width:min(360px,100%);border-radius:18px;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0);transform-style:preserve-3d;transition:transform .2s ease}.tilt-card:hover img{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px)}.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--accent)}.kicker:before{content:"";width:28px;height:2px;background:var(--accent)}h1,h2,h3{font-family:Libre Bodoni,serif;margin:0 0 18px}h1{font-size:clamp(2.7rem,4vw,4.2rem);line-height:1.05}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.4rem}.chapter-content h3,.chapter-content-mid h3,.chapter-footer-content h3{font-size:clamp(1.6rem,2.4vw,2.1rem)}p{color:var(--ink-muted);line-height:1.7;margin:0 0 18px}.chapter-content table,.chapter-content-mid table,.chapter-footer-content table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0 24px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.95rem}.chapter-content th,.chapter-content td,.chapter-content-mid th,.chapter-content-mid td,.chapter-footer-content th,.chapter-footer-content td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.chapter-content th:last-child,.chapter-content td:last-child,.chapter-content-mid th:last-child,.chapter-content-mid td:last-child,.chapter-footer-content th:last-child,.chapter-footer-content td:last-child{border-right:none}.chapter-content thead th,.chapter-content-mid thead th,.chapter-footer-content thead th{background:#111;color:#fff;font-weight:600;font-size:.9rem}.chapter-content thead th:first-child,.chapter-content-mid thead th:first-child,.chapter-footer-content thead th:first-child{border-top-left-radius:12px}.chapter-content thead th:last-child,.chapter-content-mid thead th:last-child,.chapter-footer-content thead th:last-child{border-top-right-radius:12px}.chapter-content tbody tr:last-child td,.chapter-content-mid tbody tr:last-child td,.chapter-footer-content tbody tr:last-child td{border-bottom:none}.chapter-content tbody tr:nth-child(2n) td,.chapter-content-mid tbody tr:nth-child(2n) td,.chapter-footer-content tbody tr:nth-child(2n) td{background:#11111105}@media (min-width: 1100px){.chapter-content img,.chapter-content-mid img,.chapter-footer-content img{max-width:65%;margin-left:auto;margin-right:auto}}@media (max-width: 720px){.chapter-content table,.chapter-content-mid table,.chapter-footer-content table{display:table;width:100%;table-layout:fixed}.chapter-content th,.chapter-content td,.chapter-content-mid th,.chapter-content-mid td,.chapter-footer-content th,.chapter-footer-content td{padding:8px 10px;font-size:.9rem;word-break:break-word}}.button-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.button-row.chapter-nav-row{width:100%;margin-top:100px}.chapter-nav-link.next{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chapter-nav-link{display:inline-flex;align-items:center;gap:8px;color:#111;font-weight:600;padding:0;background:none;border:none}.chapter-nav-link:hover{color:#111;text-decoration:none}.chapter-nav-link:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.chapter-nav-link i{flex-shrink:0}input[type=range]{cursor:pointer}.button.primary{background:var(--accent);color:#fff;box-shadow:0 14px 26px #ee1b2440}.button.secondary{border-color:var(--ink);color:var(--ink);background:#fff}.button.secondary.button-amazon{background:#111;color:#fff;border-color:#111}.button.secondary.button-amazon:hover{color:#fff;background:#000}.button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #1111111f}.hero-details{display:grid;gap:18px;padding:24px;border-radius:var(--radius-md);background:linear-gradient(145deg,#ee1b2414,#11111105);border:1px solid var(--line)}.hero-details h3{margin-bottom:10px}.hero-details ul{margin:0;padding-left:20px;color:var(--ink-muted);line-height:1.6}.section{position:relative;z-index:2;padding:70px 0}.section.light{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{max-width:840px;margin-bottom:40px}.chapter-title{position:relative;overflow:visible}.chapter-title:before{content:"";position:absolute;left:-1000px;top:-600px;width:calc(100% + 2000px);height:1400px;transform:none;background:radial-gradient(760px 320px at 1000px 660px,rgba(238,27,36,.35),transparent 75%);opacity:1;pointer-events:none;z-index:0}.chapter-title>*{position:relative;z-index:1}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}#outline .grid{grid-template-columns:1fr}#outline .card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:24px}#outline .card .chapter-thumb{margin:0}#outline .card .chapter-card-content{display:grid;gap:10px}#outline .card .chapter-card-content h3{font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem)}@media (max-width: 800px){#outline .card{grid-template-columns:1fr}}.card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow-card);min-height:180px;display:block;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.chapter-thumb{width:100%;height:auto;object-fit:contain;border-radius:12px;margin-bottom:14px;border:none}.card h3{margin-bottom:12px}.card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #1111111f}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent-dark);padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600}.split{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}#about .split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"title photo" "bio photo";row-gap:12px;column-gap:32px}#about .about-title{grid-area:title}#about .about-photo{grid-area:photo}#about .about-bio{grid-area:bio}.highlight{padding:28px;border-radius:var(--radius-md);background:#111;color:#fff;position:relative;overflow:hidden}.highlight:after{content:none}.highlight p,.highlight li,.highlight strong{color:#fff}.highlight li::marker{color:var(--accent)}.highlight ul{margin:18px 0 0;padding-left:18px;line-height:1.6}.chapter-overview{margin:22px 0 28px;padding:22px 24px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card)}.chapter-overview h3{margin-bottom:10px}.book-hero-footer{margin-top:36px}.maze-demo{margin:36px 0 10px;--maze-wall: #0f0f0f;--maze-open: #f5f5f5;--maze-frontier: #fde047;--maze-visited: #bfdbfe;--maze-current: #f97316;--maze-path: #22c55e;--maze-start: #16a34a;--maze-goal: var(--accent)}.maze-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px;justify-content:space-between}.maze-controls-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.maze-controls-actions [data-control=toggle],.maze-controls-actions [data-control=reset]{min-width:120px;justify-content:center}.maze-speed{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--ink-muted)}.maze-speed input[type=range]{accent-color:var(--accent)}.maze-panels{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.maze-panel{border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;padding:20px;box-shadow:var(--shadow-card)}.maze-panel-header{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.maze-panel-header h3{margin-bottom:6px}.maze-panel-header p{margin:0}.maze-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--ink-muted)}.maze-grid{--cell: clamp(7px, 2.2vw, 12px);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:0;justify-content:center;padding:12px 0}.maze-cell{width:var(--cell);height:var(--cell);box-sizing:border-box;border-radius:2px;background:var(--maze-open);border:1px solid #e5e7eb;transition:background .2s ease,transform .2s ease}.maze-cell.wall{background:var(--maze-wall);border-color:var(--maze-wall);border-radius:0}.maze-cell.visited{background:var(--maze-visited);border-color:#93c5fd}.maze-cell.frontier{background:var(--maze-frontier);border-color:#facc15}.maze-cell.current{background:var(--maze-current);border-color:var(--maze-current);transform:scale(1.05)}.maze-cell.path{background:var(--maze-path);border-color:var(--maze-path)}.maze-cell.start{background:var(--maze-start);border-color:var(--maze-start)}.maze-cell.goal{background:var(--maze-goal);border-color:var(--maze-goal)}.maze-status{margin:6px 0 10px;font-size:.9rem;color:var(--ink-muted)}.maze-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;padding:10px 12px;color:var(--ink-muted);font-size:.9rem}.maze-legend span{display:inline-flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--line);display:inline-block}.legend-swatch.wall{background:var(--maze-wall);border-color:var(--maze-wall)}.legend-swatch.start{background:var(--maze-start);border-color:var(--maze-start)}.legend-swatch.goal{background:var(--maze-goal);border-color:var(--maze-goal)}.legend-swatch.frontier{background:var(--maze-frontier);border-color:#facc15}.legend-swatch.visited{background:var(--maze-visited)}.legend-swatch.current{background:var(--maze-current)}.legend-swatch.path{background:var(--maze-path);border-color:var(--maze-path)}.connect4-demo{margin:36px 0 10px}.connect4-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px;justify-content:space-between}.connect4-controls-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.connect4-depth{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:var(--ink-muted)}.connect4-depth select{border-radius:10px;border:1px solid var(--line);padding:6px 10px;font-size:.95rem}.connect4-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;padding:10px 12px;color:var(--ink-muted);font-size:.9rem}.connect4-legend span{display:inline-flex;align-items:center;gap:8px}.legend-swatch.player{background:var(--accent);border-color:#8f000d}.legend-swatch.ai{background:#111;border-color:#111}.legend-swatch.win{background:#fbbf24;border-color:#f59e0b}.connect4-panels{display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.connect4-board-panel,.connect4-ai-panel{border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;padding:20px;box-shadow:var(--shadow-card)}.connect4-panel-header{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.connect4-panel-header h3{margin-bottom:6px}.connect4-panel-header p{margin:0}.connect4-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--ink-muted)}.connect4-ai-panel .connect4-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.connect4-status{margin:6px 0 14px;font-size:.9rem;color:var(--ink-muted)}.connect4-board{--cell: 52px;--gap: 8px;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:var(--gap);justify-content:center;padding:16px;border-radius:18px;border:1px solid var(--line);background:#f7f7f7}.connect4-cell{width:var(--cell);height:var(--cell);border-radius:999px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;padding:0;appearance:none;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.connect4-cell:hover{transform:translateY(-2px);border-color:#d1d5db}.connect4-cell:focus-visible{outline:2px solid rgba(172,0,17,.4);outline-offset:2px}.connect4-cell.player{background:var(--accent);border-color:#8f000d}.connect4-cell.ai{background:#111;border-color:#111}.connect4-cell.last{box-shadow:0 0 0 3px #ac001140}.connect4-cell.win{box-shadow:0 0 0 3px #fbbf24;transform:scale(1.05)}.connect4-thinking{margin:6px 0 16px;font-size:.95rem;color:var(--ink-muted);line-height:1.5}.connect4-tree{display:grid;gap:12px}.tree-root{font-size:.85rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em}.tree-graph{display:grid;gap:12px}.tree-row{display:grid}.tree-row-root{justify-items:center}.tree-row-branches{grid-template-columns:repeat(var(--branch-count),minmax(0,1fr));gap:12px;align-items:start}.tree-branch{display:grid;gap:8px;justify-items:center}.tree-node-card{display:grid;justify-items:center;gap:6px;padding:6px;border-radius:10px;border:1px solid var(--line);background:#fff;position:relative;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.tree-node-card.tiny{padding:4px}.tree-node-card[data-state=pending]{background:#f3f4f6;border-color:#d1d5db}.tree-node-card[data-state=evaluating]{background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.tree-node-card[data-state=complete]{background:#eff6ff;border-color:#93c5fd}.tree-node-card[data-state=best]{background:#fff1f2;border-color:var(--accent);box-shadow:0 0 0 2px #ac001133}.tree-node-label{font-size:.7rem;color:var(--ink-muted)}.tree-mini-board{--mini: 5px;display:grid;grid-template-columns:repeat(7,var(--mini));gap:1px;background:#e5e7eb;padding:2px;border-radius:6px}.tree-mini-board.small{--mini: 5px}.tree-mini-board.tiny{--mini: 3px;border-radius:4px}.tree-mini-cell{width:var(--mini);height:var(--mini);border-radius:2px;background:#fff}.tree-mini-cell.player{background:var(--accent)}.tree-mini-cell.ai{background:#111}.tree-branch-label{font-size:.75rem;color:var(--ink-muted);text-align:center}.tree-branch-title{font-weight:600;color:var(--ink)}.tree-branch-score{font-size:.7rem;color:var(--ink-muted)}.tree-replies{display:grid;width:100%;gap:6px;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));justify-items:center}.tree-reply-label{font-size:.65rem;color:var(--ink-muted);text-align:center}.tree-reply-title{font-weight:600;color:var(--ink)}.tree-reply-score{font-size:.6rem;color:var(--ink-muted)}.tree-popover{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);padding:8px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card);display:none;z-index:20;min-width:120px}.tree-node-card.show-popover .tree-popover{display:block}.tree-popover-grid{display:flex;gap:8px;align-items:flex-start;overflow-x:auto;padding-bottom:4px}.tree-popover-node{display:grid;gap:4px;justify-items:center;flex:0 0 auto}.tree-popover-label{font-size:.6rem;color:var(--ink-muted);text-align:center}.tree-popover-title{font-weight:600;color:var(--ink)}.tree-popover-score{font-size:.55rem;color:var(--ink-muted)}.ga-demo{margin:36px 0 10px;display:grid;gap:20px}.ga-summary h2{margin-bottom:8px}.ga-summary p{margin:0;color:var(--ink-muted)}@media (min-width: 1100px){.ga-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"summary summary" "controls controls" "panel intro";align-items:start}.ga-summary{grid-area:summary}.ga-controls{grid-area:controls}.ga-intro{grid-area:intro}.ga-panel{grid-area:panel}}.ga-intro{padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card);margin-bottom:0}.ga-intro h3{margin-bottom:10px}.ga-intro p{margin:0;color:var(--ink-muted)}.ga-setup{display:grid;gap:20px;margin-top:18px;align-items:start;grid-template-columns:minmax(0,1fr)}.ga-setup h4{margin:0 0 10px;font-size:1rem}.ga-setup-note{margin:0 0 10px;color:var(--ink-muted);font-size:1rem}.ga-setup-main{display:grid;gap:20px}.ga-setup-attempts{display:grid;gap:10px;align-content:start;border-radius:16px;border:1px solid var(--line);background:#fafafa;padding:14px}.ga-setup-attempts h4{margin:0;font-size:.95rem}.ga-setup-attempts .ga-attempts-list{margin-top:6px}.ga-setup-top{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ga-setup-visual{display:grid;gap:12px;justify-items:center}.ga-setup-details{display:grid;gap:14px}.ga-setup-alert{padding:10px 12px;border-radius:10px;border:1px solid rgba(172,0,17,.2);background:#fff5f5;color:var(--accent);font-size:.85rem;font-weight:600;margin-bottom:10px}.ga-items-grid{display:grid;gap:10px;grid-template-columns:1fr}.ga-items-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.ga-item-chip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;column-gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fafafa;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ga-item-chip:hover{transform:translateY(-2px);border-color:#d1d5db}.ga-item-chip.selected{border-color:var(--accent);background:#fff5f5;box-shadow:0 0 0 1px #ac001133}.ga-item-chip.disabled{opacity:.5;cursor:not-allowed;transform:none}.ga-item-name{display:block;flex:1 1 auto;font-weight:600;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ga-item-meta{display:contents;font-size:.85rem;color:var(--ink-muted);white-space:nowrap}.ga-meta{display:inline-flex;align-items:center;gap:6px;justify-self:start}.ga-meta svg{width:16px;height:16px}.ga-item-bars{display:grid;gap:6px;margin-top:8px}.ga-bar{position:relative;height:20px;border-radius:999px;background:transparent;overflow:hidden;border:none;font-size:.75rem;display:flex;align-items:center}.ga-bar:before{content:"";position:absolute;inset:0;width:var(--fill, 0%);background:var(--accent)}.ga-bar span{position:relative;z-index:1;padding:0 8px;color:#111;font-weight:600}.ga-bar.value:before{background:#bdbdbd}.ga-bar.value span{color:#111}.ga-knapsack-visual{position:relative;width:min(144px,100%);margin:0 auto;padding-top:16px}.ga-knapsack-handle,.ga-knapsack-lip{display:none}.ga-knapsack-body{position:relative;height:110px;margin-top:-4px;border-radius:0 0 22px 22px;border:2px solid #111111;background:transparent;overflow:hidden;display:flex;align-items:flex-end}.ga-knapsack-fill{width:100%;height:0%;background:var(--accent);transition:height .3s ease}.ga-knapsack-label{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-family:Pirata One,Blackletter,Old English Text MT,Goudy Old Style,Papyrus,fantasy;font-size:1.1rem;letter-spacing:.08em;color:#111}.ga-knapsack-meta{display:grid;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#fafafa}.ga-metric{display:grid;gap:6px}.ga-metric>span{font-size:.85rem;color:var(--ink-muted)}.ga-metric-bar{position:relative;height:18px;border-radius:999px;background:transparent;overflow:hidden;display:flex;align-items:center}.ga-metric-bar:before{content:"";position:absolute;inset:0;width:var(--fill, 0%);background:#bdbdbd}.ga-metric-bar.value:before{background:var(--accent)}.ga-metric-bar.remaining:before,.ga-metric-bar.capacity:before{background:#e5e7eb}.ga-metric-label{position:relative;z-index:1;padding:0 8px;font-size:1rem;color:var(--ink);font-weight:600;line-height:18px;display:block;width:100%;text-align:left;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ga-attempts-list{display:grid;gap:10px;font-size:.85rem;color:var(--ink-muted)}.ga-attempt{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fafafa;position:relative;overflow:hidden}.ga-attempt strong{color:var(--ink);font-size:.9rem}.ga-attempt-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ga-attempt-star{font-size:.85rem;color:var(--accent);font-weight:600}.ga-attempt-metrics{display:grid;gap:6px}.ga-attempt-bar{position:relative;height:18px;border-radius:999px;background:transparent;overflow:hidden}.ga-attempt-bar:before{content:"";position:absolute;inset:0;width:var(--fill, 0%);background:#bdbdbd}.ga-attempt-bar.value:before{background:var(--accent)}.ga-attempt-bar span{position:relative;z-index:1;padding:0 8px;font-size:.75rem;color:#111;font-weight:600;line-height:18px}.ga-attempt-items{color:var(--ink-muted)}.ga-attempt.best{border-color:var(--accent);box-shadow:none}.ga-attempt.new-best:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(172,0,17,.35),transparent 60%);animation:burst .9s ease-out}@keyframes burst{0%{opacity:0;transform:scale(.4)}50%{opacity:.9}to{opacity:0;transform:scale(1.2)}}.ga-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:0;justify-content:space-between}.ga-controls-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ga-controls-actions [data-ga=toggle],.ga-controls-actions [data-ga=reset]{min-width:120px;justify-content:center}.ga-controls-sliders{display:flex;flex-wrap:wrap;gap:12px;width:100%}.ga-pop,.ga-capacity,.ga-rate,.ga-speed{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:var(--ink-muted)}.ga-pop select{border-radius:10px;border:1px solid var(--line);padding:6px 10px;font-size:.95rem}.ga-capacity input[type=range],.ga-rate input[type=range],.ga-speed input[type=range]{accent-color:var(--accent)}.ga-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--ink-muted);font-size:.9rem}.ga-legend span{display:inline-flex;align-items:center;gap:8px}.legend-swatch.gene-on{background:var(--accent);border-color:#8f000d}.legend-swatch.gene-off{background:#e5e7eb;border-color:#cbd5e1}.legend-swatch.gene-best{background:#111;border-color:#111}.ga-panel{border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;padding:20px;box-shadow:var(--shadow-card)}.ga-chart{margin-top:4px;border-radius:var(--radius-md);background:transparent;padding:8px 10px 12px;display:grid;gap:12px}.ga-chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;color:var(--ink-muted)}.ga-chart-legend span{display:inline-flex;align-items:center;gap:8px}.ga-chart-legend .legend-swatch{width:14px;height:10px;border-radius:999px;border:1px solid transparent}.ga-chart-legend .legend-swatch.value{background:var(--accent);border-color:#8f000d}.ga-chart-legend .legend-swatch.weight{background:#6b7280;border-color:#4b5563}.ga-chart-legend .legend-swatch.best{background:#111;border-color:#111}.ga-chart-wrap{width:100%}.ga-chart canvas{display:block;max-width:100%}.ga-best-ever{display:grid;gap:6px;margin-bottom:14px}.ga-best-ever-value{font-size:1.6rem;font-weight:700;color:var(--ink);line-height:1.1}.ga-best-ever-weight,.ga-best-ever-items{font-size:.9rem;color:var(--ink-muted)}.ga-panel-header{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.ga-panel-header h3{margin-bottom:6px}.ga-panel-header p{margin:0}.ga-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;font-size:.85rem;color:var(--ink-muted);margin-bottom:6px}.ga-stats strong{display:block;color:var(--ink);font-size:1rem;margin-top:4px}@media (max-width: 720px){.maze-stats.ga-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.ga-population{display:grid;gap:12px;grid-template-columns:1fr}.ga-individual{display:grid;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fafafa;overflow:hidden;cursor:pointer}.ga-individual.over{opacity:.7}.ga-individual-header{display:flex;justify-content:space-between;font-size:.95rem;align-items:flex-start}.ga-individual-metrics{display:grid;gap:4px;text-align:right;justify-items:end}.ga-individual-metric{display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted);font-size:.85rem}.ga-individual-metric svg{width:14px;height:14px}.ga-individual-metric.value{color:var(--ink);font-size:.95rem}.ga-individual-metric.value strong{font-weight:700}.ga-genome{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.ga-bit{width:10px;height:10px;border-radius:3px;border:1px solid #e5e7eb}.ga-bit.on{background:var(--accent);border-color:#8f000d}.ga-bit.off{background:#e5e7eb;border-color:#cbd5e1}.ga-bit.best{background:#111;border-color:#111}.ga-bit.split{position:relative}.ga-bit.split:after{content:"";position:absolute;top:-2px;right:-3px;width:2px;height:14px;background:#111}.ga-individual-meta{font-size:.85rem;color:var(--ink-muted)}.ga-fitness-bar{height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.ga-fitness-bar span{display:block;height:100%;background:var(--accent)}.ga-status{margin-top:16px;font-size:.95rem;color:var(--ink-muted)}.selection-lab{margin:32px 0 12px;display:grid;gap:24px}.selection-intro{padding:0;border-radius:0;border:none;background:transparent;box-shadow:none}.selection-intro h2{margin:0 0 8px}.selection-intro p{margin:0;color:var(--ink-muted)}.selection-lab-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.selection-layout{display:grid;gap:24px;grid-template-columns:1fr;align-items:start}.selection-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:20px;display:grid;gap:16px}.selection-panel-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}.selection-panel-header h3{margin:0 0 6px}.selection-panel-header p{margin:0;color:var(--ink-muted);font-size:.9rem}.selection-panel-actions{display:flex;align-items:center;gap:10px}.selection-results-grid{display:grid;gap:16px;grid-template-columns:1fr}.selection-section{display:grid;gap:16px;will-change:transform}.selection-section-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}.selection-section-header h4{margin:0 0 6px}.selection-section-header p{margin:0;color:var(--ink-muted);font-size:.9rem}@media (min-width: 1100px){.selection-section-header p{min-height:56px;height:56px;padding-bottom:12px;box-sizing:border-box}.selection-section-header p,.selection-section-header h4{line-height:1.4}}.selection-section-meta{text-align:right}.selection-section-meta span{display:block;color:var(--ink-muted);font-size:.8rem}.selection-section-meta strong{font-size:1.1rem;font-weight:700}.selection-controls{display:flex;flex-wrap:wrap;gap:10px}.selection-population{display:grid;gap:12px;grid-template-columns:1fr}.selection-population .ga-individual{cursor:default}.selection-fitness-bar{height:8px}.selection-fitness-bar span{border-radius:999px;transition:width .2s ease}.selection-population-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border-radius:12px;border:1px solid var(--line);background:#fafafa}.selection-population-stats span{display:block;color:var(--ink-muted);font-size:.85rem}.selection-population-stats strong{font-size:1.1rem;font-weight:700}.selection-elitism{border-radius:12px;border:1px solid var(--line);background:#fafafa;padding:12px;display:grid;gap:8px}.selection-elite-label{display:grid;gap:8px}.selection-elite-label span{color:var(--ink-muted);font-size:.85rem}.selection-elite-label input[type=range]{width:100%;accent-color:var(--accent)}.selection-elite-label strong{font-size:1rem}.selection-elitism-note{margin:0;font-size:.85rem;color:var(--ink-muted)}.selection-actions{display:flex;flex-wrap:wrap;gap:10px}.selection-results{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}.selection-histogram{display:grid;gap:8px}.selection-hist-row{display:grid;grid-template-columns:44px minmax(0,1fr) 40px 64px;align-items:center;gap:8px;font-size:.85rem;will-change:transform}.selection-population-chart .selection-hist-row{grid-template-columns:44px minmax(0,1fr) 72px}.selection-hist-row-compact{grid-template-columns:44px minmax(0,1fr) 40px}.selection-hist-label{color:var(--ink-muted)}.selection-hist-bar{position:relative;height:10px;border-radius:999px;background:#eef0f3;overflow:hidden}.selection-hist-fill{display:block;height:100%;border-radius:999px}.selection-hist-value{font-weight:600;text-align:right}.selection-hist-expected{color:var(--ink-muted);text-align:right}.encoding-lab{margin:36px 0 12px;display:grid;gap:20px}.encoding-heading h2{margin:0 0 8px}.encoding-heading p{margin:0;color:var(--ink-muted)}.encoding-grid{display:grid;gap:16px;grid-template-columns:1fr}.encoding-panel{display:grid;gap:14px}.encoding-panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}.encoding-panel-header h3{margin:0 0 6px}.encoding-panel-header p{margin:0;color:var(--ink-muted);font-size:.9rem}.encoding-badge{border:none;background:transparent;padding:0;font-size:.85rem;color:var(--ink-muted);white-space:nowrap}.encoding-real-sliders{display:grid;gap:12px}.encoding-slider{display:grid;gap:8px}.encoding-slider-row{display:flex;align-items:center;justify-content:space-between;color:var(--ink-muted);font-size:.9rem}.encoding-slider-row strong{color:var(--ink);font-weight:600}.encoding-slider input[type=range]{width:100%;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--slider-color, var(--accent)) var(--slider-fill, 0%),#e5e7eb var(--slider-fill, 0%));outline:none}.encoding-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--accent));border:2px solid #ffffff;box-shadow:0 4px 10px #1111112e;cursor:pointer}.encoding-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--accent));border:2px solid #ffffff;box-shadow:0 4px 10px #1111112e;cursor:pointer}.encoding-slider input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#e5e7eb}.encoding-chromosome{display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fafafa}.encoding-chromosome-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.encoding-chromosome-genes{display:grid;grid-template-columns:repeat(var(--gene-count, 4),minmax(0,1fr));border:1px solid #e2e8f0;border-radius:999px;overflow:hidden;background:#fff;align-items:stretch;height:40px}.encoding-gene{min-width:0;padding:0 6px;height:100%;background:transparent;color:var(--gene-color, var(--accent-dark));font-weight:600;text-align:center;font-size:.85rem;border-left:1px solid #e2e8f0;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;transition:font-size .12s ease,font-weight .12s ease;position:relative;overflow:visible}.encoding-gene-value{display:inline-block;transition:transform .18s ease}.encoding-gene i{font-size:1rem;color:currentColor}.encoding-gene-icon{transition:transform .18s ease}.encoding-gene-order{color:var(--gene-color, var(--accent-dark))}.encoding-tree-chromosome .encoding-gene{width:100%;height:100%;font-size:.95rem;background:transparent;line-height:1}.encoding-tree-chromosome .encoding-gene[data-type=condition]{color:#ef4444}.encoding-tree-chromosome .encoding-gene[data-type=action]{color:#6b7280}.encoding-tree-chromosome .encoding-gene.is-root{color:#3b82f6}.encoding-gene.is-changing{font-weight:700}.encoding-gene.is-changing .encoding-gene-value{transform:scale(1.35)}.encoding-gene.is-changing .encoding-gene-icon{transform:scale(1.25)}.gene-confetti{position:absolute;inset:0;pointer-events:none}.gene-confetti-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);opacity:.9;animation:gene-confetti .42s ease-out forwards}@keyframes gene-confetti{0%{transform:translate(-50%,-50%) scale(.6)}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1);opacity:0}}.encoding-tree-chromosome .encoding-chromosome-genes{grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden}.encoding-gene-popover{position:absolute;z-index:30;background:#111;color:#fff;border-radius:10px;padding:8px 10px;font-size:.8rem;max-width:220px;box-shadow:0 12px 30px #1113;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.encoding-gene-popover.is-visible{opacity:1;transform:translateY(0)}.encoding-gene:first-child{border-left:none}.encoding-order-list{display:grid;gap:10px}.encoding-order-list.is-reordering .encoding-order-chip:not(.is-dragging){opacity:.7}.encoding-order-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fafafa;font-size:.85rem;cursor:grab;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;position:relative}.encoding-order-left{display:inline-flex;align-items:center;gap:8px}.encoding-order-chip i{font-size:.9rem;color:var(--accent-dark)}.encoding-order-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted);padding:2px 4px}.encoding-order-chip:active{cursor:grabbing}.encoding-order-chip.is-dragging{opacity:1;background:#fff1f2;border-color:#fecdd3;box-shadow:0 12px 20px #ee1b242e;transform:scale(1.02)}.encoding-order-chip.is-hidden{display:none}.encoding-order-placeholder{border-radius:12px;border:2px dashed rgba(238,27,36,.35);background:#ee1b240f}.encoding-chip-index{width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.encoding-tree{display:grid;gap:12px;justify-items:center}.encoding-tree-svg{width:100%;max-width:320px;height:auto;user-select:none;touch-action:none}.encoding-tree-lines line{stroke:#d1d5db;stroke-width:2}.encoding-tree-node circle{fill:#fff;stroke:#cbd5e1;stroke-width:2}.encoding-tree-node.is-draggable{cursor:grab}.encoding-tree-node.is-dragging{cursor:grabbing}.encoding-tree-node.is-dragging circle{opacity:.7}.encoding-tree-node.is-swap-target circle{stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 4px 8px rgba(238,27,36,.25))}.encoding-tree-node[data-type=condition] circle{fill:#fee2e2;stroke:#ef4444}.encoding-tree-node[data-type=action] circle{fill:#f3f4f6;stroke:#6b7280}.encoding-tree-node.is-root circle{fill:#dbeafe;stroke:#3b82f6}.encoding-tree-node text{font-size:11px;font-weight:600;fill:#1f2937;pointer-events:none}.encoding-tree-node{user-select:none}.encoding-tree-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.encoding-legend-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ink-muted)}.encoding-legend-pill:before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:inline-block}.encoding-legend-pill.condition:before{border-color:#ef4444;background:#fee2e2}.encoding-legend-pill.action:before{border-color:#6b7280;background:#f3f4f6}.encoding-usecase{display:flex;gap:8px;align-items:flex-start;color:var(--ink-muted);font-size:.85rem}.encoding-usecase i{color:var(--accent-dark);margin-top:2px}.park-demo{margin:32px 0 12px}.park-intro{padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card);margin-bottom:18px}.park-intro p{margin:0;color:var(--ink-muted)}.park-layout{display:grid;gap:20px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,.4fr)}.park-main{display:grid;gap:20px}.park-summary{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.park-score{border-radius:16px;border:1px solid var(--line);background:#fff;padding:16px;display:grid;gap:6px}.park-score-secondary{background:#fafafa}.park-score span{color:var(--ink-muted);font-size:.9rem}.park-score strong{font-size:2rem;font-weight:700;color:var(--ink)}.park-score small{color:var(--ink-muted);font-size:.8rem}.park-controls{display:flex;flex-wrap:wrap;gap:12px}.park-map{border-radius:0;border:none;background:transparent;padding:0;width:min(100%,980px);justify-self:center;margin:0 auto}.park-map svg{width:100%;height:auto;display:block;background:transparent}.park-map line{stroke:#a1a1aa;stroke-width:.1}.park-map [data-park=paths] line{stroke:var(--accent);stroke-width:.1}.park-map [data-park=aco] line{stroke:#111;stroke-width:.2;stroke-dasharray:1.2 .8;opacity:.85}.park-map text{font-size:1.7px;fill:#111;text-anchor:middle;pointer-events:none;paint-order:stroke fill;stroke:#fff;stroke-width:.35px}.aco-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:16px;display:grid;gap:14px}.aco-header{display:grid;gap:12px}.aco-header h4{margin:0 0 6px}.aco-header p{margin:0;color:var(--ink-muted);font-size:.9rem}.aco-controls{display:flex;flex-wrap:wrap;gap:10px}.aco-metrics{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.aco-metrics span{display:block;color:var(--ink-muted);font-size:.85rem}.aco-metrics strong{font-size:1.1rem;font-weight:700}.aco-thinking{border-radius:12px;border:1px solid var(--line);background:#fafafa;padding:12px;font-size:.9rem;color:var(--ink-muted);min-height:58px;display:flex;align-items:center}.chapter-controls{margin:32px 0 18px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start}.drone-controls{border-radius:16px;border:1px solid var(--line);background:#fff;padding:20px;display:grid;gap:16px}.drone-intro h3{margin:0 0 6px}.drone-intro p{margin:0 0 8px;color:var(--ink-muted)}.drone-intro code{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fafafa;font-size:.85rem}.pso-inputs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.drone-slider{display:grid;gap:8px;font-size:.95rem}.drone-slider span{color:var(--ink-muted)}.drone-slider strong{font-size:1rem}.drone-slider input[type=range]{accent-color:var(--accent)}.drone-readouts{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.drone-readouts span{color:var(--ink-muted);font-size:.85rem;display:block}.drone-readouts strong{font-size:1rem;font-weight:700}.drone-hint{margin:0;color:var(--ink-muted);font-size:.9rem}.drone-visual{border-radius:0;border:none;background:transparent;padding:0}.chapter-sims{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pso-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:20px;display:grid;gap:16px}.pso-header{display:grid;gap:12px}.pso-header h3{margin:0 0 6px}.pso-header p{margin:0;color:var(--ink-muted)}.pso-controls{display:flex;flex-wrap:wrap;gap:10px}.pso-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pso-metrics span{display:block;color:var(--ink-muted);font-size:.85rem}.pso-metrics strong{font-size:1.05rem;font-weight:700}.pso-thinking{border-radius:12px;border:1px solid var(--line);background:#fafafa;padding:12px;font-size:.9rem;color:var(--ink-muted);min-height:64px;display:flex;align-items:center}.pso-visual{border-radius:0;border:none;background:transparent;padding:0;display:grid;gap:12px}.pso-visual canvas{width:100%;height:320px;display:block;border-radius:14px}.pso-legend{display:flex;gap:16px;color:var(--ink-muted);font-size:.85rem}.pso-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.pso-dot.particle{background:#1119}.pso-dot.best{background:var(--accent)}.lr-demo{margin:32px 0 12px;display:grid;gap:20px}.lr-header h3{margin:0 0 6px}.lr-header p{margin:0;color:var(--ink-muted)}.lr-layout{display:grid;gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.lr-sample,.nn-sample{border-radius:16px;border:1px solid var(--line);background:#fff;padding:18px;margin:18px 0 8px;display:grid;gap:12px}.lr-sample h3,.nn-sample h3{margin:0}.lr-sample table,.nn-sample table{width:100%;border-collapse:collapse;font-size:.95rem}.lr-sample th,.lr-sample td,.nn-sample th,.nn-sample td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.lr-sample th,.nn-sample th{color:var(--ink-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.lr-sample tbody tr:last-child td,.nn-sample tbody tr:last-child td{border-bottom:none}.lr-left{display:grid;gap:18px}.lr-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:18px;display:grid;gap:14px}.lr-panel-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.lr-panel-header h4{margin:0 0 4px}.lr-panel-header p{margin:0;color:var(--ink-muted);font-size:.9rem}.lr-controls,.lr-top-controls{display:flex;flex-wrap:wrap;gap:10px}.lr-top-controls [data-lr=toggle],.lr-top-controls [data-lr=reset]{min-width:120px;justify-content:center}.lr-slider{display:grid;gap:8px;font-size:.95rem}.lr-slider span{color:var(--ink-muted)}.lr-slider strong{font-size:1rem}.lr-slider input[type=range]{accent-color:var(--accent)}.lr-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.lr-metrics span{display:block;color:var(--ink-muted);font-size:.85rem}.lr-metrics strong{font-size:1rem;font-weight:700}.lr-thinking{border-radius:12px;border:1px solid var(--line);background:#fafafa;padding:12px;font-size:.9rem;color:var(--ink-muted);min-height:56px;display:flex;align-items:center}.lr-guess{display:grid;gap:10px}.lr-guess-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.95rem}.lr-guess-row input{border-radius:10px;border:1px solid var(--line);padding:8px 10px;font-size:.95rem;width:160px}.lr-result{font-size:.9rem;color:var(--ink-muted)}.lr-chart{display:grid;gap:12px}.lr-chart canvas{width:100%;height:242px;border-radius:16px;background:linear-gradient(180deg,#fff,#f5f5f5);display:block}.lr-performance-canvas{width:100%;height:120px;display:block}.lr-loss-chart{display:flex;align-items:center;gap:0}.lr-loss-label{font-size:.75rem;font-weight:600;color:var(--ink-muted);text-transform:none;letter-spacing:.02em;writing-mode:vertical-rl;transform:rotate(180deg);margin-right:-6px}.lr-loss-wrap{flex:1;width:100%}.lr-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--ink-muted);font-size:.85rem}.lr-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.lr-dot.data{background:#1116}.lr-dot.line{background:var(--accent)}.lr-dot.guess{border:2px solid var(--accent);background:transparent}.lr-dot.actual{background:#111}.lr-dot.model{background:var(--accent)}.llm-container{display:grid;gap:32px;margin-top:24px;position:relative}.llm-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.llm-explanation{background:#f8f8f8;border-left:3px solid var(--accent);padding:12px 16px;font-size:1rem;color:var(--ink);border-radius:4px}.u-highlight{font-weight:700;color:var(--accent)}.llm-autocomplete{margin-top:28px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start}.llm-autocomplete-simple{margin-top:28px;display:grid;gap:12px}.llm-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:20px;display:grid;gap:16px}.llm-panel-header{display:grid;gap:12px}.llm-panel-header h3{margin:0 0 6px}.llm-panel-header p{margin:0;color:var(--ink-muted)}.llm-controls{display:flex;flex-wrap:wrap;gap:10px}.llm-window{display:grid;gap:6px;color:var(--ink-muted);font-size:.9rem}.llm-window strong{color:var(--ink)}.llm-window input[type=range]{accent-color:var(--accent)}.llm-start{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-radius:14px;border:1px solid var(--line);background:#f8f8f8;padding:12px 14px;font-size:1.05rem;font-weight:600}.llm-start span{color:var(--ink-muted);font-weight:500}.llm-options{display:flex;flex-wrap:wrap;gap:10px}.llm-likelihoods{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--ink-muted)}.llm-likelihood-label{color:var(--ink);font-weight:600}.llm-likelihood-chip{border-radius:999px;border:1px solid var(--line);padding:4px 8px;background:#fff}.llm-likelihood-chip.active{border-color:var(--accent);color:var(--accent);font-weight:600}.llm-phrase{display:flex;flex-wrap:wrap;gap:8px}.llm-token{border:1px solid var(--accent);border-radius:999px;padding:6px 12px;background:var(--accent-soft);color:#111;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.llm-token.active{box-shadow:0 0 0 2px #ac001147;transform:translateY(-1px)}.llm-selected{display:flex;align-items:center;gap:10px;color:var(--ink-muted)}.llm-selected strong{color:var(--ink);font-size:1rem}.llm-weights{display:grid;gap:10px}.llm-weight-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr) auto;gap:10px;align-items:center;font-size:.9rem}.llm-weight-token{font-weight:600;color:var(--ink)}.llm-weight-bar{height:10px;border-radius:999px;background:#f3f4f6;overflow:hidden}.llm-weight-fill{height:100%;background:var(--accent);opacity:.35}.llm-weight-fill.active{background:#111;opacity:.6}.llm-weight-value{color:var(--ink-muted);font-size:.85rem}.llm-related{display:grid;gap:10px}.llm-related h4{margin:0}.llm-related-list{display:flex;flex-wrap:wrap;gap:8px}.llm-related-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--line);padding:6px 10px;font-size:.85rem;color:var(--ink-muted);background:#fff}.llm-related-chip strong{color:var(--ink);font-weight:700}.llm-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;z-index:20;position:relative}.llm-card{border-radius:16px;border:1px solid var(--line);background:#fff;padding:18px;display:grid;gap:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.llm-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:#fafafa}.llm-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.llm-suggestion-chip{border-radius:999px;border:1px solid var(--accent);padding:8px 14px;background:var(--accent-soft);color:var(--ink);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.llm-suggestion-chip:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1111111f}.llm-suggestion-empty{font-size:.9rem;color:var(--ink-muted)}.rl-demo{margin-top:32px;display:grid;gap:24px}.rl-intro h2{margin:0 0 10px}.rl-intro p{margin:0;color:var(--ink-muted)}.rl-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.rl-controls-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.rl-grid-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:18px;display:grid;gap:16px}.rl-map-stack{display:grid;gap:12px}.rl-grid{--cell: clamp(18px, 2.2vw, 26px);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);gap:0;justify-content:center}.rl-cell{width:var(--cell);height:var(--cell);border:1px solid #e5e7eb;background:#fff;position:relative;transition:background .15s ease,border-color .15s ease}.rl-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .75);opacity:0;transition:opacity .15s ease}.rl-cell.has-icon .rl-icon{opacity:1}.rl-cell.car .rl-icon,.rl-cell.start .rl-icon,.rl-cell.goal .rl-icon,.rl-cell.ped .rl-icon{color:#fff}.rl-cell.agent .rl-icon{color:var(--accent)}.rl-cell.visited{background:#f1f5f9}.rl-cell.policy{background:#ac00111f}.rl-cell.start{background:#111;border-color:#111}.rl-cell.goal{background:#16a34a;border-color:#16a34a}.rl-cell.car{background:#1f2937;border-color:#1f2937}.rl-cell.agent{background:#fff;border-color:#e5e7eb}.rl-cell.ped{background:var(--accent);border-color:var(--accent)}.rl-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--ink-muted)}.rl-legend span{display:inline-flex;align-items:center;gap:6px}.rl-key{width:14px;height:14px;border-radius:4px;border:1px solid #e5e7eb;display:inline-block;background:#fff;position:relative;overflow:hidden}.rl-key i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:currentColor}.rl-key.start{background:#111;border-color:#111;color:#fff}.rl-key.goal{background:#16a34a;border-color:#16a34a;color:#fff}.rl-key.car{background:#1f2937;border-color:#1f2937;color:#fff}.rl-key.ped{background:var(--accent);border-color:var(--accent);color:#fff}.rl-key.agent{background:#fff;border-color:#e5e7eb;color:var(--accent)}.rl-key.policy{background:#ac00111f;border-color:#ac001133}.rl-controls{border-radius:16px;border:1px solid var(--line);background:#fff;padding:20px;display:grid;gap:16px}.rl-header{display:grid;gap:12px}.rl-header h3{margin:0 0 6px}.rl-header p{margin:0;color:var(--ink-muted)}.rl-controls-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rl-controls-actions [data-rl=toggle],.rl-controls-actions [data-rl=reset]{min-width:120px;justify-content:center}.rl-controls-sliders{display:flex;flex-wrap:wrap;gap:12px;width:100%}.rl-rate,.rl-speed{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:var(--ink-muted)}.rl-rate input[type=range],.rl-speed input[type=range]{accent-color:var(--accent)}.rl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:.9rem}.rl-metrics span{color:var(--ink-muted);display:block}.rl-metrics strong{display:block;font-size:1.05rem}.rl-performance-canvas{width:100%;height:120px;display:block}.rl-reward-chart{display:flex;align-items:center;gap:0}.rl-reward-label{font-size:.75rem;font-weight:600;color:var(--ink-muted);text-transform:none;letter-spacing:.02em;writing-mode:vertical-rl;transform:rotate(180deg);margin-right:-6px}.rl-reward-wrap{flex:1;width:100%}.rl-thinking{background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--ink)}.drone-sky{position:relative;height:320px;border-radius:14px;background:linear-gradient(180deg,#fff,#f5f5f5);overflow:hidden;--wind-speed: 3.5s}.drone-score{position:absolute;top:16px;left:16px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffe6;font-size:.9rem;font-weight:600;color:var(--ink)}.drone-score strong{margin-left:6px;font-variant-numeric:tabular-nums}.drone-wind span{position:absolute;width:120px;height:2px;border-radius:999px;background:#11111114;animation:wind var(--wind-speed) linear infinite}.drone-wind span:nth-child(1){top:30%;left:-20%;animation-delay:0s}.drone-wind span:nth-child(2){top:50%;left:-30%;animation-delay:1s;width:160px;animation-duration:calc(var(--wind-speed) * 1.1)}.drone-wind span:nth-child(3){top:70%;left:-25%;animation-delay:2s;width:140px;animation-duration:calc(var(--wind-speed) * .9)}.drone-body{position:absolute;left:50%;bottom:90px;width:140px;height:60px;transform:translate(-50%,-24px);transition:filter .2s ease}.drone-frame{position:absolute;inset:14px 18px;border-radius:16px;background:#fff;border:2px solid #111111}.drone-rotor{position:absolute;width:46px;height:46px;border-radius:50%;border:2px solid #111111;top:0;background:radial-gradient(circle,rgba(17,17,17,.2),transparent 60%);animation:rotor .6s linear infinite}.drone-rotor.left{left:0}.drone-rotor.right{right:0}.drone-ground{position:absolute;bottom:20px;left:10%;right:10%;height:6px;border-radius:999px;background:#11111126}@keyframes rotor{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wind{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(140%);opacity:0}}.map-node{fill:#9ca3af;stroke:none;cursor:pointer;transition:transform .15s ease,fill .2s ease;transform-origin:center;transform-box:fill-box;will-change:transform}.map-node:hover{transform:scale(1.06)}.map-node.aco-visited{fill:#fff;stroke:#111;stroke-width:.2;stroke-dasharray:1.2 .8}.map-node.selected{fill:var(--accent);stroke:none;stroke-dasharray:none}.map-node.first{fill:#111;stroke:none;stroke-dasharray:none}.park-clear{border-style:dashed}.park-order{border-radius:16px;border:1px solid var(--line);background:#fff;padding:16px;display:grid;gap:12px}.park-order h4{margin:0;font-size:1rem}.park-order-list{display:grid;gap:10px}.park-order-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fafafa}.park-order-badge{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--ink);background:#fff}.park-order-info{display:grid;gap:2px;min-width:0}.park-order-info strong{font-size:.95rem}.park-order-info span{color:var(--ink-muted);font-size:.85rem}.park-order-actions{display:inline-flex;gap:6px}.park-order-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:6px 8px;font-size:.85rem;cursor:pointer}.park-order-actions button:hover{border-color:var(--ink)}.park-empty{color:var(--ink-muted);font-size:.9rem}.park-attractions{display:grid;gap:12px}.park-attractions-header{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between}.park-attractions-header span{color:var(--ink-muted);font-size:.85rem}.park-attractions-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.park-attraction{border-radius:14px;border:1px solid var(--line);background:#fff;padding:14px;display:grid;gap:10px;align-content:start}.park-attraction.selected{border-color:var(--accent);background:#fff5f5}.park-attraction-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.park-attraction-header strong{font-size:.95rem}.park-zone{padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:.75rem;color:var(--ink-muted);background:#fafafa;white-space:nowrap}.park-attraction-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--ink-muted);font-size:.85rem}.park-meta{display:inline-flex;align-items:center;gap:6px}.park-meta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.park-meta svg path,.park-meta svg circle{stroke:currentColor}.park-meta .icon-fill{fill:currentColor;stroke:none}.park-add{justify-self:flex-start;border-radius:999px;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:8px 16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.park-add:hover{transform:translateY(-1px);box-shadow:0 10px 18px #1111111f}.park-add:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.park-attempts{display:grid;gap:10px;align-content:start;border-radius:16px;border:1px solid var(--line);background:#fafafa;padding:14px}.park-attempts h4{margin:0;font-size:.95rem}.park-attempts-list{display:grid;gap:10px;font-size:.85rem;color:var(--ink-muted)}.park-attempt{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.park-attempt-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.park-attempt-star{font-size:.85rem;color:var(--accent);font-weight:600}.park-attempt-bars{display:grid;gap:6px}.park-attempt-bar{position:relative;height:18px;border-radius:999px;background:transparent;overflow:hidden}.park-attempt-bar:before{content:"";position:absolute;inset:0;width:var(--fill, 0%);background:#bdbdbd}.park-attempt-bar.value:before{background:var(--accent)}.park-attempt-bar span{position:relative;z-index:1;padding:0 8px;font-size:.75rem;color:#111;font-weight:600;line-height:18px}.park-attempt-meta{color:var(--ink-muted)}.park-attempt-route{color:var(--ink-muted);font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.park-attempt.best{border-color:var(--accent)}.park-attempt.new-best:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(172,0,17,.35),transparent 60%);animation:burst .9s ease-out}.author-photo{width:min(360px,100%);border-radius:24px;object-fit:cover}.cta{display:grid;gap:22px;align-items:center;padding:36px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card)}.cta form{display:grid;gap:12px}.cta input{padding:12px 16px;border-radius:10px;border:1px solid var(--line);font-size:1rem}.cta small{color:var(--ink-muted)}footer{padding:40px 0 60px;color:var(--ink-muted);font-size:.9rem;text-align:center}.reveal{opacity:0;transform:translateY(24px);animation:fadeUp .8s ease forwards;animation-delay:var(--delay, 0s)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.page{padding-left:24px;padding-right:24px}.page .container{padding-left:0;padding-right:0}nav{justify-content:flex-end}.nav-links{position:absolute;top:calc(100% + 10px);right:0;flex-direction:column;align-items:flex-start;gap:14px;min-width:220px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-toggle{display:inline-flex}.book-hero{padding-top:30px;display:flex;flex-direction:column;gap:24px}.hero-card{padding:24px}.hero-copy{display:contents}.hero-title{order:1}.tilt-card{order:2}.hero-body{order:3}.hero-body .button-row{justify-content:center}.book-hero--footer{padding:0}.author-photo{margin:0 auto}#about .button-row{justify-content:center}#about .split{grid-template-columns:1fr;grid-template-areas:"title" "photo" "bio"}.maze-controls{flex-direction:column;align-items:flex-start}.maze-controls-actions,.maze-controls-actions [data-control=toggle],.maze-controls-actions [data-control=reset]{width:100%}.maze-speed{width:100%;display:grid;grid-template-columns:110px 1fr 72px;align-items:center;gap:10px}.maze-speed span:first-child{text-align:left}.maze-speed span:last-child{text-align:right}.connect4-controls{flex-direction:column;align-items:flex-start}.connect4-controls-actions,.connect4-controls-actions [data-connect4=reset]{width:100%}.connect4-panels{grid-template-columns:1fr}.ga-controls{flex-direction:column;align-items:flex-start}.ga-controls-actions,.ga-controls-actions [data-ga=toggle],.ga-controls-actions [data-ga=reset]{width:100%}.ga-controls-sliders{flex-direction:column;width:100%}.ga-controls-sliders .ga-capacity,.ga-controls-sliders .ga-rate,.ga-controls-sliders .ga-speed{width:100%;display:grid;grid-template-columns:110px 1fr 72px;align-items:center;gap:10px}.ga-controls-sliders .ga-capacity span:first-child,.ga-controls-sliders .ga-rate span:first-child,.ga-controls-sliders .ga-speed span:first-child{text-align:left}.ga-controls-sliders .ga-capacity span:last-child,.ga-controls-sliders .ga-rate span:last-child,.ga-controls-sliders .ga-speed span:last-child{text-align:right}.selection-lab-actions{flex-direction:column;align-items:stretch}.selection-lab-actions .button{width:100%;justify-content:center}.ga-setup{grid-template-columns:1fr}.ga-knapsack-visual{width:min(128px,100%)}.ga-setup-top{grid-template-columns:1fr}.ga-setup-attempts{order:3}.ga-genome{gap:3px}.ga-item-chip{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px}.ga-items-grid{grid-template-columns:1fr}.ga-items-actions{justify-content:flex-start}.park-summary,.park-attractions-grid,.chapter-controls,.drone-readouts,.chapter-sims,.pso-metrics,.pso-inputs,.lr-layout{grid-template-columns:1fr}.lr-top-controls{flex-direction:column;align-items:flex-start}.lr-top-controls [data-lr=toggle],.lr-top-controls [data-lr=reset]{width:100%}.lr-metrics{grid-template-columns:1fr}.lr-guess-row{flex-direction:column;align-items:flex-start}.lr-guess-row input{width:100%}.nn-layout,.nn-metrics{grid-template-columns:1fr}.nn-row{flex-direction:column;align-items:flex-start}.llm-layout{grid-template-columns:1fr}.llm-weight-row{grid-template-columns:1fr;align-items:start}.llm-weight-value{justify-self:start}.rl-layout{grid-template-columns:1fr}.rl-controls-bar{flex-direction:column;align-items:stretch}.rl-controls-actions{width:100%}.rl-controls-actions [data-rl=toggle],.rl-controls-actions [data-rl=reset]{width:100%;justify-content:center}.rl-controls-sliders{width:100%;flex-direction:column}.rl-controls-sliders .rl-rate,.rl-controls-sliders .rl-speed{width:100%;display:grid;grid-template-columns:110px 1fr 72px;align-items:center;gap:10px}.rl-controls-sliders span:first-child{text-align:left}.rl-controls-sliders span:last-child{text-align:right}.rl-metrics{grid-template-columns:1fr}.rl-grid{--cell: clamp(16px, 6vw, 22px)}.park-map text{display:none}.park-order-item{grid-template-columns:1fr;align-items:start}.park-order-actions{justify-self:start}.ga-meta svg{width:14px;height:14px}.ga-bit{width:8px;height:8px}.grid-chapters,#outline .grid{grid-template-columns:1fr}.maze-grid{--cell: clamp(6px, 2.6vw, 9px)}.connect4-board{--cell: 38px;--gap: 6px}}@media (max-width: 960px){.ga-population,.park-layout,.selection-layout,.selection-results,.selection-results-grid{grid-template-columns:1fr}}@media (min-width: 1000px){.selection-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.encoding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1100px){.selection-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 990px){.connect4-panels{grid-template-columns:1fr}}@media (max-width: 832px){.maze-panels{grid-template-columns:1fr!important}}@media (max-width: 520px){.connect4-board{--cell: 32px;--gap: 5px}.selection-hist-row{grid-template-columns:36px minmax(0,1fr) 34px 52px}}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1;transform:none}.button{transition:none}.tilt-card img{transform:none;transition:none}}.nn-demo{margin:32px 0 12px;display:grid;gap:20px}.nn-header h3{margin:0 0 6px}.nn-header p{margin:0;color:var(--ink-muted)}.nn-layout{display:grid;gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.nn-scenario-panel{width:100%}.nn-left{display:grid;gap:18px}.nn-panel{border-radius:16px;border:1px solid var(--line);background:#fff;padding:18px;display:grid;gap:14px}.nn-panel-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.nn-panel-header h4{margin:0 0 4px}.nn-panel-header p{margin:0;color:var(--ink-muted);font-size:.9rem}.nn-controls{display:flex;flex-wrap:wrap;gap:10px}.nn-controls [data-nn=toggle],.nn-controls [data-nn=reset]{min-width:120px;justify-content:center}.nn-training-controls{margin-bottom:0}.nn-scenario-controls{margin-bottom:18px}.nn-slider{display:grid;gap:8px;font-size:.95rem}.nn-slider span{color:var(--ink-muted)}.nn-slider strong{font-size:1rem}.nn-slider input[type=range]{accent-color:var(--accent)}.nn-metrics{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:12px}.nn-metrics span{display:block;color:var(--ink-muted);font-size:.85rem;white-space:nowrap}.nn-metrics strong{font-size:1rem;font-weight:700}.nn-performance-canvas{width:100%;height:120px;display:block}.nn-loss-chart{display:flex;align-items:center;gap:0}.nn-loss-label{font-size:.75rem;font-weight:600;color:var(--ink-muted);text-transform:none;letter-spacing:.02em;writing-mode:vertical-rl;transform:rotate(180deg);margin-right:-6px}.nn-loss-wrap{flex:1;width:100%}.nn-thinking{border-radius:12px;border:1px solid var(--line);background:#fafafa;padding:12px;font-size:.9rem;color:var(--ink-muted);min-height:56px;display:flex;align-items:center}.nn-scenario-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.nn-scenario-table table{width:100%;border-collapse:collapse;font-size:.95rem}.nn-scenario-table th,.nn-scenario-table td{padding:8px 6px;border-bottom:1px solid var(--line)}.nn-scenario-table th{text-align:left;font-weight:600;color:var(--ink-muted)}.nn-scenario-table td{text-align:right;font-weight:600}.nn-scenario-table th i{font-size:1rem;margin-right:6px}.nn-scenario-table tbody tr:last-child th,.nn-scenario-table tbody tr:last-child td{border-bottom:none}.nn-prediction{display:grid;gap:12px;align-content:start}.nn-actions{display:flex;flex-wrap:wrap;gap:10px}.nn-result{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fafafa;font-size:.9rem;color:var(--ink-muted)}.nn-result-body{display:grid;gap:4px}.nn-result-title{color:#111;font-size:.95rem}.nn-result-text{color:var(--ink-muted)}.nn-result-icon{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0}.nn-result[data-state=correct]{border-color:#16a34a66;background:#16a34a14}.nn-result[data-state=correct] .nn-result-icon{color:#16a34a;border-color:#16a34a66;background:#f0fdf4}.nn-result[data-state=incorrect]{border-color:#dc262666;background:#dc262614}.nn-result[data-state=incorrect] .nn-result-icon{color:#dc2626;border-color:#dc262666;background:#fef2f2}.nn-visual{display:grid;gap:12px;align-items:start}.nn-visual svg{width:100%;height:360px;display:block;border-radius:16px;background:linear-gradient(180deg,#fff,#f5f5f5)}.nn-visual text{font-size:12px;fill:#6b7280;font-family:Open Sans,system-ui,sans-serif}.nn-visual text.nn-value{fill:#fff;font-weight:700}.nn-visual .nn-label{display:flex;align-items:center;justify-content:center;gap:6px;color:#6b7280;font-size:12px;font-family:Open Sans,system-ui,sans-serif;line-height:1;text-shadow:0 1px 0 #ffffff,0 -1px 0 #ffffff,1px 0 0 #ffffff,-1px 0 0 #ffffff}.nn-visual .nn-label i{font-size:14px}.nn-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--ink-muted);font-size:.85rem}.nn-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.nn-dot.input{background:#fff;border:1px solid #111111}.nn-dot.hidden{background:#111}.nn-dot.output{background:var(--accent)}@media (max-width: 720px){.nn-layout,.nn-metrics{grid-template-columns:1fr}.nn-controls{flex-direction:column;align-items:flex-start}.nn-controls [data-nn=toggle],.nn-controls [data-nn=reset]{width:100%}.nn-scenario-layout{grid-template-columns:1fr}}