@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0a0b0f;--bg-secondary: #12141a;--bg-tertiary: #1a1d26;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--accent-primary: #00ffcc;--accent-secondary: #7c5cfc;--accent-tertiary: #ff6b9d;--accent-warm: #ffb347;--text-primary: #f0f2f5;--text-secondary: #a0a8b8;--text-muted: #5a6275;--text-inverse: #0a0b0f;--status-success: #00e68a;--status-warning: #ffb347;--status-error: #ff4d6a;--status-info: #5cb8ff;--surface-card: rgba(18, 20, 26, .8);--surface-elevated: rgba(26, 29, 38, .9);--surface-overlay: rgba(0, 0, 0, .6);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-mono: .02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 255, 204, .15);--shadow-glow-strong: 0 0 40px rgba(0, 255, 204, .25);--max-width: 1280px;--sidebar-width: 360px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(0,255,204,.015) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(124,92,252,.015) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-primary)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;outline:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-panel--elevated{background:var(--surface-elevated);box-shadow:var(--shadow-md)}.glass-panel--interactive{cursor:pointer}.glass-panel--interactive:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.font-mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.font-sans{font-family:var(--font-sans)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 12px rgba(0,255,204,.4),0 0 40px rgba(0,255,204,.1)}.glow-border{box-shadow:var(--shadow-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px currentColor;opacity:1}50%{box-shadow:0 0 12px currentColor;opacity:.7}}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;animation:pulse-glow 2.5s ease-in-out infinite}.status-dot--success{color:var(--status-success);background-color:var(--status-success)}.status-dot--warning{color:var(--status-warning);background-color:var(--status-warning)}.status-dot--error{color:var(--status-error);background-color:var(--status-error)}.status-dot--info{color:var(--status-info);background-color:var(--status-info)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid var(--glass-border);background:var(--glass-bg)}.tag--accent{border-color:#00ffcc4d;color:var(--accent-primary);background:#00ffcc0d}.tag--purple{border-color:#7c5cfc4d;color:var(--accent-secondary);background:#7c5cfc0d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.btn--primary{background:var(--accent-primary);color:var(--text-inverse)}.btn--primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn--ghost{border:1px solid var(--glass-border);color:var(--text-secondary);background:var(--glass-bg)}.btn--ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#00ffcc0d}.btn--sm{padding:var(--space-1) var(--space-4);font-size:var(--text-xs)}.section{padding:var(--space-20) var(--space-6);max-width:var(--max-width);margin:0 auto}.section__label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.section__title{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:640px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border) 20%,var(--glass-border) 80%,transparent);margin:var(--space-16) 0}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input-field{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out)}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00ffcc1a}.input-field::placeholder{color:var(--text-muted)}textarea.input-field{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235a6275' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:fade-in .5s var(--ease-out) both}.animate-slide-up{animation:slide-up .6s var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}@keyframes voice-fade-in{0%{opacity:0}to{opacity:1}}@keyframes voice-orb-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.8}}@keyframes voice-orb-spin{0%{transform:rotate(0) scale(1.8)}to{transform:rotate(360deg) scale(1.8)}}@keyframes voice-orb-pulse{0%,to{transform:scale(1.8);opacity:.8}50%{transform:scale(1.95);opacity:1}}@keyframes voice-orb-glow{0%,to{box-shadow:0 0 30px var(--accent-primary, #00ffcc) 33,0 0 60px var(--accent-primary, #00ffcc) 11}50%{box-shadow:0 0 50px var(--accent-primary, #00ffcc) 55,0 0 100px var(--accent-primary, #00ffcc) 22}}@keyframes voice-thinking-dots{0%,20%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}80%,to{opacity:.2;transform:translateY(0)}}@keyframes voice-btn-pulse{0%,to{box-shadow:0 0 #0fc6}50%{box-shadow:0 0 0 8px #0fc0}}.voice-btn-pulse{animation:voice-btn-pulse 2s ease-in-out infinite}.voice-orb-listening{animation:voice-orb-glow 3s ease-in-out infinite}.voice-orb-thinking{animation:voice-orb-spin 6s linear infinite,voice-orb-glow 2s ease-in-out infinite}.voice-orb-speaking{animation:voice-orb-pulse 1.5s ease-in-out infinite,voice-orb-glow 2s ease-in-out infinite}@media (max-width: 1023px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem}.section{padding:var(--space-12) var(--space-4)}}@media (max-width: 767px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.section{padding:var(--space-10) var(--space-4)}#voice-mode-overlay{padding:16px}}