.stage{background:var(--well);height:580px;box-shadow:0 0 0 1px var(--line), var(--thumb-shadow);color:var(--ink-2);isolation:isolate;border-radius:8px;font-size:14px;line-height:1.45;position:relative;overflow:hidden}.stage button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.stage .caret{background:var(--accent);vertical-align:-2px;width:1.5px;height:1.05em;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}.stage.paused .caret{opacity:0;animation:none}.stage .w,.stage .panel{background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--thumb-shadow);border-radius:10px}.gu-foot button,.ad-foot button{border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--ink);transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:0 15px;font-size:13px;font-weight:500}.gu-foot button:hover,.gu-foot button:focus-visible,.ad-foot button:hover,.ad-foot button:focus-visible{border-color:var(--ink)}.ad-foot button.next{background:var(--ink);border-color:var(--ink);color:var(--bg)}.ad-foot button.next:hover,.ad-foot button.next:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.gu-foot,.ad-foot{height:66px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.ad-foot em{font-style:normal}.stage.gu,.stage.ad{flex-direction:column;padding:28px 32px 0;display:flex}.gu-prompt{background:var(--surface);height:58px;box-shadow:0 0 0 1px var(--line-strong), 0 1px 2px #1112140d, 0 12px 26px -20px #11121466;letter-spacing:-.014em;color:var(--ink);border-radius:12px;flex:none;align-items:center;gap:14px;padding:0 12px 0 18px;font-size:20px;display:flex}.gu-prompt svg{width:20px;height:20px;color:var(--accent);flex:none}.gu-prompt span{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gu-prompt kbd{font:inherit;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;line-height:1}.gu-grid{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:16px;min-height:0;margin-top:16px;display:grid}.stage .w{flex-direction:column;min-width:0;padding:20px 24px 22px;display:flex}.stage .w header{letter-spacing:-.012em;color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;font-size:17px;font-weight:500;display:flex}.stage .w header span{letter-spacing:0;color:var(--muted);font-size:13px;font-weight:400}.stage .hbars{flex-direction:column;flex:1;justify-content:space-around;display:flex}.stage .hb{grid-template-columns:72px minmax(0,1fr) 56px;align-items:center;gap:16px;font-size:13px;display:grid}.stage .hb>span{color:var(--muted)}.stage .hb i{background:var(--line);border-radius:3px;height:12px;display:block;position:relative}.stage .hb i:after{content:"";border-left:1px dashed var(--muted);position:absolute;top:-5px;bottom:-5px;left:25%}.stage .hb s{background:var(--accent);transform-origin:0;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.stage .hb s.green{opacity:.4}.stage .hb b{text-align:right;color:var(--ink);font-weight:500}@keyframes grow{0%{transform:scaleX(0)}to{transform:none}}.stage.gu.play .hb s{animation:grow .7s var(--ease) both}.stage.gu.play .hb:nth-child(2) s{animation-delay:50ms}.stage.gu.play .hb:nth-child(3) s{animation-delay:.1s}.stage.gu.play .hb:nth-child(4) s{animation-delay:.15s}.stage.gu.play .hb:nth-child(5) s{animation-delay:.2s}.stage.gu.play .hb:nth-child(6) s{animation-delay:.25s}.stage .w.side header{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px;font-weight:600}.stage .side .big{letter-spacing:-.035em;color:var(--ink);font-size:68px;font-weight:500;line-height:1}.stage .side .big small{letter-spacing:-.02em;color:var(--muted);margin-left:3px;font-size:30px}.stage .side .down{color:var(--ok);margin:12px 0 0;font-size:13px}.stage .side dl{border-top:1px solid var(--line);justify-content:space-between;margin:26px 0 0;padding-top:14px;font-size:14px;display:flex}.stage .side dt{color:var(--muted)}.stage .side dd{color:var(--ink);margin:0;font-weight:600}.stage .side .warn{color:var(--warm);margin:8px 0 0;font-size:13px}.stage .side .follow{border-top:1px dashed var(--line-strong);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:auto 0 0;padding-top:16px;font-size:11px;font-weight:600}.stage .side .follow span{letter-spacing:-.005em;text-transform:none;color:var(--ink);margin-top:6px;font-size:15px;font-weight:400;line-height:1.4;display:block}.scenes{align-items:center;gap:6px;display:flex}.scenes i{background:var(--line-strong);border-radius:3px;width:6px;height:6px}.scenes i.on{background:var(--ink);width:18px}.gu-foot>span:nth-child(2){margin-left:14px;margin-right:auto}.ad-steps{flex:none;grid-template-columns:repeat(9,minmax(0,1fr));margin:2px 0 24px;padding:0;list-style:none;display:grid;position:relative}.ad-steps:before,.ad-steps:after{content:"";height:1px;position:absolute;top:5px;left:5.556%}.ad-steps:before{background:var(--line-strong);right:5.556%}.ad-steps:after{background:var(--ink);width:44.444%}.ad-steps li{z-index:1;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:12px;line-height:1.3;display:flex;position:relative}.ad-steps i{border:1.5px solid var(--line-strong);background:var(--well);border-radius:50%;width:11px;height:11px}.ad-steps .done i{background:var(--ink);border-color:var(--ink)}.ad-steps .cur i{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.ad-steps .cur span{color:var(--ink);font-weight:600}.ad-panels{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:0;display:grid}.stage .panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.stage .panel header{border-bottom:1px solid var(--line);letter-spacing:.8px;text-transform:uppercase;height:44px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;font-weight:500;display:flex}.stage .panel header b{color:var(--ink);font-weight:600}.orch{flex-direction:column;flex:1;padding:18px;display:flex}.orch-box{border:1px solid var(--ink);text-align:center;color:var(--ink);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600}.orch-box small{color:var(--muted);margin-top:1px;font-size:12px;font-weight:400;display:block}.grp{flex-direction:column;flex:1;display:flex}.grp:before{content:"";border-left:1px dashed var(--line-strong);flex:1;width:0;min-height:14px;margin:0 auto 8px}.lane{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 8px;font-size:11px;font-weight:500}.agents{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.agent{background:var(--well);box-shadow:0 0 0 1px var(--line);border-radius:8px;flex-direction:column;gap:1px;padding:10px 12px 11px;display:flex}.agent b{color:var(--muted);font-size:12px;font-weight:500}.agent span{letter-spacing:-.008em;color:var(--ink);font-size:15px;font-weight:500}.agent em{white-space:nowrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-style:normal;font-weight:500;display:flex}.agent em:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.agent.ok em{color:var(--ink)}.agent.green em{color:var(--ok)}.agent.red em{color:var(--warm)}.agent.wait{box-shadow:none;border:1px dashed var(--line-strong);background:0 0}.agent.wait em{color:var(--muted)}.agent.wait em:before{background:0 0;border:1px solid}.term pre{font:400 12.5px/1.8 var(--mono);color:var(--ink-2);white-space:pre-wrap;flex:1;margin:0;padding:16px 18px;overflow:hidden}.term pre b{color:var(--accent);font-weight:600}.term r{color:var(--warm)}.term g{color:var(--ok)}@keyframes ln{0%{opacity:0}to{opacity:1}}.stage.ad.play .term .ln{animation:ln .25s var(--ease) both;animation-delay:calc(var(--i) * .14s)}.term-foot{border-top:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:12px;margin:0;padding:12px 16px;font-size:12px;display:flex}.term-foot i{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.term-foot s{background:var(--ok);height:100%;display:block}.stage.screen{box-shadow:0 0 0 1px var(--line), 0 1px 2px #1112140f;background:#111}.screen .menubar{background:#000;border-bottom:1px solid #ffffff12;justify-content:flex-end;align-items:center;height:30px;padding:0 6px;display:flex;position:absolute;top:0;left:0;right:0}.screen .menubar img{clip-path:inset(0 0 0 5%);width:auto;height:30px;display:block}.screen .orb{mix-blend-mode:lighten;--m:radial-gradient(35% 35% at 38% 46%, #000 38%, transparent 100%);width:300px;height:300px;-webkit-mask:var(--m);mask:var(--m);position:absolute;top:50%;left:50%;transform:translate(-38%,-48%)}.screen .orb-still,.screen .mb-still{display:none}.screen .cap{color:#a7aab1;margin:0;font-size:13px;position:absolute;bottom:22px;left:24px}.screen .cap b{color:#e3b8ff;font-weight:500}.screen .cap i{color:#9fe7da;font-style:normal}.screen .play{color:#edeef0;height:44px;transition:background-color .2s var(--ease), border-color .2s var(--ease);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;right:18px}.screen .play:hover,.screen .play:focus-visible{background:#ffffff21;border-color:#ffffff47}.screen .play:focus-visible{outline-offset:3px;border-radius:999px;outline-color:#a9b8ff}@media (width<=860px){.gu-grid{grid-template-columns:minmax(0,1fr) 230px}.stage .side .big{font-size:52px}}@media (width<=760px){.stage{height:auto}.stage.gu,.stage.ad{padding:16px 16px 0}.gu-prompt{gap:10px;height:50px;padding:0 10px 0 14px;font-size:16px}.gu-prompt svg{width:17px;height:17px}.gu-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.stage .w{padding:16px 16px 18px}.stage .w header{flex-direction:column;gap:2px;font-size:16px}.stage .hbars{gap:14px}.stage .hb{grid-template-columns:58px minmax(0,1fr) 46px;gap:10px}.stage .w.side{flex-flow:wrap;align-items:baseline;gap:2px 14px}.stage .w.side header{width:100%;margin-bottom:4px}.stage .side .big{font-size:44px}.stage .side .big small{font-size:22px}.stage .side .down,.stage .side .warn{margin:0}.stage .side dl,.stage .side .follow{display:none}.gu-foot,.ad-foot{height:60px}.ad-steps{margin-bottom:40px}.ad-steps span{display:none}.ad-steps .cur span{white-space:nowrap;display:block;position:absolute;top:22px}.ad-panels{grid-template-columns:minmax(0,1fr)}.ad-panels .term{display:none}.orch{padding:14px}.agents{gap:6px}.agent{padding:9px 9px 10px}.agent span{font-size:14px}.agent em{gap:5px;font-size:11px}.ad-foot button span,.ad-foot em{display:none}.ad-foot button{white-space:nowrap}.stage.screen{height:440px}.screen .orb{width:210px;height:210px;transform:translate(-38%,-58%)}.screen .cap{text-align:center;bottom:72px;left:16px;right:16px}.screen .play{bottom:16px;left:50%;right:auto;transform:translate(-50%)}}@media (width<=560px){.stage{border-radius:8px}}@media (prefers-reduced-motion:reduce){.screen .orb,.screen .menubar img{display:none}.screen .orb-still{background:url(/img/orb-both.png) -41.2px -59.4px/630px 315px no-repeat;width:160px;height:160px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle closest-side,#000 62%,#0000 100%);mask:radial-gradient(circle closest-side,#000 62%,#0000 100%)}.screen .mb-still{color:#a7aab1;align-items:center;gap:10px;padding:0 8px;font-size:12px;display:flex}.screen .mb-still svg{width:14px;height:14px}}@media (width<=760px) and (prefers-reduced-motion:reduce){.screen .orb-still{transform:translate(-50%,-62%)}}