*{margin:0;padding:0;box-sizing:border-box}:root{--matrix-green:#00ff41;--matrix-dark-green:#003b00;--matrix-bg:#0a0a0a;--red-eye:#f03;--cyan-accent:#00e5ff}body{background:var(--matrix-bg);color:var(--matrix-green);font-family:JetBrains Mono,monospace;overflow-x:hidden;overflow-y:auto;min-height:100vh;width:100%;-webkit-overflow-scrolling:touch}#matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.15}.main-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px}.header{text-align:center;margin-bottom:10px}.header h1{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:4px;color:var(--matrix-green);text-shadow:0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.3);margin-bottom:4px}.header .subtitle{font-size:.85rem;color:rgba(0,255,65,.6);letter-spacing:6px;text-transform:uppercase}.header .ticker{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--red-eye);margin-top:6px;text-shadow:0 0 10px rgba(255,0,51,.5);letter-spacing:3px}.model-container{width:400px;height:400px;border:1px solid rgba(0,255,65,.2);border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(ellipse at center,rgba(0,60,0,.3) 0,transparent 70%);box-shadow:0 0 30px rgba(0,255,65,.1),inset 0 0 30px rgba(0,0,0,.5)}.audio-ring{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:3px;align-items:flex-end;height:40px;z-index:10;opacity:0;transition:opacity .3s}.audio-ring.active{opacity:1}.audio-bar{width:4px;background:var(--matrix-green);border-radius:2px;transition:height .05s;box-shadow:0 0 4px rgba(0,255,65,.5)}.chat-container{width:100%;max-width:500px;margin-top:15px}.chat-messages{max-height:150px;overflow-y:auto;padding:10px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--matrix-dark-green) transparent}.chat-message{margin-bottom:8px;font-size:.85rem;line-height:1.4;animation:fadeIn .3s ease}.chat-message.user{color:rgba(0,229,255,.8)}.chat-message.user:before{content:"> ";color:var(--cyan-accent)}.chat-message.agent{color:var(--matrix-green)}.chat-message.agent:before{content:"ALON: ";color:var(--red-eye);font-weight:700}.chat-input-container{display:flex;gap:8px}.chat-input{flex:1 1;background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.3);border-radius:6px;padding:10px 14px;color:var(--matrix-green);font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--matrix-green);box-shadow:0 0 10px rgba(0,255,65,.2)}.chat-input::placeholder{color:rgba(0,255,65,.3)}.send-btn{background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.4);color:var(--matrix-green);padding:10px 18px;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:2px;transition:all .2s}.send-btn:hover{background:rgba(0,255,65,.2);box-shadow:0 0 15px rgba(0,255,65,.3)}.status-bar{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.7rem;color:rgba(0,255,65,.4)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--matrix-green);animation:pulse 2s infinite}.social-links{display:flex;gap:20px;margin-top:15px}.social-links a{color:rgba(0,255,65,.5);text-decoration:none;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;transition:color .2s;border-bottom:1px solid transparent}.social-links a:hover{color:var(--matrix-green);border-bottom-color:var(--matrix-green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;top:0;left:0;width:100%;height:2px;background:rgba(0,255,65,.1);z-index:100;pointer-events:none;animation:scanline 4s linear infinite}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--matrix-green);font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:3px;animation:pulse 1.5s infinite}@media (max-width:600px){.header h1{font-size:1.6rem}.model-container{width:300px;height:300px}.chat-container{max-width:100%}}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(0,255,65,.03) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(255,0,51,.04) 0,transparent 40%),linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.page-container{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px;gap:16px;overflow-y:auto;overflow-x:hidden}.hero-header{text-align:center;padding:8px 0}.hero-title{font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,5vw,2.8rem);font-weight:900;margin:0;letter-spacing:6px;line-height:1.1}.title-gradient{background:linear-gradient(135deg,#f03,#f36 25%,#f03 50%,#cc0029 75%,#f03);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;filter:drop-shadow(0 0 30px rgba(255,0,51,.4))}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.typing-subtitle{font-family:Orbitron,sans-serif;font-size:.6rem;color:rgba(0,255,65,.5);letter-spacing:3px;margin-top:4px;min-height:1.2em}.typing-cursor{color:#00ff41;animation:cursorBlink .6s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-ticker{font-family:Orbitron,sans-serif;font-size:.75rem;color:#00e5ff;letter-spacing:3px;margin-top:6px;text-shadow:0 0 12px rgba(0,229,255,.4)}.stats-bar{justify-content:center;gap:0;margin-top:10px;padding:6px 16px;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,255,65,.1);border-radius:6px}.stat-item,.stats-bar{display:flex;align-items:center}.stat-item{flex-direction:column;gap:1px;padding:0 14px}.stat-value{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700}.stat-red{color:#f03;text-shadow:0 0 8px rgba(255,0,51,.4)}.stat-cyan{color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.4)}.stat-green{color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.4)}.stat-label{font-family:Orbitron,sans-serif;font-size:.45rem;color:rgba(0,255,65,.3);letter-spacing:2px}.stat-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent,rgba(0,255,65,.2),transparent)}.glass-panel{background:rgba(5,5,10,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,255,65,.12);border-radius:12px;box-shadow:0 0 30px rgba(0,0,0,.5),inset 0 0 30px rgba(0,255,65,.02),0 0 1px rgba(0,255,65,.15);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.3) 20%,rgba(0,255,65,.5) 50%,rgba(0,255,65,.3) 80%,transparent);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:1}}.content-grid{display:flex;gap:20px;width:100%;max-width:1000px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.model-panel{position:relative;width:100%;max-width:440px;aspect-ratio:3/4;overflow:hidden}.model-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(ellipse,rgba(0,255,65,.08) 0,transparent 70%);pointer-events:none;z-index:0;animation:modelPulse 4s ease-in-out infinite}@keyframes modelPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.model-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#00ff41;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:2px}.loading-ring{width:40px;height:40px;border:2px solid rgba(0,255,65,.1);border-top-color:#00ff41;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-indicator{position:absolute;top:12px;left:14px;z-index:10;font-family:Orbitron,sans-serif;font-size:.55rem;color:rgba(0,255,65,.3);letter-spacing:2px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(0,0,0,.5);border-radius:4px;border:1px solid rgba(0,255,65,.1)}.status-indicator.status-active{color:#00ff41;border-color:rgba(0,255,65,.3)}.status-dot-enhanced{width:6px;height:6px;border-radius:50%;background:rgba(0,255,65,.3);transition:all .3s}.status-dot-enhanced.dot-active{background:#00ff41;box-shadow:0 0 8px #00ff41,0 0 16px rgba(0,255,65,.3);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #00ff41,0 0 16px rgba(0,255,65,.3)}50%{box-shadow:0 0 12px #00ff41,0 0 24px rgba(0,255,65,.5)}}.right-panel{flex:1 1;min-width:280px;max-width:500px;display:flex;flex-direction:column;gap:10px}.tab-bar{flex-wrap:wrap}.glass-tab,.tab-bar{display:flex;gap:6px}.glass-tab{background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,255,65,.1);color:rgba(0,255,65,.35);padding:7px 14px;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:1.5px;transition:all .3s ease;align-items:center}.glass-tab:hover{border-color:rgba(0,255,65,.3);color:rgba(0,255,65,.6);background:rgba(0,255,65,.05)}.glass-tab-active{background:rgba(0,255,65,.08);border-color:rgba(0,255,65,.4);color:#00ff41;box-shadow:0 0 12px rgba(0,255,65,.1),inset 0 0 12px rgba(0,255,65,.03)}.tab-icon{font-size:.7rem;opacity:.6}.glass-tab-active .tab-icon{opacity:1}.tab-content{min-height:400px;max-height:520px;display:flex;flex-direction:column}.tab-pane{flex:1 1;flex-direction:column;overflow:hidden}.chat-messages-enhanced{flex:1 1;overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:rgba(0,255,65,.2) transparent}.chat-empty{opacity:.25;font-size:.8rem;text-align:center;margin-top:60px;line-height:1.8}.empty-icon{font-size:1.5rem;margin-bottom:8px;animation:pulse 2s infinite}.chat-bubble{margin-bottom:10px;padding:10px 14px;border-radius:8px;font-size:.85rem;line-height:1.5;animation:bubbleIn .3s ease;position:relative}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble-user{background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.1);border-left:2px solid rgba(0,229,255,.4)}.bubble-agent{background:rgba(0,255,65,.04);border:1px solid rgba(0,255,65,.08);border-left:2px solid rgba(255,0,51,.4)}.bubble-label{display:inline-block;color:#f03;font-weight:700;font-size:.65rem;font-family:Orbitron,sans-serif;margin-right:8px;letter-spacing:1px}.thinking-skeleton{display:flex;gap:10px;padding:10px 14px;margin-bottom:10px;border-radius:8px;background:rgba(0,255,65,.04);border:1px solid rgba(0,255,65,.08);border-left:2px solid rgba(255,0,51,.4);animation:bubbleIn .3s ease}.skeleton-avatar{flex-shrink:0}.skeleton-lines{flex:1 1;display:flex;flex-direction:column;gap:6px;padding-top:4px}.skeleton-pulse{background:linear-gradient(90deg,rgba(0,255,65,.05),rgba(0,255,65,.12) 50%,rgba(0,255,65,.05));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-input-area{padding:10px 14px;border-top:1px solid rgba(0,255,65,.08)}.input-wrapper{display:flex;gap:8px}.chat-input-enhanced{flex:1 1;background:rgba(0,255,65,.03);border:1px solid rgba(0,255,65,.15);border-radius:6px;padding:10px 14px;color:#00ff41;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;transition:all .3s}.chat-input-enhanced:focus{border-color:rgba(0,255,65,.5);box-shadow:0 0 16px rgba(0,255,65,.1),inset 0 0 8px rgba(0,255,65,.03)}.chat-input-enhanced::placeholder{color:rgba(0,255,65,.2)}.send-btn-enhanced{background:rgba(255,0,51,.1);border:1px solid rgba(255,0,51,.3);color:#f03;padding:10px 18px;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;transition:all .3s;display:flex;align-items:center;gap:6px}.send-btn-enhanced:hover{background:rgba(255,0,51,.2);border-color:rgba(255,0,51,.6);box-shadow:0 0 16px rgba(255,0,51,.2)}.send-btn-enhanced:disabled{opacity:.4;cursor:not-allowed}.send-arrow{font-size:.8rem;transition:transform .2s}.send-btn-enhanced:hover .send-arrow{transform:translateX(2px)}.panel-content{padding:12px;font-size:.8rem;line-height:1.6}.panel-scroll{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,65,.2) transparent}.panel-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#00ff41;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:3px;animation:pulse 1.5s infinite}.panel-empty{padding:12px;opacity:.4;font-size:.8rem;text-align:center;margin-top:40px}.brain-metrics{display:flex;gap:12px;margin-bottom:14px}.metric-card{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:10px;background:rgba(0,0,0,.3);border:1px solid rgba(0,255,65,.1);border-radius:8px}.metric-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.metric-label{font-size:.6rem;opacity:.4;letter-spacing:1px;margin-top:2px}.brain-section{margin-bottom:12px}.section-title{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:2px;margin-bottom:6px;margin-top:10px}.section-title-red{color:#f03}.section-title-green{color:#00ff41}.section-title-cyan{color:#00e5ff}.ticker-list{display:flex;gap:8px;flex-wrap:wrap}.ticker-badge{background:rgba(255,0,51,.08);border:1px solid rgba(255,0,51,.25);padding:3px 10px;border-radius:4px;font-size:.75rem;transition:all .2s}.ticker-badge:hover{background:rgba(255,0,51,.15);border-color:rgba(255,0,51,.4)}.neural-log{max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,65,.2) transparent}.log-entry{font-size:.7rem;opacity:.6;margin-bottom:4px;border-left:2px solid rgba(0,255,65,.15);padding-left:8px;transition:opacity .2s}.log-entry:hover{opacity:.9}.log-type-cyan{color:#00e5ff}.log-type-green{color:#00ff41}.log-conversation{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,65,.06)}.log-meta{font-size:.65rem;opacity:.25;margin-bottom:3px}.log-user{font-size:.8rem;color:rgba(0,229,255,.6);margin-bottom:3px}.log-agent{font-size:.8rem;color:#00ff41}.agent-label{color:#f03;font-weight:700;font-family:Orbitron,sans-serif;font-size:.65rem}.docs-panel{font-size:.8rem;line-height:1.7}.docs-text{opacity:.75;margin-bottom:12px;font-size:.78rem}.docs-table{background:rgba(0,255,65,.03);border:1px solid rgba(0,255,65,.1);border-radius:6px;padding:8px 10px;margin-bottom:12px}.docs-row{display:flex;justify-content:space-between;margin-bottom:4px;gap:8px}.docs-label{opacity:.45;font-size:.75rem}.docs-value{color:#f03;font-family:Orbitron,sans-serif;font-size:.68rem;text-align:right}.docs-stack-item{border-left:2px solid rgba(0,255,65,.2);padding-left:10px;margin-bottom:6px;font-size:.78rem}.stack-key{color:#00ff41}.stack-val{opacity:.65}.wallet-card{background:rgba(255,0,51,.04);border:1px solid rgba(255,0,51,.15);border-radius:6px;padding:10px;margin-bottom:12px}.wallet-address{font-family:Courier New,monospace;font-size:.62rem;color:#00ff41;word-break:break-all}.wallet-note{opacity:.3;font-size:.55rem;margin-top:4px}.enhanced-footer{flex-direction:column;padding:8px 0}.enhanced-footer,.footer-status{display:flex;align-items:center;gap:8px}.footer-status{font-family:Orbitron,sans-serif;font-size:.5rem;color:rgba(0,255,65,.35);letter-spacing:2px}.footer-links{display:flex;gap:16px}.footer-link{color:rgba(0,255,65,.35);font-family:Orbitron,sans-serif;font-size:.5rem;letter-spacing:1.5px;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:all .3s}.footer-link:hover{color:#00ff41;border-bottom-color:rgba(0,255,65,.4);text-shadow:0 0 8px rgba(0,255,65,.3)}@keyframes borderSweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.glass-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,51,.3) 30%,rgba(255,0,51,.5) 50%,rgba(255,0,51,.3) 70%,transparent);animation:borderGlow 3s ease-in-out infinite reverse}.chat-messages-enhanced::-webkit-scrollbar,.neural-log::-webkit-scrollbar,.panel-scroll::-webkit-scrollbar{width:4px}.chat-messages-enhanced::-webkit-scrollbar-track,.neural-log::-webkit-scrollbar-track,.panel-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-enhanced::-webkit-scrollbar-thumb,.neural-log::-webkit-scrollbar-thumb,.panel-scroll::-webkit-scrollbar-thumb{background:rgba(0,255,65,.15);border-radius:2px}.chat-messages-enhanced::-webkit-scrollbar-thumb:hover,.neural-log::-webkit-scrollbar-thumb:hover,.panel-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,255,65,.3)}@media (max-width:768px){.content-grid{flex-direction:column;align-items:center}.model-panel{max-width:100%;aspect-ratio:3/3.5}.right-panel{max-width:100%;min-width:unset;width:100%}.stats-bar{padding:4px 10px}.stat-item{padding:0 8px}.stat-value{font-size:.65rem}.hero-title{letter-spacing:3px}}@media (max-width:480px){.page-container{padding:10px;gap:10px}.tab-content{min-height:350px;max-height:450px}.brain-metrics{flex-direction:column;gap:8px}.model-panel{aspect-ratio:1/1.2}}