.vbar-top{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.vbar-top b{color:var(--navy);font-size:15px}.vbar-top a{color:var(--ink-soft);text-decoration:none;font-size:13.5px;font-weight:600}.vbar-top a:hover{color:var(--navy)}.e2-stage{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}.e2-row{position:relative;width:100%;display:flex;justify-content:center}.e2-input{width:100%;max-width:560px;background:#fff;border:1.6px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:18px 20px}.e2-input .lab{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--cyan-deep);letter-spacing:.08em;margin-bottom:10px}.e2-input .lab svg{width:15px;height:15px}.e2-input .field{display:flex;align-items:center;gap:12px;background:var(--bg-mist);border:1px solid var(--line);border-radius:var(--r-pill);padding:13px 18px}.e2-input .field .text{flex:1;font-size:15px;color:var(--ink);line-height:1.5;min-height:1.5em;white-space:pre-wrap;word-break:break-word}.e2-input .caret{display:inline-block;width:2px;height:1.05em;background:var(--navy);vertical-align:-.18em;margin-left:1px;animation:e2blink 1s steps(1) infinite}@keyframes e2blink{50%{opacity:0}}.e2-input .send{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}.e2-input .send svg{width:18px;height:18px}.e2-input.sending .send{background:var(--cyan-deep);transform:scale(1.08)}.e2-conn{height:46px;display:flex;align-items:center;justify-content:center}.e2-conn svg{overflow:visible;width:40px;height:46px}.e2-conn .wire{stroke:var(--line);stroke-width:2.4;fill:none}.e2-conn .arrow{fill:var(--line)}.e2-conn.flow .wire{stroke:var(--cyan);animation:e2pulseLine 1.1s ease-out}.e2-conn.flow .arrow{fill:var(--cyan)}@keyframes e2pulseLine{0%{stroke:var(--line)}30%{stroke:var(--cyan-deep)}to{stroke:var(--cyan)}}.e2-hub{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;background:linear-gradient(135deg,var(--navy),var(--navy-grad));color:#fff;border-radius:var(--r-lg);padding:22px 34px;box-shadow:var(--sh-md);text-align:center}.e2-hub:before{content:"";position:absolute;inset:0;border-radius:var(--r-lg);border:2px solid var(--cyan);opacity:0;animation:e2hubPulse 2.4s ease-out infinite}@keyframes e2hubPulse{0%{transform:scale(1);opacity:.65}70%{transform:scale(1.14);opacity:0}to{opacity:0}}.e2-hub .ico{width:46px;height:46px;border-radius:14px;background:#ffffff1f;display:flex;align-items:center;justify-content:center}.e2-hub .ico svg{width:26px;height:26px}.e2-hub .name{font-size:16px;font-weight:700;letter-spacing:.02em}.e2-hub .role{font-size:11.5px;opacity:.85;letter-spacing:.06em}.e2-hub.active{box-shadow:0 0 0 4px #c9a24b47,var(--sh-lg)}.e2-apps{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:2px}.e2-app{position:relative;background:#fff;border:1.6px solid var(--line);border-radius:var(--r);padding:18px 10px 16px;text-align:center;box-shadow:var(--sh-sm);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.e2-app .glyph{width:42px;height:42px;margin:0 auto 9px;border-radius:11px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:.25s}.e2-app .glyph svg{width:23px;height:23px}.e2-app .nm{font-size:12.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em;transition:.2s}.e2-app .stat{display:block;font-size:10.5px;margin-top:5px;min-height:1.3em;font-weight:600;color:transparent;letter-spacing:.02em;transition:.2s}.e2-app.lit{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--sh-md)}.e2-app.lit .glyph{background:linear-gradient(135deg,var(--navy),var(--navy-grad));color:#fff}.e2-app.lit .nm{color:var(--navy)}.e2-app.editing .stat{color:var(--cyan-deep);animation:e2blink 1s steps(2) infinite}.e2-app.done .stat{color:var(--cyan-deep);animation:none}.e2-app .check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:transform .3s ease,opacity .3s ease}.e2-app .check svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none}.e2-app.done .check{opacity:1;transform:scale(1)}.e2-foot-note{text-align:center;max-width:640px;margin:clamp(34px,5vw,48px) auto 0;font-size:clamp(15px,2vw,17px);color:var(--ink);font-weight:600;line-height:1.8}.e2-foot-note strong{color:var(--navy)}@media(max-width:720px){.e2-apps{grid-template-columns:repeat(2,1fr);gap:12px}.e2-input{padding:15px}.e2-input .field{padding:11px 14px;gap:9px}.e2-hub{padding:18px 24px}}@media(max-width:380px){.e2-apps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.e2-input .caret{display:none}.e2-conn .wire{stroke:var(--cyan)}.e2-conn .arrow{fill:var(--cyan)}.e2-hub:before{animation:none;opacity:.4;transform:scale(1.04)}.e2-app{transform:none;border-color:var(--cyan)}.e2-app .glyph{background:linear-gradient(135deg,var(--navy),var(--navy-grad));color:#fff}.e2-app .nm{color:var(--navy)}.e2-app .stat{color:var(--cyan-deep);animation:none}.e2-app .check{opacity:1;transform:scale(1)}}