:root{--sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:"Outfit", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--bg:#0a0c0b;--bg-card:#ffffff06;--border:#ffffff0f;--text-h:#f4f4f5;--text:#8b8b95;--text-muted:#71717a;--text-ghost:#52525b;--text-faint:#3f3f46;--accent:#34d399;--accent-2:#06b6d4;--accent-gradient:linear-gradient(135deg, #34d399, #06b6d4);--accent-bg:#34d3990f;--accent-border:#34d39933;--error:#ef4444;--error-bg:#ef44440f;--error-border:#ef444438;--ease:cubic-bezier(.16, 1, .3, 1);font:16px/1.55 var(--sans);letter-spacing:-.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0;padding:0;overflow-x:hidden}body.app-shell-locked{width:100%;position:fixed;inset:0;overflow:hidden}body.app-shell-locked #root{height:100dvh}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:700}p{color:var(--text);margin:0;line-height:1.6}button,input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}@keyframes float1{0%{transform:translate(0)scale(1)}to{transform:translate(30px,40px)scale(1.05)}}@keyframes float2{0%{transform:translate(0)scale(1)}to{transform:translate(-20px,-30px)scale(.95)}}@keyframes scanDown{0%{top:-2px}to{top:100%}}@keyframes gridShift{0%{background-position:0 0}to{background-position:32px 32px}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ringPulse{0%,to{box-shadow:0 0 #34d3991f}50%{box-shadow:0 0 0 20px #34d39900}}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msg-anim{animation:msgIn .35s var(--ease) both}.animate-fade-up{animation:fadeUp .6s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);transition:all .4s var(--ease);border-radius:20px}.glass-card:hover{border-color:#34d39940;transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 30px #34d3990d}.input-text{width:100%;color:var(--text-h);font-family:var(--sans);transition:all .3s var(--ease);background:#00000059;border:1px solid #ffffff14;border-radius:9999px;outline:none;padding:13px 20px;font-size:14px}.input-text:focus{border-color:#34d39966;box-shadow:0 0 20px #34d39914}.input-textarea{width:100%;min-height:220px;color:var(--text-h);font-family:var(--sans);resize:vertical;transition:all .3s var(--ease);background:#00000059;border:1px solid #ffffff0f;border-radius:14px;outline:none;padding:18px;font-size:15px;line-height:1.6;box-shadow:inset 0 2px 6px #0006}.input-textarea:focus{background:#00000080;border-color:#34d39966}.btn-primary{background:var(--accent-gradient);color:#050505;font-family:var(--sans);cursor:pointer;transition:all .3s var(--ease);border:none;border-radius:9999px;align-items:center;gap:12px;padding:11px 12px 11px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 6px 22px #34d39940}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #34d39973}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary .btn-icon{background:#00000026;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.btn-secondary{color:#a1a1aa;font-family:var(--sans);cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-secondary:hover{color:#fff;border-color:#ffffff38}.btn-danger{color:var(--error);font-family:var(--sans);cursor:pointer;background:#ef44440f;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}.btn-danger:hover{background:#ef444424;border-color:#ef444466}.badge-e2e{font-family:var(--mono);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);letter-spacing:.05em;border-radius:4px;align-items:center;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.status-badge{font-family:var(--mono);color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:7px;padding:4px 10px;font-size:10.5px;font-weight:500;display:inline-flex}.status-badge.connected{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.status-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.connected .status-dot{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:2s infinite pulse}.alert-box{border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.55}.alert-box.warning{background:var(--error-bg);border:1px solid var(--error-border);color:var(--text-h)}.alert-box.warning strong{color:var(--error)}.alert-box.info{color:var(--text);background:#ffffff05;border:1px solid #ffffff0d}@media (width<=768px){input,select,textarea{font-size:16px!important}}.console-menu-toggle,.console-backdrop{display:none}@media (width<=768px){.console-main{padding:0!important}.console-card{box-shadow:none!important;border-radius:0!important}.console-aside{z-index:40;width:min(78vw,280px);height:100dvh;transition:transform .3s var(--ease);-webkit-backdrop-filter:blur(20px);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #00000080;background:#080a09fa!important}.console-aside.open{transform:translate(0)}.console-menu-toggle{color:var(--text-h);font-family:var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.console-mobile-topbar{display:flex!important}.console-backdrop.open{z-index:35;background:#0000008c;display:block;position:fixed;inset:0}.console-section>header,.console-section>div,.console-section>footer{padding-left:16px!important;padding-right:16px!important}.console-section{padding-bottom:max(env(safe-area-inset-bottom), 16px)}}.console-mobile-topbar{border-bottom:1px solid #34d3991a;align-items:center;gap:12px;padding:12px 16px;display:none}code.link-display{font-family:var(--mono);color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;background:#0006;border:1px solid #34d39926;border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.5;display:block;box-shadow:inset 0 2px 6px #00000080}