:root{color-scheme:dark;--bg:#071020;--bg2:#091326;--panel:#101c32;--panel2:#14223b;--panel3:#192a43;--line:#263852;--text:#e9f2ff;--muted:#92a5bf;--subtle:#607995;--cyan:#6ddff2;--cyan2:#36bdde;--orange:#ffbb83;--green:#5be1a2;--red:#ff8d9d;--purple:#b69aff;--shadow:0 16px 50px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 72% 65% at 70% -25%,rgba(46,101,162,.19),transparent 70%),linear-gradient(150deg,#071020,#0a1427 70%,#0b1525);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.48}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button,select{color:inherit}.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid rgba(129,157,199,.13);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;background:rgba(8,18,34,.86)}.brand{display:flex;align-items:center;gap:13px;min-width:218px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#123e61,#152744);box-shadow:inset 0 0 0 1px #255b7c}.brand-icon svg{width:25px}.brand strong{font-size:19px;letter-spacing:-.04em;line-height:1;display:block}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-weight:650}.top-center{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.tiny-pulse{display:block;width:8px;height:8px;border-radius:50%;background:#61e2ad;box-shadow:0 0 0 4px rgba(97,226,173,.08)}.mode-switch{display:flex;padding:4px;border:1px solid var(--line);background:#0c172a;border-radius:12px;gap:3px}.mode-button{background:transparent;border:0;border-radius:9px;padding:9px 14px;color:var(--muted);font-size:12px;font-weight:750;transition:.2s}.mode-button.active{color:#052135;background:var(--cyan)}.workspace{max-width:1800px;margin:0 auto;display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:33px 17px 24px 20px;border-right:1px solid rgba(129,157,199,.12);display:flex;flex-direction:column;gap:12px}.section-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);font-weight:850}.sidebar .section-kicker{padding-left:11px;margin-bottom:7px}.nav-list{display:grid;gap:8px}.nav-item{border:1px solid transparent;background:transparent;text-align:left;display:flex;align-items:flex-start;gap:12px;border-radius:13px;padding:14px 12px;min-height:72px;width:100%;transition:.2s}.nav-item:hover{background:#13213a}.nav-item.active{border-color:#294764;background:#14243d;box-shadow:inset 3px 0 0 var(--cyan)}.nav-number{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:9px;background:#1e304a;color:#aac0da;font-size:11px;font-weight:900}.nav-item.active .nav-number{background:#164c63;color:var(--cyan)}.nav-item.done .nav-number{background:#11473e;color:var(--green)}.nav-content strong{font-size:12px;display:block;color:#e7effe;font-weight:800;margin-top:1px}.nav-content small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.3}.sidebar-bottom{margin-top:auto;padding:18px 12px 0}.journey{border:1px solid var(--line);background:linear-gradient(160deg,#122b3e,#101b30);border-radius:16px;padding:15px}.journey-top{display:flex;justify-content:space-between;align-items:center}.journey-top strong{font-size:12px}.journey-top span{color:var(--cyan);font-size:12px;font-weight:800}.progress-track{height:6px;background:#304258;border-radius:30px;margin:11px 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan2),var(--cyan));border-radius:20px;transition:width .3s}.journey p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.main{min-width:0;padding:36px clamp(16px,3.1vw,52px) 40px;max-width:1550px;width:100%;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:850}.eyebrow i{height:1px;width:24px;background:#28687b}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:27px}.hero h1{font-size:clamp(27px,2.65vw,39px);line-height:1.12;letter-spacing:-.055em;font-weight:790;margin:10px 0 9px}.hero p{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-width:720px}.hero-chip{border:1px solid #2d435c;background:#132038;color:#9fc8df;border-radius:50px;padding:8px 12px;font-size:11px;font-weight:750;white-space:nowrap}.lab-grid{display:grid;grid-template-columns:minmax(234px,.85fr) minmax(360px,1.74fr) minmax(240px,.95fr);gap:14px;align-items:start}.panel{border:1px solid #27364d;background:linear-gradient(180deg,rgba(19,32,53,.93),rgba(13,24,43,.97));border-radius:18px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid rgba(137,163,195,.13);min-height:56px;padding:14px 18px}.panel-head strong{font-weight:780;font-size:12px;letter-spacing:.01em}.panel-head small{font-size:10px;color:var(--subtle);font-weight:650;text-align:right}.control-body{padding:19px}.results-body{padding:16px}.visual-body{padding:17px;min-height:485px}.group-heading{font-size:10px;color:var(--subtle);font-weight:830;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.group{margin-bottom:22px}.group:last-child{margin-bottom:0}.sep{height:1px;background:var(--line);margin:19px 0}.gate-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chip{border:1px solid #2a405b;border-radius:9px;background:#12243b;color:#aabed6;padding:9px 6px;font-size:11px;font-weight:800;transition:.15s;min-height:36px}.chip:hover{border-color:#4d7291;color:#eef7ff}.chip.active{background:#12475a;border-color:#3391a5;color:#adf3ff}.small-copy{color:var(--muted);font-size:11px;line-height:1.6;margin:9px 0}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-toggle{background:#122038;border:1px solid #30415b;border-radius:12px;text-align:left;padding:11px;min-height:84px}.input-toggle .toggle-label{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.toggle-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.toggle-bottom strong{font-size:22px;line-height:1}.switch-track{width:37px;height:21px;background:#3c465b;border-radius:30px;position:relative;transition:.2s}.switch-track:after{content:"";width:15px;height:15px;position:absolute;top:3px;left:3px;border-radius:50%;background:#bbc7d7;transition:.2s}.input-toggle.on{border-color:#357c92}.input-toggle.on .switch-track{background:#287d8d}.input-toggle.on .switch-track:after{transform:translateX(16px);background:#b6f6ff}.input-toggle.on .toggle-bottom strong{color:var(--cyan)}.input-toggle.disabled{opacity:.5;cursor:default}.param{margin:0 0 17px}.param:last-child{margin:0}.param-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:6px}.param-top label{font-size:12px;color:#ccdaed;font-weight:650}.param-label{font-size:11px;color:var(--muted)}.param-value{color:var(--cyan);font-size:12px;font-variant-numeric:tabular-nums;font-weight:850}.param-flex{display:flex;gap:9px;align-items:center}.param input[type=range]{width:100%;accent-color:#68d3e5;min-width:0;height:14px;cursor:ew-resize}.param input[type=number]{border:1px solid #34506a;background:#0b162a;color:#eaf6ff;border-radius:7px;width:58px;padding:5px 3px;text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.param input[type=number]::-webkit-outer-spin-button,.param input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.param-ends{display:flex;justify-content:space-between;color:var(--subtle);font-size:9px;padding-right:68px}.btn{border-radius:10px;padding:11px 13px;background:#172d47;border:1px solid #33506b;font-size:11px;font-weight:800;color:#d8edff;transition:.15s;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}.btn:hover{background:#213b58;border-color:#5989a8}.btn-primary{background:#5ad2e8;border-color:#5ad2e8;color:#052236}.btn-primary:hover{background:#89e9f6;color:#052236}.btn-ghost{background:transparent}.btn-soft{background:#173a48;border-color:#306e7b;color:#b3eff9}.button-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-stack .wide{grid-column:span 2}.tag{border:1px solid #31546b;border-radius:20px;padding:5px 8px;color:#a6e8f4;background:#163545;font-size:10px;font-weight:800;white-space:nowrap}.result-huge{border:1px solid #2d405b;background:#0e1b30;border-radius:14px;padding:15px 16px;margin-bottom:14px}.result-huge .top-label{color:var(--muted);font-size:11px}.result-huge .big-row{display:flex;justify-content:space-between;align-items:baseline;gap:5px}.big-number{font-size:47px;line-height:1.25;font-weight:850;letter-spacing:-.06em}.big-number.one{color:var(--cyan)}.big-number.zero{color:var(--orange)}.big-number.score{font-size:36px}.result-caption{color:var(--muted);font-size:11px}.table-wrap{overflow:auto;border:1px solid #2a3c56;border-radius:12px}table.truth{width:100%;border-collapse:collapse;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}table.truth th{background:#14243a;color:#92aac5;font-weight:850;padding:10px 6px;border-bottom:1px solid #30435d}table.truth td{padding:9px 5px;border-bottom:1px solid rgba(103,134,173,.14)}table.truth tbody tr:last-child td{border-bottom:0}table.truth tr.selected{background:rgba(88,207,231,.13)}table.truth tr.error-row{box-shadow:inset 3px 0 0 var(--red)}.value-one{color:var(--cyan);font-weight:850}.value-zero{color:var(--orange);font-weight:850}.good{color:var(--green)}.bad{color:var(--red)}.tiny-icon{font-weight:900}.info-box{border:1px solid #2c435d;background:linear-gradient(150deg,#15283e,#122236);border-radius:12px;padding:13px 14px;margin-top:14px}.info-box.accent{border-color:#346479;background:#112d3c}.info-box.warning{border-color:#725942;background:#2c2630}.info-box h4{font-size:11px;letter-spacing:.02em;margin:0 0 5px;color:#e6f4ff}.info-box p{margin:0;color:#aabed6;font-size:11px;line-height:1.65}.info-box .mini-action{border:0;background:transparent;color:var(--cyan);font-size:10px;font-weight:800;padding:7px 0 0}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);align-items:center}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{height:9px;width:9px;border-radius:50%;display:inline-block}.legend-swatch.one{background:var(--cyan)}.legend-swatch.zero{background:var(--orange)}.legend-swatch.wrong{background:none;border:2px solid var(--red);height:11px;width:11px}.graphic-box{border:1px solid #293c55;border-radius:15px;background:radial-gradient(ellipse 85% 75% at 50% 30%,rgba(35,62,92,.22),transparent 90%),#0b172a;padding:12px;position:relative}.graphic-box .graphic-caption{position:absolute;top:13px;left:15px;color:#9cb4cb;font-size:10px;font-weight:780;letter-spacing:.04em;z-index:1}.graphic-box svg{display:block;width:100%;height:auto}.plot-svg{width:100%;max-width:460px;margin:0 auto;touch-action:none;user-select:none}.plot-svg text{font-family:inherit}.plot-small{max-width:350px}.graph-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 4px 4px;flex-wrap:wrap}.graph-info small{color:var(--subtle);font-size:10px}.graphic-spacer{height:12px}.signal-line{stroke-dasharray:9 8;animation:signal-move 1s linear infinite;stroke-linecap:round}.signal-line.dim{animation:none}.plot-boundary{stroke:var(--cyan);stroke-width:3.3;filter:drop-shadow(0 0 5px rgba(103,221,240,.29))}.plot-boundary.secondary{stroke:var(--purple)}.plot-boundary.drag-target{stroke:rgba(255,255,255,.001);stroke-width:24;pointer-events:stroke;cursor:grab;filter:none}.plot-boundary.drag-target:active{cursor:grabbing}.rotate-handle{cursor:crosshair;stroke:#10334c;stroke-width:4;fill:#8debf5;filter:drop-shadow(0 0 5px rgba(103,221,240,.25))}.network-svg{min-height:207px}.network-node{fill:#132844;stroke:#48627e;stroke-width:2.2}.network-node.on{fill:#1c6370;stroke:var(--cyan)}.network-node.off{fill:#3d2c36;stroke:var(--orange)}.network-node.focus{stroke-width:4;filter:drop-shadow(0 0 7px rgba(96,221,239,.32))}.network-wire{stroke:#3d5875;stroke-width:2;fill:none;opacity:.84}.network-wire.active{stroke:var(--cyan);stroke-width:3.5;stroke-dasharray:8 9;animation:signal-move .8s linear infinite}.network-wire.negative{stroke:#b59ae9}.network-label{font-size:13px;fill:#d6e9fd;font-weight:750}.network-sub{font-size:11px;fill:#8fa8c4}.node-interactive{cursor:pointer}.node-interactive:hover .network-node{stroke:#ffffff}.diagram-svg{min-height:150px}.result-eq{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid #31435c;background:#0c1829;border-radius:10px;padding:12px;color:#bfd0e3;font-size:11px;margin-top:13px;overflow-wrap:anywhere}.result-eq b{color:var(--cyan)}.split-viz{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.mlp-viz-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}.mlp-viz-grid .graphic-box{min-width:0}.playback{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0 0}.playback .btn{padding:8px 10px}.step-index{margin-left:auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.step-message{border:1px solid #2c465f;background:#11273b;border-radius:10px;margin-top:12px;padding:10px 13px;color:#bfd2e5;font-size:11px;line-height:1.5}.step-message strong{color:var(--cyan)}.metric-strip{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric-card{border:1px solid #283a53;background:#101d32;border-radius:13px;padding:14px 16px;min-width:0}.metric-card span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.metric-card strong{font-size:16px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric-card strong.cyan{color:var(--cyan)}.metric-card strong.orange{color:var(--orange)}.footnote{font-size:11px;color:#8fa4bf;line-height:1.6;margin:20px 2px 0}.footer-reference{border-top:1px solid #223449;padding:19px 0;margin-top:25px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;color:var(--subtle);font-size:10px}.footer-reference details{max-width:650px}.footer-reference summary{cursor:pointer;color:#a4b9d2;font-size:10px;font-weight:750}.footer-reference ul{padding-left:18px;color:#a4b9d2;font-size:11px;line-height:1.65}.challenge-status{margin:10px 0 0;font-size:11px;line-height:1.55}.lesson-card{border:1px solid #315367;background:linear-gradient(145deg,#102c3e,#15253b);padding:13px 14px;border-radius:12px;margin-top:18px}.lesson-card .lesson-kicker{display:flex;align-items:center;justify-content:space-between;color:var(--cyan);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.lesson-card p{color:#b6cfe2;font-size:11px;line-height:1.6;margin:8px 0 10px}.advanced-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.advanced-group{border:1px solid #30415a;border-radius:12px;padding:12px;margin:12px 0;background:#101e34}.advanced-group .group-heading{margin-bottom:11px}.advanced-group .param{margin-bottom:10px}.advanced-group .param:last-child{margin-bottom:0}.advanced-group .param-label{font-size:10px}.advanced-group .param input[type=number]{width:50px}.advanced-group .param-ends{padding-right:56px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.comparison>div{border:1px solid #2e4560;border-radius:10px;padding:11px;background:#0e1c30}.comparison small{color:var(--muted);display:block;margin-bottom:4px}.comparison strong{font-size:18px;color:var(--cyan)}.callout-key{color:#a7b5ca;font-size:10px;margin:9px 2px 0}.zone-title{font-size:11px;color:#bccfe2;font-weight:800;margin:0 0 7px}.score-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.score-dot{height:7px;width:7px;border-radius:50%}.score-dot.ok{background:var(--green)}.score-dot.bad{background:var(--red)}.inline-sep{color:#59708b;padding:0 3px}.hidden{display:none!important}@keyframes signal-move{to{stroke-dashoffset:-34}}@media(max-width:1320px){.lab-grid{grid-template-columns:minmax(205px,.86fr) minmax(300px,1.55fr) minmax(225px,.92fr)}.main{padding:28px 22px}.sidebar{padding:24px 13px}.mlp-viz-grid{grid-template-columns:1fr}.visual-body{min-height:400px}.network-svg{min-height:175px}}@media(max-width:1120px){.workspace{grid-template-columns:196px minmax(0,1fr)}.lab-grid{grid-template-columns:minmax(230px,1fr) minmax(340px,1.5fr)}.results-panel{grid-column:span 2}.results-body{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(280px,1.3fr);gap:14px;align-items:start}.results-body .info-box{margin-top:0}.results-body .result-huge{margin-bottom:0}.results-body .table-wrap{min-width:0}.nav-content small{font-size:10px}}@media(max-width:760px){.topbar{height:auto;min-height:74px;padding:15px 17px;flex-wrap:wrap}.top-center{display:none}.workspace{display:block}.sidebar{padding:14px 15px 5px;border-right:0;border-bottom:1px solid #25364d}.sidebar .section-kicker,.sidebar-bottom{display:none}.nav-list{display:flex;overflow:auto;padding-bottom:9px;gap:7px;scrollbar-width:thin}.nav-item{min-width:153px;min-height:59px;padding:9px;gap:7px}.nav-number{width:22px;height:22px;flex-basis:22px}.nav-content strong{font-size:11px}.nav-content small{font-size:9px}.main{padding:25px 14px 30px}.hero{display:block}.hero h1{font-size:29px}.hero-chip{display:inline-block;margin-top:14px}.lab-grid{display:block}.panel{margin-bottom:13px}.visual-body{min-height:0}.results-body{display:block}.results-body .result-huge{margin-bottom:12px}.results-body .info-box{margin-top:12px}.metric-strip{grid-template-columns:1fr 1fr}.footer-reference{display:block}.footer-reference>span{display:block;margin-bottom:10px}.mlp-viz-grid{grid-template-columns:1fr}}@media(min-width:761px) and (max-width:1000px){.lab-grid{grid-template-columns:1fr}.results-panel{grid-column:auto}.results-body{display:block}.results-body .info-box{margin-top:13px}.metric-strip{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Orientação discreta para navegar pelos módulos em telas estreitas. */
.mobile-nav-hint{display:none}
@media(max-width:760px){
 .mobile-nav-hint{display:block;margin:0 0 5px;text-align:right;color:#93afc8;font-size:10px;letter-spacing:.01em}
}