:root{--background:#030507;--surface:#070c12;--surface-light:#0b121a;--line:#17232e;--line-strong:#253849;--text:#f1f5f8;--text-soft:#8c9ba7;--text-muted:#8293a0;--blue:#2f9cff;--blue-light:#9ad6ff;--red:#ff4052;--green:#4de0a8;--radius-small:4px;--radius-medium:8px;--font-mono:"IBM Plex Mono", "SFMono-Regular", consolas, monospace}.app-shell{width:min(1440px,100% - 28px);margin:0 auto;padding:18px 0 32px}.app-shell:before{z-index:-2;background:linear-gradient(#2f9cff06 1px, transparent 1px), linear-gradient(90deg, #2f9cff06 1px, transparent 1px), radial-gradient(circle at 25% 5%, #1261a621, transparent 30%), var(--background);content:"";background-size:40px 40px,40px 40px,auto,auto;position:fixed;inset:0}.app-shell:after{z-index:-1;content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 4px,#2f9cff04 5px);position:fixed;inset:0}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:8px 0 18px;display:grid}.eyebrow,.section-label{color:var(--blue);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:600}.module-tagline{color:var(--green);font-family:var(--font-mono);letter-spacing:.04em;margin-top:6px;font-size:.72rem;display:block}.hero h1{max-width:900px;color:var(--text);letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(2rem,4vw,4.4rem);font-weight:500;line-height:.95}.hero h1 span{color:var(--blue-light);display:inline}.hero p{max-width:760px;color:var(--text-soft);margin:12px 0 0;font-size:.9rem;line-height:1.55}.experiment-status{color:var(--text-soft);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding-bottom:4px;font-size:.64rem;display:flex}.status-light{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.perceptron-panel{border:1px solid var(--line);background:linear-gradient(145deg,#08111af5,#03080cf5);margin-top:14px;padding:18px}.perceptron-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.perceptron-header h2{color:var(--text);margin:5px 0 0;font-size:1rem;font-weight:500}.perceptron-error{color:var(--red);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem}.perceptron-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(180px,.7fr);align-items:center;gap:14px;display:grid}.perceptron-column,.perceptron-result{border:1px solid var(--line);background:#050c12cc;min-width:0;padding:14px}.perceptron-step{color:var(--blue);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.58rem;display:block}.perceptron-values{gap:8px;display:grid}.perceptron-values div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding-bottom:7px;display:flex}.perceptron-values span,.perceptron-result span{color:var(--text-muted);font-size:.7rem}.perceptron-values strong{color:var(--blue-light);font-family:var(--font-mono);font-size:.72rem}.perceptron-arrow{color:var(--blue);font-family:var(--font-mono);font-size:1.2rem}.perceptron-result{flex-direction:column;gap:7px;display:flex}.perceptron-score{color:var(--blue-light);font-family:var(--font-mono);font-size:1.8rem;font-weight:400}.perceptron-formula{border-left:2px solid var(--blue);background:#2f9cff0d;align-items:center;gap:14px;margin-top:14px;padding:12px;display:flex}.perceptron-formula span,.perceptron-formula small{color:var(--text-muted);font-size:.65rem}.perceptron-formula code{color:var(--blue-light);font-family:var(--font-mono);font-size:.68rem}.perceptron-training{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.perceptron-note{color:var(--text-muted);margin:10px 0 0;font-size:.68rem;line-height:1.5}.level-tabs{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.level-tab{border:0;border-right:1px solid var(--line);min-height:66px;color:var(--text-muted);text-align:left;background:#05090dc7;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:10px 14px;transition:background .16s,color .16s;display:grid;position:relative}.level-tab:last-child{border-right:0}.level-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.level-tab:hover:not(:disabled){color:var(--text);background:#0a121aeb}.level-tab.active{color:var(--text);background:linear-gradient(#0c2336eb,#060c12eb)}.level-tab.active:after{background:var(--blue);box-shadow:0 0 10px var(--blue)}.level-tab.locked{opacity:.28}.level-number{color:var(--blue);font-family:var(--font-mono);font-size:.64rem}.level-tab strong{font-size:.82rem;font-weight:500;display:block}.level-tab small{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:3px;font-size:.56rem;display:block}.simulation-layout{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,1.65fr) minmax(280px,.62fr);display:grid}.simulation-card{border-right:1px solid var(--line);background:linear-gradient(#070d13f5,#03070af5);min-width:0;padding:16px}.side-panel{background:#05090de0;min-width:0}.side-panel>section{border-bottom:1px solid var(--line);padding:15px}.side-panel>section:last-child{border-bottom:0}.card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.card-header h2,.brain-card h2{color:var(--text);letter-spacing:-.025em;margin:4px 0 0;font-size:1rem;font-weight:500}.episode-indicator{color:var(--blue-light);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.58rem}.grid{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:linear-gradient(#2f9cff0d 1px,#0000 1px),linear-gradient(90deg,#2f9cff0d 1px,#0000 1px),radial-gradient(circle,#0a1823 0%,#04090d 72%);width:min(100%,610px);max-height:61vh;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #0000008c,0 0 0 5px #ffffff03}.grid:before{z-index:5;content:"";pointer-events:none;background:linear-gradient(#0000,#2f9cff12,#0000);height:14%;animation:5s linear infinite scanner;position:absolute;top:-20%;left:0;right:0}.grid-cell{border-bottom:1px solid #2f9cff14;border-right:1px solid #2f9cff14;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.wall{background:repeating-linear-gradient(135deg,#ffffff08 0 3px,#0000 3px 6px)}.wall-block{background:linear-gradient(145deg,#141d24,#080d12);border:1px solid #20303d;border-radius:2px;width:72%;height:72%;box-shadow:inset 0 0 0 1px #ffffff05,0 4px 10px #0006}.goal{aspect-ratio:1;border:1px solid var(--blue-light);border-radius:50%;place-items:center;width:46%;display:grid;position:relative;box-shadow:0 0 14px #2f9cff7a,inset 0 0 8px #2f9cff52}.goal:before,.goal:after{content:"";border:1px solid #8fd0ff38;border-radius:50%;animation:4s linear infinite orbit;position:absolute;inset:-18%}.goal:after{border-style:dashed;animation-duration:7s;animation-direction:reverse;inset:-34%}.goal-core{aspect-ratio:1;width:22%;box-shadow:0 0 9px var(--blue-light);background:#d8f3ff;border-radius:50%}.robot{z-index:10;aspect-ratio:1;border:1px solid var(--blue-light);background:linear-gradient(#2e8dcc,#103750);border-radius:4px 4px 9px 9px;width:49%;position:relative;box-shadow:0 0 13px #2f9cff6b,inset 0 1px #ffffff4d}.robot:before{background:var(--blue-light);content:"";width:6%;height:16%;position:absolute;top:-16%;left:47%}.robot-eye{aspect-ratio:1;background:#fff;border-radius:50%;width:12%;position:absolute;top:38%;box-shadow:0 0 6px #fff}.robot-eye.left{left:25%}.robot-eye.right{right:25%}.robot.collision{border-color:var(--red);background:linear-gradient(#8c2633,#351016);animation:.18s linear collision-shake;box-shadow:0 0 16px #ff3f50ad}.controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding-top:12px;display:flex}.main-controls{flex-wrap:wrap;gap:6px;display:flex}.primary-button,.secondary-button,.speed-control select{border-radius:var(--radius-small);min-height:34px}.primary-button,.secondary-button{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;padding:0 12px;font-size:.62rem}.primary-button{border:1px solid var(--blue);color:#00101e;background:var(--blue);font-weight:700}.primary-button:hover{background:var(--blue-light)}.secondary-button{border:1px solid var(--line-strong);color:var(--text-soft);background:0 0}.secondary-button:disabled{opacity:.42}.secondary-button:hover:not(:disabled){border-color:var(--blue);color:var(--text);background:#2f9cff0d}.speed-control{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;font-size:.58rem;display:flex}.speed-control select{border:1px solid var(--line-strong);color:var(--text);background:var(--surface);padding:0 24px 0 9px;font-size:.7rem}.brain-card p,.explanation-card p{color:var(--text-soft);margin:8px 0 0;font-size:.78rem;line-height:1.5}.brain-details{border-top:1px solid var(--line);margin-top:12px}.brain-details div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:34px;display:flex}.brain-details span{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.56rem}.brain-details strong{color:var(--blue-light);font-family:var(--font-mono);font-size:.62rem;font-weight:500}.stats-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:10px;padding:0;display:grid}.stat-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffffff04,#0000);min-width:0;min-height:73px;padding:10px}.stat-card dt,.stat-card dd{display:block}.stat-card dt{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.52rem;overflow:hidden}.stat-card dd{color:var(--text);font-family:var(--font-mono);margin-top:13px;margin-left:0;font-size:1rem;font-weight:400}.explanation-card{position:relative}.explanation-card:before{background:var(--blue);width:2px;box-shadow:0 0 8px var(--blue);content:"";position:absolute;top:15px;bottom:15px;left:0}.danger-button{color:#ff7b88;border-color:#ff405259}.danger-button:hover:not(:disabled){border-color:var(--red);color:#fff;background:#ff40521a}.lesson-panel{border:1px solid var(--line);background:linear-gradient(145deg,#070e15fa,#03070bfa);margin-top:14px}.lesson-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:24px;display:grid}.lesson-header h2{color:var(--text);letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(1.45rem,3vw,2.4rem);font-weight:500}.lesson-header p{max-width:720px;color:var(--text-soft);margin:10px 0 0;font-size:.86rem;line-height:1.65}.lesson-classification{border-left:2px solid var(--blue);background:#2f9cff0d;min-width:210px;padding:12px 14px}.lesson-classification span,.lesson-classification strong{display:block}.lesson-classification span{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem}.lesson-classification strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:7px;font-size:.72rem;font-weight:500}.lesson-introduction,.lesson-section,.lesson-experiment,.lesson-next-level{border-bottom:1px solid var(--line);padding:24px}.lesson-introduction{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);align-items:center;gap:36px;display:grid}.lesson-introduction-copy,.lesson-section-heading{grid-template-columns:38px minmax(0,1fr);gap:16px;display:grid}.lesson-index{color:var(--blue);font-family:var(--font-mono);padding-top:4px;font-size:.66rem}.lesson-introduction h3,.lesson-section h3,.lesson-experiment h3,.lesson-next-level h3,.lesson-list-card h3{color:var(--text);letter-spacing:-.025em;margin:0;font-size:1.05rem;font-weight:500}.lesson-introduction p,.lesson-section-heading p,.lesson-experiment p,.lesson-next-level p,.lesson-list-card p{color:var(--text-soft);margin:8px 0 0;font-size:.78rem;line-height:1.65}.agent-cycle-diagram{border:1px solid var(--line);background:linear-gradient(135deg,#2f9cff0d,#0000);justify-content:center;align-items:center;gap:10px;min-height:90px;padding:18px;display:flex}.agent-cycle-diagram span{border:1px solid var(--line-strong);color:var(--blue-light);background:var(--surface);font-family:var(--font-mono);text-transform:uppercase;padding:9px 11px;font-size:.62rem}.agent-cycle-diagram b{color:var(--blue);font-family:var(--font-mono);font-weight:400}.lesson-process-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid}.lesson-process-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffffff04,#0000);min-height:170px;padding:16px}.lesson-process-card>span{color:var(--blue);font-family:var(--font-mono);font-size:.58rem}.lesson-process-card h4{color:var(--text);margin:28px 0 0;font-size:.88rem;font-weight:500}.lesson-process-card p{color:var(--text-muted);margin:8px 0 0;font-size:.7rem;line-height:1.55}.lesson-code-layout{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;margin-top:18px;display:grid}.lesson-code{border:1px solid var(--line-strong);background:#03080d;margin:0;padding:20px;overflow-x:auto;box-shadow:inset 0 0 30px #00000073}.lesson-code code{color:#b5ddfa;font-family:var(--font-mono);font-size:.72rem;line-height:1.8}.lesson-code-explanation{border-top:1px solid var(--line);display:grid}.lesson-code-explanation div{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;align-items:start;gap:12px;padding:12px 0;display:grid}.lesson-code-explanation span{border:1px solid var(--blue-dark);width:22px;height:22px;color:var(--blue-light);font-family:var(--font-mono);place-items:center;font-size:.56rem;display:grid}.lesson-code-explanation p{color:var(--text-soft);margin:0;font-size:.72rem;line-height:1.55}.lesson-code-explanation code,.lesson-section-heading code{color:var(--blue-light);font-family:var(--font-mono)}.reward-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.reward-grid article{border:1px solid var(--line);background:#050c12bf;padding:16px}.reward-grid article>span{font-family:var(--font-mono);font-size:1.25rem;display:block}.reward-positive{color:var(--green)}.reward-neutral{color:var(--blue-light)}.reward-negative{color:var(--red)}.reward-grid strong{color:var(--text);margin-top:18px;font-size:.78rem;display:block}.reward-grid p{color:var(--text-muted);margin:7px 0 0;font-size:.68rem;line-height:1.55}.lesson-callout{border-left:2px solid var(--blue);background:#2f9cff0d;grid-template-columns:110px minmax(0,1fr);gap:18px;margin-top:14px;padding:14px;display:grid}.lesson-callout span{color:var(--blue);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.58rem}.lesson-callout p{color:var(--text-soft);margin:0;font-size:.74rem;line-height:1.55}.lesson-comparison{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.lesson-list-card{border-right:1px solid var(--line);padding:24px}.lesson-list-card:last-child{border-right:0}.lesson-list-card ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.lesson-list-card li{color:var(--text-soft);padding-left:18px;font-size:.74rem;line-height:1.5;position:relative}.lesson-list-card li:before{background:var(--blue);content:"";width:5px;height:5px;position:absolute;top:.55em;left:0}.lesson-list-card-danger li:before{background:var(--red)}.lesson-experiment{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);align-items:center;gap:28px;display:grid}.lesson-question{border:1px solid var(--line-strong);background:linear-gradient(145deg,#2f9cff12,#0000);padding:16px}.lesson-question span{color:var(--blue);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem}.lesson-question strong{color:var(--text);margin-top:10px;font-size:.82rem;display:block}.lesson-question p{color:var(--text-muted);margin-top:10px;font-size:.7rem}.lesson-next-level{background:linear-gradient(90deg,#2f9cff12,#0000 65%);border-bottom:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;display:grid}.lesson-next-level h3{max-width:800px;margin-top:7px}.lesson-next-level p{max-width:760px}.lesson-next-number{color:#2f9cff38;font-family:var(--font-mono);font-size:clamp(3rem,8vw,6rem);line-height:1}.lesson-next-button{border:1px solid var(--blue);color:var(--blue-light);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;margin-top:22px;padding:12px 22px;font-size:.72rem;transition:background .18s,color .18s,transform .18s}.lesson-next-button:hover{background:var(--blue);color:#031018;transform:translate(4px)}.lesson-next-button:active{transform:translate(2px)}@keyframes scanner{0%{transform:translateY(0)}to{transform:translateY(800%)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes collision-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width>=1400px) and (height>=850px){.grid{max-height:64vh}.simulation-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.6fr)}}@media (width<=1180px){.app-shell{width:min(100% - 20px,1440px)}.simulation-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid{max-height:58vh}}@media (width<=980px){.perceptron-flow{grid-template-columns:1fr 1fr}.perceptron-arrow{display:none}.perceptron-result{grid-column:span 2}.hero{grid-template-columns:1fr;gap:10px}.experiment-status{padding:0}.simulation-layout{grid-template-columns:1fr}.simulation-card{border-right:0;border-bottom:1px solid var(--line)}.side-panel{grid-template-columns:repeat(2,1fr);display:grid}.side-panel>section{border-right:1px solid var(--line)}.side-panel>section:nth-child(2n){border-right:0}.grid{width:min(100%,590px);max-height:none}.lesson-introduction,.lesson-experiment{grid-template-columns:1fr}.lesson-process-grid{grid-template-columns:repeat(2,1fr)}.lesson-code-layout{grid-template-columns:1fr}}@media (width<=760px){.app-shell{width:min(100% - 14px,1440px);padding-top:10px}.hero{padding-bottom:13px}.hero h1{font-size:clamp(2rem,8vw,3.4rem)}.hero p{font-size:.82rem}.level-tabs{grid-template-columns:1fr}.level-tab{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:26px 1fr;min-height:54px;padding:8px 12px}.level-tab:last-child{border-bottom:0}.simulation-card{padding:12px}.side-panel{grid-template-columns:1fr}.side-panel>section{border-right:0}.stats-grid{grid-template-columns:repeat(3,1fr)}.controls{flex-direction:column;align-items:stretch}.main-controls{grid-template-columns:repeat(3,1fr);display:grid}.speed-control{justify-content:space-between}}@media (width<=680px){.lesson-header{grid-template-columns:1fr;padding:16px}.lesson-classification{min-width:0}.lesson-introduction,.lesson-section,.lesson-experiment,.lesson-next-level,.lesson-list-card{padding:16px}.lesson-introduction-copy,.lesson-section-heading{grid-template-columns:28px minmax(0,1fr);gap:10px}.agent-cycle-diagram{justify-content:flex-start;overflow-x:auto}.agent-cycle-diagram span{flex:none}.lesson-process-grid,.reward-grid,.lesson-comparison{grid-template-columns:1fr}.lesson-process-card{min-height:auto}.lesson-process-card h4{margin-top:16px}.lesson-list-card{border-right:0;border-bottom:1px solid var(--line)}.lesson-list-card:last-child{border-bottom:0}.lesson-callout{grid-template-columns:1fr;gap:8px}.lesson-next-level{grid-template-columns:1fr}.lesson-next-number{display:none}}@media (width<=620px){.perceptron-panel{padding:12px}.perceptron-flow{grid-template-columns:1fr}.perceptron-result{grid-column:auto}.perceptron-formula{flex-direction:column;align-items:flex-start;gap:6px}.perceptron-training{grid-template-columns:1fr;display:grid}}@media (width<=520px){.app-shell{width:min(100% - 10px,1440px);padding-bottom:18px}.eyebrow,.section-label{font-size:.55rem}.hero h1{font-size:clamp(1.85rem,10vw,2.8rem);line-height:.98}.hero p{margin-top:9px;font-size:.76rem;line-height:1.45}.experiment-status{font-size:.56rem}.level-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.level-tabs::-webkit-scrollbar{display:none}.level-tab{border-right:1px solid var(--line);border-bottom:0;flex:0 0 225px}.card-header{margin-bottom:9px}.card-header h2{font-size:.9rem}.episode-indicator{font-size:.52rem}.grid{width:100%}.main-controls{grid-template-columns:1fr 1fr}.primary-button{grid-column:span 2}.primary-button,.secondary-button{min-height:36px;font-size:.58rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:68px}.stat-card strong{margin-top:10px;font-size:.95rem}}@media (width<=360px){.hero h1{font-size:1.7rem}.level-tab{flex-basis:205px}.simulation-card{padding:9px}.side-panel>section{padding:12px}.main-controls{grid-template-columns:1fr}.primary-button{grid-column:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}.decision-panel{border:1px solid var(--line);background:linear-gradient(145deg,#070f17fa,#03080cfa);margin-top:14px;padding:18px}.decision-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;display:flex}.decision-panel-header h2{color:var(--text);margin:5px 0 0;font-size:1.05rem;font-weight:500}.decision-panel-header p{max-width:720px;color:var(--text-soft);margin:8px 0 0;font-size:.76rem;line-height:1.55}.decision-status{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:.58rem;display:flex}.decision-status-light{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.decision-status-light.active{background:var(--green);box-shadow:0 0 8px var(--green)}.decision-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px;margin-top:16px;display:grid}.decision-step-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff04,#0000);min-width:0;padding:14px}.decision-step-card-result{background:linear-gradient(145deg,#2f9cff14,#0000);border-color:#2f9cff61}.decision-step-number{color:var(--blue);font-family:var(--font-mono);font-size:.56rem}.decision-step-card h3{color:var(--text);margin:18px 0 0;font-size:.78rem;font-weight:500}.decision-step-card p{color:var(--text-muted);margin:10px 0 0;font-size:.66rem;line-height:1.5}.decision-step-card code{color:var(--blue-light);font-family:var(--font-mono)}.decision-value{color:var(--text);font-family:var(--font-mono);margin-top:12px;font-size:1rem}.decision-value-primary{color:var(--blue-light);font-size:1.25rem}.decision-action{min-height:36px;color:var(--blue-light);align-items:center;gap:10px;margin-top:11px;display:flex}.decision-action span{font-size:1.5rem}.decision-action strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem;font-weight:500}.decision-flow-arrow{color:var(--blue);font-family:var(--font-mono);place-items:center;display:grid}.random-action-table{border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:14px}.random-action-table-header,.random-action-row{grid-template-columns:80px 1fr 1fr;display:grid}.random-action-table-header span,.random-action-row span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px}.random-action-table-header{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;background:#ffffff05;font-size:.56rem}.random-action-row{color:var(--text-soft);font-family:var(--font-mono);font-size:.66rem}.random-action-row.selected{color:var(--blue-light);background:#2f9cff14}.decision-result{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px;margin-top:14px;padding-top:14px;display:grid}.decision-result h3{color:var(--text);margin:5px 0 0;font-size:.9rem;font-weight:500}.decision-result-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.decision-result-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:10px}.decision-result-grid span,.decision-result-grid strong{display:block}.decision-result-grid span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.decision-result-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem;font-weight:500}.rule-context-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.rule-context-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.rule-context-card span,.rule-context-card strong{display:block}.rule-context-card span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.54rem}.rule-context-card strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem;font-weight:500}.rule-evaluation-section,.rule-tests-section{margin-top:16px}.rule-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:10px;display:flex}.rule-section-heading p{color:var(--text-muted);margin:0;font-size:.66rem}.rule-list{border-top:1px solid var(--line);border-left:1px solid var(--line)}.rule-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff03;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) 130px;align-items:center;gap:12px;min-height:52px;padding:9px 12px;display:grid}.rule-row.matched{background:#2f9cff12}.rule-row>div{align-items:center;gap:10px;display:flex}.rule-row strong{color:var(--text-soft);font-size:.72rem;font-weight:500}.rule-condition-state{border:1px solid var(--line-strong);min-width:42px;color:var(--text-muted);font-family:var(--font-mono);text-align:center;padding:4px 6px;font-size:.52rem}.rule-row.matched .rule-condition-state{color:var(--green);border-color:#4de0a861}.rule-result-text{color:var(--text-muted);font-size:.66rem}.rule-proposed-action{color:var(--blue-light);font-family:var(--font-mono);font-size:.66rem}.rule-priority-section{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:16px;display:grid}.rule-priority-section>article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.rule-action-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.rule-action-list span{border:1px solid var(--line-strong);color:var(--text-soft);font-family:var(--font-mono);background:#ffffff04;padding:6px 9px;font-size:.6rem}.rule-tests-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.rule-test-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.rule-test-card span,.rule-test-card strong,.rule-test-card small{display:block}.rule-test-card span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.rule-test-card strong{color:var(--text);font-family:var(--font-mono);margin-top:12px;font-size:.74rem;font-weight:500}.rule-test-card small{color:var(--text-muted);margin-top:7px;font-size:.62rem}.rule-test-card.valid{background:#4de0a80d}.rule-test-card.valid small{color:var(--green)}.rule-test-card.blocked{background:#ff40520a}.rule-test-card.blocked small{color:var(--red)}.rule-final-decision{background:linear-gradient(90deg,#2f9cff14,#0000);border:1px solid #2f9cff59;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:14px;display:flex}.rule-final-decision h3{color:var(--text);margin:6px 0 0;font-size:.85rem;font-weight:500}.rule-final-action{color:var(--blue-light);align-items:center;gap:12px;display:flex}.rule-final-action span{font-size:1.8rem}.rule-final-action strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.86rem;font-weight:500}.rule-empty{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-muted);padding:16px;font-size:.68rem}@media (width<=980px){.decision-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-flow-arrow{display:none}.decision-result{grid-template-columns:1fr}.rule-context-grid{grid-template-columns:repeat(2,1fr)}.rule-row{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr)}.rule-proposed-action{grid-column:span 2}.rule-tests-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.decision-panel{padding:12px}.decision-panel-header{flex-direction:column}.decision-status{white-space:normal}.decision-flow{grid-template-columns:1fr}.random-action-table{overflow-x:auto}.random-action-table-header,.random-action-row{min-width:520px}.decision-result-grid{grid-template-columns:repeat(2,1fr)}.rule-context-grid,.rule-priority-section,.rule-tests-grid{grid-template-columns:1fr}.rule-section-heading{flex-direction:column;align-items:flex-start;gap:6px}.rule-row{grid-template-columns:1fr}.rule-proposed-action{grid-column:auto}.rule-row>div,.rule-final-decision{flex-direction:column;align-items:flex-start}.rule-final-action{border:1px solid var(--line);justify-content:center;width:100%;padding:10px}}@media (width<=360px){.decision-result-grid{grid-template-columns:1fr}}.q-context-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.q-context-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.q-context-grid span,.q-context-grid strong{display:block}.q-context-grid span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.54rem}.q-context-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem;font-weight:500}.q-values-section,.q-update-section{margin-top:16px}.q-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:10px;display:flex}.q-section-heading p{color:var(--text-muted);margin:6px 0 0;font-size:.66rem}.q-state-key{color:var(--blue-light);font-family:var(--font-mono);font-size:.62rem}.q-values-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.q-value-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff03;min-width:0;padding:14px}.q-value-card.selected{background:#2f9cff14;border-color:#2f9cff61}.q-action-symbol,.q-value-card strong,.q-value-card code,.q-value-card small{display:block}.q-action-symbol{color:var(--blue);font-size:1.35rem}.q-value-card strong{color:var(--text);margin-top:8px;font-size:.72rem;font-weight:500}.q-value-card code{color:var(--blue-light);font-family:var(--font-mono);margin-top:14px;font-size:1rem}.q-value-card small{color:var(--green);font-family:var(--font-mono);text-transform:uppercase;margin-top:8px;font-size:.54rem}.q-choice-section{background:linear-gradient(90deg,#2f9cff14,#0000);border:1px solid #2f9cff59;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:14px;display:flex}.q-choice-section h3{color:var(--text);margin:6px 0 0;font-size:.85rem;font-weight:500}.q-selected-action{color:var(--blue-light);align-items:center;gap:12px;display:flex}.q-selected-action span{font-size:1.8rem}.q-selected-action strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.86rem;font-weight:500}.q-update-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.q-update-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.q-update-grid span,.q-update-grid strong{display:block}.q-update-grid span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.q-update-grid strong{color:var(--text);font-family:var(--font-mono);margin-top:10px;font-size:.78rem;font-weight:500}.q-update-result{background:#4de0a80f}.q-update-result strong{color:var(--green)}.q-formula{border-left:2px solid var(--blue);background:#2f9cff0d;align-items:center;gap:14px;margin-top:12px;padding:12px;display:flex}.q-formula span,.q-formula small{color:var(--text-muted);font-size:.62rem}.q-formula code{color:var(--blue-light);font-family:var(--font-mono);font-size:.68rem}@media (width<=980px){.q-context-grid,.q-values-grid{grid-template-columns:repeat(2,1fr)}.q-update-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.q-context-grid,.q-values-grid,.q-update-grid{grid-template-columns:1fr}.q-section-heading,.q-choice-section,.q-formula{flex-direction:column;align-items:flex-start}.q-selected-action{border:1px solid var(--line);justify-content:center;width:100%;padding:10px}}.perceptron-decision-panel{padding:18px}.perceptron-live-summary{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.perceptron-live-summary article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.perceptron-live-summary span,.perceptron-live-summary strong{display:block}.perceptron-live-summary span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.54rem}.perceptron-live-summary strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem;font-weight:500}.perceptron-decision-flow{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.perceptron-decision-card{border:1px solid var(--line);background:#ffffff03;min-width:0;padding:14px}.perceptron-decision-card h3{color:var(--text);margin:14px 0 0;font-size:.78rem;font-weight:500}.perceptron-decision-card p{color:var(--text-muted);margin:12px 0 0;font-size:.66rem;line-height:1.5}.perceptron-decision-result{background:#2f9cff12;border-color:#2f9cff61}.perceptron-score-details{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.perceptron-score-details span{border:1px solid var(--line-strong);color:var(--text-muted);font-family:var(--font-mono);padding:5px 7px;font-size:.56rem}.perceptron-activation-section{margin-top:16px}.perceptron-activation-section h3,.perceptron-learning-section h3{color:var(--text);margin:6px 0 0;font-size:.86rem;font-weight:500}.perceptron-activation-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:10px;display:grid}.perceptron-activation-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.perceptron-activation-grid span,.perceptron-activation-grid strong{display:block}.perceptron-activation-grid span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.perceptron-activation-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.72rem;font-weight:500}.perceptron-learning-section{border:1px solid var(--line);background:#ffffff03;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:18px;margin-top:16px;padding:14px;display:grid}.perceptron-learning-copy p{color:var(--text-muted);margin:8px 0 0;font-size:.68rem;line-height:1.5}.perceptron-learning-result{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.perceptron-learning-result article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.perceptron-learning-result span,.perceptron-learning-result strong{display:block}.perceptron-learning-result span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.perceptron-learning-result strong{color:var(--green);font-family:var(--font-mono);margin-top:10px;font-size:.72rem;font-weight:500}@media (width<=980px){.perceptron-live-summary,.perceptron-decision-flow,.perceptron-activation-grid{grid-template-columns:repeat(2,1fr)}.perceptron-learning-section{grid-template-columns:1fr}}@media (width<=680px){.perceptron-decision-panel{padding:12px}.perceptron-live-summary,.perceptron-decision-flow,.perceptron-activation-grid,.perceptron-learning-result{grid-template-columns:1fr}.perceptron-formula{flex-direction:column;align-items:flex-start}}.mlp-summary{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.mlp-summary article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.mlp-summary span,.mlp-summary strong{display:block}.mlp-summary span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.mlp-summary strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem}.mlp-network{grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr) auto minmax(0,.8fr);align-items:center;gap:14px;margin-top:16px;display:grid}.mlp-layer{gap:9px;display:grid}.mlp-node{border:1px solid var(--line);background:#ffffff03;padding:12px}.mlp-node span,.mlp-node strong,.mlp-node small{display:block}.mlp-node span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.55rem}.mlp-node strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:8px;font-size:.85rem}.mlp-node small{color:var(--text-muted);margin-top:6px;font-size:.58rem}.mlp-hidden-node{background:#2f9cff0a;border-color:#2f9cff3d}.mlp-output-node{background:#4de0a80d;border-color:#4de0a847}.mlp-output-node strong{color:var(--green);font-size:1.2rem}.mlp-network-arrow{color:var(--blue);font-family:var(--font-mono);font-size:1.2rem}.mlp-action-scores{margin-top:16px}.mlp-action-scores p{color:var(--text-muted);margin:6px 0 0;font-size:.66rem}.mlp-score-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:10px;display:grid}.mlp-score-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.mlp-score-card span,.mlp-score-card strong{display:block}.mlp-score-card span{color:var(--text-muted);font-family:var(--font-mono);font-size:.58rem}.mlp-score-card strong{color:var(--text);font-family:var(--font-mono);margin-top:10px;font-size:.84rem}.mlp-score-card.selected{background:#2f9cff14}.mlp-score-card.selected strong{color:var(--blue-light)}@media (width<=980px){.mlp-summary,.mlp-score-grid{grid-template-columns:repeat(2,1fr)}.mlp-network{grid-template-columns:1fr 1fr}.mlp-network-arrow{display:none}.mlp-layer:last-child{grid-column:span 2}}@media (width<=680px){.mlp-summary,.mlp-score-grid,.mlp-network{grid-template-columns:1fr}.mlp-layer:last-child{grid-column:auto}}.mlp-mode-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:14px;display:grid}.mlp-mode-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.mlp-mode-grid span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem;display:block}.mlp-mode-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.72rem;font-weight:500;display:block}@media (width<=980px){.mlp-mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.mlp-mode-grid{grid-template-columns:1fr}}.backprop-panel{padding:18px}.backprop-callout{border-left-color:var(--green);background:#4de0a80d}.backprop-callout span{color:var(--green)}.backprop-training-toolbar{border:1px solid var(--line);background:linear-gradient(145deg,#4de0a80d,#0000);justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:16px;display:flex}.backprop-training-toolbar p,.backprop-section-heading p,.backprop-action-section>div:first-child p,.backprop-loss-section>div:first-child p{color:var(--text-muted);margin:7px 0 0;font-size:.68rem;line-height:1.5}.backprop-training-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.backprop-summary{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:16px;display:grid}.backprop-summary article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.backprop-summary span,.backprop-summary strong{display:block}.backprop-summary span{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem}.backprop-summary strong{color:var(--green);font-family:var(--font-mono);margin-top:10px;font-size:.82rem;font-weight:500}.backprop-forward-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;display:grid}.backprop-stage-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffffff04,#0000);min-width:0;padding:16px}.backprop-step{color:var(--green);font-family:var(--font-mono);letter-spacing:.05em;font-size:.56rem}.backprop-stage-card h3,.backprop-cycle h3,.backprop-gradient-card h3,.backprop-parameters h3,.backprop-loss-section h3{color:var(--text);margin:8px 0 0;font-size:.86rem;font-weight:500}.backprop-value-list,.backprop-weight-updates{border-top:1px solid var(--line);margin-top:14px;display:grid}.backprop-value-list div,.backprop-weight-updates div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.backprop-value-list span,.backprop-weight-updates span{color:var(--text-muted);font-size:.64rem}.backprop-value-list strong,.backprop-weight-updates strong{color:var(--blue-light);font-family:var(--font-mono);font-size:.66rem;font-weight:500}.backprop-neuron-row{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:14px;display:grid}.backprop-neuron-row div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;min-width:0;padding:12px 8px}.backprop-neuron-row span,.backprop-neuron-row strong{display:block}.backprop-neuron-row span{color:var(--text-muted);font-family:var(--font-mono);font-size:.52rem}.backprop-neuron-row strong{color:var(--green);font-family:var(--font-mono);margin-top:9px;font-size:.68rem;font-weight:500}.backprop-output-card{flex-direction:column;display:flex}.backprop-probability{color:var(--green);font-family:var(--font-mono);margin-top:18px;font-size:clamp(1.8rem,4vw,3rem);font-weight:400}.backprop-output-card p{color:var(--text-muted);margin:auto 0 0;padding-top:12px;font-size:.68rem}.backprop-cycle,.backprop-parameters,.backprop-action-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.backprop-section-heading,.backprop-action-section{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.backprop-cycle-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.backprop-cycle-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:160px;padding:14px}.backprop-cycle-grid article>span{color:var(--green);font-family:var(--font-mono);font-size:.54rem}.backprop-cycle-grid h4{color:var(--text);margin:18px 0 0;font-size:.76rem;font-weight:500}.backprop-cycle-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:10px;font-size:.76rem;font-weight:500;display:block}.backprop-cycle-grid p{color:var(--text-muted);margin:9px 0 0;font-size:.64rem;line-height:1.5}.backprop-cycle-grid b{color:var(--green);font-family:var(--font-mono);font-weight:500}.backprop-gradient-section{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.backprop-gradient-card{border:1px solid var(--line);background:#050c12b8;min-width:0;padding:16px}.backprop-parameter-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.backprop-parameter-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:14px}.backprop-parameter-grid span,.backprop-parameter-grid strong,.backprop-parameter-grid small{display:block}.backprop-parameter-grid span{color:var(--green);font-family:var(--font-mono);text-transform:uppercase;font-size:.54rem}.backprop-parameter-grid strong{overflow-wrap:anywhere;color:var(--blue-light);font-family:var(--font-mono);margin-top:11px;font-size:.64rem;font-weight:500;line-height:1.55}.backprop-parameter-grid small{color:var(--text-muted);font-family:var(--font-mono);margin-top:8px;font-size:.56rem}.backprop-output-parameters{background:#4de0a80a;grid-column:span 2}.backprop-loss-section{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:24px;margin-top:18px;padding-top:18px;display:grid}.backprop-loss-chart{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background-color:#03080cb8;background-image:linear-gradient(#4de0a80f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:flex-end;gap:5px;min-height:150px;padding:14px 12px 0;display:flex}.backprop-loss-chart>div{flex:1 1 0;justify-content:center;align-items:flex-end;height:135px;display:flex}.backprop-loss-chart>div>span{background:linear-gradient(180deg, var(--green), #2f9cffa6);width:min(100%,22px);min-height:5px;box-shadow:0 0 8px #4de0a833}.backprop-empty-chart{color:var(--text-muted);font-family:var(--font-mono);align-self:center;margin:auto;font-size:.62rem}.backprop-action-section{align-items:center}.backprop-action-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(100px,1fr));min-width:min(100%,520px);display:grid}.backprop-action-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:11px}.backprop-action-grid span,.backprop-action-grid strong{display:block}.backprop-action-grid span{color:var(--text-muted);font-family:var(--font-mono);font-size:.56rem}.backprop-action-grid strong{color:var(--text);font-family:var(--font-mono);margin-top:9px;font-size:.72rem;font-weight:500}.backprop-action-grid article.selected{background:#4de0a814}.backprop-action-grid article.selected strong{color:var(--green)}.backprop-formula-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.backprop-formula-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:16px}.backprop-formula-grid span,.backprop-formula-grid strong{display:block}.backprop-formula-grid span{color:var(--green);font-family:var(--font-mono);text-transform:uppercase;font-size:.56rem}.backprop-formula-grid strong{color:var(--blue-light);font-family:var(--font-mono);margin-top:16px;font-size:.72rem;font-weight:500;line-height:1.5}.backprop-formula-grid p{color:var(--text-muted);margin:8px 0 0;font-size:.68rem;line-height:1.5}.backprop-completion{background:linear-gradient(90deg,#4de0a814,#0000 68%)}@media (width<=1100px){.backprop-summary{grid-template-columns:repeat(3,1fr)}.backprop-parameter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.backprop-training-toolbar,.backprop-section-heading,.backprop-action-section{flex-direction:column;align-items:flex-start}.backprop-training-actions{justify-content:flex-start}.backprop-forward-grid,.backprop-gradient-section,.backprop-loss-section{grid-template-columns:1fr}.backprop-cycle-grid{grid-template-columns:repeat(2,1fr)}.backprop-action-grid{width:100%}}@media (width<=680px){.backprop-panel{padding:12px}.backprop-training-actions{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.backprop-summary,.backprop-cycle-grid,.backprop-parameter-grid,.backprop-formula-grid{grid-template-columns:1fr}.backprop-output-parameters{grid-column:auto}.backprop-neuron-row,.backprop-action-grid{grid-template-columns:repeat(2,1fr)}.backprop-loss-chart{min-height:120px}.backprop-loss-chart>div{height:105px}}@media (width<=420px){.backprop-training-actions,.backprop-neuron-row,.backprop-action-grid{grid-template-columns:1fr}}.skip-link{z-index:1000;border:2px solid var(--blue-light);border-radius:var(--radius-small);color:#00101e;background:var(--blue-light);padding:10px 14px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.language-switcher{border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--surface);padding:3px;display:inline-flex}.language-switcher button{min-width:44px;min-height:36px;color:var(--text-muted);font-family:var(--font-mono);background:0 0;border:0;border-radius:2px;padding:0 10px;font-size:.75rem;font-weight:600}.language-switcher button[aria-pressed=true]{color:#00101e;background:var(--blue-light)}:where(a,button,select,[tabindex]):focus-visible{z-index:1;outline:3px solid var(--green);outline-offset:3px}.primary-button,.secondary-button,.speed-control select,.backprop-training-actions button,.perceptron-training button,.lesson-next-level button{min-height:44px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.hero-actions{align-items:flex-start}}@media (forced-colors:active){.status-light,.decision-status-light{border:1px solid}.level-tab.active:after{background:currentColor}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}