*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.preload *{transition:none!important}:root{--bg-page:#0f0f1a;--bg-left:#13132b;--bg-right:#09090f;--border:#1e1e3a;--text:#dde0e8;--text-dim:#6b6e82;--color-idle:#ff3b3b;--color-idle-border:#b82020;--color-diagnostics:#3b82f6;--color-diagnostics-border:#1d4ed8;--color-fueled:#a855f7;--color-fueled-border:#7e22ce;--color-prepared:#ffb800;--color-prepared-border:#b87e00;--color-launched:#0c6;--color-launched-border:#008c44;--log-state:#64b5f6;--log-call:#cdd2e0;--log-result:#81c784;--log-error:#ef5350;color:var(--text);background:var(--bg-page);font-family:Courier New,Consolas,monospace}body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.mode-switcher{border-bottom:1px solid var(--border);background:#0a0a14;flex:none;gap:2px;padding:8px 16px;display:flex}.mode-switcher a{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);border-radius:4px;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.mode-switcher a:hover{color:var(--text);background:#1a1a2e}.mode-switcher a.active{color:var(--text);background:#1e1e3a}#app{flex:1;min-height:0;display:flex}.left-panel{background:var(--bg-left);border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:28px;padding:36px 24px 28px;display:flex;position:relative;overflow:hidden}.status-badge{letter-spacing:2px;border:2px solid;border-radius:999px;padding:5px 22px;font-size:13px;font-weight:700;transition:background .25s,color .25s,border-color .25s}.status-badge[data-state=IDLE]{background:var(--color-idle);border-color:var(--color-idle-border);color:#fff}.status-badge[data-state=DIAGNOSTICS]{background:var(--color-diagnostics);border-color:var(--color-diagnostics-border);color:#fff}.status-badge[data-state=FUELED]{background:var(--color-fueled);border-color:var(--color-fueled-border);color:#fff}.status-badge[data-state=PREPARED]{background:var(--color-prepared);border-color:var(--color-prepared-border);color:#111}.status-badge[data-state=LAUNCHED]{background:var(--color-launched);border-color:var(--color-launched-border);color:#fff}.rocket-svg{filter:drop-shadow(0 6px 18px #ff501e38);width:min(220px,55%);height:auto;transition:filter .4s}#app[data-state=DIAGNOSTICS] .rocket-svg{filter:drop-shadow(0 0 10px #3b82f6)drop-shadow(0 0 28px #3b82f659)}#app[data-state=FUELED] .rocket-svg{filter:drop-shadow(0 0 10px #a855f7)drop-shadow(0 0 28px #a855f759)}#app[data-state=PREPARED] .rocket-svg{filter:drop-shadow(0 0 10px gold)drop-shadow(0 0 28px #ffd70059)}#app[data-state=LAUNCHED] .rocket-svg{filter:drop-shadow(0 0 10px #0f8)drop-shadow(0 0 28px #00ff8859)}.manual-controls-drawer{border-top:1px solid var(--border);z-index:10;background:#0a0a1a;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(calc(100% - 40px))}.manual-controls-drawer.open{transform:translateY(0)}.drawer-header{height:40px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);background:#18182b;justify-content:center;align-items:center;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:flex}.drawer-header:hover{color:var(--text);background:#21213d}.manual-controls{flex-direction:column;gap:10px;width:100%;max-height:50vh;padding:20px 24px;display:flex;overflow-y:auto}.control-group{flex-direction:column;gap:5px;display:flex}.control-group label{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}.control-group input,.control-group select{border:1px solid var(--border);color:var(--text);background:#0d0d1e;border-radius:5px;outline:none;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s}.control-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6e82'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.control-group input:focus,.control-group select:focus{border-color:#3a3a6a}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s,transform .1s}.btn:hover{opacity:.82;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-diagnostics{background:var(--color-diagnostics);color:#fff}.btn-fuel{background:var(--color-fueled);color:#fff}.btn-prepare{background:var(--color-prepared);color:#111}.btn-ignite{background:var(--color-launched);color:#fff}.btn-abort{color:#fff;background:#f50}.btn-reset{color:var(--text);background:#2a2a4a}#app[data-state=IDLE] #btn-fuel,#app[data-state=IDLE] #btn-prepare,#app[data-state=IDLE] #btn-ignite,#app[data-state=IDLE] #btn-abort,#app[data-state=IDLE] #btn-reset,#app[data-state=DIAGNOSTICS] #btn-diagnostics,#app[data-state=DIAGNOSTICS] #btn-prepare,#app[data-state=DIAGNOSTICS] #btn-ignite,#app[data-state=DIAGNOSTICS] #btn-reset,#app[data-state=FUELED] #btn-diagnostics,#app[data-state=FUELED] #btn-fuel,#app[data-state=FUELED] #btn-ignite,#app[data-state=FUELED] #btn-reset,#app[data-state=PREPARED] #btn-diagnostics,#app[data-state=PREPARED] #btn-fuel,#app[data-state=PREPARED] #btn-prepare,#app[data-state=PREPARED] #btn-reset,#app[data-state=LAUNCHED] #btn-diagnostics,#app[data-state=LAUNCHED] #btn-fuel,#app[data-state=LAUNCHED] #btn-prepare,#app[data-state=LAUNCHED] #btn-ignite,#app[data-state=LAUNCHED] #btn-abort{opacity:.3;pointer-events:none}.right-panel{background:var(--bg-right);flex-direction:column;flex:0 0 360px;min-width:0;display:flex}.panel-header{letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);flex:none;padding:14px 22px;font-size:11px}.state-nodes{flex-direction:column;flex:1;align-items:center;padding:30px 24px;display:flex;overflow-y:auto}.state-node{border:2px solid var(--border);background:var(--bg-right);opacity:.4;border-radius:8px;width:100%;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.state-node.completed,.state-node.active{opacity:1}.state-node.completed{border-color:var(--color-launched);box-shadow:0 0 10px #00cc661a}.state-node.active{border-color:var(--text);z-index:2;transform:scale(1.02);box-shadow:0 0 16px #dde0e826}.node-title{letter-spacing:2px;color:var(--text-dim);margin-bottom:8px;font-size:14px;font-weight:700;transition:color .3s}.state-node.active .node-title,.state-node.completed .node-title{color:var(--text)}.state-node[data-node=IDLE].active{border-color:var(--color-idle);box-shadow:0 0 16px #ff3b3b33}.state-node[data-node=IDLE].active .node-title{color:var(--color-idle)}.state-node[data-node=DIAGNOSTICS].active{border-color:var(--color-diagnostics);box-shadow:0 0 16px #3b82f633}.state-node[data-node=DIAGNOSTICS].active .node-title{color:var(--color-diagnostics)}.state-node[data-node=FUELED].active{border-color:var(--color-fueled);box-shadow:0 0 16px #a855f733}.state-node[data-node=FUELED].active .node-title{color:var(--color-fueled)}.state-node[data-node=PREPARED].active{border-color:var(--color-prepared);box-shadow:0 0 16px #ffb80033}.state-node[data-node=PREPARED].active .node-title{color:var(--color-prepared)}.state-node[data-node=LAUNCHED].active,.state-node.completed{border-color:var(--color-launched)}.state-node[data-node=LAUNCHED].active .node-title,.state-node.completed .node-title{color:var(--color-launched)}.node-details{color:var(--text-dim);font-size:12px;line-height:1.5;transition:color .3s}.state-node.active .node-details,.state-node.completed .node-details{color:#a0a4b8}.node-connector{background:var(--border);width:2px;height:24px;margin:4px 0;transition:background .3s,box-shadow .3s}.node-connector.completed{background:var(--color-launched);box-shadow:0 0 6px var(--color-launched)}.auth-hint{color:var(--text-dim);text-align:center;margin-top:4px;font-size:11px}.auth-hint #auth-display{color:var(--text);letter-spacing:2px}.rocket-flames{display:none}#app[data-state=LAUNCHED] .rocket-flames{transform-box:fill-box;transform-origin:top;animation:.25s ease-in-out infinite flame-flicker;display:block}@keyframes flame-flicker{0%,to{opacity:.95;transform:scaleY(1)scaleX(1)}30%{opacity:1;transform:scaleY(1.12)scaleX(.88)}65%{opacity:.85;transform:scaleY(.88)scaleX(1.1)}}#app[data-state=LAUNCHED] .rocket-svg{animation:1.4s ease-in-out infinite rocket-bob}@keyframes rocket-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}