:root{--color-bg-primary: #050505;--color-bg-secondary: #0a0a0a;--color-text-primary: #E5E5E5;--color-text-secondary: #F0F0F0;--color-text-muted: #71717a;--color-text-code: #a1a1aa;--color-border: #333333;--color-border-light: rgba(255, 255, 255, .1);--color-border-lighter: rgba(255, 255, 255, .2);--color-accent: #FFFFFF;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-serif: "Lora", serif;--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background-color:var(--color-accent);color:var(--color-bg-primary)}::-moz-selection{background-color:var(--color-accent);color:var(--color-bg-primary)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.heading-xl{font-family:var(--font-serif);font-size:var(--text-6xl);line-height:1;color:var(--color-text-primary)}.heading-lg{font-family:var(--font-serif);font-size:var(--text-5xl);line-height:1.2;color:var(--color-text-primary)}.heading-md{font-family:var(--font-serif);font-size:var(--text-4xl);line-height:1.2;color:var(--color-text-primary)}.heading-sm{font-family:var(--font-serif);font-size:var(--text-3xl);line-height:1.3;color:var(--color-text-primary)}.text-mono-xs{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.text-mono-sm{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em}.text-mono-base{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.025em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;cursor:crosshair;transition:all var(--transition-base)}.btn-primary:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background-color:transparent;border:1px solid var(--color-border-light);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;cursor:crosshair;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--color-border-lighter);background-color:#ffffff0d}.btn-icon{padding:.5rem;background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);cursor:crosshair;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--color-accent);border-color:var(--color-border-lighter)}.input-field{width:100%;padding:1rem;background-color:transparent;border:1px solid var(--color-border-light);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--color-border-lighter)}.input-field::placeholder{color:var(--color-text-muted)}.label{display:block;margin-bottom:.5rem;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);padding:var(--spacing-lg)}.divider{width:100%;height:1px;background-color:var(--color-border-light)}.divider-text{position:relative;padding:var(--spacing-md) 0;display:flex;align-items:center;justify-content:center}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background-color:var(--color-border-light)}.divider-text span{padding:0 var(--spacing-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.screen{min-height:100vh;width:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.screen-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.screen-split{display:flex;flex-direction:column;min-height:100vh}@media(min-width:768px){.screen-split{flex-direction:row}}.screen-split-left,.screen-split-right{flex:1;padding:var(--spacing-2xl)}.screen-split-left{border-right:1px solid var(--color-border-light)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-up{animation:slide-up .5s ease-out}.text-muted{color:var(--color-text-muted)}.text-code{color:var(--color-text-code);font-family:var(--font-mono)}.border-primary{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.transition-base{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-text-muted)}.status-dot.active{background-color:var(--color-success);animation:pulse-glow 2s infinite}.status-dot.error{background-color:var(--color-error)}.status-dot.warning{background-color:var(--color-warning)}.terminal{background-color:var(--color-bg-primary);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-code)}.chat-body{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform,opacity}.terminal-line{padding:.25rem 0}.terminal-cursor{display:inline-block;width:.5rem;height:1rem;background-color:var(--color-accent);animation:pulse-glow 1s infinite}@media(max-width:767px){.heading-xl{font-size:var(--text-4xl)}.heading-lg{font-size:var(--text-3xl)}.heading-md{font-size:var(--text-2xl)}}.auth-social-btn{width:100%;padding:1rem;background-color:transparent;border:1px solid var(--color-border-lighter);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;cursor:default;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-social-btn:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-input{width:100%;background-color:transparent;border:none;border-bottom:1px solid var(--color-border);padding:.75rem 0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;outline:none;transition:border-color var(--transition-fast)}.auth-input:focus{border-bottom-color:var(--color-accent)}.auth-input::placeholder{color:var(--color-border)}.auth-submit-btn{width:100%;background-color:var(--color-accent);color:var(--color-bg-primary);padding:1rem;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;cursor:default;transition:background-color var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.auth-submit-btn:hover{background-color:#e5e5e5}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.hero-title{font-family:var(--font-serif);font-size:clamp(3rem,8vw,3.75rem);line-height:1.2;margin-bottom:2rem;color:var(--color-text-primary)}.hero-title-emphasis{font-style:italic;color:var(--color-accent)}.hero-description{font-family:var(--font-sans);font-size:clamp(.875rem,1vw,2rem);color:#fff9;max-width:28rem;line-height:1.6;letter-spacing:.025em;margin-bottom:2.5rem;font-weight:300}.landing-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:clamp(.75rem,1vw,1rem);color:var(--color-accent);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.landing-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.landing-button:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 0 20px #ffffff1a;transform:translateY(-1px)}.landing-button:hover:before{left:100%}.nav-link{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-primary);cursor:crosshair;transition:color var(--transition-fast);background:none;border:none;padding:0}.nav-link:hover{color:var(--color-accent)}.back-btn{position:absolute;top:1.5rem;left:1.5rem;color:#fff6;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;cursor:default;transition:color var(--transition-fast);display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0}.back-btn:hover{color:var(--color-accent)}.upload-bar{position:relative;width:100%;height:4rem;border:1px solid var(--color-border-lighter);cursor:crosshair;overflow:hidden;transition:border-color var(--transition-base)}.upload-bar:hover{border-color:#ffffff80}.upload-bar.completed{border-color:var(--color-accent)}.upload-bar-progress{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-accent);z-index:0}.upload-bar-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:10;mix-blend-mode:difference;color:var(--color-accent)}.upload-bar-text{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;font-weight:700}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-code);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.console-line{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-code);padding:.25rem 0}.console-line.success{color:var(--color-success)}.console-line.error{color:var(--color-error)}.console-line.warning{color:var(--color-warning)}.voice-visualizer{width:100%;height:6rem;border:1px solid var(--color-border-lighter);background-color:transparent;position:relative;overflow:hidden;transition:border-color var(--transition-base)}.voice-visualizer.recording{border-color:var(--color-error)}.voice-visualizer-bars{display:flex;align-items:center;gap:.25rem;height:100%;padding:0 1rem}.voice-visualizer-bar{width:.75rem;background-color:var(--color-accent);transition:height 75ms linear}.context-panel{width:100%;max-width:42rem;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);overflow:hidden}.context-panel-header{padding:2rem 3rem;border-bottom:1px solid var(--color-border-light)}.context-panel-title{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3rem);margin-bottom:.75rem}.context-panel-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.context-panel-body{padding:2rem 3rem}.welcome-message{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-accent);z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center}.welcome-text{color:var(--color-bg-primary);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.15em}@keyframes border-flow-top{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes border-flow-right{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes border-flow-bottom{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes border-flow-left{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.animate-border-flow-top{animation:border-flow-top 3s linear infinite}.animate-border-flow-right{animation:border-flow-right 3s linear infinite;animation-delay:.75s}.animate-border-flow-bottom{animation:border-flow-bottom 3s linear infinite;animation-delay:1.5s}.animate-border-flow-left{animation:border-flow-left 3s linear infinite;animation-delay:2.25s}.button-arrow{transition:transform .3s ease,opacity .3s ease}button:hover .button-arrow{transform:translate(4px);opacity:.7}.shiny-text{background:linear-gradient(120deg,#fffc 40%,#fff,#fffc 60%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 8s linear infinite;padding-bottom:.1em;line-height:1.2}@keyframes shine{to{background-position:200% center}}@keyframes meteor{0%{transform:rotate(215deg) translate(0);opacity:0}5%{opacity:1}70%{opacity:1}to{transform:rotate(215deg) translate(1000px);opacity:0}}.animate-meteor-effect{animation:meteor 5s linear infinite}