:root{--space-bg: #060b1b;--neon-cyan: #22d3ee;--neon-blue: #3b82f6;--muted: #a0a0a0}html,body{background:var(--space-bg);color-scheme:dark}body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-3;background:radial-gradient(32rem 32rem at 20% 30%,rgba(34,211,238,.15),transparent 40%),radial-gradient(28rem 28rem at 80% 70%,rgba(59,130,246,.15),transparent 38%),conic-gradient(from 0deg at 50% 50%,#22d3ee0f,#3b82f60f 50%,#22d3ee0f);filter:blur(42px) saturate(120%);animation:drift 18s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(2px 2px at 35% 65%,rgba(255,255,255,.3) 50%,transparent 51%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.25) 50%,transparent 51%),radial-gradient(1px 1px at 85% 80%,rgba(255,255,255,.25) 50%,transparent 51%),radial-gradient(2px 2px at 55% 15%,rgba(255,255,255,.3) 50%,transparent 51%);background-repeat:no-repeat;opacity:.45;animation:twinkle 5s linear infinite}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.03)}}@keyframes twinkle{0%,to{filter:brightness(.9)}50%{filter:brightness(1.1)}}@media (prefers-reduced-motion: reduce){body:before,body:after{animation:none}}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;z-index:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{padding:1.5rem 2rem;background:#060b1b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;text-align:center}.title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.title-icon{font-size:1.75rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.subtitle{font-size:.95rem;color:var(--muted);font-weight:300;margin:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-section{text-align:center;max-width:600px;animation:fadeIn .8s ease-out}.welcome-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(34,211,238,.4))}.welcome-title{font-size:2rem;font-weight:400;color:#ececec;margin:0 0 .5rem}.welcome-subtitle{font-size:1rem;color:var(--muted);margin:0}.message-display{width:100%;max-width:800px;animation:slideUp .3s ease-out}.assistant-message{padding:1.5rem;background:#080c1abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(34,211,238,.2);border-radius:16px;color:#ececec;font-size:1rem;line-height:1.6;box-shadow:0 8px 32px #0006}.visualizer-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 2.5rem;border-radius:24px;background:#060b1bbf;border:1px solid rgba(34,211,238,.25);box-shadow:0 20px 50px #020617cc,0 0 40px #22d3ee26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .4s ease-out;margin:0 auto;max-width:fit-content}.audio-visualizer{width:400px;height:300px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 24px #22d3ee33;margin:0 auto;position:relative;left:0;right:0}.audio-visualizer canvas{display:block!important;width:100%!important;height:100%!important;border-radius:12px;margin:0 auto!important;position:relative!important;left:0!important;right:0!important}.loader-caption{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#ecececd9;display:flex;align-items:center;gap:.6rem;opacity:.9}.loader-caption:before,.loader-caption:after{content:"";display:block;flex:1 1 40px;max-width:80px;height:1px;background:linear-gradient(90deg,#22d3ee00,#22d3ee99)}.loader-caption:after{background:linear-gradient(90deg,#22d3ee99,#22d3ee00)}.input-container{padding:1.5rem 2rem 2rem;background:#060b1b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(34,211,238,.15);--input-height: 140px}.input-wrapper{max-width:800px;margin:0 auto;position:relative;display:flex;align-items:flex-end;gap:.75rem;background:#080c1abf;border:1px solid rgba(34,211,238,.2);border-radius:24px;padding:.75rem 1rem;transition:all .2s ease}.input-wrapper:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #22d3ee33,0 0 24px #22d3ee26;background:#080c1ae6}.text-input{flex:1;background:transparent;border:none;color:#ececec;font-size:1rem;font-family:inherit;resize:none;outline:none;max-height:200px;min-height:24px;line-height:1.5;padding:0}.text-input::placeholder{color:#606060}.text-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--neon-cyan) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-shadow:0 4px 12px #22d3ee4d}.send-button:hover:not(.disabled){transform:scale(1.05);box-shadow:0 6px 20px #22d3ee80}.send-button.disabled{opacity:.3;cursor:not-allowed}.send-icon{color:#fff}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.input-footer{max-width:800px;margin:.75rem auto 0;padding:0 .5rem;display:flex;justify-content:flex-start}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--muted)}.toggle-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--neon-cyan)}.toggle-text{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.robotic-loader{display:none;align-items:center;justify-content:center;gap:1rem}.robotic-loader.active{display:flex}.robotic-core{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#22d3ee47,#03071214);box-shadow:0 0 24px #22d3ee40 inset,0 0 32px #3b82f633}.robotic-core .eye{position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff,var(--neon-cyan));box-shadow:0 0 16px #22d3eecc,0 0 32px #3b82f680;animation:eyePulse 1.6s ease-in-out infinite}.ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;mask:radial-gradient(circle 28px at 50% 50%,transparent 60%,black 61%);background:conic-gradient(from 0deg,#22d3ee00,#22d3ee99,#3b82f600);filter:blur(.5px)}.ring1{animation:ringSpin 2.8s linear infinite}.ring2{top:-12px;right:-12px;bottom:-12px;left:-12px;animation:ringSpinReverse 3.6s linear infinite;opacity:.65}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}@keyframes eyePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.eq{display:flex;align-items:flex-end;gap:6px;height:32px}.eq span{width:6px;height:10px;background:linear-gradient(to top,#0ea5e9,var(--neon-cyan));border-radius:3px;animation:bar 1s ease-in-out infinite;box-shadow:0 0 8px #22d3ee80}.eq span:nth-child(1){animation-delay:0s}.eq span:nth-child(2){animation-delay:.12s}.eq span:nth-child(3){animation-delay:.24s}.eq span:nth-child(4){animation-delay:.36s}.eq span:nth-child(5){animation-delay:.48s}@keyframes bar{0%,to{height:10px;transform:translateY(0)}50%{height:28px;transform:translateY(-4px)}}.status-display{padding:1rem 1.5rem;background:#22d3ee14;border:1px solid rgba(34,211,238,.3);border-radius:12px;text-align:center;font-size:1rem;font-weight:500;color:#e0e0e0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-footer{text-align:center;display:flex;flex-direction:column;gap:.75rem;opacity:.9}.info-text{font-size:.95rem;color:#b0b0b0;line-height:1.6}.info-text strong{color:var(--neon-cyan);font-weight:600}.info-text-small{font-size:.85rem;color:gray}kbd{padding:.2rem .5rem;background:#22d3ee2e;border:1px solid rgba(34,211,238,.3);border-radius:4px;font-family:monospace;font-size:.85rem}.context-state{color:var(--neon-cyan);font-weight:600;text-transform:uppercase;font-size:.8rem}@media (max-width: 768px){.header{padding:1rem}.title,.title-icon{font-size:1.5rem}.welcome-icon{font-size:3rem}.welcome-title{font-size:1.5rem}.chat-container{padding:1.5rem 1rem}.input-container{padding:1rem}.input-wrapper{padding:.5rem .75rem}.robotic-core{width:48px;height:48px}.eq{height:24px}.audio-visualizer{width:320px;height:240px}.visualizer-stage{padding:1.5rem}}@media (max-width: 480px){.title,.title-icon{font-size:1.25rem}.subtitle{font-size:.85rem}.welcome-icon{font-size:2.5rem}.welcome-title{font-size:1.25rem}.assistant-message{padding:1rem;font-size:.95rem}.robotic-core{width:40px;height:40px}.audio-visualizer{width:280px;height:200px}.visualizer-stage{padding:1rem}.loader-caption{font-size:.8rem}}.bottom-links{position:fixed;bottom:calc(var(--input-height, 140px) + 1rem);left:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:50}.link-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#080c1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(34,211,238,.25);border-radius:12px;color:#ececec;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;white-space:nowrap}.link-button:hover{background:#080c1af2;border-color:var(--neon-cyan);box-shadow:0 6px 20px #22d3ee4d;transform:translate(4px)}.link-icon{flex-shrink:0}.github-link:hover{color:var(--neon-cyan)}.gibberlink-link{border-color:#3b82f640}.gibberlink-link:hover{color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 6px 20px #3b82f64d}@media (max-width: 768px){.bottom-links{bottom:calc(var(--input-height, 140px) + .75rem);left:1rem;gap:.5rem}.link-button{padding:.5rem .75rem;font-size:.8rem}.link-icon{width:16px;height:16px}}@media (max-width: 480px){.bottom-links{bottom:calc(var(--input-height, 160px) + .5rem);left:.75rem;gap:.5rem}.link-button{padding:.4rem .6rem;font-size:.75rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ececec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#22d3ee80}