.translation{margin:0 0 58px;border:1px solid #294337;border-radius:14px;background:#0b1419;overflow:hidden}.translation-heading{padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.translation-heading h2{font-size:28px;margin:8px 0}.translation-heading p:not(.eyebrow){font-size:13px;color:#95aaa1;margin:0}.translation-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #22362f;border-bottom:1px solid #22362f}.translation-steps button{border:0;border-radius:0;border-right:1px solid #22362f;background:transparent;display:flex;gap:12px;text-align:left;color:#789084;padding:15px 20px;font:11px ui-monospace,monospace}.translation-steps button span{color:#b8c8c0}.translation-steps button[aria-pressed=true]{background:#183126;color:#b2efd0}.translation-scene{position:relative;display:grid;grid-template-columns:30% 40% 30%;min-height:360px;border-bottom:1px solid #22362f}.agent-scene{position:relative;min-height:360px;border-right:1px solid #22362f;overflow:hidden;background:radial-gradient(ellipse at 45% 85%,#23403255,transparent 70%)}.scene-label{position:absolute;left:18px;top:16px;font:9px ui-monospace,monospace;letter-spacing:.07em;color:#8cac9b;z-index:1}.city-grid{position:absolute;left:-40px;right:-40px;bottom:-10px;height:100px;background:repeating-linear-gradient(0deg,transparent 0 21px,#30534677 22px 23px),repeating-linear-gradient(90deg,transparent 0 21px,#30534677 22px 23px);transform:perspective(280px) rotateX(50deg);opacity:.45}#city-agent{position:absolute;bottom:25px;left:calc(50% - 68px);height:220px;width:136px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 #0004)}.agent-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;color:#8aa397}.program-scene{padding:16px 18px;border-right:1px solid #22362f;transition:opacity .6s;min-width:0}.scene-title{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#90afa0;letter-spacing:.05em;margin-bottom:12px}#translation-program{height:270px;overflow:auto;scrollbar-width:thin;scrollbar-color:#345748 transparent}.program-line{display:block;width:100%;border:1px solid transparent;border-radius:4px;background:transparent;text-align:left;padding:7px 8px;min-height:44px;margin-bottom:2px;font:10px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:#98b4a5}.program-line .line-id{color:#d0e5d6}.program-line .line-op{color:var(--opcode-color)}.program-line .line-params{display:block;color:#6c8b7c;font-size:9px}.program-line.active{border-color:#456f57;background:#20392d70}.program-scene details{font-size:9px;color:#7f9e8d;margin-top:10px}.program-scene pre{max-height:150px;overflow:auto;font:9px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.form-scene{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#1d39282b,transparent 75%)}#translation-form{width:100%;height:310px;object-fit:contain;transition:opacity .8s;display:block}.form-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;color:#91ae9b}#thought-bubble{position:absolute;left:20px;top:55px;width:calc(30% - 40px);padding:15px 16px;border:1px solid #84b69a;border-radius:20px;background:#e0eadf;color:#233b2b;font-size:12px;line-height:1.55;box-shadow:0 10px 35px #0004;z-index:3;pointer-events:none;transition:left 1s cubic-bezier(.22,.8,.25,1),top 1s,width .8s,border-radius .8s,opacity .65s,background .8s,color .8s}.thought-dots{position:absolute;bottom:-27px;left:55%;display:flex;flex-direction:column;align-items:center;gap:5px}.thought-dots i{display:block;background:#dfe9dd;border:1px solid #84b69a;width:9px;height:9px;border-radius:50%}.thought-dots i:last-child{width:5px;height:5px}#translation[data-stage="0"] .program-scene{opacity:.35}#translation[data-stage="0"] #translation-form{opacity:.12}#translation[data-stage="1"] #thought-bubble{left:calc(30% + 18px);top:15px;width:150px;border-radius:5px;background:#254736;color:#c9ead1;font:10px ui-monospace,monospace;padding:7px 10px}#translation[data-stage="1"] .thought-dots,#translation[data-stage="2"] .thought-dots,#translation[data-stage="3"] .thought-dots{opacity:0}#translation[data-stage="1"] #translation-form{opacity:.25}#translation[data-stage="2"] #thought-bubble{left:calc(70% + 18px);top:55px;width:150px;border-radius:7px;background:#193827;color:#cee8d2;font:11px ui-monospace,monospace}#translation[data-stage="2"] #translation-form{opacity:.65}#translation[data-stage="3"] #thought-bubble{left:calc(70% + 40px);top:120px;width:100px;opacity:0}#translation[data-stage="3"] #translation-form{opacity:1}.translation-caption{padding:18px 26px;border-bottom:1px solid #22362f;display:flex;align-items:start;gap:20px}.translation-caption>span{min-width:190px;font:11px ui-monospace,monospace;color:#b0dcc0}.translation-caption p{margin:0;font-size:12px;color:#98b2a4}.translation-inspector{display:grid;grid-template-columns:35% 65%;padding:22px 26px;gap:16px;border-bottom:1px solid #22362f}.translation-inspector h3{margin:8px 0;color:#d0e5d7;font-size:18px;text-transform:none;letter-spacing:0}.translation-inspector .eyebrow{font-size:8px}.mapping-tag{display:inline-block;border:1px solid #344b3e;border-radius:4px;padding:4px 7px;margin:0 5px 5px 0;font:9px ui-monospace,monospace;color:#a5c3b0}.equation-block{min-width:0}.equation-block code{display:block;font:11px/1.8 ui-monospace,monospace;color:#bfdfc7;overflow-wrap:anywhere}.equation-block p{font-size:11px;color:#8ba493;line-height:1.7;margin:10px 0 0}.translation-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 26px;font-size:11px}.translation-toolbar label{display:flex;gap:10px;align-items:center;color:#abc6b4}.translation-toolbar input{width:80px}.translation-toolbar output{color:#d2efdc}.translation-toolbar>span{color:#8dab99;flex:1;min-width:200px}.translation-provenance{font-size:9px;color:#6e897b;padding:0 26px 18px;margin:0}.translation-provenance a{color:#9bbda7}@media(max-width:700px){.translation-heading{padding:20px;align-items:start;flex-direction:column;gap:12px}.translation-heading h2{font-size:24px}.translation-steps button{padding:12px 8px;font-size:9px;gap:5px}.translation-scene{grid-template-columns:1fr}.agent-scene{min-height:300px;border-right:0;border-bottom:1px solid #22362f}#city-agent{height:175px;bottom:15px}.program-scene{border-right:0;border-bottom:1px solid #22362f;min-height:270px}#translation-program{height:205px}.form-scene{min-height:280px}#translation-form{height:270px}#thought-bubble{left:25px;top:45px;width:calc(100% - 50px)}#translation[data-stage="1"] #thought-bubble{left:18px;top:317px;width:150px}#translation[data-stage="2"] #thought-bubble{left:18px;top:605px;width:150px}#translation[data-stage="3"] #thought-bubble{left:40px;top:680px;width:100px}.translation-caption{flex-direction:column;gap:8px;padding:18px}.translation-inspector{grid-template-columns:1fr;padding:18px}.translation-toolbar{padding:18px;gap:12px}.translation-provenance{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){#thought-bubble,.program-scene,#translation-form{transition:none}}

.translation-heading>button{width:auto;flex:0 0 auto}#translation-links{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;transition:opacity .4s}#translation-link-path{fill:none;stroke-width:1.3;stroke-dasharray:4 5;opacity:.8}#translation-link-dot{fill:none;stroke-width:1.5}#translation-link-label{font:9px ui-monospace,monospace;fill:#badcc7;paint-order:stroke;stroke:#0b1419;stroke-width:3px;stroke-linejoin:round}#translation[data-stage="0"] #translation-links,#translation[data-stage="1"] #translation-links{opacity:0}.equation-block code{white-space:pre-wrap}