@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sl-accent:#00d1ff;--sl-accent-contrast:#001017;--sl-product-name:"DevLab101";--sl-bg-primary:#030711;--sl-bg-secondary:#070f17;--sl-bg-elevated:#0b141e;--sl-bg-interactive:#ffffff0a;--sl-bg-interactive-hover:#fff1;--sl-overlay:#030711c7;--sl-text-primary:#fff;--sl-text-secondary:#ffffffb8;--sl-text-subtle:#ffffff8f;--sl-text-muted:#ffffff73;--sl-border:#ffffff14;--sl-border-strong:#ffffff29;--sl-focus:#fff;--sl-success:#42d392;--sl-warning:#fc6;--sl-danger:#ff6b6b;--sl-info:#68a7ff;--sl-font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--sl-font-mono:"IBM Plex Mono", "SFMono-Regular", consolas, monospace;--sl-font-size-xs:.75rem;--sl-font-size-sm:.875rem;--sl-font-size-md:1rem;--sl-font-size-lg:1.125rem;--sl-leading-tight:1.15;--sl-leading-body:1.7;--sl-space-1:4px;--sl-space-2:8px;--sl-space-3:12px;--sl-space-4:16px;--sl-space-6:24px;--sl-space-8:32px;--sl-space-12:48px;--sl-space-16:64px;--sl-radius:12px;--sl-radius-sm:8px;--sl-radius-pill:999px;--sl-shadow:0 10px 30px #0003;--sl-shadow-subtle:0 4px 16px #00000024;--sl-duration:.22s;--sl-ease:cubic-bezier(.2, .8, .2, 1);--sl-container:1200px;--sl-reading-width:760px;--sl-control-height:44px;--sl-control-height-lg:48px}[data-supra-product=supralearning]{--sl-accent:#2f9cff;--sl-accent-contrast:#020b14;--sl-product-name:"SupraLearning"}[data-supra-product=supralab-ai]{--sl-accent:#ff5a5a;--sl-accent-contrast:#170303;--sl-product-name:"SupraLab AI"}[data-supra-product=devlab101]{--sl-accent:#00d1ff;--sl-accent-contrast:#001017;--sl-product-name:"DevLab101"}[data-supra-product=flashlearning]{--sl-accent:#ff9f1c;--sl-accent-contrast:#170b00;--sl-product-name:"FlashLearning"}[data-supra-product=feelflow]{--sl-accent:#2dd4bf;--sl-accent-contrast:#021310;--sl-product-name:"FeelFlow"}@media (prefers-reduced-motion:reduce){:root{--sl-duration:.01ms}}.sl-button{justify-content:center;align-items:center;gap:var(--sl-space-2);min-height:var(--sl-control-height);padding:0 var(--sl-space-4);color:var(--sl-text-primary);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font:700 var(--sl-font-size-sm) / 1 var(--sl-font-sans);cursor:pointer;transition:color var(--sl-duration) var(--sl-ease), border-color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease), box-shadow var(--sl-duration) var(--sl-ease), transform var(--sl-duration) var(--sl-ease);text-decoration:none;display:inline-flex}.sl-button:hover:not(:disabled){color:var(--sl-text-primary);border-color:var(--sl-border-strong);background:var(--sl-bg-interactive-hover);text-decoration:none;transform:translateY(-1px)}.sl-button:active:not(:disabled){transform:translateY(0)scale(.99)}.sl-button:disabled{opacity:.45;cursor:not-allowed}.sl-button--primary{color:var(--sl-accent-contrast);border-color:var(--sl-accent);background:var(--sl-accent);box-shadow:0 4px 18px color-mix(in srgb, var(--sl-accent) 18%, transparent)}.sl-button--primary:hover:not(:disabled){color:var(--sl-accent-contrast);border-color:color-mix(in srgb, var(--sl-accent) 82%, white);background:color-mix(in srgb, var(--sl-accent) 88%, white)}.sl-button--ghost{background:0 0;border-color:#0000}.sl-button--danger{color:var(--sl-text-primary);border-color:color-mix(in srgb, var(--sl-danger) 45%, transparent);background:color-mix(in srgb, var(--sl-danger) 14%, transparent)}.sl-button--sm{min-height:36px;padding-inline:var(--sl-space-3);font-size:var(--sl-font-size-xs)}.sl-button--lg{min-height:var(--sl-control-height-lg);padding-inline:var(--sl-space-6)}.sl-card{color:var(--sl-text-secondary);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle);transition:border-color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease), transform var(--sl-duration) var(--sl-ease)}.sl-card--interactive:hover{border-color:var(--sl-border-strong);background:var(--sl-bg-elevated);transform:translateY(-2px)}.sl-field{gap:var(--sl-space-2);display:grid}.sl-field__label{color:var(--sl-text-primary);font-size:var(--sl-font-size-sm);font-weight:700}.sl-input{width:100%;min-height:var(--sl-control-height);padding:0 var(--sl-space-3);color:var(--sl-text-primary);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-primary);font:500 var(--sl-font-size-sm) / 1.4 var(--sl-font-sans);transition:border-color var(--sl-duration) var(--sl-ease), box-shadow var(--sl-duration) var(--sl-ease)}.sl-input::placeholder{color:var(--sl-text-subtle)}.sl-input:hover{border-color:var(--sl-border-strong)}.sl-input:focus{border-color:var(--sl-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-accent) 18%, transparent);outline:0}.sl-input[aria-invalid=true]{border-color:var(--sl-danger)}.sl-field__hint,.sl-field__error{color:var(--sl-text-subtle);font-size:var(--sl-font-size-xs);margin:0}.sl-field__error{color:var(--sl-danger)}.sl-modal-backdrop{z-index:1000;padding:var(--sl-space-4);background:var(--sl-overlay);animation:sl-fade-in var(--sl-duration) var(--sl-ease);place-items:center;display:grid;position:fixed;inset:0}.sl-modal{width:min(100%,560px);max-height:min(760px, calc(100vh - var(--sl-space-8)));padding:var(--sl-space-6);color:var(--sl-text-secondary);border:1px solid var(--sl-border-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow);animation:sl-slide-in var(--sl-duration) var(--sl-ease);overflow:auto}.sl-modal__header,.sl-modal__actions{justify-content:space-between;align-items:center;gap:var(--sl-space-4);display:flex}.sl-modal__title{color:var(--sl-text-primary);margin:0;font-size:1.25rem}.sl-modal__body{margin-top:var(--sl-space-4)}.sl-modal__actions{margin-top:var(--sl-space-6);justify-content:flex-end}.sl-tooltip{display:inline-flex;position:relative}.sl-tooltip__content{z-index:20;bottom:calc(100% + var(--sl-space-2));width:max-content;max-width:240px;padding:var(--sl-space-2) var(--sl-space-3);color:var(--sl-text-primary);border:1px solid var(--sl-border);border-radius:var(--sl-radius-sm);background:var(--sl-bg-elevated);box-shadow:var(--sl-shadow-subtle);font-size:var(--sl-font-size-xs);opacity:0;pointer-events:none;transform:translate(-50%, var(--sl-space-1));transition:opacity var(--sl-duration) var(--sl-ease), transform var(--sl-duration) var(--sl-ease);line-height:1.45;position:absolute;left:50%}.sl-tooltip:hover .sl-tooltip__content,.sl-tooltip:focus-within .sl-tooltip__content{opacity:1;transform:translate(-50%)}.sl-badge{align-items:center;gap:var(--sl-space-2);width:fit-content;min-height:28px;padding:var(--sl-space-1) var(--sl-space-3);color:var(--sl-accent);border:1px solid color-mix(in srgb, var(--sl-accent) 28%, transparent);border-radius:var(--sl-radius-pill);background:color-mix(in srgb, var(--sl-accent) 9%, transparent);font:700 var(--sl-font-size-xs) / 1 var(--sl-font-sans);display:inline-flex}.sl-badge--neutral{color:var(--sl-text-subtle);border-color:var(--sl-border);background:var(--sl-bg-interactive)}.sl-progress{gap:var(--sl-space-2);display:grid}.sl-progress__label{justify-content:space-between;gap:var(--sl-space-3);color:var(--sl-text-secondary);font-size:var(--sl-font-size-xs);font-weight:600;display:flex}.sl-progress__value{color:var(--sl-text-primary);font-family:var(--sl-font-mono)}.sl-progress__track{border-radius:var(--sl-radius-pill);background:var(--sl-bg-interactive-hover);height:6px;overflow:hidden}.sl-progress__bar{border-radius:inherit;background:var(--sl-accent);height:100%;transition:width var(--sl-duration) var(--sl-ease)}.sl-navbar,.sl-sidebar{border:1px solid var(--sl-border);background:var(--sl-bg-secondary)}.sl-navbar{min-height:64px;padding-inline:var(--sl-space-4);border-radius:var(--sl-radius);align-items:center;display:flex}.sl-sidebar{width:280px;min-height:100%;padding:var(--sl-space-4);border-radius:var(--sl-radius)}.sl-tabs__list{gap:var(--sl-space-1);padding:var(--sl-space-1);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-primary);display:flex;overflow-x:auto}.sl-tabs__tab{min-height:36px;padding:0 var(--sl-space-3);color:var(--sl-text-subtle);border-radius:var(--sl-radius-sm);font:700 var(--sl-font-size-sm) / 1 var(--sl-font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:0}.sl-tabs__tab:hover{color:var(--sl-text-secondary)}.sl-tabs__tab[aria-selected=true]{color:var(--sl-text-primary);background:var(--sl-bg-interactive-hover);box-shadow:var(--sl-shadow-subtle)}.sl-tabs__panel{padding-top:var(--sl-space-4)}.sl-accordion{border-top:1px solid var(--sl-border)}.sl-accordion__item{border-bottom:1px solid var(--sl-border)}.sl-accordion__summary{justify-content:space-between;align-items:center;gap:var(--sl-space-4);min-height:56px;color:var(--sl-text-primary);cursor:pointer;font-size:var(--sl-font-size-sm);font-weight:700;list-style:none;display:flex}.sl-accordion__summary::-webkit-details-marker{display:none}.sl-accordion__summary:after{color:var(--sl-text-subtle);content:"+";font-family:var(--sl-font-mono);transition:transform var(--sl-duration) var(--sl-ease)}.sl-accordion__item[open] .sl-accordion__summary:after{transform:rotate(45deg)}.sl-accordion__content{padding:0 0 var(--sl-space-4);color:var(--sl-text-secondary)}.sl-callout,.sl-alert,.sl-toast{padding:var(--sl-space-4);color:var(--sl-text-secondary);border:1px solid var(--sl-border);border-left:3px solid var(--sl-accent);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.sl-callout__title,.sl-alert__title,.sl-toast__title{margin:0 0 var(--sl-space-1);color:var(--sl-text-primary);font-size:var(--sl-font-size-sm);font-weight:800}.sl-callout p:last-child,.sl-alert p:last-child,.sl-toast p:last-child{margin-bottom:0}.sl-callout--info,.sl-alert--info,.sl-toast--info{border-left-color:var(--sl-info)}.sl-callout--success,.sl-alert--success,.sl-toast--success{border-left-color:var(--sl-success)}.sl-callout--warning,.sl-alert--warning,.sl-toast--warning{border-left-color:var(--sl-warning)}.sl-callout--danger,.sl-alert--danger,.sl-toast--danger{border-left-color:var(--sl-danger)}.sl-toast{width:min(100%,360px);box-shadow:var(--sl-shadow);animation:sl-slide-in var(--sl-duration) var(--sl-ease)}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sl-slide-in{0%{opacity:0;transform:translateY(var(--sl-space-2))}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.sl-button--mobile-full{width:100%}.sl-modal{padding:var(--sl-space-4)}.sl-sidebar{width:100%}}@media (prefers-reduced-motion:reduce){.sl-modal-backdrop,.sl-modal,.sl-toast{animation:none}}:root{--background:var(--sl-bg-primary);--surface:var(--sl-bg-secondary);--surface-light:var(--sl-bg-elevated);--line:var(--sl-border);--line-strong:var(--sl-border-strong);--text:var(--sl-text-primary);--text-soft:var(--sl-text-secondary);--text-muted:var(--sl-text-subtle);--blue:var(--sl-accent);--blue-light:color-mix(in srgb, var(--sl-accent) 58%, white);--blue-dark:color-mix(in srgb, var(--sl-accent) 34%, transparent);--red:var(--sl-danger);--green:var(--sl-success);--radius-small:var(--sl-radius-sm);--radius-medium:var(--sl-radius);--font-mono:var(--sl-font-mono)}.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%}.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.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}@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)}}.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}}.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}.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)}@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)}}.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}: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}}.supra-app{min-height:100vh;color:var(--sl-text-primary);background:var(--sl-bg-primary)}.app-shell{width:min(var(--sl-container), calc(100% - var(--sl-space-8)));padding:var(--sl-space-6) 0 var(--sl-space-12)}.app-shell:before{background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--sl-accent) 11%, transparent), transparent 34rem), linear-gradient(color-mix(in srgb, var(--sl-text-primary) 2%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sl-text-primary) 2%, transparent) 1px, transparent 1px), var(--sl-bg-primary);background-size:auto,64px 64px,64px 64px,auto}.app-shell:after{display:none}.hero{align-items:start;gap:var(--sl-space-8);padding:var(--sl-space-4) 0 var(--sl-space-8);border-bottom:0}.brand-lockup{align-items:center;gap:var(--sl-space-2);width:fit-content;color:var(--sl-text-primary);font-family:var(--sl-font-mono);font-size:var(--sl-font-size-xs);letter-spacing:.08em;font-weight:600;display:flex}.brand-mark{width:28px;height:28px;color:var(--sl-accent-contrast);border-radius:var(--sl-radius-sm);background:var(--sl-accent);font-family:var(--sl-font-sans);letter-spacing:0;place-items:center;font-weight:800;display:grid}.brand-separator{color:var(--sl-text-muted)}.brand-product{color:var(--sl-accent)}.module-tagline{margin-top:var(--sl-space-4);color:var(--sl-text-subtle);font-size:var(--sl-font-size-xs)}.hero h1{max-width:920px;margin-top:var(--sl-space-3);color:var(--sl-text-primary);letter-spacing:-.055em;font-size:clamp(2.4rem,5vw,4.75rem);font-weight:700;line-height:.98}.hero h1 span{color:var(--sl-text-secondary)}.hero p{max-width:var(--sl-reading-width);margin-top:var(--sl-space-4);color:var(--sl-text-secondary);font-size:var(--sl-font-size-md);line-height:var(--sl-leading-body)}.hero-actions{align-items:flex-end;gap:var(--sl-space-4)}.experiment-status{color:var(--sl-text-subtle);padding:0}.status-light,.decision-status-light.active{background:var(--sl-success);box-shadow:0 0 10px color-mix(in srgb, var(--sl-success) 70%, transparent)}.language-switcher{gap:var(--sl-space-1);padding:var(--sl-space-1);border-color:var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.language-switcher button{min-height:40px;color:var(--sl-text-subtle);border-radius:var(--sl-radius-sm);transition:color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease)}.language-switcher button:hover{color:var(--sl-text-primary);background:var(--sl-bg-interactive)}.language-switcher button[aria-pressed=true]{color:var(--sl-accent-contrast);background:var(--sl-accent)}.level-tabs{z-index:30;top:var(--sl-space-2);gap:var(--sl-space-1);margin-bottom:var(--sl-space-3);padding:var(--sl-space-1);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:color-mix(in srgb, var(--sl-bg-secondary) 92%, transparent);box-shadow:var(--sl-shadow-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;overflow:hidden}.level-tab{min-height:72px;padding:var(--sl-space-3);border-radius:var(--sl-radius-sm);color:var(--sl-text-subtle);transition:color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease), box-shadow var(--sl-duration) var(--sl-ease);background:0 0;border:0}.level-tab:last-child{border:0}.level-tab:hover:not(:disabled){color:var(--sl-text-primary);background:var(--sl-bg-interactive)}.level-tab.active{color:var(--sl-text-primary);background:var(--sl-bg-interactive-hover);box-shadow:inset 0 0 0 1px var(--sl-border)}.level-tab.active:after{right:var(--sl-space-3);bottom:var(--sl-space-1);left:var(--sl-space-3);border-radius:var(--sl-radius-pill);background:var(--sl-accent);height:2px;box-shadow:none}.level-number,.eyebrow,.section-label,.lesson-index,.decision-step-number{color:var(--sl-accent)}.level-tab small{color:var(--sl-text-subtle)}.simulation-layout{gap:var(--sl-space-3);border:0;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr)}.simulation-card,.side-panel,.decision-panel,.lesson-panel{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle);overflow:hidden}.simulation-card{padding:var(--sl-space-4);border-right:1px solid var(--sl-border)}.side-panel{background:var(--sl-bg-secondary)}.side-panel>section{padding:var(--sl-space-4);border-color:var(--sl-border)}.card-header{margin-bottom:var(--sl-space-4)}.card-header h2,.brain-card h2,.decision-panel-header h2{color:var(--sl-text-primary);font-weight:700}.episode-indicator,.brain-details strong,.decision-value-primary,.decision-action{color:color-mix(in srgb, var(--sl-accent) 62%, white)}.grid{border-color:var(--sl-border-strong);border-radius:var(--sl-radius-sm);background:linear-gradient(color-mix(in srgb, var(--sl-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sl-accent) 5%, transparent) 1px, transparent 1px), radial-gradient(circle at center, var(--sl-bg-elevated), var(--sl-bg-primary));box-shadow:inset 0 0 48px #0006}.grid-cell{border-color:color-mix(in srgb, var(--sl-accent) 7%, transparent)}.controls{gap:var(--sl-space-3);margin-top:var(--sl-space-4);padding-top:var(--sl-space-4);border-color:var(--sl-border)}.main-controls{gap:var(--sl-space-2)}.primary-button,.secondary-button,.lesson-next-button{min-height:var(--sl-control-height);padding:0 var(--sl-space-4);border-radius:var(--sl-radius);font-family:var(--sl-font-sans);font-size:var(--sl-font-size-xs);letter-spacing:0;text-transform:none;font-weight:700}.primary-button{color:var(--sl-accent-contrast);border-color:var(--sl-accent);background:var(--sl-accent);box-shadow:0 4px 18px color-mix(in srgb, var(--sl-accent) 18%, transparent)}.primary-button:hover:not(:disabled),.lesson-next-button:hover:not(:disabled){color:var(--sl-accent-contrast);border-color:color-mix(in srgb, var(--sl-accent) 82%, white);background:color-mix(in srgb, var(--sl-accent) 88%, white);transform:translateY(-1px)}.secondary-button{color:var(--sl-text-primary);border-color:var(--sl-border);background:var(--sl-bg-interactive)}.secondary-button:hover:not(:disabled){color:var(--sl-text-primary);border-color:var(--sl-border-strong);background:var(--sl-bg-interactive-hover)}.danger-button,.danger-button:hover:not(:disabled){color:var(--sl-text-primary);border-color:color-mix(in srgb, var(--sl-danger) 45%, transparent);background:color-mix(in srgb, var(--sl-danger) 14%, transparent)}.speed-control{gap:var(--sl-space-2);color:var(--sl-text-subtle)}.speed-control select{min-height:var(--sl-control-height);padding:0 var(--sl-space-8) 0 var(--sl-space-3);color:var(--sl-text-primary);border-color:var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-primary)}.brain-card p,.explanation-card p,.decision-panel-header p,.lesson-header p,.lesson-introduction p,.lesson-section-heading p,.lesson-experiment p,.lesson-next-level p,.lesson-list-card p{color:var(--sl-text-secondary)}.brain-details{border-color:var(--sl-border)}.brain-details div{border-color:var(--sl-border);min-height:40px}.brain-details span,.stat-card dt,.decision-status{color:var(--sl-text-subtle)}.stats-grid{gap:var(--sl-space-2);border:0}.stat-card{min-height:80px;padding:var(--sl-space-3);border:1px solid var(--sl-border);border-radius:var(--sl-radius-sm);background:var(--sl-bg-interactive)}.stat-card dd{color:var(--sl-text-primary);font-weight:600}.explanation-card:before{top:var(--sl-space-4);bottom:var(--sl-space-4);border-radius:var(--sl-radius-pill);background:var(--sl-accent);box-shadow:none}.decision-panel,.lesson-panel{margin-top:var(--sl-space-3);background:var(--sl-bg-secondary)}.decision-panel{padding:var(--sl-space-6)}.decision-panel-header,.lesson-header,.lesson-introduction,.lesson-section,.lesson-experiment,.lesson-next-level{border-color:var(--sl-border)}:is(.decision-step-card,.rule-context-card,.q-value-card,.q-formula-card,.perceptron-decision-card,.mlp-stage,.backprop-stage-card,.backprop-gradient-card,.lesson-process-card,.reward-grid article,.lesson-question,.agent-cycle-diagram){border-color:var(--sl-border);border-radius:var(--sl-radius-sm);background:var(--sl-bg-interactive)}.lesson-header h2,.lesson-introduction h3,.lesson-section h3,.lesson-experiment h3,.lesson-next-level h3,.lesson-list-card h3{color:var(--sl-text-primary);font-weight:700}.lesson-classification,.lesson-callout{border-left-color:var(--sl-accent);border-radius:var(--sl-radius-sm);background:color-mix(in srgb, var(--sl-accent) 7%, transparent)}.lesson-next-level{background:linear-gradient(90deg, color-mix(in srgb, var(--sl-accent) 7%, transparent), transparent 65%)}.lesson-next-button{color:var(--sl-accent-contrast);border-color:var(--sl-accent);background:var(--sl-accent);transition:color var(--sl-duration) var(--sl-ease), border-color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease), transform var(--sl-duration) var(--sl-ease)}.app-footer{justify-content:space-between;align-items:flex-start;gap:var(--sl-space-6);margin-top:var(--sl-space-8);padding:var(--sl-space-6) 0 0;border-top:1px solid var(--sl-border);display:flex}.app-footer p{max-width:420px;margin:var(--sl-space-2) 0 0;color:var(--sl-text-subtle);font-size:var(--sl-font-size-sm)}.footer-brand{color:var(--sl-accent);font-family:var(--sl-font-mono);font-size:var(--sl-font-size-xs);letter-spacing:.12em;font-weight:600}.app-footer nav{justify-content:flex-end;gap:var(--sl-space-2);flex-wrap:wrap;display:flex}.app-footer a{min-height:var(--sl-control-height);padding:0 var(--sl-space-4);color:var(--sl-text-secondary);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font-size:var(--sl-font-size-sm);transition:color var(--sl-duration) var(--sl-ease), border-color var(--sl-duration) var(--sl-ease), background-color var(--sl-duration) var(--sl-ease), transform var(--sl-duration) var(--sl-ease);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.app-footer a:hover{color:var(--sl-text-primary);border-color:var(--sl-border-strong);background:var(--sl-bg-interactive-hover);transform:translateY(-1px)}@media (width<=980px){.simulation-layout{grid-template-columns:1fr}.simulation-card{border:1px solid var(--sl-border)}.side-panel>section{border-color:var(--sl-border)}}@media (width<=760px){.app-shell{width:min(var(--sl-container), calc(100% - var(--sl-space-4)));padding-top:var(--sl-space-3)}.hero{padding:var(--sl-space-3) 0 var(--sl-space-6)}.hero h1{font-size:clamp(2.25rem,12vw,3.6rem)}.hero p{font-size:var(--sl-font-size-sm)}.level-tabs{scroll-snap-type:x proximity;scrollbar-width:thin;display:flex;overflow-x:auto}.level-tab{scroll-snap-align:start;border:0;flex:0 0 min(208px,76vw);grid-template-columns:28px 1fr;min-height:64px}.simulation-card,.decision-panel{padding:var(--sl-space-3)}.app-footer{flex-direction:column;align-items:stretch}.app-footer nav{justify-content:flex-start}}@media (width<=520px){.hero-actions{width:100%}.main-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.main-controls .primary-button{grid-column:1/-1}.app-footer nav,.app-footer a{width:100%}.app-footer a{justify-content:center}}.plain-language-card{gap:var(--sl-space-3);border-top:1px solid var(--sl-border);background:linear-gradient(145deg, color-mix(in srgb, var(--sl-accent) 7%, transparent), transparent 58%);display:grid}.plain-language-card h2{font-size:var(--sl-font-size-lg);margin:0}.plain-language-card p{color:var(--sl-text-secondary);margin:0}.plain-language-card>div{gap:var(--sl-space-2);padding:var(--sl-space-3);border-left:2px solid var(--sl-accent);background:color-mix(in srgb, var(--sl-accent) 5%, transparent);display:grid}.plain-language-card>div strong{color:var(--sl-accent);font-family:var(--sl-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.plain-language-card>div span{color:var(--sl-text-primary);font-size:var(--sl-font-size-sm)}.analytics-consent{z-index:100;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));gap:var(--sl-space-5);max-width:920px;padding:var(--sl-space-5);border-color:color-mix(in srgb, var(--sl-accent) 35%, var(--sl-border));background:color-mix(in srgb, var(--sl-bg-secondary) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-inline:auto;display:grid;position:fixed;box-shadow:0 22px 70px #0000007a}.analytics-consent strong{margin:var(--sl-space-2) 0;color:var(--sl-text-primary);font-size:var(--sl-font-size-lg);display:block}.analytics-consent p{max-width:660px;color:var(--sl-text-secondary);font-size:var(--sl-font-size-sm);margin:0}.analytics-consent a{margin-top:var(--sl-space-3);color:var(--sl-text-subtle);font-size:var(--sl-font-size-xs);text-underline-offset:3px;display:inline-flex}.analytics-consent-actions{gap:var(--sl-space-2);grid-template-columns:repeat(2,minmax(112px,1fr));display:grid}.analytics-consent-actions button,.analytics-preferences{min-height:var(--sl-control-height);padding:0 var(--sl-space-4);color:var(--sl-text-primary);border:1px solid var(--sl-border-strong);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font:700 var(--sl-font-size-sm)/1 var(--sl-font-sans);cursor:pointer}.analytics-consent-actions .analytics-consent-accept{color:var(--sl-accent-contrast);border-color:var(--sl-accent);background:var(--sl-accent)}.analytics-preferences{z-index:90;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));min-height:34px;color:var(--sl-text-subtle);background:color-mix(in srgb, var(--sl-bg-secondary) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.68rem;position:fixed}@media (width<=760px){.analytics-consent{padding:var(--sl-space-4);grid-template-columns:1fr}.analytics-consent-actions{width:100%}}@media (width<=420px){.analytics-consent-actions{grid-template-columns:1fr}}.app-shell{width:min(1320px,100% - 32px);padding-top:16px}.hero{align-items:start;gap:24px;padding:8px 0 20px}.hero-content{min-width:0}.hero h1{max-width:780px;margin-top:10px;font-size:clamp(2.6rem,4.4vw,4rem);line-height:1}.hero p{margin-top:10px;font-size:.95rem;line-height:1.55}.module-tagline{margin-top:10px}.hero-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:840px;margin:16px 0 0;padding:0;list-style:none;display:grid}.hero-guide li{border:1px solid var(--sl-border);border-radius:var(--sl-radius-sm);background:color-mix(in srgb, var(--sl-bg-secondary) 88%, transparent);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.hero-guide-number{width:28px;height:28px;color:var(--sl-accent);border:1px solid color-mix(in srgb, var(--sl-accent) 35%, transparent);background:color-mix(in srgb, var(--sl-accent) 8%, transparent);font:600 .7rem/1 var(--sl-font-mono);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.hero-guide div{gap:2px;min-width:0;display:grid}.hero-guide strong{color:var(--sl-text-primary);font-size:.78rem}.hero-guide small{color:var(--sl-text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.section-label,.eyebrow{font-size:.67rem}.level-path{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:color-mix(in srgb, var(--sl-bg-secondary) 92%, transparent);box-shadow:var(--sl-shadow-subtle);margin-bottom:12px;overflow:hidden}.level-path-header{justify-content:space-between;align-items:center;gap:20px;padding:11px 14px 9px;display:flex}.level-path-header>div{align-items:baseline;gap:12px;display:flex}.level-path-header strong{color:var(--sl-text-primary);font-size:.8rem}.level-path-header p{color:var(--sl-text-subtle);margin:0;font-size:.75rem}.level-path-progress{background:var(--sl-bg-interactive-hover);height:3px}.level-path-progress-bar{border-radius:0 var(--sl-radius-pill) var(--sl-radius-pill) 0;background:var(--sl-accent);height:100%;transition:width var(--sl-duration) var(--sl-ease);display:block}.level-path .level-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:4px;margin:0;padding:4px;position:sticky;top:8px}.level-path .level-tab{grid-template-columns:24px minmax(0,1fr);min-height:62px;padding:9px 10px}.level-tab strong{font-size:.78rem;font-weight:700}.level-tab small{text-transform:none;margin-top:4px;font-size:.6rem;line-height:1.25}.simulation-layout{grid-template-columns:minmax(0,2fr) minmax(350px,.82fr);align-items:stretch}.simulation-card{padding:18px}.card-header{align-items:flex-start;margin-bottom:14px}.card-header h2{font-size:1.15rem}.card-subtitle{max-width:560px;color:var(--sl-text-subtle);margin:5px 0 0;font-size:.76rem;line-height:1.45}.card-header-status{justify-items:end;gap:8px;display:grid}.episode-indicator{font-size:.65rem}.experiment-status{border:1px solid var(--sl-border);border-radius:var(--sl-radius-pill);background:var(--sl-bg-interactive);padding:5px 9px;font-size:.61rem}.experiment-status[data-tone=success]{color:var(--sl-success);border-color:color-mix(in srgb, var(--sl-success) 35%, transparent)}.experiment-status[data-tone=limit]{color:var(--sl-warning);border-color:color-mix(in srgb, var(--sl-warning) 35%, transparent)}.experiment-status[data-tone=limit] .status-light{background:var(--sl-warning);box-shadow:0 0 8px color-mix(in srgb, var(--sl-warning) 60%, transparent)}.experiment-status[data-tone=running] .status-light{animation:1.15s ease-in-out infinite status-pulse}.laboratory-workspace{grid-template-columns:minmax(390px,1fr) minmax(250px,292px);align-items:start;gap:16px;display:grid}.laboratory-figure{min-width:0;margin:0}.grid{width:min(100%,51vh,520px);max-height:none}.grid-cell.start-cell{background:color-mix(in srgb, var(--sl-success) 5%, transparent)}.start-marker{z-index:2;color:color-mix(in srgb, var(--sl-success) 72%, white);font:600 clamp(.38rem, .7vw, .54rem) / 1 var(--sl-font-mono);position:absolute;top:3px;left:4px}.wall-block{border-color:color-mix(in srgb, var(--sl-text-primary) 18%, transparent);background:linear-gradient(145deg, #ffffff0d, transparent), var(--sl-bg-elevated);width:80%;height:80%}.goal{border-radius:var(--sl-radius-sm);background:color-mix(in srgb, var(--sl-success) 10%, transparent);width:58%;box-shadow:0 0 15px color-mix(in srgb, var(--sl-success) 48%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--sl-success) 60%, transparent);border:0}.goal:before,.goal:after{display:none}.goal-flag{background:color-mix(in srgb, var(--sl-success) 72%, white);width:2px;height:55%;margin-left:-18%;position:relative}.goal-flag:after{background:var(--sl-success);clip-path:polygon(0 0,100% 18%,72% 100%,0 78%);content:"";width:8px;height:6px;position:absolute;top:0;left:2px}.robot{border-color:color-mix(in srgb, var(--sl-accent) 70%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--sl-accent) 58%, #16202a), color-mix(in srgb, var(--sl-accent) 24%, #07111a));width:56%}.laboratory-caption{justify-content:space-between;align-items:center;gap:12px;width:min(100%,51vh,520px);margin-top:10px;display:flex}.laboratory-legend{flex-wrap:wrap;gap:10px;display:flex}.laboratory-legend-item{color:var(--sl-text-secondary);align-items:center;gap:5px;font-size:.67rem;display:inline-flex}.legend-symbol{border-radius:3px;width:13px;height:13px;display:inline-block}.legend-symbol-robot{border:1px solid var(--sl-accent);background:color-mix(in srgb, var(--sl-accent) 30%, var(--sl-bg-elevated))}.legend-symbol-goal{border:1px solid var(--sl-success);background:color-mix(in srgb, var(--sl-success) 14%, transparent)}.legend-symbol-wall{border:1px solid var(--sl-border-strong);background:var(--sl-bg-elevated)}.laboratory-complexity{color:var(--sl-text-subtle);font:.61rem/1.4 var(--sl-font-mono);text-align:right}.controls{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);align-items:stretch;gap:14px;margin:0;padding:15px;display:grid}.controls-introduction{gap:4px;display:grid}.controls-introduction strong{color:var(--sl-text-primary);font-size:.9rem}.controls-introduction small,.training-controls small{color:var(--sl-text-subtle);font-size:.71rem;line-height:1.45}.controls-actions{gap:12px;display:grid}.main-controls{grid-template-columns:1fr;gap:7px;display:grid}.main-controls .primary-button,.main-controls .secondary-button{text-align:left;justify-content:flex-start;width:100%;min-height:42px;padding-inline:13px}.control-icon{width:20px;font-family:var(--sl-font-mono);place-items:center;display:inline-grid}.speed-control{align-items:stretch;gap:6px;font-size:.61rem;display:grid}.speed-control select{width:100%}.training-controls{border-top:1px solid var(--sl-border);gap:10px;padding-top:13px;display:grid}.training-controls-copy{gap:3px;display:grid}.training-controls strong{color:var(--sl-text-primary);font-size:.78rem}.training-controls-actions{gap:7px;display:grid}.side-panel>section{padding:18px}.brain-card p,.plain-language-card p{font-size:.82rem;line-height:1.58}.brain-details span,.brain-details strong{font-size:.63rem}.plain-language-card{border-top:0;gap:9px}.plain-language-card h2{margin-top:-2px;font-size:1rem}.plain-language-card-takeaway{color:var(--sl-text-primary)!important}.plain-language-card-analogy{border-radius:var(--sl-radius-sm);background:var(--sl-bg-interactive);padding:10px 11px}.plain-language-card-analogy strong{color:color-mix(in srgb, var(--sl-accent) 62%, white)}.plain-language-check{padding:10px 11px}.plain-language-check strong{font-size:.61rem}.plain-language-check span{font-size:.76rem;line-height:1.45}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:70px;padding:10px}.stat-card dt{text-overflow:clip;white-space:normal;font-size:.57rem;line-height:1.25;overflow:visible}.stat-card dd{margin-top:8px;font-size:1.05rem}.analytics-preferences{width:fit-content;margin:0 auto 18px;display:block;position:static}.decision-panel-header p,.decision-step-card p,.rule-section-heading p,.rule-result-text,.rule-test-card small,.rule-empty,.lesson-process-card p,.lesson-code-explanation p,.reward-grid p,.lesson-callout p,.lesson-list-card li,.lesson-question p{font-size:.78rem;line-height:1.58}.decision-status,.decision-step-number,.random-action-table-header,.decision-result-grid span,.rule-context-card span,.rule-condition-state,.rule-test-card span,.lesson-classification span,.lesson-process-card>span,.lesson-code-explanation span,.lesson-callout span,.lesson-question span{font-size:.64rem}.random-action-row,.rule-action-list span,.rule-proposed-action,.lesson-code code{font-size:.72rem}@keyframes status-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (width<=1180px){.simulation-layout{grid-template-columns:minmax(0,1fr) 330px}.laboratory-workspace{grid-template-columns:minmax(360px,1fr) 250px}.grid,.laboratory-caption{width:min(100%,48vh,480px)}}@media (width>=761px){.level-path{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:8px}}@media (width<=980px){.simulation-layout{grid-template-columns:1fr}.laboratory-workspace{grid-template-columns:minmax(360px,1fr) minmax(250px,290px)}.side-panel{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.side-panel>section{border-right:1px solid var(--sl-border);border-bottom:0}.side-panel>section:last-child{border-right:0}}@media (width<=760px){.app-shell{width:min(100% - 16px,1320px)}.hero{padding-top:8px;padding-bottom:16px;position:relative}.hero-actions{width:auto;position:absolute;top:6px;right:0}.language-switcher button{min-width:38px;min-height:36px;padding-inline:8px}.module-tagline{margin-top:14px}.hero h1{max-width:620px;font-size:clamp(2.2rem,10.5vw,3.25rem);line-height:1.02}.hero-guide{scroll-snap-type:x proximity;scrollbar-width:thin;max-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.hero-guide li{scroll-snap-align:start;flex:0 0 min(250px,76vw)}.level-path-header{padding:10px 12px 8px}.level-path-header p{display:none}.level-path .level-tabs{scroll-snap-type:x proximity;scrollbar-width:thin;display:flex;overflow-x:auto}.level-path .level-tab{scroll-snap-align:center;flex:0 0 min(190px,66vw);grid-template-columns:26px 1fr;min-height:60px}.simulation-card{padding:13px}.laboratory-workspace{grid-template-columns:1fr}.controls{order:-1}.controls-actions{grid-template-columns:minmax(0,1fr) minmax(132px,.45fr);align-items:end}.main-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.main-controls .primary-button{grid-column:1/-1}.grid,.laboratory-caption{width:min(100%,520px)}.side-panel{grid-template-columns:1fr}.side-panel>section{border-right:0;border-bottom:1px solid var(--sl-border)}.side-panel>section:last-child{border-bottom:0}}@media (width<=520px){.brand-lockup{gap:6px;font-size:.65rem}.brand-mark{width:26px;height:26px}.hero{grid-template-columns:1fr;gap:8px}.brand-product,.brand-separator{display:none}.hero h1{font-size:clamp(2.08rem,10.5vw,2.7rem)}.hero p{font-size:.84rem}.card-header{flex-direction:column;gap:10px}.card-header-status{justify-content:space-between;align-items:center;width:100%;display:flex}.controls-actions{grid-template-columns:1fr}.main-controls .primary-button,.main-controls .secondary-button{text-align:center;justify-content:center;padding-inline:8px}.laboratory-caption{flex-direction:column;align-items:flex-start}.laboratory-complexity{text-align:left}}@media (width<=380px){.hero h1{font-size:2rem}.main-controls{grid-template-columns:1fr}.main-controls .primary-button{grid-column:auto}}:root{color:var(--sl-text-primary);background:var(--sl-bg-primary);font-family:var(--sl-font-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--sl-bg-primary);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--sl-bg-primary);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}::selection{color:var(--sl-accent-contrast);background:var(--sl-accent)}