:root{--bg-app:#080a10;--bg-sidebar:#080a10;--bg-subnav:#0e111a;--bg-main:#121520;--bg-card:#0d101a;--bg-card-hover:#141824;--bg-glass:#121520d9;--bg-input:#1b2030;--bg-bubble-self:linear-gradient(135deg, #00f0ff33 0%, #4edea333 100%);--bg-bubble-peer:#0d101a;--border-dim:#ffffff0a;--border-subtle:#ffffff14;--border-bright:#00f0ff80;--border-glow-cyan:#00f0ff73;--border-glow-emerald:#4edea373;--text-primary:#fff;--text-secondary:#b9cacb;--text-muted:#849495;--text-link:#00f0ff;--accent-cyan:#00f0ff;--accent-cyan-light:#7df4ff;--accent-emerald:#4edea3;--accent-rose:#ffb4ab;--accent-amber:#f59e0b;--font-body:"Inter", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#06b6d459}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.glass-modal{-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 50px #000000b3, var(--shadow-glow-cyan);background:#0b101ce0;border:1px solid #ffffff1f}@keyframes ping-shake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-6px,-4px)rotate(-1.5deg)}20%{transform:translate(6px,4px)rotate(1.5deg)}30%{transform:translate(-5px,3px)rotate(-1deg)}40%{transform:translate(5px,-3px)rotate(1deg)}50%{transform:translate(-3px,2px)rotate(-.5deg)}60%{transform:translate(3px,-2px)rotate(.5deg)}70%{transform:translate(-1px,1px)rotate(0)}80%{transform:translate(1px,-1px)rotate(0)}to{transform:translate(0)rotate(0)}}.animate-ping-shake{animation:.65s cubic-bezier(.36,.07,.19,.97) both ping-shake}@keyframes story-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-ring-active{background:linear-gradient(45deg,#06b6d4,#8b5cf6,#f43f5e,#f59e0b,#06b6d4) 0 0/300% 300%;animation:3s infinite gradient-flow}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-radar{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-online{animation:2s infinite pulse-radar}@keyframes audio-wave{0%,to{height:4px}50%{height:18px}}.audio-bar{background:var(--accent-cyan);border-radius:999px;width:3px;animation:1.2s ease-in-out infinite audio-wave}.app-container{background:radial-gradient(circle at 15% 15%, #06b6d412 0%, transparent 40%), radial-gradient(circle at 85% 85%, #8b5cf612 0%, transparent 40%), var(--bg-app);width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}input,textarea{color:inherit;border:none;outline:none;font-family:inherit}.cyber-chassis-shell{background:radial-gradient(circle at 10% 10%,#00f0ff0a 0%,#0000 50%),radial-gradient(circle at 90% 90%,#10b9810a 0%,#0000 50%),#05070c;position:relative;box-shadow:inset 0 0 100px #000000d9}.cyber-panel{-webkit-backdrop-filter:blur(20px);background:#0a0f1ad1;border:1px solid #ffffff12;box-shadow:0 10px 35px #0000008c,inset 0 1px #ffffff0d}.cyber-panel-glow{border:1px solid #00f0ff59;box-shadow:0 0 20px #00f0ff2e,inset 0 0 12px #00f0ff0f}.telemetry-badge{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.telemetry-badge-cyan{color:#38bdf8;background:#00f0ff1f;border:1px solid #00f0ff52}.telemetry-badge-emerald{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.telemetry-badge-amber{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59}.telemetry-badge-rose{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e59}.scanline-grid{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:32px 32px}@media (width<=768px){.glass-modal{border-radius:20px!important;max-width:95vw!important;max-height:92dvh!important;padding:16px 14px!important;overflow-y:auto!important}input,select,textarea{font-size:16px!important}.unified-nav-sidebar{width:100vw!important;max-width:100vw!important}.hide-on-mobile{display:none!important}.mobile-chat-input{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}}#landing-page-root{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;height:100dvh;overflow:hidden auto!important}