.network-svg{display:block;width:100%;height:auto;min-height:210px;margin:0 auto}.network-svg path{fill:none;stroke-width:2.4}.forward-lines path{stroke:var(--blue)}.backward-lines path{stroke:var(--red);stroke-dasharray:7 6;opacity:.9}.svg-node circle{stroke-width:3}.input-node circle{fill:#edf4ff;stroke:#5d8ed4}.hidden-node circle{fill:#e8f8f5;stroke:#41aaa3}.output-node circle{fill:#fff4dc;stroke:#d79b2b}.svg-node text{font-size:20px;font-weight:850;text-anchor:middle;fill:var(--ink)}.weight-labels text{font-size:14px;font-weight:800;fill:#49616f;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.weight-labels text:nth-child(-n+2){fill:var(--teal)}.bias-labels text{font-size:13px;font-weight:800;fill:var(--amber)}.svg-zone-label text{font-size:11px;font-weight:900;letter-spacing:2px;fill:#82919a}.svg-caption text{font-size:11px;fill:#81909a}.svg-caption text:nth-last-child(-n+2){font-size:10px}
.svg-state-values text{font-size:12px;font-weight:850;fill:var(--red);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.weight-labels tspan{font-size:11px;font-weight:700;fill:#6c7b84}.state-box{margin-top:15px;padding:13px 14px;border-left:4px solid var(--teal);border-radius:10px;background:#f4fbfa}.state-kicker{margin-bottom:6px;color:var(--teal);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.state-equation{color:#244d72;font:800 .84rem ui-monospace,SFMono-Regular,Menlo,monospace}.state-box dl{display:grid;grid-template-columns:92px 1fr;gap:5px 9px;margin:11px 0 0;font-size:.73rem}.state-box dt{color:var(--muted);font-weight:800}.state-box dd{margin:0;color:#384d58;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.current-computation-card .card-heading p{margin-top:4px;color:var(--muted);font-size:.74rem}.sample-context{display:flex;align-items:center;gap:10px;margin:2px 0 11px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fafcfc;font-size:.78rem;font-weight:800}.current-computation-card .state-box{margin-top:0;min-height:260px}.current-computation-card .state-box dl{grid-template-columns:76px 1fr}.state-meaning{display:grid;gap:3px;margin-top:13px;padding-top:10px;border-top:1px solid #cfe9e5;font-size:.72rem}.state-meaning span{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.state-meaning strong{color:#31525b;font-size:.76rem}.compact-formula{margin-top:11px;padding:9px 11px;font-size:.72rem;display:flex;justify-content:space-between;gap:8px}.current-computation-card .coach-note{font-size:.76rem;margin-top:10px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.4}.app-shell{max-width:1500px;margin:0 auto;padding:30px 34px 24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.05}.lede{margin:10px 0 0;color:var(--muted);font-size:1.05rem}.hero-badge{display:grid;place-items:center;width:94px;height:94px;border:1px solid #b9d4ee;border-radius:26px;background:#eaf3ff;color:var(--blue);box-shadow:var(--shadow)}.hero-badge span{font-weight:900;font-size:1.35rem}.hero-badge small{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.toolbar{display:flex;align-items:center;gap:24px;margin-bottom:20px}.progress-wrap{flex:1}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:7px}.progress-track{height:8px;border-radius:9px;background:#e2e6e8;overflow:hidden}.progress-bar{width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width .3s ease}.controls{display:flex;gap:9px}.button{border:0;border-radius:10px;padding:10px 15px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(20,50,70,.12)}.button-primary{background:var(--blue);color:white}.button-quiet{background:white;border:1px solid var(--line);color:var(--ink)}.concept-grid,.bottom-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;margin-bottom:16px}.bottom-grid{grid-template-columns:1.35fr .65fr}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.card-heading h2{font-size:1.02rem;margin:0;letter-spacing:-.015em}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.tag{display:inline-flex;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.69rem;font-weight:800;letter-spacing:.03em}.tag-teal{background:#e3f5f3;color:#137674}.tag-amber{background:#fff2da;color:#96600d}.tag-blue{background:#e8f0ff;color:#285da9}.tag-red{background:#fde9e7;color:#a63e3c}.network-diagram{display:flex;align-items:center;justify-content:center;gap:18px;min-height:120px}.node-column{display:flex;flex-direction:column;gap:24px;align-items:center;position:relative}.node{display:grid;place-items:center;width:50px;height:42px;border-radius:12px;border:2px solid;font-weight:900}.node-input{border-color:#5d8ed4;background:#edf4ff;color:#245ea8}.node-hidden{border-color:#41aaa3;background:#e8f8f5;color:#087974}.node-output{border-color:#d79b2b;background:#fff4dc;color:#9a650d}.node-column small{position:absolute;top:calc(100% + 5px);font-size:.67rem;color:var(--muted)}.links{display:flex;flex-direction:column;gap:33px;align-items:center;color:var(--muted);font-size:.72rem}.links span{white-space:nowrap}.links-left span:first-child,.links-right span:first-child{color:var(--teal)}.links-left span:last-child,.links-right span:last-child{color:var(--blue)}.notation{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.notation span{padding-right:8px;border-right:1px solid var(--line)}.notation span:last-child{border:0}.sample-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0;font-size:1.32rem;font-weight:850}.sample-value{color:var(--blue)}.target-value{color:var(--red)}.arrow{color:var(--muted)}.formula-box{border:1px solid #e4e8eb;border-radius:11px;background:#fafafa;padding:13px 15px;color:#3a4852;font-size:.87rem;display:grid;gap:6px}.formula-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);font-weight:800}.coach-note{margin:17px 0 0;color:var(--muted);font-size:.86rem}.trace-card{padding:22px 22px 26px}.trace-heading{align-items:center}.round-tabs{display:flex;gap:6px;background:#f0f3f4;border-radius:10px;padding:4px}.round-tab{border:0;background:transparent;padding:7px 12px;border-radius:7px;font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;color:var(--muted)}.round-tab.active{background:white;color:var(--blue);box-shadow:0 2px 8px rgba(20,50,70,.1)}.round-title{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:18px 0 12px}.round-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf4ff;color:var(--blue);font-weight:900}.round-title h3{margin:0;font-size:.98rem}.round-title p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.round-state{margin-left:auto;color:var(--muted);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.77rem}th{background:#f2f5f5;color:#53636e;text-align:left;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}th,td{padding:10px 9px;border-bottom:1px solid #e5eaec;vertical-align:top}tbody tr{opacity:.38;transition:opacity .25s,background .25s}tbody tr.revealed{opacity:1}tbody tr.active-row{background:#eff8f7;box-shadow:inset 3px 0 var(--teal)}td:first-child,th:first-child{width:48px;text-align:center;color:var(--muted);font-weight:800}td:nth-child(2){min-width:190px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#284b70}td:nth-child(3){min-width:225px;color:#53636e}td:nth-child(4){min-width:225px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#273943}td:nth-child(5){min-width:100px;font-weight:900;color:var(--teal);white-space:nowrap}td:nth-child(6){min-width:170px;color:#53636e}.hidden{display:none!important}.update-box{margin-top:17px;padding:15px 17px;border-radius:12px;background:#f4fbfa;border:1px solid #b9e0dc}.update-box h4{margin:0 0 7px;color:#137674;font-size:.84rem}.update-values{display:flex;flex-wrap:wrap;gap:8px}.update-values span{padding:5px 8px;border-radius:7px;background:white;border:1px solid #d7eeeb;color:#3a5655;font:700 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}.parameter-table td:not(:first-child),.parameter-table th:not(:first-child){text-align:right}.parameter-table td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.parameter-table tbody tr{opacity:1}.parameter-table td:last-child{color:var(--blue);font-weight:900}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0;color:var(--teal);font-size:.82rem;font-weight:850}.flow b{color:#99a8af}.takeaway-card p{color:var(--muted);font-size:.88rem}.full-button{width:100%;margin-top:12px}footer{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:#77858c;font-size:.72rem}@media(max-width:900px){.app-shell{padding:22px 16px}.concept-grid,.bottom-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.controls{justify-content:flex-end}.hero-badge{width:72px;height:72px;border-radius:20px}.hero-badge span{font-size:1rem}.hero-badge small{font-size:.6rem}.card{padding:16px}.trace-card{padding:17px 12px}.trace-heading{align-items:flex-start;flex-direction:column}.round-tabs{width:100%}.round-tab{flex:1}footer{flex-direction:column}.sample-row{margin:20px 0;font-size:1.1rem}}@media(max-width:540px){.hero{align-items:flex-start}.hero-badge{display:none}.network-diagram{gap:8px}.links{font-size:.62rem}.node{width:42px;height:38px}.notation{font-size:.68rem}.controls{width:100%}.controls .button{flex:1}}
.concept-grid{grid-template-columns:1.25fr .95fr .72fr}.table-help{margin:-8px 0 12px;color:var(--muted);font-size:.75rem}.variable-table{font-size:.76rem}.variable-table th,.variable-table td{padding:8px 7px}.variable-table th:first-child{text-align:left}.variable-table td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);font-weight:850;white-space:nowrap}.variable-table td:last-child{color:var(--muted);font-size:.7rem}.variable-table tr.current-variable{background:#e5f6f3;box-shadow:inset 3px 0 var(--teal)}.variable-table tr.pending-variable{opacity:.45}
.concept-grid{grid-template-columns:minmax(680px,1.55fr) minmax(380px,.85fr)}.network-svg{min-height:390px;width:100%}
.variables-card{min-width:0;overflow:hidden}.variable-table{table-layout:fixed;width:100%;min-width:0}.variable-table th:nth-child(1),.variable-table td:nth-child(1){width:28%}.variable-table th:nth-child(2),.variable-table td:nth-child(2){width:27%}.variable-table th:nth-child(3),.variable-table td:nth-child(3){width:45%}.variable-table td{overflow-wrap:anywhere;word-break:break-word}.variable-table td:nth-child(2){white-space:normal}
@media(max-width:1100px){.concept-grid{grid-template-columns:1fr 1fr}.variables-card{grid-column:1/-1}.variable-table tbody{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}.variable-table tr{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:7px 0;border-bottom:1px solid var(--line)}.variable-table tr.current-variable{padding-left:6px}.variable-table tr td{border:0;padding:0}.variable-table tr td:first-child{grid-row:1/3}.variable-table tr td:nth-child(2){text-align:right}.variable-table tr td:last-child{grid-column:2;text-align:right}}
@media(max-width:900px){.concept-grid{grid-template-columns:1fr}.variables-card{grid-column:auto}.variable-table tbody{display:table-row-group}.variable-table tr{display:table-row}.variable-table tr td{display:table-cell;padding:8px 7px}}
.network-svg .graph-edge-current{stroke:#d58b16!important;stroke-width:5px!important;opacity:1!important;filter:drop-shadow(0 0 3px rgba(213,139,22,.42))}.network-svg .graph-current circle{stroke:#d58b16!important;stroke-width:6px!important;filter:drop-shadow(0 0 7px rgba(213,139,22,.48))}.network-svg .graph-current .node-label{fill:#8e5a08!important}.network-svg .graph-value-current{fill:#b36c00!important;font-weight:950!important;filter:drop-shadow(0 0 2px rgba(213,139,22,.25))}.network-svg .graph-value-current tspan{fill:#b36c00!important}.network-svg .graph-edge-current+.weight-labels{fill:#b36c00!important}