@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--color-background);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);background-clip:padding-box;border:2px solid #0000}:root{--color-primary:#1a6b52;--color-primary-hover:#124f3c;--color-primary-light:#eaf5f1;--color-accent:#00a878;--color-accent-hover:#008f65;--color-accent-light:#e6f6f2;--color-bg-canvas:#f2f2f7;--color-bg-chat:#fff;--color-bg-sidebar:#f6f6f6d9;--color-bg-header:#fffc;--color-bg-popover:#ffffffd9;--color-bubble-user:#1a6b52;--color-bubble-user-text:#fff;--color-bubble-mira:#f2f2f7;--color-bubble-mira-text:#1d1d1f;--color-border:#0000000f;--color-border-strong:#0000001f;--color-text-primary:#1d1d1f;--color-text-secondary:#8e8e93;--color-text-tertiary:#c7c7cc;--color-text-on-primary:#fff;--color-success:#34c759;--color-warning:#ff9f0a;--color-error:#ff3b30;--color-info:#007aff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--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;--color-background:var(--color-bg-canvas);--color-surface:var(--color-bg-chat);--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:34px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 3px #00000008, 0 1px 2px #00000005;--shadow-md:0 4px 12px #0000000a, 0 2px 4px #00000005;--shadow-lg:0 8px 32px #00000014, 0 2px 8px #0000000a;--shadow-primary:0 4px 16px #1a6b5226;--shadow-primary-hover:0 4px 16px #1a6b5240;--transition-fast:all .15s cubic-bezier(.16, 1, .3, 1);--transition-normal:all .25s cubic-bezier(.16, 1, .3, 1)}:root.dark-mode{--color-bg-canvas:#000;--color-bg-chat:#1c1c1e;--color-bg-sidebar:#1c1c1ed9;--color-bg-header:#1c1c1ecc;--color-bg-popover:#1c1c1ed9;--color-bubble-mira:#2c2c2e;--color-bubble-mira-text:#f5f5f7;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-text-primary:#f5f5f7;--color-text-secondary:#8e8e93;--color-text-tertiary:#48484a;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--shadow-lg:0 8px 32px #00000080, 0 2px 8px #0000004d}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-spin{animation:.8s linear infinite spin}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);letter-spacing:-.02em;color:var(--color-text-primary)}body{font-size:var(--text-base);font-weight:var(--font-regular);letter-spacing:-.01\65 ;background-color:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-family)}.text-xs{font-size:var(--text-xs);letter-spacing:.02em}.label-caps{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);transition:var(--transition-fast);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-semibold);padding:10px 20px}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--color-text-tertiary);color:var(--color-bg-chat);cursor:not-allowed;opacity:.6}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);font-weight:var(--font-medium);background:0 0;padding:10px 20px}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.input-field{border-radius:var(--radius-md);width:100%;font-size:var(--text-base);color:var(--color-text-primary);transition:var(--transition-fast);background:#0000000a;border:1px solid #0000;padding:12px 16px}.dark-mode .input-field{background:#ffffff0f}.input-field:focus{background:var(--color-bg-chat);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field::placeholder{color:var(--color-text-secondary);opacity:.8}.command-popover{background-color:var(--color-bg-popover);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:1000;box-sizing:border-box;flex-direction:column;max-height:240px;margin-bottom:8px;padding:6px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.command-popover-section{flex-direction:column;gap:2px;display:flex}.command-popover-section+.command-popover-section{border-top:1px solid var(--color-border);margin-top:6px;padding-top:6px}.command-popover-section-title{color:var(--color-text-tertiary);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0;padding:4px 10px 2px}.command-popover-item{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left;box-sizing:border-box;background:0 0;border:none;flex-direction:column;gap:3px;width:100%;padding:9px 10px;display:flex}.command-popover-item-header{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.command-popover-item-value{font-family:monospace;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);white-space:nowrap}.command-popover-item-usage{min-width:0;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px;overflow:hidden}.command-popover-item-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.35}.command-popover-item-example{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.command-popover-item.selected,.command-popover-item:hover{background-color:#1a6b5214}.command-popover-item.selected .command-popover-item-value,.command-popover-item:hover .command-popover-item-value{color:var(--color-primary-hover)}