:root{--bg-primary: #020202;--bg-card: #0a0a09;--bg-input: #121210;--border-color: rgba(255, 204, 0, .12);--border-active: #ffcc00;--text-primary: #f2f2eb;--text-secondary: #ffcc00;--text-muted: #7a7a6e;--color-violet: #ffcc00;--color-cyan: #ffdd33;--color-rose: #ff3333;--color-emerald: #33ff33;--color-amber: #ffaa00;--yellow-glow: rgba(255, 204, 0, .2);--emerald-glow: rgba(51, 255, 51, .2);--font-sans: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--shadow-lg: 0 10px 30px -10px rgba(0, 0, 0, .9)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden;position:relative}.background-glows{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.glow-1{position:absolute;top:-20%;left:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,#ffcc0008,#0000 70%);animation:float 20s infinite alternate ease-in-out}.glow-2{position:absolute;bottom:-20%;right:-10%;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,#ffcc0005,#0000 70%);animation:float 25s infinite alternate-reverse ease-in-out}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}.app-container{width:100%;max-width:1440px;margin:0 auto;padding:2.5rem 1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:2.5rem}.app-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-area{display:flex;align-items:center;gap:.8rem;position:relative}.logo-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-violet);box-shadow:0 0 12px var(--color-violet)}.pulse-ring{position:absolute;left:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-violet);animation:ring-pulse 2s infinite ease-out}@keyframes ring-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3.5);opacity:0}}.app-header h1{font-size:2.5rem;font-weight:800;letter-spacing:.25em;background:linear-gradient(135deg,var(--text-primary) 30%,var(--color-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{color:var(--text-muted);font-size:.95rem;letter-spacing:.05em;font-weight:400}.dashboard-grid{display:grid;grid-template-columns:340px 1fr 380px;gap:1.5rem;align-items:start}.middle-column{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1200px){.dashboard-grid{grid-template-columns:300px 1fr}.chat-card{grid-column:span 2}}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.chat-card{grid-column:span 1}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.75rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#ffcc000d}.card:hover{border-color:#ffcc0040}.card-title{font-size:1rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.5rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:.75rem;text-transform:uppercase}.card-title:before{content:"> ";color:var(--text-secondary)}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.input-group select,.input-group textarea{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.input-group select:focus,.input-group textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--yellow-glow)}.input-group textarea{height:120px;resize:none;font-size:.85rem;line-height:1.5}.button-row{display:flex;gap:.75rem;margin-top:1.5rem}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-size:.9rem;font-weight:700;padding:.8rem 1.25rem;border-radius:6px;border:1px solid transparent;cursor:pointer;outline:none;transition:all .25s ease;text-transform:uppercase}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--color-violet);color:#020202;box-shadow:0 4px 12px var(--yellow-glow)}.btn-primary:not(:disabled):hover{background:#ffe066;transform:translateY(-1px);box-shadow:0 6px 16px #fc06}.btn-primary:not(:disabled):active{transform:translateY(1px)}.btn-danger{background:transparent;border:1px solid var(--color-rose);color:var(--color-rose)}.btn-danger:not(:disabled):hover{background:#ff33331a;transform:translateY(-1px);box-shadow:0 6px 16px #f333}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:not(:disabled):hover{border-color:var(--border-active);background-color:#ffcc000d}.btn-text{background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.8rem;cursor:pointer;transition:color .2s ease}.btn-text:hover{color:var(--text-secondary)}.status-indicator-bar{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color);font-size:.85rem}.status-label{color:var(--text-muted)}.status-indicator{font-weight:700;display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase}.status-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.status-offline{color:var(--text-muted)}.status-offline:before{background-color:var(--text-muted)}.status-connecting{color:var(--color-amber)}.status-connecting:before{background-color:var(--color-amber);animation:pulse-connecting 1s infinite alternate}.status-online{color:var(--color-emerald)}.status-online:before{background-color:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald);animation:pulse-connecting 1.5s infinite alternate}@keyframes pulse-connecting{0%{opacity:.4}to{opacity:1}}.bird-eye-wrapper{width:100%;margin-bottom:1.25rem}.bird-eye-container{position:relative;width:100%;height:280px;background-color:#030303;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.bird-eye-container canvas{width:100%;height:100%;display:block}.idle-text{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-muted);pointer-events:none;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:#020202d9;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,204,0,.1);transition:opacity .3s ease}.visualizer-controls{display:flex;justify-content:flex-end}.console-card{padding:1.25rem}.console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.console-title{margin-bottom:0!important;border-bottom:none!important;padding-bottom:0!important;font-size:.9rem}.console-body{height:150px;overflow-y:auto;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;display:flex;flex-direction:column;gap:.4rem;padding-right:.5rem}.console-body::-webkit-scrollbar,.chat-body::-webkit-scrollbar{width:4px}.console-body::-webkit-scrollbar-track,.chat-body::-webkit-scrollbar-track{background:transparent}.console-body::-webkit-scrollbar-thumb,.chat-body::-webkit-scrollbar-thumb{background:#fc03;border-radius:2px}.console-body::-webkit-scrollbar-thumb:hover,.chat-body::-webkit-scrollbar-thumb:hover{background:var(--color-violet)}.log-entry{white-space:pre-wrap;word-break:break-all}.log-info{color:var(--text-muted)}.log-success{color:var(--color-emerald)}.log-warning{color:var(--color-amber)}.log-error{color:var(--color-rose)}.app-footer{text-align:center;padding:2rem 1rem 1.5rem;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;border-top:1px solid var(--border-color);margin-top:2rem}.chat-card{padding:1.5rem;height:100%}.chat-body{height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);gap:.75rem}.chat-placeholder-icon{font-size:1.75rem;color:var(--text-secondary);opacity:.6;animation:bounce 2s infinite alternate ease-in-out}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.chat-placeholder p{font-size:.8rem;max-width:280px;font-weight:400;line-height:1.5}.chat-message{display:flex;width:100%}.chat-message.msg-user{justify-content:flex-end}.chat-message.msg-assistant{justify-content:flex-start}.message-bubble{max-width:85%;border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.chat-message.msg-user .message-bubble{background:#ffcc000f;border-color:#ffcc0059}.chat-message.msg-assistant .message-bubble{background:#f2f2eb08;border-color:#f2f2eb1f}.message-sender{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chat-message.msg-user .message-sender{color:var(--text-secondary)}.chat-message.msg-assistant .message-sender{color:var(--text-primary)}.sender-avatar{font-size:.8rem}.message-text{font-size:.85rem;line-height:1.5;color:var(--text-primary);word-break:break-word}.message-time{font-size:.65rem;color:var(--text-muted);align-self:flex-end}