:root{--riven-primary:#00f0ff;--riven-glow:#00f0ff66;--riven-bg:#06122473;--riven-border:#00f0ff40;--riven-text:#e0f2fe;--vesper-primary:#ff9d00;--vesper-glow:#ff9d0066;--vesper-bg:#180c0473;--vesper-border:#ff9d0040;--vesper-text:#ffedd5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#030712;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;background-color:#030712;width:100vw;height:100vh;margin:0;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--active-border,#ffffff1a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--active-primary,#ffffff40)}.glass-panel{background:var(--active-bg,#0f172a73);-webkit-backdrop-filter:blur(16px);border:1px solid var(--active-border,#ffffff1a);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--active-border-hover,#fff3);box-shadow:0 8px 32px 0 var(--active-glow,#ffffff0d)}.mono-font{font-family:Share Tech Mono,monospace}.orbitron-font{letter-spacing:.05em;font-family:Orbitron,sans-serif}.glow-text{text-shadow:0 0 10px var(--active-glow)}.glow-border{border:1px solid var(--active-primary);box-shadow:0 0 15px var(--active-glow)}.app-container{grid-template-columns:1fr;width:100vw;height:100vh;display:grid;position:relative}.canvas-container{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{z-index:2;pointer-events:none;grid-template-rows:auto 1fr;width:100%;height:100%;padding:1.5rem;display:grid;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.header-bar{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex}.main-grid{grid-template-columns:350px 1fr;gap:1.5rem;height:calc(100vh - 10rem);min-height:0;display:grid}@media (width<=1024px){.main-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar-panel{display:none!important}}.chat-container{border-radius:16px;flex-direction:column;justify-self:end;width:100%;max-width:550px;height:100%;display:flex;overflow:hidden}@media (width<=640px){.chat-container{justify-self:center;max-width:100%}}.message-feed{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;max-width:85%;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.5;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}.message-bubble.user{background:#ffffff14;border:1px solid #ffffff0d;border-top-right-radius:2px;align-self:flex-end}.message-bubble.assistant{background:var(--active-bg-solid,#0f172a99);border:1px solid var(--active-border,#ffffff1a);border-top-left-radius:2px;align-self:flex-start}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-bar{border-top:1px solid var(--active-border,#ffffff1a);background:#0003;gap:.75rem;padding:1rem;display:flex}.text-input{border:1px solid var(--active-border,#ffffff1a);color:#fff;background:#0000004d;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.text-input:focus{border-color:var(--active-primary);box-shadow:0 0 10px var(--active-glow)}.action-btn{border:1px solid var(--active-border,#ffffff1a);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:var(--active-primary);color:#000;border-color:var(--active-primary);box-shadow:0 0 12px var(--active-glow)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.settings-select{border:1px solid var(--active-border,#ffffff1a);color:#fff;cursor:pointer;background:#0006;border-radius:8px;outline:none;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.settings-select:focus{border-color:var(--active-primary)}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 8px #10b981}.status-dot.disconnected{background-color:#ef4444;box-shadow:0 0 8px #ef4444}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.cyber-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:50%;background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-grid:after{content:"";background:radial-gradient(circle,#0000 40%,#030712cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}