body{background:#0f1419;color:#fff}#root{height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-purple:#8b5cf6;--primary-purple-light:#a78bfa;--primary-purple-dark:#7c3aed;--accent-orange:#ff8c42;--accent-orange-light:#ffb366;--accent-orange-dark:#e67e22;--primary-orange:#8b5cf6;--primary-orange-light:#a78bfa;--primary-orange-dark:#7c3aed;--accent-gold:#ff8c42;--secondary-blue:#3498db;--secondary-teal:#16a085;--success-green:#27ae60;--warning-yellow:#f39c12;--error-red:#e74c3c;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--sidebar-width:280px;--sidebar-collapsed-width:60px;--header-height:60px}.app-layout.dark{--bg-primary:#0f1419;--bg-secondary:#1a1f2e;--bg-tertiary:#252a3a;--bg-quaternary:#2c3442;--bg-hover:#3a4553;--text-primary:#fff;--text-secondary:#b8bcc8;--text-tertiary:#8b949e;--text-muted:#6c737f;--border-primary:#30363d;--border-secondary:#21262d;--border-accent:#ff8c42;--shadow-sm:0 1px 2px #00000026;--shadow-md:0 4px 6px #0003;--shadow-lg:0 8px 16px #00000040;--shadow-xl:0 16px 32px #0000004d}.app-layout.light{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-quaternary:#dee2e6;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--text-muted:#adb5bd;--border-primary:#dee2e6;--border-secondary:#e9ecef;--border-accent:#ff8c42;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 16px 32px #00000026}html{font-size:14px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden;overscroll-behavior:contain;text-rendering:optimizeLegibility}.app-layout{display:flex;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);width:100vw}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:280px;width:var(--sidebar-width)}.sidebar.collapsed{overflow:visible;width:60px;width:var(--sidebar-collapsed-width)}.sidebar.collapsed .brand-info,.sidebar.collapsed .logo-subtitle,.sidebar.collapsed .nav-section,.sidebar.collapsed .sidebar-footer span{display:none}.sidebar.collapsed .sidebar-header{border-bottom:none;justify-content:center;padding:1rem;padding:var(--space-md);position:relative}.sidebar.collapsed .sidebar-toggle{display:none}.sidebar.collapsed .sidebar-footer{align-items:center;border-top:none;display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-md);justify-content:flex-end;padding:1.5rem 1rem;padding:var(--space-lg) var(--space-md)}.expand-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-light));border:none;border-radius:50%;box-shadow:0 2px 8px #ff8c424d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.expand-button:hover{box-shadow:0 4px 16px #ff8c4266;transform:scale(1.1)}.expand-button:active{transform:scale(.95)}.expand-button i{transition:transform .2s ease}.expand-button:hover i{transform:translateX(2px)}.genius-dog-mode .expand-button{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d}.genius-dog-mode .expand-button:hover{box-shadow:0 4px 16px #3498db66}.sidebar.collapsed .theme-toggle{border-radius:50%;height:40px;justify-content:center;padding:0;width:40px}.sidebar.collapsed .theme-toggle span{display:none}.sidebar.collapsed .logo-icon{display:flex;font-size:1.1rem;height:36px;width:36px}.sidebar.collapsed .logo-section{justify-content:center}.sidebar-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;min-height:60px;min-height:var(--header-height);padding:1.5rem;padding:var(--space-lg)}.logo-section,.sidebar-header{align-items:center;display:flex}.logo-section{gap:1rem;gap:var(--space-md)}.logo-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ff8c42);background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.logo-icon.genius-dog-icon{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d}.brand-name{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.brand-tagline{color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:400}.sidebar-toggle{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:.5rem;padding:var(--space-sm);position:relative;transition:all .2s ease;z-index:5}.sidebar-toggle i{transition:transform .3s ease}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--space-lg);overflow-y:auto;padding:1.5rem;padding:var(--space-lg)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.nav-section{flex-direction:column}.nav-header,.nav-section{display:flex;gap:.5rem;gap:var(--space-sm)}.nav-header{align-items:center;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:.5rem 0;padding:var(--space-sm) 0}.nav-header i{color:#8b5cf6;color:var(--primary-orange);font-size:1.1rem}.nav-subtitle{color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);margin-left:1.6rem;margin-top:-var(--space-xs)}.section-title{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.nav-menu{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs);list-style:none}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item i{color:var(--text-tertiary);flex-shrink:0;font-size:1rem;width:16px}.nav-item:hover i{color:#8b5cf6;color:var(--primary-orange)}.genius-dog-item{background:linear-gradient(135deg,#3498db,#5dade2);border:2px solid #3498db;box-shadow:0 4px 12px #3498db33;color:#fff!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.genius-dog-item:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db66;color:#fff!important;transform:translateY(-2px)}.genius-dog-item i,.pawco-item{color:#fff!important}.pawco-item{background:linear-gradient(135deg,#874fff,#a78bfa);border:2px solid #874fff;box-shadow:0 4px 12px #874fff33;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pawco-item:hover{background:linear-gradient(135deg,#7c3aed,#874fff);box-shadow:0 6px 20px #874fff66;transform:translateY(-2px)}.pawco-item i,.pawco-item:hover{color:#fff!important}.genius-dog-logo-container{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.genius-dog-logo-image{height:100%;object-fit:contain;width:100%}.genius-dog-welcome-logo{border-radius:12px;border-radius:var(--radius-lg);height:60px;object-fit:contain;width:60px}.genius-dog-logo-container-large{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;height:80px;justify-content:center;margin:0;overflow:hidden;padding:2px;width:80px}.genius-dog-logo-image-large{height:100%;object-fit:contain;width:100%}.genius-dog-welcome-logo-large{height:200px;margin:0;object-fit:contain;padding:0;width:200px}.ai-avatar.genius-dog-avatar{gap:0;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.pawco-mode{--primary-color:#874fff;--primary-light:#a78bfa;--primary-dark:#7c3aed;--accent-color:#ff8c42;--primary-orange:#874fff;--primary-orange-light:#a78bfa;--primary-orange-dark:#7c3aed;--accent-orange:#ff8c42;--accent-gold:#ffb366}.pawco-mode .main-header{background:linear-gradient(135deg,#1e1b4b,#312e81);border-bottom:2px solid #874fff;box-shadow:0 4px 20px #874fff26}.pawco-mode .header-title h1{color:#874fff;font-weight:800}.pawco-mode .header-title p{color:#c4b5fd}.pawco-mode .status-dot{background:#874fff;box-shadow:0 0 8px #874fff99}.pawco-mode .logo-icon{background:linear-gradient(135deg,#874fff,#ff8c42);box-shadow:0 4px 12px #874fff66}.pawco-mode .brand-name{color:#874fff;font-weight:800}.pawco-mode .brand-tagline{color:#a78bfa}.pawco-mode .sidebar{background:var(--bg-secondary);border-right:2px solid #874fff33}.pawco-mode .nav-header i,.pawco-mode .nav-item:hover i{color:#874fff}.pawco-mode .theme-toggle:hover{background:#874fff1a;border-color:#874fff;color:#874fff}.pawco-mode .expand-button{background:linear-gradient(135deg,#874fff,#a78bfa);box-shadow:0 4px 16px #874fff66}.pawco-mode .expand-button:hover{box-shadow:0 6px 20px #874fff80;transform:scale(1.1)}.pawco-mode .message-avatar{background:linear-gradient(135deg,#874fff,#a78bfa);box-shadow:0 4px 12px #874fff4d}.pawco-mode .bot-message .message-bubble{background:linear-gradient(135deg,#874fff14,#874fff0d);border:2px solid #874fff33;box-shadow:0 4px 16px #874fff1a}.pawco-mode .user-message .message-bubble{background:linear-gradient(135deg,#ff8c4214,#ff8c420d);border:2px solid #ff8c424d;box-shadow:0 4px 16px #ff8c421a}.pawco-mode .user-message .message-avatar{background:linear-gradient(135deg,#ff8c42,#ffb366);box-shadow:0 4px 12px #ff8c424d}.pawco-mode .input-container{background:var(--bg-secondary);border-top:2px solid #874fff33}.pawco-mode .input-field{background:#874fff0d;border:2px solid #874fff33;box-shadow:0 4px 16px #874fff0d}.pawco-mode .input-field:focus-within{border-color:#874fff;box-shadow:0 0 0 4px #874fff26}.pawco-mode .send-button{background:linear-gradient(135deg,#874fff,#a78bfa);box-shadow:0 4px 12px #874fff4d}.pawco-mode .send-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#874fff);box-shadow:0 6px 20px #874fff66;transform:translateY(-2px)}.pawco-mode .professional-search-indicator{background:linear-gradient(135deg,#874fff14,#ff8c420d);border:2px solid #874fff33;box-shadow:0 4px 16px #874fff1a}.pawco-mode .search-icon{background:linear-gradient(135deg,#874fff,#a78bfa);box-shadow:0 4px 12px #874fff4d;color:#fff}.pawco-mode .progress-fill{background:linear-gradient(90deg,#874fff,#ff8c42)}.pawco-mode .source-tag{background:#874fff26;border:1px solid #874fff4d;color:#874fff}.pawco-mode .professional-typing-indicator{background:#874fff0d;border-left:4px solid #874fff}.pawco-mode .typing-avatar{background:linear-gradient(135deg,#874fff,#a78bfa)}.pawco-mode .typing-dots span{background:#874fff}.pawco-mode .typing-text{color:#874fff}.pawco-mode .welcome-badge{background:#874fff;box-shadow:0 4px 16px #874fff4d}.pawco-mode .ai-avatar i{background:linear-gradient(135deg,#874fff,#ff8c42)}.pawco-mode .welcome-description strong{color:#874fff;font-weight:700}.pawco-mode .welcome-description em{color:#874fff}.pawco-mode .capability-item:hover{border-color:#874fff;box-shadow:0 6px 20px #874fff33}.pawco-mode .capability-item i{color:#874fff}.pawco-mode .web-search-indicator{background:#874fff1a;border:1px solid #874fff33;color:#874fff}.pawco-mode.light{--bg-primary:#fff;--bg-secondary:#f8f9fa}.pawco-mode.light .main-header{background:linear-gradient(135deg,#fff,#f5f3ff);border-bottom:2px solid #874fff}.pawco-mode.light .header-title h1{color:#874fff}.pawco-mode.light .header-title p{color:#6d28d9}.pawco-mode.light .sidebar{background:#fff;border-right:2px solid #874fff33}.pawco-mode.light .input-container{background:#fff;border-top:2px solid #874fff33}.pawco-mode.light .input-field{background:#f5f3ff;border:2px solid #874fff33}.pawco-mode.light .bot-message .message-bubble{background:#fff;border:2px solid #874fff33}.pawco-mode.light .user-message .message-bubble{background:#fff7ed;border:2px solid #ff8c424d}.pawco-mode.light .message-text{color:#1e1b4b}.pawco-mode.light .professional-search-indicator{background:#f5f3ff;border:2px solid #874fff33}.pawco-mode.light .professional-typing-indicator{background:#f5f3ff;border-left:4px solid #874fff}.genius-dog-mode{--primary-color:#3498db;--primary-light:#5dade2;--primary-dark:#2980b9;--accent-color:#2980b9;--primary-orange:#3498db!important;--primary-orange-light:#5dade2!important;--primary-orange-dark:#2980b9!important;--accent-orange:#3498db!important}.genius-dog-mode .logo-icon.genius-dog-logo{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db66;color:#fff}.genius-dog-mode .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5dade2,#3498db);-webkit-background-clip:text;background-clip:text;font-weight:800}.genius-dog-mode .brand-tagline{color:#5dade2}.genius-dog-mode .main-header{background:linear-gradient(135deg,#1c2833,#2c3e50);border-bottom:2px solid #3498db;box-shadow:0 4px 20px #3498db26}.genius-dog-mode .header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5dade2,#3498db);-webkit-background-clip:text;background-clip:text;font-weight:800}.genius-dog-mode .header-title p{color:#85c1e9}.genius-dog-mode .status-dot{background:#3498db;box-shadow:0 0 8px #3498db99}.genius-dog-mode .professional-search-indicator{background:linear-gradient(135deg,#3498db14,#3498db0d);border:2px solid #3498db33;box-shadow:0 4px 16px #3498db1a}.genius-dog-mode .search-icon{background:linear-gradient(135deg,#3498db,#5dade2);box-shadow:0 4px 12px #3498db4d;color:#fff}.genius-dog-mode .progress-fill{background:linear-gradient(90deg,#3498db,#5dade2)}.genius-dog-mode .source-tag{background:#3498db26;border:1px solid #3498db4d;color:#3498db}.genius-dog-mode .professional-typing-indicator{background:#3498db0d;border-left:4px solid #3498db;box-shadow:0 2px 8px #0000000d}.genius-dog-mode .typing-avatar{background:linear-gradient(135deg,#3498db,#5dade2)}.genius-dog-mode .typing-dots span{background:#3498db}.genius-dog-mode .typing-text{color:#3498db}.genius-dog-mode .input-container{background:var(--bg-secondary);border-top:2px solid #3498db33}.genius-dog-mode .input-field{background:#3498db0d;border:2px solid #3498db33;box-shadow:0 4px 16px #3498db0d}.genius-dog-mode .input-field:focus-within{border-color:#3498db;box-shadow:0 0 0 4px #3498db26}.genius-dog-mode .send-button{background:linear-gradient(135deg,#3498db,#5dade2);box-shadow:0 4px 12px #3498db4d}.genius-dog-mode .send-button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.genius-dog-mode .message-avatar{background:linear-gradient(135deg,#3498db,#5dade2);box-shadow:0 4px 12px #3498db4d}.genius-dog-mode .bot-message .message-bubble{background:linear-gradient(135deg,#3498db14,#3498db0d);border:2px solid #3498db33;box-shadow:0 4px 16px #3498db1a}.genius-dog-mode .user-message .message-bubble{background:linear-gradient(135deg,#5dade214,#5dade20d);border:2px solid #5dade24d;box-shadow:0 4px 16px #5dade21a;color:#e8e9ea}.genius-dog-mode .user-message .message-avatar{background:linear-gradient(135deg,#5dade2,#85c1e9);box-shadow:0 4px 12px #5dade24d}.genius-dog-mode.light .user-message .message-bubble{background:#3498db14;border:1.5px solid #3498db;color:#2c3e50!important}.genius-dog-mode.light .user-message .message-text{color:#2c3e50!important}.genius-dog-mode .nav-item:hover i{color:#3498db!important}.genius-dog-mode .theme-toggle:hover{background:#3498db1a!important;color:#3498db!important}.genius-dog-mode .send-button:disabled{background:#34495e!important;border-color:#2c3e50!important}.genius-dog-mode .message-input::placeholder{color:#7f8c8d!important}.genius-dog-mode .welcome-badge{box-shadow:0 4px 16px #3498db4d;color:#fff}.genius-dog-mode .ai-avatar i,.genius-dog-mode .welcome-badge,.genius-dog-mode .welcome-description strong{background:linear-gradient(135deg,#3498db,#5dade2)}.genius-dog-mode .welcome-description strong{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.genius-dog-mode .welcome-description em{color:#5dade2}.genius-dog-mode .capability-item:hover{border-color:#3498db;box-shadow:0 6px 20px #3498db33}.genius-dog-mode .capability-item i{color:#3498db}.genius-dog-mode .sidebar{border-right:2px solid #3498db33}.genius-dog-mode .nav-header i,.genius-dog-mode .nav-item:hover i{color:#3498db}.genius-dog-mode .theme-toggle:hover{background:#3498db1a;border-color:#3498db;color:#3498db}.genius-dog-mode .company-logo:hover{transform:scale(1.02)!important}.pawco-mode .citations-display{background:#874fff08;border:2px solid #874fff33}.pawco-mode .citation-card{border:1px solid #874fff33;transition:all .3s cubic-bezier(.4,0,.2,1)}.pawco-mode .citation-card:hover{border-color:#874fff;box-shadow:0 6px 20px #874fff33;transform:translateY(-2px)}.pawco-mode .external-link:hover{color:#874fff}.pawco-mode .visit-source-btn{background:linear-gradient(135deg,#874fff,#a78bfa);border:1px solid #874fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.pawco-mode .visit-source-btn:hover{background:linear-gradient(135deg,#7c3aed,#874fff);box-shadow:0 6px 20px #874fff4d;transform:translateY(-2px)}.genius-dog-mode .citations-display{background:#3498db08;border:2px solid #3498db33}.genius-dog-mode .citation-card{border:1px solid #3498db33;transition:all .3s cubic-bezier(.4,0,.2,1)}.genius-dog-mode .citation-card:hover{border-color:#3498db;box-shadow:0 6px 20px #3498db33;transform:translateY(-2px)}.genius-dog-mode .external-link:hover{color:#3498db}.genius-dog-mode .visit-source-btn{background:linear-gradient(135deg,#3498db,#5dade2);border:1px solid #3498db;transition:all .3s cubic-bezier(.4,0,.2,1)}.genius-dog-mode .visit-source-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db4d;transform:translateY(-2px)}.pawco-mode .analyze-button,.pawco-mode .calculate-button{background:linear-gradient(135deg,#874fff,#a78bfa);border:1px solid #874fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.pawco-mode .analyze-button:hover,.pawco-mode .calculate-button:hover{background:linear-gradient(135deg,#7c3aed,#874fff);box-shadow:0 6px 20px #874fff4d;transform:translateY(-2px)}.genius-dog-mode .analyze-button,.genius-dog-mode .calculate-button{background:linear-gradient(135deg,#3498db,#5dade2);border:1px solid #3498db;transition:all .3s cubic-bezier(.4,0,.2,1)}.genius-dog-mode .analyze-button:hover,.genius-dog-mode .calculate-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db4d;transform:translateY(-2px)}.pawco-mode .preview-badge{background:#874fff26;border:1px solid #874fff4d;border-radius:12px;border-radius:var(--radius-lg);color:#874fff;font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.pawco-mode .feature-item i{color:#874fff}.genius-dog-mode .preview-badge{background:#3498db26;border:1px solid #3498db4d;border-radius:12px;border-radius:var(--radius-lg);color:#3498db;font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.genius-dog-mode .feature-item i{color:#3498db}.genius-dog-mode.light{--bg-primary:#fff;--bg-secondary:#f8f9fa}.genius-dog-mode.light .sidebar{background:#fff;border-right:2px solid #3498db33}.genius-dog-mode.light .main-header{background:linear-gradient(135deg,#fff,#ebf5fb);border-bottom:2px solid #3498db}.genius-dog-mode.light .header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2980b9,#3498db);-webkit-background-clip:text;background-clip:text}.genius-dog-mode.light .header-title p{color:#2e86c1}.genius-dog-mode.light .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2980b9,#3498db);-webkit-background-clip:text;background-clip:text}.genius-dog-mode.light .brand-tagline{color:#3498db}.genius-dog-mode.light .input-container{background:#fff;border-top:2px solid #3498db33}.genius-dog-mode.light .input-field{background:#ebf5fb;border:2px solid #3498db33}.genius-dog-mode.light .bot-message .message-bubble{background:#fff;border:2px solid #3498db33;color:#1c2833}.genius-dog-mode.light .user-message .message-bubble{background:#ebf5fb;border:2px solid #5dade24d;color:#1c2833}.genius-dog-mode.light .bot-message .message-text,.genius-dog-mode.light .user-message .message-text{color:#1c2833}.genius-dog-mode.light .message-header .sender-name{color:#2980b9}.genius-dog-mode.light .message-time{color:#5d6d7e}.genius-dog-mode.light .professional-search-indicator{background:#ebf5fb;border:2px solid #3498db33}.genius-dog-mode.light .professional-typing-indicator{background:#ebf5fb;border-left:4px solid #3498db}.genius-dog-mode.light .search-status,.genius-dog-mode.light .typing-text{color:#2980b9}.about-content{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.about-content h4{color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.about-content p{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6}.info-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.info-item strong{color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.info-item small{color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-style:italic}.company-logo{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);margin-top:.5rem;margin-top:var(--space-sm);padding:1.5rem;padding:var(--space-lg);text-align:center}.logo-link{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);padding:.5rem;padding:var(--space-sm);text-decoration:none;transition:all .3s ease}.logo-link:hover{background:var(--bg-quaternary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.logo-image{border-radius:4px;border-radius:var(--radius-sm);filter:brightness(1.1);height:auto;max-height:60px;object-fit:contain;transition:filter .3s ease;width:120px}.logo-link:hover .logo-image{filter:brightness(1.2)}.logo-subtitle{color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color .3s ease}.logo-link:hover .logo-subtitle{color:#8b5cf6;color:var(--primary-orange)}.preview-notice{background:#f7f7f8;border:1px solid var(--border-secondary);border-radius:12px;border-radius:var(--radius-lg);margin:1.5rem 0 1rem;margin:var(--space-lg) 0 var(--space-md) 0;overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative}.preview-notice:before{background:linear-gradient(90deg,#8b5cf6,#ff8c42);background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:3px;left:0;position:absolute;right:0;top:0}.preview-badge{align-items:center;color:#8b5cf6;color:var(--primary-orange);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.preview-badge i{color:#874fff;font-size:1rem}.preview-notice p{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.preview-features{flex-direction:column}.feature-item,.preview-features{display:flex;gap:.5rem;gap:var(--space-sm)}.feature-item{align-items:center;font-size:.875rem;font-size:var(--font-size-sm)}.feature-item i{color:#27ae60;color:var(--success-green);flex-shrink:0;font-size:.9rem;width:16px}.feature-item span{color:var(--text-secondary);font-weight:500}.sidebar-footer{border-top:1px solid var(--border-primary);padding:1.5rem;padding:var(--space-lg)}.theme-toggle{align-items:center;background:none;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;width:100%}.theme-toggle:hover{background:var(--bg-tertiary);border-color:#8b5cf6;border-color:var(--primary-orange);color:var(--text-primary)}.theme-toggle i{color:#ff8c42;color:var(--accent-gold)}.main-container{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.main-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;height:60px;height:var(--header-height);padding:0 2rem;padding:0 var(--space-xl)}.header-content{gap:var(--space-md);width:100%}.mobile-menu-toggle{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;font-size:1.2rem;padding:.5rem;padding:var(--space-sm);transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--bg-hover);color:#8b5cf6;color:var(--primary-orange)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-backdrop{animation:backdropFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.header-title h1{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0}.header-title p{color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.header-status,.status-indicator{align-items:center;display:flex}.status-indicator{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--space-sm)}.status-dot{animation:pulse 2s infinite;background:#27ae60;background:var(--success-green);border-radius:50%;height:8px;width:8px}.status-dot.error{animation:none;background:#f44}.error-message{color:#f44;font-size:.75rem;margin-top:4px}.web-search-indicator{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;border-radius:var(--radius-md);color:#8b5cf6;color:var(--primary-orange);display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .3s ease}.web-search-indicator i{font-size:.7rem}.web-search-indicator:hover{background:#8b5cf626;border-color:#8b5cf64d}.genius-dog-mode .web-search-indicator{background:#3498db1a;border:1px solid #3498db33;color:#3498db}.genius-dog-mode .web-search-indicator:hover{background:#3498db26;border-color:#3498db4d}.input-hint{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.integrated-citations{border-top:1px solid #ff8c4233;margin-top:1rem;padding-top:1rem}.integrated-citations .citations-display{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chat-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-messages{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:3rem;padding:var(--space-2xl);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}@media (max-width:768px){.chat-messages::-webkit-scrollbar{display:none}.chat-messages{-ms-overflow-style:none;scrollbar-width:none}}.welcome-section{margin:0 auto;max-width:900px}.ai-avatar{gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl)}.ai-avatar,.ai-avatar i{align-items:center;display:flex}.ai-avatar i{background:linear-gradient(135deg,#8b5cf6,#ff8c42);background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;font-size:1.5rem;height:48px;justify-content:center;width:48px}.ai-label{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.welcome-content{display:flex;flex-direction:column;gap:2rem;gap:var(--space-xl)}.welcome-badge{align-items:center;background:#874fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:600;gap:.5rem;gap:var(--space-sm);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);width:-webkit-fit-content;width:fit-content}.welcome-title{color:var(--text-primary);font-size:2rem;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin:0}.welcome-description{color:var(--text-secondary);display:flex;flex-direction:column;font-size:1rem;font-size:var(--font-size-base);gap:1.5rem;gap:var(--space-lg);line-height:1.7}.welcome-description strong{color:#874fff;font-weight:700}.welcome-description em{color:#874fff;font-style:italic}.capabilities-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);margin-top:2rem;margin-top:var(--space-xl);padding:3rem;padding:var(--space-2xl)}.capabilities-section h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-xl)}.capabilities-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.capability-item{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.capability-item:hover{background:var(--bg-quaternary);border-color:#8b5cf6;border-color:var(--primary-orange);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.capability-item i{color:#8b5cf6;color:var(--primary-orange);flex-shrink:0;font-size:1.5rem;margin-top:.25rem;margin-top:var(--space-xs)}.capability-item strong{color:var(--text-primary);display:block;font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.capability-item p{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;margin:0}.input-container{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:2rem;padding:var(--space-xl);padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom))}.input-field{align-items:flex-end;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-md);margin:0 auto;max-width:900px;padding:1rem;padding:var(--space-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus-within{border-color:#8b5cf6;border-color:var(--primary-orange);box-shadow:0 0 0 4px #8b5cf626;transform:translateY(-1px)}.input-field textarea{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);line-height:1.5;max-height:120px;min-height:24px;resize:none}.input-field textarea::placeholder{color:var(--text-muted)}.input-field textarea:focus{outline:none}.send-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ff8c42);background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-footer{margin:1rem auto 0;margin:var(--space-md) auto 0;max-width:900px;text-align:center}.input-hint{color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.message-wrapper{animation:messageSlideIn .3s ease-out;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl)}.message-wrapper.user-message{flex-direction:row-reverse}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ff8c42);background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.user-message .message-avatar{background:linear-gradient(135deg,#3498db,#16a085);background:linear-gradient(135deg,var(--secondary-blue),var(--secondary-teal))}.message-content{flex:1 1;max-width:70%}.message-bubble{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-bubble:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-message .message-bubble{background:var(--bg-tertiary)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.sender-name{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.message-time{color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.message-text{color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.subtle-typing-indicator{justify-content:center;margin:.5rem 0;margin:var(--space-sm) 0;opacity:.7;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.subtle-typing-indicator,.typing-animation{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.typing-animation{padding:1rem;padding:var(--space-md)}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:#8b5cf6;background:var(--primary-orange);border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic}.subtle-typing-indicator .typing-text{color:var(--text-secondary);font-size:.8rem;font-style:italic;font-weight:400}.professional-search-indicator{background:linear-gradient(135deg,var(--bg-secondary) 0,#ff8c420d 100%);border:1px solid #ff8c4233;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1.5rem}.search-animation{gap:1rem}.search-animation,.search-icon{align-items:center;display:flex}.search-icon{animation:searchPulse 2s ease-in-out infinite;background:#8b5cf6;background:var(--primary-orange);border-radius:50%;color:#fff;height:40px;justify-content:center;width:40px}.search-icon i{font-size:1.1rem}@keyframes searchPulse{0%,to{box-shadow:0 0 0 0 #ff8c42b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #ff8c4200;transform:scale(1.05)}}.search-progress{flex:1 1}.progress-bar{background:#ff8c4233;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;height:100%}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}.search-status{display:flex;flex-direction:column;gap:.75rem}.status-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.search-sources{display:flex;flex-wrap:wrap;gap:.5rem}.source-tag{animation:sourceGlow 2s ease-in-out infinite alternate;background:#ff8c421a;border:1px solid #ff8c424d;border-radius:12px;color:#8b5cf6;color:var(--primary-orange);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}@keyframes sourceGlow{0%{opacity:.7}to{opacity:1}}.professional-typing-indicator{align-items:center;background:var(--bg-secondary);border-left:4px solid #8b5cf6;border-left:4px solid var(--primary-orange);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin:.75rem 0;padding:1.25rem}.typing-avatar{align-items:center;animation:typingPulse 1.5s ease-in-out infinite;background:#8b5cf6;background:var(--primary-orange);border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.typing-avatar i{font-size:1rem}@keyframes typingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.typing-content{display:flex;flex-direction:column;gap:.5rem}.professional-typing-indicator .typing-dots{display:flex;gap:6px}.professional-typing-indicator .typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#8b5cf6;background:var(--primary-orange);border-radius:50%;height:10px;width:10px}.professional-typing-indicator .typing-dots span:first-child{animation-delay:-.32s}.professional-typing-indicator .typing-dots span:nth-child(2){animation-delay:-.16s}.professional-typing-indicator .typing-dots span:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.professional-typing-indicator .typing-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1419cc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-overlay,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 2s linear infinite;background:linear-gradient(135deg,#8b5cf6,#ff8c42);background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border-radius:50%;box-shadow:var(--shadow-xl);color:#fff;font-size:1.5rem;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.sidebar{width:250px}.capabilities-grid{grid-template-columns:1fr}.message-content{max-width:80%}}@media (max-width:768px){:root{--sidebar-width:280px;--header-height:56px}.app-layout{flex-direction:column}.mobile-menu-toggle{align-items:center;display:flex;flex-shrink:0;justify-content:center}.mobile-backdrop{display:block}.sidebar{box-shadow:4px 0 24px #0000004d;height:100vh;height:-webkit-fill-available;left:-280px;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:env(safe-area-inset-top);position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000}.sidebar:not(.collapsed){left:0}.sidebar.collapsed{left:-280px!important}.sidebar-content{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.main-container{margin-left:0!important;width:100%}.main-header{height:56px;padding:0 1rem;padding:0 var(--space-md);padding-left:max(1rem,env(safe-area-inset-left));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-right:max(var(--space-md),env(safe-area-inset-right))}.header-content{gap:.5rem;gap:var(--space-sm)}.header-title{flex:1 1;min-width:0}.header-title h1{font-size:1.125rem;font-size:var(--font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title p{display:none}.header-status{font-size:.75rem;font-size:var(--font-size-xs)}.error-message,.status-text{display:none}.chat-messages,.welcome-section{padding:1rem;padding:var(--space-md)}.ai-avatar i{font-size:1.2rem;height:40px;width:40px}.ai-label{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.welcome-title{font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.3}.welcome-badge,.welcome-description{font-size:.875rem;font-size:var(--font-size-sm)}.welcome-badge{padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}.capabilities-section{margin-top:1.5rem;margin-top:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.capabilities-section h3{font-size:1.125rem;font-size:var(--font-size-lg)}.capability-item{padding:1rem;padding:var(--space-md)}.capability-item i{font-size:1.2rem}.capability-item strong{font-size:.875rem;font-size:var(--font-size-sm)}.capability-item p{font-size:.75rem;font-size:var(--font-size-xs)}.message-wrapper{gap:.5rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.message-avatar{font-size:.9rem;height:32px;width:32px}.message-content{max-width:calc(100% - 44px)}.message-bubble{padding:1rem;padding:var(--space-md)}.message-header{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.input-container{padding:1rem;padding:var(--space-md);padding-bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));padding-bottom:max(var(--space-md),calc(env(safe-area-inset-bottom) + var(--space-sm)))}.input-field{border-radius:12px;border-radius:var(--radius-lg);padding:.5rem;padding:var(--space-sm)}.input-field textarea{-webkit-overflow-scrolling:touch;font-size:16px;min-height:20px}.send-button{font-size:.9rem;height:36px;width:36px}.input-footer{margin-top:.5rem;margin-top:var(--space-sm)}.input-hint{align-items:flex-start;flex-direction:column;font-size:.7rem;gap:.25rem;gap:var(--space-xs)}.web-search-indicator{font-size:.7rem;padding:.25rem .5rem}.professional-search-indicator{margin:.5rem 0;margin:var(--space-sm) 0;padding:1rem;padding:var(--space-md)}.search-icon{height:32px;width:32px}.search-status .status-text{font-size:.875rem;font-size:var(--font-size-sm)}.source-tag{font-size:.65rem;padding:.2rem .5rem}.professional-typing-indicator{padding:.5rem;padding:var(--space-sm)}.typing-avatar{height:28px;width:28px}.genius-dog-welcome-logo-large{height:120px;width:120px}.nav-item{font-size:1rem;font-size:var(--font-size-base);min-height:48px;padding:1rem;padding:var(--space-md)}.logo-icon{height:36px;width:36px}.brand-name{font-size:1.125rem;font-size:var(--font-size-lg)}.brand-tagline{font-size:.7rem}}@media (max-width:480px){.welcome-title{font-size:1.125rem;font-size:var(--font-size-lg)}.capabilities-section{padding:1rem;padding:var(--space-md)}.chat-messages,.input-container{padding:.5rem;padding:var(--space-sm)}.message-content{max-width:calc(100% - 40px)}.genius-dog-welcome-logo-large{height:100px;width:100px}.header-title h1{font-size:1rem;font-size:var(--font-size-base)}.sidebar-header,.sidebar-nav{padding:1rem;padding:var(--space-md)}button{min-height:44px;min-width:44px}.send-button{height:44px;width:44px}.close-button{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,textarea:focus{outline:2px solid #8b5cf6;outline:2px solid var(--primary-orange);outline-offset:2px}.nav-item:focus{background:var(--bg-tertiary);color:var(--text-primary)}@media print{.input-container,.sidebar{display:none}.main-container{width:100%}}.markdown-renderer{color:var(--text-primary);font-family:var(--font-family);line-height:1.6}.markdown-h1{border-bottom:2px solid var(--border-color);font-size:1.75rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.5rem}.markdown-h1,.markdown-h2{color:var(--primary-orange)}.markdown-h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem}.markdown-h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.markdown-h4{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem}.markdown-p{color:var(--text-primary);line-height:1.7;margin:.75rem 0}.markdown-ol,.markdown-ul{margin:.75rem 0;padding-left:1.5rem}.markdown-li{color:var(--text-primary);line-height:1.6;margin:.5rem 0}.markdown-ul .markdown-li::marker{color:var(--primary-orange)}.markdown-ol .markdown-li::marker{color:var(--primary-orange);font-weight:600}.inline-code{background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-orange);font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.code-block{border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;margin:1rem 0!important}.code-block pre{background:var(--surface-color)!important;margin:0!important;padding:1rem!important}.table-wrapper{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;overflow-x:auto}.markdown-table{background:var(--surface-color);border-collapse:collapse;width:100%}.markdown-thead{background:var(--primary-orange);color:#fff}.markdown-th{border-bottom:2px solid var(--border-color);font-weight:600;padding:.75rem 1rem;text-align:left}.markdown-td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem}.markdown-tr:nth-child(2n) .markdown-td{background:#ff8c420d}.markdown-tr:hover .markdown-td{background:#ff8c421a}.markdown-blockquote{background:#8b5cf61a;border-left:4px solid var(--primary-orange);border-radius:0 8px 8px 0;color:var(--text-primary);font-style:italic;margin:1rem 0;padding:1rem 1.5rem;position:relative}.markdown-link{border-bottom:1px solid #0000;color:var(--primary-orange);font-weight:500;text-decoration:none;transition:all .2s ease}.markdown-link:hover{border-bottom-color:var(--primary-orange);color:var(--primary-orange-dark)}.markdown-strong{color:var(--text-primary);font-weight:700}.markdown-em{color:var(--text-secondary);font-style:italic}.markdown-hr{background:linear-gradient(90deg,#0000,var(--primary-orange),#0000);border:none;height:2px;margin:2rem 0}.markdown-img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;margin:1rem 0;max-width:100%}.markdown-renderer h2:has-text("Ingredients"),.markdown-renderer h2:has-text("Nutritional Analysis"),.markdown-renderer h2:has-text("Recipe"){color:var(--success-green)}.markdown-renderer h2:has-text("Avoid"),.markdown-renderer h2:has-text("Caution"),.markdown-renderer h2:has-text("Warning"){color:#f44}@media (max-width:768px){.markdown-h1{font-size:1.5rem}.markdown-h2{font-size:1.3rem}.markdown-h3{font-size:1.1rem}.table-wrapper{font-size:.9rem}.markdown-td,.markdown-th{padding:.5rem .75rem}.markdown-blockquote{margin:.75rem 0;padding:.75rem 1rem}}.markdown-renderer.streaming{animation:fadeIn .3s ease-in}.streaming-cursor{animation:blink 1s infinite;background:var(--primary-orange);display:inline-block;height:1.2em;margin-left:2px;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.citations-display{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;border-top:2px solid var(--primary-orange);box-shadow:0 1px 4px #0000000d;margin:.5rem 0 0;overflow:hidden}.citations-header{background:#ff8c4214;border-bottom:1px solid #ff8c4226;padding:.625rem .875rem}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.search-indicator{align-items:center;color:var(--primary-orange);display:flex;font-weight:600;gap:.5rem}.search-indicator i{font-size:1.1rem}.search-label,.search-query{font-size:.8rem}.search-query{color:var(--text-secondary);font-style:italic;font-weight:400}.expand-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--primary-orange);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}.expand-toggle:hover{background:#ff8c421a}.citations-content{overflow:hidden;transition:all .3s ease}.citations-content.collapsed{max-height:0}.citations-content.expanded{max-height:1000px}.citations-grid{grid-gap:.625rem;display:grid;gap:.625rem;padding:.875rem}.citation-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;padding:.75rem;position:relative;transition:all .2s ease}.citation-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #ff8c4226;transform:translateY(-1px)}.citation-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.5rem}.citation-number{align-items:center;background:var(--primary-orange);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.citation-source{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.source-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.source-date{color:var(--text-secondary);font-size:.75rem}.citation-actions{flex-shrink:0}.external-link{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;height:28px;justify-content:center;text-decoration:none;transition:all .2s ease;width:28px}.external-link:hover{background:#ff8c421a;color:var(--primary-orange)}.citation-content{margin-bottom:.5rem}.citation-title{-webkit-line-clamp:2;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 .375rem}.citation-snippet,.citation-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.citation-snippet{-webkit-line-clamp:3;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.citation-footer{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding-top:.5rem}.citation-url{color:var(--primary-orange);font-size:.75rem;font-weight:500}.citation-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.citation-modal{animation:modalSlideIn .3s ease;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h3{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.close-button{background:none;border:none;border-radius:4px;flex-shrink:0;padding:.25rem}.close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content{max-height:calc(80vh - 120px);overflow-y:auto;padding:1.5rem}.modal-meta{background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.meta-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.meta-item i{width:16px}.meta-item i,.modal-link{color:var(--primary-orange)}.modal-link{font-weight:500;text-decoration:none}.modal-link:hover{text-decoration:underline}.modal-snippet{margin-bottom:1.5rem}.modal-snippet h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.modal-snippet p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.modal-actions{display:flex;justify-content:flex-end}.visit-source-btn{align-items:center;background:var(--primary-orange);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.visit-source-btn:hover{background:var(--primary-orange-dark);box-shadow:0 4px 12px #ff8c424d;transform:translateY(-1px)}@media (max-width:768px){.citations-display{border-radius:12px;margin:.5rem 0 0}.citations-header{padding:.75rem}.expand-toggle,.search-label{font-size:.75rem}.expand-toggle{padding:.375rem .625rem}.citations-grid{gap:.75rem;padding:.75rem}.citation-card{padding:.75rem}.citation-header{gap:.625rem}.citation-number{font-size:.75rem;height:24px;width:24px}.citation-title{font-size:.875rem}.citation-snippet{-webkit-line-clamp:2;font-size:.8rem}.citation-footer{padding-top:.5rem}.citation-url{font-size:.7rem}.citation-modal{border-radius:12px;margin:0;max-height:95vh}.modal-header{padding:1rem}.modal-header h3{font-size:1rem}.modal-content{padding:1rem}.modal-meta{padding:.875rem}.meta-item{font-size:.85rem}.visit-source-btn{font-size:.875rem;padding:.75rem 1.25rem}}@media (max-width:480px){.citations-header{padding:.625rem}.search-indicator{gap:.25rem}.header-content,.search-indicator{align-items:flex-start;flex-direction:column}.header-content{gap:.5rem}.citation-card{padding:.625rem}.citation-snippet{-webkit-line-clamp:1}}.feedback-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.feedback-buttons{align-items:center;display:flex;gap:8px}.feedback-btn{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.feedback-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);transform:translateY(-1px)}.feedback-btn:active:not(:disabled){transform:translateY(0)}.feedback-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-btn.thumbs-up.active{background:#dcfce7;border-color:#86efac;color:#16a34a}.feedback-btn.thumbs-down.active{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.feedback-btn i{font-size:16px}.feedback-comment-box{animation:slideDown .2s ease-out;background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-textarea{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;padding:10px;resize:vertical;transition:border-color .2s ease;width:100%}.feedback-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.feedback-textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.feedback-actions{align-items:center;display:flex;gap:8px}.feedback-skip-btn,.feedback-submit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.feedback-submit-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.feedback-submit-btn:hover:not(:disabled){background:#2563eb;background:var(--primary-color-dark,#2563eb);transform:translateY(-1px)}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-skip-btn{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);color:#6b7280;color:var(--text-secondary,#6b7280)}.feedback-skip-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.feedback-char-count{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;text-align:right}.feedback-submitted{align-items:center;animation:fadeIn .3s ease-out;background:#dcfce7;border:1px solid #86efac;border-radius:6px;color:#16a34a;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-submitted i{font-size:16px}.dark .feedback-btn{--bg-secondary:#1f2937;--border-color:#374151;--text-secondary:#9ca3af}.dark .feedback-btn:hover:not(:disabled){--bg-hover:#374151;--border-hover:#4b5563}.dark .feedback-comment-box{--bg-tertiary:#1f2937;--border-color:#374151}.dark .feedback-textarea{--bg-secondary:#111827;--border-color:#374151;--text-primary:#f9fafb;--text-tertiary:#6b7280}.dark .feedback-skip-btn{--text-secondary:#9ca3af;--border-color:#374151}.dark .feedback-skip-btn:hover:not(:disabled){--bg-hover:#374151}:root{--health-critical:#dc2626;--health-high:#ea580c;--health-medium:#d97706;--health-low:#059669;--health-success:#10b981;--urgency-immediate:#dc2626;--urgency-urgent:#f59e0b;--urgency-monitor:#3b82f6;--urgency-routine:#10b981}.health-check-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.health-check-modal{animation:modalSlideIn .4s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0006;max-height:95vh;max-width:800px;overflow-y:auto;width:95%}.health-check-header{align-items:center;background:#874fff;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--space-xl);position:relative}.health-check-header,.health-check-header:before{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.health-check-header:before{background:linear-gradient(90deg,#ff6b35,#f7931e,#ffd23f);content:"";height:4px;left:0;position:absolute;right:0;top:0}.health-check-header h2{color:#fff;font-size:var(--font-size-2xl);font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-lg);padding:var(--space-sm)}.close-button:hover{background:#fff3;border-color:#fff6}.health-check-content{padding:var(--space-xl)}.assessment-badges{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--space-xl)}.risk-badge,.urgency-badge{align-items:center;background:var(--bg-secondary);border:2px solid;border-radius:var(--radius-lg);display:flex;gap:var(--space-md);overflow:hidden;padding:var(--space-lg);position:relative;transition:all .3s ease}.risk-badge:before,.urgency-badge:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.badge-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.badge-content{display:flex;flex-direction:column;gap:var(--space-xs)}.badge-label{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.badge-text{font-size:var(--font-size-lg);font-weight:700;letter-spacing:.5px}.risk-critical{background:linear-gradient(135deg,#dc26261a,#dc26260d);border-color:#dc2626;border-color:var(--health-critical);color:#dc2626;color:var(--health-critical)}.risk-critical:before{background:#dc2626;background:var(--health-critical)}.risk-high{background:linear-gradient(135deg,#ea580c1a,#ea580c0d);border-color:#ea580c;border-color:var(--health-high);color:#ea580c;color:var(--health-high)}.risk-high:before{background:#ea580c;background:var(--health-high)}.risk-medium{background:linear-gradient(135deg,#d977061a,#d977060d);border-color:#d97706;border-color:var(--health-medium);color:#d97706;color:var(--health-medium)}.risk-medium:before{background:#d97706;background:var(--health-medium)}.risk-low{background:linear-gradient(135deg,#0596691a,#0596690d);border-color:#059669;border-color:var(--health-low);color:#059669;color:var(--health-low)}.risk-low:before{background:#059669;background:var(--health-low)}.urgency-immediate{background:linear-gradient(135deg,#dc26261a,#dc26260d);border-color:#dc2626;border-color:var(--urgency-immediate);color:#dc2626;color:var(--urgency-immediate)}.urgency-immediate:before{background:#dc2626;background:var(--urgency-immediate)}.urgency-urgent{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b;border-color:var(--urgency-urgent);color:#f59e0b;color:var(--urgency-urgent)}.urgency-urgent:before{background:#f59e0b;background:var(--urgency-urgent)}.urgency-monitor{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f6;border-color:var(--urgency-monitor);color:#3b82f6;color:var(--urgency-monitor)}.urgency-monitor:before{background:#3b82f6;background:var(--urgency-monitor)}.urgency-routine{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b981;border-color:var(--urgency-routine);color:#10b981;color:var(--urgency-routine)}.urgency-routine:before{background:#10b981;background:var(--urgency-routine)}.input-section{gap:var(--space-lg)}.input-section label{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.input-section textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:1.6;min-height:140px;padding:var(--space-lg);resize:vertical;transition:all .3s ease}.input-section textarea:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff8c4226;outline:none;transform:translateY(-2px)}.input-section textarea:disabled{cursor:not-allowed;opacity:.6}.analyze-button{align-items:center;background:#874fff;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--space-md);justify-content:center;letter-spacing:.5px;min-height:60px;overflow:hidden;padding:var(--space-lg) var(--space-xl);position:relative;text-transform:uppercase;transition:all .3s ease}.analyze-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.analyze-button:hover:not(:disabled):before{left:100%}.analyze-button:hover:not(:disabled){box-shadow:0 8px 25px #ff8c4266;transform:translateY(-2px)}.analyze-button:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.result-section{animation:resultsSlideIn .5s ease-out;gap:var(--space-xl)}.emergency-section{background:linear-gradient(135deg,#dc26261a,#dc26260d);border:2px solid #dc2626;border:2px solid var(--health-critical);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-lg);position:relative}.emergency-section:before{background:#dc2626;background:var(--health-critical);content:"";height:4px;left:0;position:absolute;right:0;top:0}.emergency-section h3{color:#dc2626;color:var(--health-critical);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.5px;margin:0 0 var(--space-md) 0;text-transform:uppercase}.emergency-actions{display:flex;flex-direction:column;gap:var(--space-md)}.emergency-action{align-items:center;background:#ffffff80;border-left:4px solid #dc2626;border-left:4px solid var(--health-critical);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-md)}.action-number{align-items:center;background:#dc2626;background:var(--health-critical);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;height:32px;justify-content:center;width:32px}.action-text{color:#dc2626;color:var(--health-critical);font-weight:600;line-height:1.4}.detected-toxins{background:linear-gradient(135deg,#ea580c1a,#ea580c0d);border:2px solid #ea580c;border:2px solid var(--health-high);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative}.detected-toxins:before{background:#ea580c;background:var(--health-high);content:"";height:4px;left:0;position:absolute;right:0;top:0}.detected-toxins h3{color:#ea580c;color:var(--health-high);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-md) 0}.toxin-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.toxin-item{background:#ea580c;background:var(--health-high);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);text-transform:uppercase}.analysis-section,.concerns-section,.followup-section,.recommendations-section,.vet-advice-section{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:all .3s ease}.analysis-section:before,.concerns-section:before,.followup-section:before,.recommendations-section:before,.vet-advice-section:before{background:var(--primary-orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.analysis-section:hover,.concerns-section:hover,.followup-section:hover,.recommendations-section:hover,.vet-advice-section:hover{border-color:var(--primary-orange);box-shadow:0 8px 25px #ff8c4226;transform:translateY(-2px)}.analysis-section h3,.concerns-section h3,.followup-section h3,.recommendations-section h3,.vet-advice-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-md) 0}.analysis-text,.followup-text,.vet-advice{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.concerns-list,.recommendations-list{display:flex;flex-direction:column;gap:var(--space-md)}.concern-item,.recommendation-item{align-items:flex-start;background:#ff8c420d;border-left:4px solid var(--primary-orange);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-sm)}.concern-item i,.recommendation-item i{color:var(--primary-orange);flex-shrink:0;margin-top:2px}.concern-item span,.recommendation-item span{color:var(--text-primary);font-weight:500;line-height:1.4}.disclaimer{background:linear-gradient(135deg,#ff8c421a,#ff8c420d);border:2px solid #ff8c424d;border-radius:var(--radius-lg);padding:var(--space-lg);position:relative}.disclaimer:before{background:var(--primary-orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.disclaimer h4{color:var(--primary-orange);font-size:var(--font-size-base);font-weight:700;letter-spacing:.5px;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.disclaimer p{font-style:italic;line-height:1.5;margin:0}.new-check-button{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-hover));border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--space-md);justify-content:center;letter-spacing:.5px;overflow:hidden;padding:var(--space-lg) var(--space-xl);position:relative;text-transform:uppercase;transition:all .3s ease}.new-check-button:before{background:linear-gradient(90deg,#0000,#ff8c421a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new-check-button:hover:before{left:100%}.new-check-button:hover{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border-color:var(--primary-orange);box-shadow:0 8px 25px #ff8c424d;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.assessment-badges{gap:var(--space-md);grid-template-columns:1fr}}@media (max-width:768px){.health-check-overlay{padding:var(--space-sm)}.health-check-modal{border-radius:var(--radius-lg);margin:0;max-height:95vh;max-width:none;width:100%}.health-check-content,.health-check-header{padding:var(--space-lg)}.health-check-header h2{font-size:var(--font-size-xl)}.assessment-badges{gap:var(--space-md);grid-template-columns:1fr}.risk-badge,.urgency-badge{padding:var(--space-md)}.badge-emoji{font-size:1.5rem}.badge-text{font-size:var(--font-size-base)}.emergency-action{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.action-number{align-self:flex-start}.toxin-list{justify-content:center}.analyze-button,.new-check-button{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}}@media (max-width:480px){.health-check-modal{border-radius:var(--radius-md)}.health-check-content,.health-check-header{padding:var(--space-md)}.health-check-header h2{font-size:var(--font-size-lg)}.close-button{height:44px;min-height:44px;min-width:44px;width:44px}.analyze-button,.new-check-button{font-size:15px;min-height:48px;padding:14px 24px}.badge-content{gap:2px}.badge-label{font-size:.7rem}.badge-text{font-size:var(--font-size-sm)}.analysis-section h3,.concerns-section h3,.detected-toxins h3,.emergency-section h3,.followup-section h3,.recommendations-section h3,.vet-advice-section h3{font-size:var(--font-size-base)}}.feeding-calculator-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.feeding-calculator-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow:hidden;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feeding-calculator-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:32px 40px}.feeding-calculator-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.close-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff;transform:scale(1.05)}.feeding-calculator-content{flex:1 1;overflow-y:auto;padding:40px}.input-section{display:flex;flex-direction:column;gap:32px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.form-main-row,.form-row{align-items:start;display:grid}.form-main-row{grid-gap:32px;gap:32px;grid-template-columns:1fr 1fr}.form-left-column{display:flex;flex-direction:column;gap:24px}.form-right-column{display:flex;flex-direction:column;min-height:400px}.breed-selection-group{display:flex;flex-direction:column;height:100%}.form-row:has(.form-group:only-child){grid-template-columns:1fr}@supports not (selector(:has(*))){.form-row .form-group:only-child{grid-column:1/-1}}.form-group{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px;position:relative;transition:all .2s ease;z-index:1}.form-group:hover{border-color:#ff8c424d}.form-group:has(.breed-selector){z-index:200}@supports not (selector(:has(*))){.form-group .breed-selector{z-index:200}}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}.checkbox-label{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:background-color .2s ease}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-orange);height:16px;width:16px}.checkbox-text{font-size:var(--font-size-sm)}.checkbox-text,.form-group label{color:var(--text-primary);font-weight:500}.form-group label{font-size:14px;margin-bottom:4px}.weight-input-group{align-items:stretch;display:flex;gap:var(--space-md)}.weight-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:16px;font-weight:400;min-height:48px;padding:12px 16px;transition:all .2s ease}.weight-input:focus{background:var(--bg-primary);border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff8c421a;outline:none}.weight-unit-select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:16px;font-weight:400;min-width:80px;padding:12px 16px;text-align:center;transition:all .2s ease}.weight-unit-select:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff8c421a;outline:none}.weight-conversion{background:#ff8c420d;border:1px solid #ff8c421a;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.unit-toggle{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);display:flex;overflow:hidden}.unit-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:500;min-width:50px;padding:var(--space-md);transition:all .2s ease}.unit-button.active{background:var(--primary-orange);color:#fff}.unit-button:not(.active):hover{background:var(--bg-hover);color:var(--text-primary)}.breed-selector{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:100}.breed-input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:500;min-height:56px;padding:var(--space-lg);transition:all .2s ease;width:100%}.breed-input:focus{border-color:#874fff;box-shadow:0 0 0 4px #874fff26;outline:none;transform:translateY(-1px)}.breed-dropdown{animation:dropdownSlideIn .2s ease-out;background:var(--bg-primary);border:2px solid var(--primary-orange);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000004d;left:0;margin-top:var(--space-xs);max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.breed-dropdown::-webkit-scrollbar{width:6px}.breed-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.breed-dropdown::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:3px}.breed-dropdown::-webkit-scrollbar-thumb:hover{background:var(--primary-orange-dark)}.breed-option{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;outline:none;padding:var(--space-md) var(--space-lg);position:relative;transition:all .2s ease}.breed-option:focus{outline:none}.breed-option:last-child{border-bottom:none}.breed-option:hover{background:linear-gradient(90deg,#ff8c421a,#f4a2611a);transform:translateX(4px)}.breed-option:hover .breed-name{color:var(--primary-orange);font-weight:600}.breed-option:hover .breed-size{background:var(--primary-orange);color:#fff}.breed-name{color:var(--text-primary);font-weight:500}.breed-size{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.global-search-container{margin-bottom:20px;position:relative;z-index:300}.global-search-wrapper{align-items:center;display:flex;position:relative}.global-search-icon{color:var(--text-tertiary);font-size:16px;left:18px;pointer-events:none;position:absolute;transition:color .2s ease;z-index:1}.global-search-input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:14px;box-shadow:0 2px 8px #0000000a;color:var(--text-primary);font-size:16px;font-weight:500;padding:16px 48px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.global-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.global-search-input:hover{border-color:#ff8c4266;box-shadow:0 4px 12px #ff8c4214}.global-search-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff8c421f,0 4px 16px #ff8c421f;outline:none}.global-search-input:focus+.global-search-icon,.global-search-wrapper:focus-within .global-search-icon{color:var(--primary-orange)}.global-search-clear{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:14px;transition:all .2s ease;width:24px}.global-search-clear:hover{background:var(--primary-orange);color:#fff;transform:scale(1.1)}.global-search-dropdown{animation:searchDropdownSlideIn .2s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border:2px solid var(--primary-orange);border-radius:14px;box-shadow:0 16px 48px #0003,0 8px 24px #ff8c421a;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}@keyframes searchDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.global-search-dropdown::-webkit-scrollbar{width:8px}.global-search-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px;margin:8px 0}.global-search-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-orange),var(--accent-gold));border-radius:4px}.global-search-option{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;position:relative;transition:all .2s ease}.global-search-option:last-child{border-bottom:none}.global-search-option:before{background:linear-gradient(90deg,var(--primary-orange),#0000);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:0}.global-search-option:hover{background:linear-gradient(90deg,#ff8c4214,#f4a2610a);transform:translateX(4px)}.global-search-option:hover:before{width:4px}.global-search-option:hover .breed-name{color:var(--primary-orange);font-weight:600}.global-search-option:hover .breed-size{background:var(--primary-orange);color:#fff}.global-search-no-results{color:var(--text-tertiary);font-size:14px;font-style:italic;padding:24px 18px;text-align:center}.breed-divider{align-items:center;display:flex;gap:16px;margin:8px 0 20px}.breed-divider:after,.breed-divider:before{background:linear-gradient(90deg,#0000,var(--border-primary),#0000);content:"";flex:1 1;height:1px}.divider-text{color:var(--text-tertiary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.selected-breed{align-items:center;background:var(--bg-secondary);border:2px solid var(--primary-orange);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-lg)}.selected-breed-name{color:var(--primary-orange);font-size:var(--font-size-lg);font-weight:600}.change-breed-btn{background:var(--primary-orange);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.change-breed-btn:hover{background:var(--primary-orange-dark);transform:translateY(-1px)}.change-breed-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.breed-categories{background:linear-gradient(135deg,var(--bg-secondary) 0,#ff8c4205 100%);border:1px solid var(--border-primary);border-radius:16px;display:flex;flex:1 1;flex-direction:column;padding:20px}.categories-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.category-card:before{background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.category-card:hover{border-color:var(--primary-orange);box-shadow:0 8px 25px #ff8c4226;transform:translateY(-2px)}.category-card:hover:before{transform:scaleX(1)}.category-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.category-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}.category-count{background:#ff8c421a;border-radius:4px;color:var(--primary-orange);display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.category-breeds{display:flex;flex:1 1;flex-direction:column;padding:16px}.category-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.back-to-categories-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.back-to-categories-btn:hover{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff;transform:translateY(-1px)}.category-title{color:var(--primary-orange);font-size:var(--font-size-xl);font-weight:600}.breed-search-input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-lg);padding:var(--space-lg);transition:all .2s ease;width:100%}.breed-search-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff8c4226;outline:none;transform:translateY(-1px)}.breed-list{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;flex:1 1;max-height:300px;outline:none;overflow-y:auto}.breed-list:focus{border-color:var(--border-primary);outline:none}.breed-list::-webkit-scrollbar{width:6px}.breed-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.breed-list::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:3px}.breed-list::-webkit-scrollbar-thumb:hover{background:var(--primary-orange-dark)}.form-group select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;min-height:56px;padding:var(--space-lg);padding-right:40px;transition:all .2s ease}.form-group select:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff8c4226;outline:none;transform:translateY(-1px)}.bcs-chart-button{align-items:center;background:#ff8c421a;border:1px solid #ff8c424d;border-radius:var(--radius-md);color:var(--primary-orange);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-xs);letter-spacing:.5px;margin-left:var(--space-md);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:all .2s ease}.bcs-chart-button:hover{background:var(--primary-orange);box-shadow:0 4px 12px #ff8c424d;color:#fff;transform:translateY(-1px)}.bcs-chart-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.bcs-chart-button i{font-size:var(--font-size-xs)}.bcs-select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;min-height:56px;padding:var(--space-lg);padding-right:40px;transition:all .2s ease}.bcs-select:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff8c4226;outline:none;transform:translateY(-1px)}.bcs-description{background:#ff8c420d;border:1px solid #ff8c421a;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.calculate-button{align-items:center;background:var(--primary-orange);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;min-height:52px;padding:16px 32px;transition:all .2s ease}.calculate-button:hover:not(:disabled){background:var(--primary-orange-dark);box-shadow:0 4px 12px #ff8c4233;transform:translateY(-1px)}.calculate-button:active:not(:disabled){transform:translateY(0)}.calculate-button:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.calculate-button i{font-size:var(--font-size-xl)}.result-section{animation:resultsSlideIn .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:var(--space-2xl)}@keyframes resultsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-summary{background:linear-gradient(135deg,var(--bg-secondary) 0,#ff8c420d 100%);border:1px solid #ff8c4233;border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative}.profile-summary:before{background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-summary h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-md) 0}.profile-summary p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;line-height:1.6;margin:0}.calorie-display{display:flex;justify-content:center;margin:var(--space-xl) 0}.calorie-badge{align-items:center;animation:calorieGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-orange),var(--accent-gold));border:3px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 16px 40px #ff8c4266;color:#fff;display:flex;gap:var(--space-lg);overflow:hidden;padding:var(--space-2xl);position:relative}@keyframes calorieGlow{0%{box-shadow:0 16px 40px #ff8c4266}to{box-shadow:0 20px 50px #ff8c4299}}.calorie-badge:before{animation:shimmer 4s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calorie-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3.5rem;z-index:1}.calorie-info{align-items:flex-start;display:flex;flex-direction:column;z-index:1}.calorie-range{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 4px #0003}.calorie-unit{font-size:var(--font-size-lg);font-weight:600;letter-spacing:.05em;margin-top:var(--space-xs);opacity:.95;text-transform:uppercase}.macronutrient-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000000d;padding:var(--space-xl)}.macronutrient-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-xl) 0}.macro-breakdown{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.macro-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s ease}.macro-item:before{background:var(--primary-orange);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.macro-item:hover{border-color:var(--primary-orange);box-shadow:0 8px 24px #ff8c4233;transform:translateY(-4px)}.macro-item:hover:before{transform:scaleX(1)}.macro-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.macro-value{color:var(--primary-orange);font-size:var(--font-size-2xl);font-weight:800;text-shadow:0 2px 4px #ff8c4233}.meal-frequency-section{background:linear-gradient(135deg,#ff8c420d,#f4a2610d);border:2px solid #ff8c4233;border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative}.meal-frequency-section:before{background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0}.meal-frequency-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-md) 0}.meal-frequency-text{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;line-height:1.6;margin:0}.meal-plans-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000000d;padding:var(--space-xl)}.meal-plans-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-xl) 0}.meal-plans-tabs{display:flex;flex-direction:column;gap:var(--space-xl)}.meal-plan-option{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s ease}.meal-plan-option:before{background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.meal-plan-option:hover{border-color:#ff8c4266;box-shadow:0 8px 24px #ff8c4226;transform:translateY(-2px)}.meal-plan-option:hover:before{transform:scaleX(1)}.plan-title{align-items:center;color:var(--primary-orange);display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-lg) 0}.meal-plan-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.plan-total{background:#ff8c420d;border-radius:var(--radius-md);border-top:2px solid #ff8c4233;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin-top:var(--space-md);padding:var(--space-md);text-align:right}.meal-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg);transition:all .2s ease}.meal-item:hover{border-color:#ff8c424d;box-shadow:0 4px 12px #ff8c421a;transform:translateX(4px)}.meal-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}.meal-amount{background:#ff8c421a;border-radius:var(--radius-sm);color:var(--primary-orange);font-weight:700;padding:var(--space-xs) var(--space-sm);width:-webkit-fit-content;width:fit-content}.meal-amount,.meal-food{font-size:var(--font-size-base)}.meal-food{color:var(--text-primary);font-weight:500;line-height:1.4}.meal-calories{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm)}.special-notes-section{background:linear-gradient(135deg,#ff8c420d,#f4a2610d);border:2px solid #ff8c4233;border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative}.special-notes-section:before{background:linear-gradient(90deg,var(--primary-orange),var(--accent-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0}.special-notes-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-lg) 0}.notes-list{color:var(--text-secondary);line-height:1.7;list-style:none;margin:0;padding:0}.notes-list li{align-items:flex-start;background:#ffffff80;border:1px solid #ff8c421a;border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);transition:all .2s ease}.notes-list li:hover{background:#fffc;border-color:#ff8c4233;transform:translateX(4px)}.note-icon{color:var(--primary-orange);flex-shrink:0;font-size:var(--font-size-base);margin-top:2px;text-align:center;width:20px}.disclaimer{background:linear-gradient(135deg,#ff8c4208,#f4a26108);border:1px solid #ff8c4226;border-radius:var(--radius-xl);margin-top:var(--space-xl);padding:var(--space-xl)}.disclaimer p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--space-md) 0}.disclaimer p:last-child{margin-bottom:0}.disclaimer strong{color:var(--text-primary);font-weight:700}.disclaimer em{color:var(--text-tertiary);font-style:italic}.new-calculation-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);min-height:56px;overflow:hidden;padding:var(--space-lg) var(--space-2xl);position:relative;transition:all .3s ease}.new-calculation-button:before{background:linear-gradient(90deg,#0000,#ff8c421a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.new-calculation-button:hover:before{left:100%}.new-calculation-button:hover{background:var(--bg-hover);border-color:var(--primary-orange);box-shadow:0 8px 24px #ff8c4233;transform:translateY(-2px)}.new-calculation-button i{font-size:var(--font-size-lg)}@media (max-width:1024px){.feeding-calculator-modal{max-width:700px}.form-row{gap:var(--space-lg)}.form-main-row,.form-row{grid-template-columns:1fr}.form-main-row{gap:var(--space-xl)}.form-right-column{min-height:auto}.form-row:has(.form-group:only-child){grid-template-columns:1fr}.macro-breakdown{gap:var(--space-md);grid-template-columns:1fr}.macro-item{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--space-lg)}.bcs-chart-button{font-size:.7rem;margin-left:var(--space-sm);padding:var(--space-xs)}}@media (max-width:768px){.feeding-calculator-overlay{padding:var(--space-sm)}.feeding-calculator-modal{border-radius:var(--radius-lg);margin:0;max-height:95vh;max-width:none;width:100%}.feeding-calculator-content,.feeding-calculator-header{padding:var(--space-lg)}.feeding-calculator-header h2{font-size:var(--font-size-xl)}.form-group{padding:var(--space-md)}.global-search-input{font-size:15px;padding:14px 44px}.global-search-icon{font-size:14px;left:16px}.global-search-dropdown{max-height:260px}.breed-divider{margin:6px 0 16px}.divider-text{font-size:11px}.calorie-badge{flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);text-align:center}.calorie-icon,.calorie-range{font-size:2.5rem}.calorie-info{align-items:center}.macro-item{padding:var(--space-md)}.macro-value{font-size:var(--font-size-xl)}.meal-item{align-items:flex-start;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.meal-calories{align-self:flex-end}.weight-input-group{align-items:stretch;flex-direction:column;gap:var(--space-md)}.weight-unit-select{min-width:100%}.notes-list li{flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.note-icon{align-self:flex-start}.calculate-button,.new-calculation-button{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}.bcs-chart-button{display:block;margin:var(--space-sm) 0 0 0;width:-webkit-fit-content;width:fit-content}}@media (max-width:480px){.feeding-calculator-modal{border-radius:var(--radius-md)}.feeding-calculator-content,.feeding-calculator-header{padding:var(--space-md)}.feeding-calculator-header h2{font-size:var(--font-size-lg)}.close-button{height:44px;min-height:44px;min-width:44px;width:44px}.calculate-button{font-size:15px;min-height:48px;padding:14px 24px}.form-group{padding:var(--space-sm)}.calorie-badge{gap:var(--space-sm);padding:var(--space-md)}.calorie-icon,.calorie-range{font-size:2rem}.result-section{gap:var(--space-lg)}}.bcs-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.bcs-modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.bcs-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-gold) 100%);border-bottom:2px solid var(--border-primary);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:10}.bcs-modal-header:before{background:linear-gradient(90deg,var(--accent-gold),var(--primary-orange));content:"";height:3px;left:0;position:absolute;right:0;top:0}.bcs-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.bcs-modal-header .close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.bcs-modal-header .close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.bcs-modal-body{padding:32px}.bcs-intro{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:24px;text-align:center}.bcs-image-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:center;margin:32px 0;padding:20px}.bcs-chart-image{border-radius:8px;height:auto;max-width:100%}.bcs-tips{background:var(--bg-secondary);border-left:4px solid var(--primary-orange);border-radius:12px;margin-top:32px;padding:24px}.bcs-tips h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.bcs-tips ul{list-style:none;margin:0;padding:0}.bcs-tips li{color:var(--text-secondary);line-height:1.6;padding:10px 0 10px 28px;position:relative}.bcs-tips li:before{color:var(--primary-orange);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}@media (max-width:768px){.bcs-modal-content{max-height:95vh;width:95%}.bcs-modal-header{padding:20px 24px}.bcs-modal-header h2{font-size:1.25rem}.bcs-modal-body{padding:24px 20px}.bcs-image-container{padding:12px}.bcs-tips{padding:20px}}@media (max-width:480px){.bcs-modal-overlay{padding:10px}.bcs-modal-header{padding:16px 20px}.bcs-modal-header h2{font-size:1.1rem}.bcs-modal-body{padding:20px 16px}.bcs-tips{padding:16px}.bcs-tips h3{font-size:1rem}.bcs-tips li{font-size:.9rem;padding-left:24px}}
/*# sourceMappingURL=main.b3e1e462.css.map*/