@charset "UTF-8";
body .model-badge strong{font-size:17px;white-space:nowrap}body .model-badge .local{white-space:nowrap}body .model-badge{gap:8px}
.network{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px;background:#e9eee1;border:1px solid #d7ddd3;border-radius:12px;margin-bottom:18px}.network>div,.network>span{padding:10px;border-radius:8px;text-align:center}.network small{display:block;font-size:12px;color:#68766e}.network .current{background:#235747;color:white;box-shadow:0 0 0 3px #d8ed94}.network .current small{color:#d8ed94}body .steps{grid-template-columns:repeat(7,1fr)}.connections{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.connection{font:11px/1.7 ui-monospace,monospace;padding:5px;background:#e7efdd;border-left:2px solid #76bb38}.connection.inhibitory{background:#f5e5dc;border-color:#d25e39}.gate{display:flex;justify-content:space-around;align-items:center;gap:8px;width:100%}.gate span{text-align:center;padding:10px;border:1px solid #d7ddd3;border-radius:8px;font-size:12px}.gate strong{display:block;font-size:28px}.gate .firing{background:#d8ed94;animation:fire .7s ease-out}.matrix-caption input{width:100%;accent-color:#235747}.matrix-caption label{font-size:12px}.formula{overflow-wrap:anywhere}.lesson-panel,.visual{min-width:0}@keyframes fire{from{box-shadow:0 0 0 8px #d8ed9480}to{box-shadow:0 0 0 0 transparent}}@media(max-width:1000px){.connections{grid-template-columns:repeat(2,1fr)}.network strong{font-size:13px}.network>div,.network>span{padding:6px}.network small{font-size:10px}}@media(max-width:780px){body .steps{grid-template-columns:repeat(3,1fr)}.network{flex-wrap:wrap;justify-content:center;padding:12px 6px;gap:3px}.network>div{flex:1;min-width:72px}.network>span{padding:2px}.network strong{font-size:11px}.network b{font-size:12px}.network small{font-size:9px}.gate{gap:4px}.gate span{padding:7px}.idle-diagram{flex-wrap:wrap}}
:root{--paper:#f4f3ee;--ink:#203c34;--muted:#68766e;--line:#d7ddd3;--green:#235747;--lime:#d8ed94;--orange:#bb6947}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:8px;cursor:pointer;transition:background .2s,transform .2s}button:hover:not(:disabled){background:var(--lime);transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a06d32;outline-offset:3px}a{color:inherit;text-underline-offset:4px}header,main,footer{width:min(1240px,calc(100% - 64px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;height:88px;border-bottom:1px solid var(--line);font-size:14px}header>a:first-child{font-weight:750;font-size:21px;text-decoration:none}header span{color:var(--muted);font-weight:400}.edition,.eyebrow,.panel-label,.steps,.model-badge,.formula,#progress{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.edition{letter-spacing:.1em;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 40px}.eyebrow{color:var(--green);font-size:13px;letter-spacing:.14em;margin:0 0 12px}h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.045em;line-height:1.25;margin:0;font-weight:650}h1 em{font-style:normal;position:relative}h1 em:after{content:"";height:10px;background:var(--lime);position:absolute;bottom:3px;left:0;right:0;z-index:-1}.intro-note{border-left:2px solid var(--line);padding-left:28px;margin-bottom:8px}.intro-note p{font-size:19px;margin:0 0 14px}.intro-note span{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0 0 18px;padding:0;font-size:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.steps li{padding:15px 10px;display:flex;gap:10px;justify-content:center;color:var(--muted);border-right:1px solid var(--line)}.steps li:last-child{border:0}.steps .active{background:var(--green);color:white}.steps .done{background:#e4eadc;color:var(--green)}.lab{display:grid;grid-template-columns:390px 1fr;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 36px #213d3506}.input-panel{padding:26px;background:#fafbf7;border-right:1px solid var(--line)}.panel-label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;letter-spacing:.03em;color:var(--muted);min-height:30px;margin-bottom:14px}.panel-label button{font-size:12px;padding:4px 8px}.board-wrap{position:relative;aspect-ratio:1;background:white;border:1px solid #c9d3c7;border-radius:10px;overflow:hidden;background-image:linear-gradient(#e4e9e350 1px,transparent 1px),linear-gradient(90deg,#e4e9e350 1px,transparent 1px);background-size:10% 10%}#board{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#overlay{position:absolute;inset:0;background:#f5f7f0f5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#overlay p{margin:8px 0 22px}.big-sigma{font:60px Georgia,serif;color:var(--green)}#start,.primary{background:var(--green);color:white;border-color:var(--green)}#start:hover:not(:disabled),.primary:hover:not(:disabled){background:#346b54}#draw-hint{pointer-events:none;position:absolute;inset:46% 0 auto;text-align:center;color:#8a988a;font-size:14px}.board-actions{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px;font-size:12px;color:var(--muted)}.board-actions button{font-size:14px}.sample-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.sample-row label{flex:1}select{border:1px solid var(--line);border-radius:6px;background:white;padding:7px 9px}.sample-row button{font-size:13px;padding:8px}.fine{font-size:13px;color:var(--muted);margin:14px 0 24px}.model-badge{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.model-badge strong{font-size:22px;display:block;line-height:1.3}.model-badge div>span{font:12px system-ui;color:var(--muted)}.model-dot{width:10px;height:10px;background:var(--green);border-radius:50%}.local{margin-left:auto;font-size:12px;color:var(--muted)}.lesson-panel{padding:26px 32px;min-width:0;display:flex;flex-direction:column}.lesson-panel h2{font-size:28px;line-height:1.4;margin:4px 0 10px;letter-spacing:-.025em}.lesson-panel>p{margin:0 0 18px;color:var(--muted);font-size:15px;min-height:50px}.visual{flex:1;min-height:254px;background:#f6f8f3;border:1px solid #e1e7db;border-radius:10px;padding:18px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px}.idle-diagram{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.idle-diagram span{background:white;border:1px solid var(--line);padding:16px 12px;border-radius:8px;font-size:14px}.idle-diagram b{color:#8a9c87}.visual>p{text-align:center;color:var(--muted);font-size:14px}.formula{margin:18px 0 12px;padding:15px;background:#edf2e5;border-left:3px solid #9cb365;font-size:15px;overflow-wrap:anywhere}.lesson-panel .insight{font-size:14px;min-height:unset;padding-left:16px;position:relative}.insight:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);top:10px;left:0}.navigation{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}#progress{margin-left:auto;margin-right:auto;font-size:12px;color:var(--muted)}.navigation button{font-size:14px}#status{margin:8px 0 0;min-height:24px;color:var(--orange);font-size:13px}.matrix-layout{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.matrix{width:220px;height:220px;image-rendering:pixelated;display:block;max-width:100%;border:1px solid #d0dacb;background:white;cursor:crosshair}.matrix-caption{font-size:13px;max-width:215px;color:var(--muted)}.scan{position:absolute;pointer-events:none;height:2px;background:#a3c362;top:0;left:0;right:0;animation:scan 1.8s ease-in-out 1}.matrix-box{position:relative}.vector-strip{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.bit{aspect-ratio:1;font:10px/1 ui-monospace,monospace;display:grid;place-items:center;color:#99a492;background:#e5eadf}.bit.on{background:var(--green);color:white}.weights-controls{display:flex;align-items:center;gap:10px;font-size:14px}.legend{font-size:12px;color:var(--muted)}.legend b{display:inline-block;width:9px;height:9px;margin:0 4px 0 10px}.cell-detail{font:13px/1.7 ui-monospace,monospace;background:white;padding:10px;border-radius:6px;min-height:60px;overflow-wrap:anywhere}.sum-track{height:6px;border-radius:3px;background:#dce3d6;overflow:hidden}.sum-track span{display:block;width:0;height:100%;background:var(--green);transition:width .08s}.sum-value{font:36px/1.4 ui-monospace,monospace;text-align:center}.rank{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px}.rank-row{display:grid;grid-template-columns:20px 1fr 56px;align-items:center;gap:8px;font:12px ui-monospace,monospace}.rank-track{height:7px;background:#e0e6d9;border-radius:3px;overflow:hidden}.rank-fill{height:100%;background:#9dae91}.rank-row.best{font-weight:bold;color:var(--green)}.rank-row.best .rank-fill{background:var(--green)}.result-head{display:flex;align-items:center;gap:20px}.result-letter{font-size:70px;font-weight:650;line-height:1;color:var(--green)}.result-head p{margin:0;font-size:14px}.result-head small{color:var(--muted)}.teaching{margin-top:22px;border:1px solid #c9d5bb;background:#eaf0df;border-radius:14px;padding:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.teaching h2{font-size:26px;margin:0 0 12px}.teaching p{font-size:14px;color:var(--muted)}.teach-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}.about{padding:80px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.about h2{font-size:30px;line-height:1.5;margin:0}.about details{border-bottom:1px solid var(--line);padding:16px 0}.about summary{cursor:pointer;font-weight:550}.about p{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@keyframes scan{from{top:0}to{top:100%}}@media(min-width:1100px){.intro br{display:none}.intro h1{max-width:760px}}@media(max-width:1000px){.lab{grid-template-columns:340px 1fr}.input-panel{padding:18px}.lesson-panel{padding:20px}.intro-note{font-size:14px}.steps li{gap:5px}}@media(max-width:780px){header,main,footer{width:calc(100% - 32px)}.edition{display:none}.intro{padding:32px 0;align-items:start}.intro-note{max-width:42%;padding-left:14px}.intro-note p{font-size:14px}.intro-note span{font-size:12px}.steps{grid-template-columns:repeat(3,1fr)}.steps li{padding:10px}.lab{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.board-wrap{max-width:320px;margin:auto}.lesson-panel{padding:22px 18px}.board-actions,.sample-row,.fine,.model-badge{max-width:400px;margin-left:auto;margin-right:auto}.teaching,.about{grid-template-columns:1fr;gap:20px}.about{padding:48px 0}.navigation{flex-wrap:wrap}.navigation button{padding:10px}.teaching{padding:20px}.rank{gap:5px 8px}footer span:last-child{display:none}.visual{padding:12px}.lesson-panel h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}