@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Cascadia+Code:wght@400;500;600&display=swap";.terminal{display:flex;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-card-elevated) 88%,transparent),color-mix(in srgb,var(--surface-card) 94%,transparent)),var(--surface-card);border:1px solid var(--stroke-soft);border-radius:var(--radius-xl);padding:var(--spacing-terminal-padding, var(--space-6));-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));width:min(800px,100%);max-height:70vh;position:relative;overflow:hidden;margin:0 auto;box-shadow:var(--shadow-xl),inset 0 1px color-mix(in srgb,var(--color-border) 60%,transparent);animation:scale-in var(--animation-duration) ease-out;transition:all var(--transition-normal)}.terminal--cli{max-height:100vh;width:100%;max-width:none;border-radius:0;padding:var(--space-6);border:none;background:var(--cli-background);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;margin:0;animation:none;height:100%}.terminal--cli:before,.terminal--cli:after{display:none}.terminal:not(.terminal--cli):before{content:"";position:absolute;top:0;left:0;right:0;height:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--stroke-soft) 40%,transparent),color-mix(in srgb,var(--stroke-soft) 12%,transparent));border-bottom:1px solid var(--stroke-soft);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.terminal:not(.terminal--cli):after{content:"";position:absolute;top:12px;left:16px;width:10px;height:10px;border-radius:50%;background:var(--error);box-shadow:16px 0 0 var(--warning),32px 0 0 var(--success),0 0 0 1px color-mix(in srgb,var(--background) 70%,transparent),16px 0 0 1px color-mix(in srgb,var(--background) 70%,transparent),32px 0 0 1px color-mix(in srgb,var(--background) 70%,transparent)}.terminal{background-image:radial-gradient(circle at 20% 20%,var(--ambient-glow) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--ambient-glow) 0%,transparent 50%)}.terminal--cli{background-image:none}.terminal-history{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-2) var(--space-2) 0;margin:var(--space-4) 0 var(--space-3) 0;max-height:calc(70vh - 8rem);scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent;font-family:var(--font-mono);font-size:.9rem;line-height:1.3;mask-image:linear-gradient(to bottom,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 3%,black 97%,transparent 100%)}.terminal--cli .terminal-history{margin:0;max-height:calc(100vh - 8rem);font-size:.875rem;line-height:1.25;padding:0;mask-image:none;-webkit-mask-image:none}.terminal-history::-webkit-scrollbar{width:6px}.terminal-history::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}.terminal-history::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.terminal-history::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 0 8px color-mix(in srgb,var(--accent-secondary) 30%,transparent)}.terminal-entry{display:flex;gap:var(--space-3);margin-bottom:var(--space-2);position:relative;animation:slide-up var(--animation-duration) ease-out}.terminal--cli .terminal-entry{gap:var(--space-2);margin-bottom:var(--space-1)}.terminal-entry--input{opacity:.85;color:var(--foreground-secondary)}.terminal-entry--output{position:relative}.terminal-entry--output:before{content:"";position:absolute;left:-12px;top:.4rem;bottom:.4rem;width:2px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);opacity:.5}.terminal--cli .terminal-entry--output:before{display:none}.terminal-prompt{font-weight:600;font-family:var(--font-mono);color:var(--accent-primary);text-shadow:0 0 6px var(--ambient-glow);-webkit-user-select:none;user-select:none;min-width:20px;position:relative}.terminal--cli .terminal-prompt{min-width:16px;text-shadow:none}.terminal--cli .terminal-prompt:before{margin-right:var(--space-1);animation:none;opacity:.8}.terminal-content{flex:1;display:grid;gap:var(--space-1);font-family:var(--font-mono)}.terminal-line{white-space:pre-wrap;word-break:break-word;line-height:1.3;padding:0;position:relative}.terminal-fragment{color:inherit}.terminal-color{font-family:var(--font-mono);font-weight:600;transition:color var(--transition-fast)}.terminal-highlight{display:inline;font-weight:600;color:inherit;transition:color var(--transition-fast)}.terminal-highlight[data-tone=accent]{color:color-mix(in srgb,var(--accent-primary, #6366f1) 82%,var(--foreground, #f5f5f5) 18%)}.terminal-highlight[data-tone=info]{color:color-mix(in srgb,var(--accent-secondary, var(--accent-primary, #6366f1)) 78%,var(--foreground, #f5f5f5) 22%)}.terminal-highlight[data-tone=success]{color:color-mix(in srgb,var(--success, #10b981) 78%,var(--foreground, #f5f5f5) 22%)}.terminal-highlight[data-tone=warning]{color:color-mix(in srgb,var(--warning, #f59e0b) 76%,var(--foreground, #f5f5f5) 24%)}.terminal-highlight[data-tone=danger]{color:color-mix(in srgb,var(--error, #ef4444) 80%,var(--foreground, #f5f5f5) 20%)}.terminal-highlight[data-tone=muted]{color:color-mix(in srgb,var(--foreground-muted, #a1a1aa) 70%,var(--foreground, #f5f5f5) 30%);font-weight:500}.terminal-line[data-tone]{font-weight:600}.terminal-line--tone-muted{color:var(--foreground-muted, #a1a1aa);font-weight:500}.terminal-line--tone-info{color:color-mix(in srgb,var(--accent-secondary, var(--accent-primary)) 80%,var(--foreground, #f5f5f5) 20%)}.terminal-line--tone-success{color:color-mix(in srgb,var(--success, #10b981) 82%,var(--foreground, #f5f5f5) 18%)}.terminal-line--tone-warning{color:color-mix(in srgb,var(--warning, #f59e0b) 78%,var(--foreground, #f5f5f5) 22%)}.terminal-line--tone-danger{color:color-mix(in srgb,var(--error, #ef4444) 80%,var(--foreground, #f5f5f5) 20%)}.terminal-line--tone-accent{color:color-mix(in srgb,var(--accent-primary, #6366f1) 82%,var(--foreground, #f5f5f5) 18%)}.terminal-line--component{padding:var(--space-3) 0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-border) 18%,transparent);margin:var(--space-2) 0}.terminal-input{display:flex;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-3);position:relative;background:color-mix(in srgb,var(--color-border) 18%,transparent);border-radius:var(--radius-lg);padding:var(--space-3)}.terminal--cli .terminal-input{gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-4);border-top-color:color-mix(in srgb,var(--color-border) 65%,transparent);background:color-mix(in srgb,var(--color-border) 18%,transparent);border-radius:var(--radius-md)}.terminal-input:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 10%,transparent),color-mix(in srgb,var(--accent-secondary) 8%,transparent));border-radius:var(--radius-lg);z-index:-1}.terminal--cli .terminal-input:before{background:linear-gradient(135deg,color-mix(in srgb,var(--color-border) 18%,transparent),color-mix(in srgb,var(--color-border) 15%,transparent));border-radius:var(--radius-md)}.terminal-input input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;font-family:var(--font-mono);color:var(--foreground);padding:var(--space-2) 0;position:relative}.terminal-input input::placeholder{color:var(--foreground-muted);opacity:.5}.terminal-input input:focus+.terminal-cursor{animation:cursor-blink 1s step-end infinite}.terminal-cursor{position:absolute;width:2px;height:1.2em;background:var(--accent-primary);border-radius:1px;animation:cursor-blink 1s step-end infinite}.terminal-suggestion{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-family:var(--font-mono);margin-top:var(--space-2);padding:var(--space-2);background:color-mix(in srgb,var(--color-border) 24%,transparent);border:1px solid var(--border-secondary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in var(--animation-duration) ease-out;color:var(--accent-primary)}.terminal--cli .terminal-suggestion{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.75rem;background:color-mix(in srgb,var(--color-border) 15%,transparent);border-color:color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-sm)}.terminal-suggestion-hint{color:var(--foreground-muted);margin-right:var(--space-2);font-style:italic}.terminal--cli .terminal-suggestion-hint{margin-right:var(--space-1);opacity:.7}.terminal-commands{display:flex;flex-wrap:wrap;gap:var(--space-2);opacity:.8}.terminal--cli .terminal-commands{gap:var(--space-1)}.terminal-commands span{border:1px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-secondary) 20%,transparent);color:var(--accent-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:.7rem;font-weight:500;line-height:1.4;transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.terminal--cli .terminal-commands span{padding:1px var(--space-2);font-size:.65rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-border) 40%,transparent);border-color:color-mix(in srgb,var(--color-border) 65%,transparent);color:var(--foreground-muted)}.terminal-commands span:hover{background:color-mix(in srgb,var(--accent-secondary) 30%,transparent);border-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--accent-secondary) 30%,transparent)}.terminal--cli .terminal-commands span:hover{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-color:color-mix(in srgb,var(--color-border) 70%,transparent);transform:none;box-shadow:none}.terminal-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--foreground-muted);font-family:var(--font-mono);font-size:.875rem}.terminal--cli .terminal-loading{gap:var(--space-1);padding:var(--space-1);font-size:.8rem}.terminal-loading:before{content:"";width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.terminal--cli .terminal-loading:before{width:12px;height:12px}@keyframes prompt-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.terminal-line strong{color:var(--foreground);font-weight:600}.terminal-line em{color:var(--accent-secondary);font-style:normal}.terminal-line code{background:color-mix(in srgb,var(--color-border) 65%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}@media (max-width: 768px){.terminal{padding:var(--space-6);border-radius:var(--radius-xl);max-height:80vh}.terminal-history{font-size:.875rem;margin:var(--space-4) 0}.terminal-entry{gap:var(--space-3);margin-bottom:var(--space-3)}.terminal-input{padding:var(--space-3);gap:var(--space-3)}.terminal-commands{gap:var(--space-1)}.terminal-commands span{font-size:.7rem;padding:var(--space-1) var(--space-2)}}@media (prefers-contrast: high){.terminal{border-color:var(--accent-primary);background:color-mix(in srgb,var(--background) 92%,transparent)}.terminal-prompt{color:var(--accent-primary)}.terminal-entry--output:before{background:var(--accent-primary);opacity:1}}@media (prefers-reduced-motion: reduce){.terminal,.terminal-entry,.terminal-suggestion,.terminal-commands span{animation:none}.terminal-prompt:before,.terminal-cursor{animation:none;opacity:1}.terminal-commands span:hover{transform:none}}.app-root{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--cli-background)}.app-root--cli{flex:1}.app-body{flex:1;display:flex;align-items:stretch;justify-content:center;padding:var(--space-4);box-sizing:border-box}.app-body--cli{width:100%}@media (max-width: 768px){.app-body{padding:var(--space-2)}}:root{color-scheme:dark;--background: #0a0a0a;--background-secondary: #111111;--background-tertiary: #1a1a1a;--foreground: #fafafa;--foreground-secondary: #e4e4e7;--foreground-muted: #a1a1aa;--border: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--color-bg: var(--background);--color-bg-secondary: var(--background-secondary);--color-bg-tertiary: var(--background-tertiary);--color-text: var(--foreground);--color-text-muted: var(--foreground-muted);--color-border: var(--border);--color-border-secondary: var(--border-secondary);--color-accent: var(--accent-primary);--color-accent-dark: var(--accent-secondary);--glass-background: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 16px;--surface-card: color-mix(in srgb, var(--background-secondary) 88%, transparent);--surface-card-elevated: color-mix( in srgb, var(--background-tertiary) 82%, transparent );--surface-muted: color-mix(in srgb, var(--background-tertiary) 70%, transparent);--surface-highlight: color-mix( in srgb, var(--accent-primary) 20%, var(--background) 80% );--accent-soft: color-mix(in srgb, var(--accent-primary) 35%, transparent);--stroke-strong: color-mix(in srgb, var(--border) 92%, transparent);--stroke-soft: color-mix(in srgb, var(--border-secondary) 85%, transparent);--cli-background: color-mix( in srgb, var(--background) 95%, var(--background-secondary) 5% );--cli-surface: color-mix( in srgb, var(--background-secondary) 92%, transparent );--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--ambient-glow: rgba(99, 102, 241, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", "SF Mono", "Consolas", "Monaco", "Menlo", "Fira Code", ui-monospace, SFMono-Regular, monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--letter-spacing: -.01em;--line-height: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--animation-duration: .6s;--particle-opacity: .5;--glow-intensity: .4;--spacing-terminal-padding: 1.5rem;--spacing-header-padding: 1rem;--spacing-section-gap: 2rem}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:var(--line-height);letter-spacing:var(--letter-spacing);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-primary));background-clip:content-box}::selection{background:var(--accent-primary);color:#fff}::-moz-selection{background:var(--accent-primary);color:#fff}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer;transition:all var(--transition-fast)}input,textarea{font-family:var(--font-mono)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.glass{background:var(--glass-background);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glow{box-shadow:var(--shadow-glow)}.animate-fade-in{animation:fade-in .5s ease-out}.animate-slide-up{animation:slide-up .6s ease-out}.animate-scale-in{animation:scale-in .4s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){body{font-size:14px}}@media (min-width: 1200px){body{font-size:16px}}