:root{--bg: #05070d;--panel: #0b1020;--border: #1e2a44;--text: #e2e8f0;--muted: #64748b;--accent: #22d3ee;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:baseline;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:1.25rem;letter-spacing:.3em;color:var(--accent)}.app-subtitle{color:var(--muted);font-size:.85rem}.app-main{flex:1;display:grid;grid-template-columns:1fr 360px;min-height:0}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;min-height:0;background:radial-gradient(circle at center,#0b1630 0%,var(--bg) 70%)}.orb-wrapper{position:relative;width:min(60vmin,520px);aspect-ratio:1}.orb-wrapper canvas{width:100%!important;height:100%!important}.orb-label{position:absolute;bottom:-1.5rem;width:100%;text-align:center;font-size:.8rem;letter-spacing:.3em;color:var(--muted)}.command-panel{display:flex;gap:.5rem;width:min(560px,100%)}.command-panel input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:1rem}.command-panel input:focus{outline:1px solid var(--accent)}.command-panel button{padding:0 1.25rem;border:none;border-radius:8px;background:var(--accent);color:#05070d;font-weight:600;cursor:pointer}.command-panel button:disabled{opacity:.4;cursor:not-allowed}.history-panel{border-left:1px solid var(--border);background:var(--panel);padding:1rem;overflow-y:auto;font-size:.9rem}.history-panel h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.history-panel ul{list-style:none;padding:0;margin:0 0 1.5rem}.history-panel li{padding:.5rem 0;border-bottom:1px solid var(--border)}.history-panel p{margin:.25rem 0 0;color:var(--text)}.event-state{text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;color:var(--accent)}.event-error .event-state,.event-error{color:#f87171}.event-success .event-state,.event-success{color:#34d399}.muted{color:var(--muted)}@media (max-width: 800px){.app-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.history-panel{border-left:none;border-top:1px solid var(--border);max-height:40vh}}