:root{--bg-primary: #1a1d26;--bg-secondary: #252830;--bg-tertiary: #2d3139;--bg-card: #252830;--bg-navbar: #2a2d35;--bg-floating: rgba(255, 255, 255, .08);--message-ai: #2a2d35;--message-user: rgba(255, 214, 64, .1);--text-primary: #ffffff;--text-secondary: #b4b8c5;--text-muted: #6b7280;--text-disabled: #4b5563;--accent-yellow: #F5C842;--accent-yellow-hover: #f4d160;--accent-gold: #FFD700;--primary: #5B8DEF;--primary-hover: #4a7cd6;--secondary: #8B5CF6;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--border-default: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--border-accent: var(--accent-yellow);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-navbar-horizontal: 20px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%;height:100%}::-webkit-scrollbar{width:0px;height:0px;display:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}::selection{background-color:var(--primary);color:var(--text-primary)}::placeholder{color:var(--text-muted);opacity:.6}::-webkit-input-placeholder{color:var(--text-muted);opacity:.6}::-moz-placeholder{color:var(--text-muted);opacity:.6}.error-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--danger);margin:var(--spacing-lg) 0}.error-icon{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--danger);filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.error-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.error-message{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--spacing-xl);line-height:1.5;max-width:300px}.error-action{width:100%;max-width:200px}.retry-button{width:100%;max-width:200px;padding:14px 20px;font-size:16px;font-weight:600;border-radius:12px;border:2px solid var(--accent-yellow);background-color:transparent;color:var(--accent-yellow);cursor:pointer;transition:all .2s ease;font-family:inherit}.retry-button:hover:not(:disabled){background-color:#f5c8421a;transform:translateY(-1px)}.retry-button:active:not(:disabled){transform:translateY(0)}.retry-button:disabled{opacity:.5;cursor:not-allowed}.error-inline{display:block;margin-top:var(--spacing-sm);color:var(--danger);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-align:center;line-height:1.4}.error-system{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.warning-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--warning);margin:var(--spacing-lg) 0}.warning-icon{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--warning);filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.warning-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.warning-message{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--spacing-xl);line-height:1.5;max-width:300px}.success-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--success);margin:var(--spacing-lg) 0}.success-icon{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--success);filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.success-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.success-message{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--spacing-xl);line-height:1.5;max-width:300px}.loading-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-base);color:var(--text-muted);font-weight:var(--font-weight-medium)}