:root{--brand-primary:hsl(24,95%,53%);--brand-primary-hover:hsl(20,91%,48%);--brand-secondary:hsl(262,83%,58%);--brand-secondary-hover:hsl(263,70%,50%);--gradient-brand:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));--gradient-brand-hover:linear-gradient(to right,var(--brand-primary-hover),var(--brand-secondary-hover));--gradient-brand-glow:linear-gradient(90deg,hsl(24,95%,53%,0.2),hsl(262,83%,58%,0.2));--gradient-button-primary:linear-gradient(90deg,hsl(24,95%,53%),hsl(262,83%,58%));--gradient-button-primary-hover:linear-gradient(90deg,hsl(20,91%,48%),hsl(263,70%,50%));--gradient-button-send:linear-gradient(90deg,hsl(24,95%,53%),hsl(262,83%,58%));--gradient-button-cta:linear-gradient(90deg,hsl(24,95%,53%),hsl(262,83%,58%));--button-secondary-bg:hsl(0,0%,100%);--button-secondary-bg-hover:hsl(210,40%,96%);--button-secondary-bg-active:hsl(210,40%,94%);--button-secondary-text:hsl(215,16%,47%);--button-secondary-text-md:hsl(215,25%,27%);--button-secondary-text-hover:hsl(215,25%,27%);--button-secondary-text-active:hsl(215,25%,27%);--button-secondary-border:1px solid hsl(215,20%,91%);--button-secondary-border-hover:1px solid hsl(215,16%,85%);--button-secondary-border-active:1px solid hsl(215,16%,85%);--button-secondary-shadow:none;--button-secondary-shadow-hover:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--hero-search-bg:hsl(0,0%,100%);--hero-search-border:hsl(210,16%,82%);--hero-search-border-width:2px;--hero-search-radius:9999px;--hero-search-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--hero-search-padding-x:1.5rem;--hero-search-padding-y:1rem;--hero-input-text-size:1.125rem;--hero-input-font-weight:500;--hero-input-placeholder-color:hsl(215,16%,47%);--hero-button-size:3rem;--hero-button-gradient:linear-gradient(90deg,hsl(24,95%,53%),hsl(262,83%,58%));--hero-button-radius:9999px;--hero-button-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--hero-button-icon-size:1.25rem;--gradient-page-bg:linear-gradient(to bottom right,hsl(210,40%,98%),hsl(0,0%,100%),hsl(262,83%,58%,0.03));--text-primary:hsl(222,84%,5%);--text-secondary:hsl(215,25%,27%);--text-tertiary:hsl(215,16%,47%);--text-muted:hsl(215,20%,65%);--text-placeholder:hsl(215,16%,47%);--surface-primary:hsl(0,0%,100%);--surface-secondary:hsl(210,40%,98%);--surface-tertiary:hsl(210,40%,96%);--surface-hover:hsl(210,40%,94%);--border-light:hsl(215,20%,91%);--border-medium:hsl(215,16%,85%);--border-focus:var(--brand-primary);--surface-primary:rgb(255 255 255);--surface-secondary:rgb(248 250 252);--surface-tertiary:rgb(241 245 249);--surface-quaternary:rgb(226 232 240);--surface-interactive:rgb(248 250 252);--surface-interactive-hover:rgb(241 245 249);--surface-interactive-active:rgb(226 232 240);--surface-overlay-light:rgb(255 255 255/0.95);--surface-overlay-medium:rgb(248 250 252/0.9);--surface-overlay-heavy:rgb(241 245 249/0.85);--surface-glass-light:rgb(255 255 255/0.8);--surface-glass-medium:rgb(248 250 252/0.75);--surface-glass-heavy:rgb(241 245 249/0.7);--gradient-page-primary:linear-gradient(to bottom right,rgb(248 250 252),rgb(255 255 255),rgb(139 92 246/0.03));--gradient-page-secondary:linear-gradient(180deg,rgb(255 255 255),rgb(248 250 252/0.5));--blur-light:blur(8px);--blur-medium:blur(12px);--blur-heavy:blur(16px);--blur-extra:blur(24px);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-glow:0 0 0 1px var(--gradient-brand-glow);--shadow-header:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-card:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-card-hover:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-button:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-button-hover:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-input:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-input-focus:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-avatar:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-profile-card:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-mobile-header:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-mobile-card:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-mobile-button:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-mobile-button-hover:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-mobile-input:0 8px 32px -8px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--z-dropdown:50;--z-modal:100;--z-tooltip:200;--sidebar-bg:hsl(0,0%,100%);--sidebar-border:hsl(210,40%,96%);--sidebar-item-bg:transparent;--sidebar-item-bg-hover:hsl(210,40%,98%);--sidebar-item-bg-active:hsl(210,40%,96%);--sidebar-item-text:hsl(215,20%,65%);--sidebar-item-text-hover:hsl(215,25%,27%);--sidebar-item-text-active:hsl(222,84%,5%);--sidebar-logo-bg:hsl(210,40%,98%);--sidebar-logo-bg-hover:hsl(210,40%,96%);--sidebar-avatar-ring-hover:hsl(215,20%,91%);--sidebar-tooltip-bg:hsl(222,84%,5%);--sidebar-tooltip-text:hsl(0,0%,100%);--sidebar-tooltip-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--mobile-nav-bg:hsla(0,0%,100%,0.9);--mobile-nav-border:hsla(215,20%,91%,0.6);--mobile-nav-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--mobile-nav-backdrop-filter:blur(24px);--mobile-nav-item-bg:transparent;--mobile-nav-item-bg-hover:hsl(210,40%,96%);--mobile-nav-item-bg-active:hsl(222,84%,5%);--mobile-nav-item-bg-pressed:hsl(210,40%,94%);--mobile-nav-item-text:hsl(215,16%,47%);--mobile-nav-item-text-hover:hsl(215,25%,27%);--mobile-nav-item-text-active:hsl(0,0%,100%);--mobile-drawer-backdrop:hsla(0,0%,0%,0.2);--mobile-drawer-backdrop-filter:blur(4px);--mobile-drawer-bg:hsla(0,0%,100%,0.95);--mobile-drawer-bg-filter:blur(24px);--mobile-drawer-border:hsla(215,20%,91%,0.6);--mobile-drawer-item-bg:transparent;--mobile-drawer-item-bg-hover:hsl(210,40%,96%);--mobile-drawer-item-bg-active:hsl(222,84%,5%);--mobile-drawer-item-bg-pressed:hsl(210,40%,94%);--mobile-drawer-item-text:hsl(215,25%,27%);--mobile-drawer-item-text-hover:hsl(215,25%,27%);--mobile-drawer-item-text-active:hsl(0,0%,100%);--mobile-drawer-header-text:hsl(215,25%,27%);--mobile-drawer-header-text-muted:hsl(215,20%,65%);--badge-notification-bg:hsl(0,84%,60%);--badge-notification-text:hsl(0,0%,100%);--badge-secondary-bg:hsl(0,84%,95%);--badge-secondary-text:hsl(0,74%,42%);--badge-demo-bg:hsl(262,83%,95%);--badge-demo-text:hsl(262,83%,42%);--touch-scale-active:0.95;--touch-scale-drawer:0.98;--assistant-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--assistant-primary-color:#3b82f6;--assistant-text-color:#2563eb;--assistant-shadow-color:rgba(59,130,246,0.15);--assistant-shadow-color-strong:rgba(59,130,246,0.3);--assistant-shadow-color-button:rgba(59,130,246,0.4)}.theme-nova{--assistant-gradient:linear-gradient(135deg,#f97316,#9333ea);--assistant-primary-color:#f97316;--assistant-text-color:#ea580c;--assistant-shadow-color:rgba(249,115,22,0.15);--assistant-shadow-color-strong:rgba(249,115,22,0.3);--assistant-shadow-color-button:rgba(249,115,22,0.4)}.theme-theo{--assistant-gradient:linear-gradient(135deg,#a855f7,#f97316);--assistant-primary-color:#a855f7;--assistant-text-color:#9333ea;--assistant-shadow-color:rgba(168,85,247,0.15);--assistant-shadow-color-strong:rgba(168,85,247,0.3);--assistant-shadow-color-button:rgba(168,85,247,0.4)}.theme-ivy{--assistant-gradient:linear-gradient(135deg,#3b82f6,#0891b2);--assistant-primary-color:#3b82f6;--assistant-text-color:#2563eb;--assistant-shadow-color:rgba(59,130,246,0.15);--assistant-shadow-color-strong:rgba(59,130,246,0.3);--assistant-shadow-color-button:rgba(59,130,246,0.4)}.theme-ray{--assistant-gradient:linear-gradient(135deg,#14b8a6,#2563eb);--assistant-primary-color:#14b8a6;--assistant-text-color:#0d9488;--assistant-shadow-color:rgba(20,184,166,0.15);--assistant-shadow-color-strong:rgba(20,184,166,0.3);--assistant-shadow-color-button:rgba(20,184,166,0.4)}.theme-juno{--assistant-gradient:linear-gradient(135deg,#a855f7,#8b5cf6);--assistant-primary-color:#a855f7;--assistant-text-color:#9333ea;--assistant-shadow-color:rgba(168,85,247,0.15);--assistant-shadow-color-strong:rgba(168,85,247,0.3);--assistant-shadow-color-button:rgba(168,85,247,0.4)}.theme-luna{--assistant-gradient:linear-gradient(135deg,#8b5cf6,#7c2d12);--assistant-primary-color:#8b5cf6;--assistant-text-color:#7c3aed;--assistant-shadow-color:rgba(139,92,246,0.15);--assistant-shadow-color-strong:rgba(139,92,246,0.3);--assistant-shadow-color-button:rgba(139,92,246,0.4)}.theme-remix{--assistant-gradient:linear-gradient(135deg,#6366f1,#9333ea);--assistant-primary-color:#6366f1;--assistant-text-color:#4f46e5;--assistant-shadow-color:rgba(99,102,241,0.15);--assistant-shadow-color-strong:rgba(99,102,241,0.3);--assistant-shadow-color-button:rgba(99,102,241,0.4)}.theme-mira{--assistant-gradient:linear-gradient(135deg,#8b5cf6,#4338ca);--assistant-primary-color:#8b5cf6;--assistant-text-color:#7c3aed;--assistant-shadow-color:rgba(139,92,246,0.15);--assistant-shadow-color-strong:rgba(139,92,246,0.3);--assistant-shadow-color-button:rgba(139,92,246,0.4)}.theme-sage{--assistant-gradient:linear-gradient(135deg,#10b981,#16a34a);--assistant-primary-color:#10b981;--assistant-text-color:#059669;--assistant-shadow-color:rgba(16,185,129,0.15);--assistant-shadow-color-strong:rgba(16,185,129,0.3);--assistant-shadow-color-button:rgba(16,185,129,0.4)}.theme-cole{--assistant-gradient:linear-gradient(135deg,#22c55e,#10b981);--assistant-primary-color:#22c55e;--assistant-text-color:#16a34a;--assistant-shadow-color:rgba(34,197,94,0.15);--assistant-shadow-color-strong:rgba(34,197,94,0.3);--assistant-shadow-color-button:rgba(34,197,94,0.4)}.theme-arlo{--assistant-gradient:linear-gradient(135deg,#64748b,#4b5563);--assistant-primary-color:#64748b;--assistant-text-color:#475569;--assistant-shadow-color:rgba(100,116,139,0.15);--assistant-shadow-color-strong:rgba(100,116,139,0.3);--assistant-shadow-color-button:rgba(100,116,139,0.4)}.theme-vera{--assistant-gradient:linear-gradient(135deg,#4b5563,#334155);--assistant-primary-color:#4b5563;--assistant-text-color:#374151;--assistant-shadow-color:rgba(75,85,99,0.15);--assistant-shadow-color-strong:rgba(75,85,99,0.3);--assistant-shadow-color-button:rgba(75,85,99,0.4)}.assistant-gradient-bg{background:var(--assistant-gradient)}.assistant-text-color{color:var(--assistant-text-color)}.assistant-avatar-shadow{box-shadow:0 4px 20px -2px var(--assistant-shadow-color),0 10px 40px -12px rgba(0,0,0,.1)}.assistant-message-shadow{box-shadow:0 10px 40px -8px var(--assistant-shadow-color-strong),0 4px 20px -4px rgba(0,0,0,.1)}.assistant-button-shadow{box-shadow:0 8px 32px -8px var(--assistant-shadow-color-button),0 4px 20px -4px rgba(0,0,0,.1)}.assistant-profile-card-gradient,.assistant-status-indicator{background:var(--assistant-gradient)}.assistant-send-button,.assistant-send-button:active,.assistant-send-button:hover{background:var(--assistant-gradient)!important}.assistant-send-button:disabled{cursor:not-allowed}.assistant-send-button:disabled,.assistant-send-button:disabled:hover{background:var(--assistant-gradient)!important;opacity:.5}@media (max-width:767px){.mobile-assistant-avatar-shadow{box-shadow:0 4px 20px -2px var(--assistant-shadow-color),0 10px 40px -12px rgba(0,0,0,.1)}.mobile-assistant-message-shadow{box-shadow:0 10px 40px -8px var(--assistant-shadow-color-strong),0 4px 20px -4px rgba(0,0,0,.1)}.mobile-assistant-button-shadow{box-shadow:0 8px 32px -8px var(--assistant-shadow-color-button),0 4px 20px -4px rgba(0,0,0,.1)}}.shadow-header{box-shadow:var(--shadow-header)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-card:hover{box-shadow:var(--shadow-card-hover)}.shadow-button{box-shadow:var(--shadow-button)}.shadow-button:hover{box-shadow:var(--shadow-button-hover)}.shadow-input{box-shadow:var(--shadow-input)}.shadow-input:focus-within{box-shadow:var(--shadow-input-focus)}.shadow-avatar{box-shadow:var(--shadow-avatar)}.shadow-profile-card{box-shadow:var(--shadow-profile-card)}@media (max-width:767px){.mobile-shadow-header{box-shadow:var(--shadow-mobile-header)}.mobile-shadow-card{box-shadow:var(--shadow-mobile-card)}.mobile-shadow-button{box-shadow:var(--shadow-mobile-button)}.mobile-shadow-button:hover{box-shadow:var(--shadow-mobile-button-hover)}.mobile-shadow-input{box-shadow:var(--shadow-mobile-input)}}.gradient-brand{background:var(--gradient-brand)}.gradient-brand-hover:hover{background:var(--gradient-brand-hover)}.gradient-page-bg{background:var(--gradient-page-bg)}.gradient-button-primary{background:var(--gradient-button-primary)}.gradient-button-primary:hover{background:var(--gradient-button-primary-hover)}.gradient-button-send{background:var(--gradient-button-send)}.gradient-button-cta{background:var(--gradient-button-cta)}.text-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-brand{box-shadow:var(--shadow-lg),var(--shadow-glow)}.transition-brand{transition:all var(--duration-normal) ease-in-out}.hero-search-container{background:var(--hero-search-bg);border:var(--hero-search-border-width) solid var(--hero-search-border);border-radius:var(--hero-search-radius);box-shadow:var(--hero-search-shadow);padding:var(--hero-search-padding-y) var(--hero-search-padding-x);display:flex;align-items:center}.hero-search-input{border:none;outline:none;background:transparent;font-size:var(--hero-input-text-size);font-weight:var(--hero-input-font-weight);flex:1;color:var(--text-primary)}.hero-search-input::placeholder{color:var(--hero-input-placeholder-color)}.hero-search-input:focus{outline:none;box-shadow:none;ring:0}.hero-search-button{width:var(--hero-button-size);height:var(--hero-button-size);border-radius:var(--hero-button-radius);background:var(--hero-button-gradient);border:none;outline:none;box-shadow:var(--hero-button-shadow);color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-search-button svg{width:var(--hero-button-icon-size);height:var(--hero-button-icon-size)}.btn-primary{background:var(--gradient-button-primary);color:white;border:none;border-radius:var(--radius-full);padding:var(--space-md) var(--space-xl);font-weight:600;box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--gradient-button-primary-hover)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:var(--button-secondary-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-weight:500;font-size:var(--text-xs);box-shadow:var(--button-secondary-shadow);transition:all var(--duration-normal) ease-in-out;width:100%;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-text-hover);border:var(--button-secondary-border-hover)}.btn-secondary:active,.btn-secondary:hover{box-shadow:var(--button-secondary-shadow_hover)}.btn-secondary:active{background:var(--button-secondary-bg-active);color:var(--button-secondary-text-active);border:var(--button-secondary-border-active)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.btn-secondary{color:var(--button-secondary-text-md);border-radius:var(--radius-xl);font-size:var(--text-sm);height:3rem;transition:all var(--duration-slow) ease-out}}.btn-secondary-icon{display:flex;align-items:center;justify-content:center;gap:.25rem}.btn-secondary-icon svg{width:.75rem;height:.75rem;transition:transform var(--duration-slow)}@media (min-width:768px){.btn-secondary-icon{gap:.5rem}.btn-secondary-icon svg{width:1rem;height:1rem}}.btn-secondary:hover .arrow-right{transform:translateX(.125rem)}.btn-secondary:hover .btn-secondary-icon svg.scale-on-hover{transform:scale(1.1)}.btn-cta{background:var(--gradient-button-cta);color:white;border:none;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-2xl);font-weight:600;font-size:var(--text-lg);box-shadow:var(--shadow-lg);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-cta:hover:not(:disabled){background:var(--gradient-button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-cta:disabled{opacity:.7;cursor:not-allowed}.btn-filter{width:auto!important;height:auto!important;display:inline-flex!important;border-radius:var(--radius-full)!important;padding:var(--space-sm) var(--space-lg)!important;font-size:var(--text-sm)!important;font-weight:500!important;transition:all var(--duration-normal) ease-in-out!important}.btn-primary.btn-filter{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 0 0 1px hsl(24,95%,53%,.25)}.btn-secondary.btn-filter:hover{transform:none}.btn-card-cta{background:rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-lg);transition:all var(--duration-normal) ease-in-out;width:auto;min-width:7rem;max-width:10rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-card-cta:hover{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-card-cta:active{background:rgba(255,255,255,.3);transform:translateY(0)}@media (min-width:768px){.btn-card-cta{height:2.25rem;font-size:var(--text-base);padding:var(--space-md) var(--space-xl);min-width:8rem;max-width:11rem}}.btn-card-cta-icon{display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-card-cta-icon svg{width:.875rem;height:.875rem;transition:transform var(--duration-normal)}@media (min-width:768px){.btn-card-cta-icon{gap:.5rem}.btn-card-cta-icon svg{width:1rem;height:1rem}}.btn-card-cta:hover .arrow-right{transform:translateX(.125rem)}.btn-suggestion{background:var(--surface-secondary);color:hsl(215,25%,27%);border:1px solid hsl(215,20%,91%);border-radius:.75rem;padding:.75rem;font-weight:500;font-size:.75rem;box-shadow:0 1px 2px 0 rgb(0 0 0/.05);transition:all .2s ease-in-out;display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;text-align:left;width:100%;min-height:70px;line-height:1.3}.btn-suggestion:hover{background:var(--surface-primary);color:hsl(222,84%,5%);border-color:hsl(215,16%,85%);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);transform:translateY(-1px)}.btn-suggestion:active{background:hsl(210,40%,96%);transform:translateY(0);box-shadow:0 1px 2px 0 rgb(0 0 0/.05);transform:scale(.98)}.btn-suggestion-icon{display:flex;align-items:center;justify-content:center;color:hsl(215,20%,65%);transition:color .2s ease-in-out;margin-top:.125rem}.btn-suggestion-icon,.btn-suggestion-icon svg{width:1rem;height:1rem}.btn-suggestion:hover .btn-suggestion-icon{color:hsl(215,16%,47%)}.btn-suggestion-text{flex:1;font-weight:500;line-height:1.3;color:inherit;word-wrap:break-word;overflow-wrap:break-word}@media (min-width:768px){.btn-suggestion{min-height:60px;padding:1rem;border-radius:1rem;font-size:.875rem;gap:.75rem}.btn-suggestion-icon{width:1rem;height:1rem}}.btn-suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media (min-width:640px){.btn-suggestion-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}}@media (min-width:768px){.btn-suggestion-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}}.sidebar-container{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border)}.sidebar-nav-item{background:var(--sidebar-item-bg);color:var(--sidebar-item-text);transition:all var(--duration-normal) ease-in-out}.sidebar-nav-item:hover{background:var(--sidebar-item-bg-hover);color:var(--sidebar-item-text-hover)}.sidebar-nav-item.active{background:var(--sidebar-item-bg-active);color:var(--sidebar-item-text-active)}.sidebar-logo-button{background:var(--sidebar-logo-bg);transition:background var(--duration-normal) ease-in-out}.sidebar-logo-button:hover{background:var(--sidebar-logo-bg-hover)}.sidebar-avatar-button:hover{ring:2px solid var(--sidebar-avatar-ring-hover)}.sidebar-tooltip{background:var(--sidebar-tooltip-bg);color:var(--sidebar-tooltip-text);box-shadow:var(--sidebar-tooltip-shadow);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.sidebar-tooltip-arrow{border-right-color:var(--sidebar-tooltip-bg)}.mobile-nav-container{background:var(--mobile-nav-bg);border:1px solid var(--mobile-nav-border);box-shadow:var(--mobile-nav-shadow);backdrop-filter:var(--mobile-nav-backdrop-filter);-webkit-backdrop-filter:var(--mobile-nav-backdrop-filter);border-radius:var(--radius-2xl)}.mobile-nav-item{background:var(--mobile-nav-item-bg);color:var(--mobile-nav-item-text);transition:all var(--duration-normal) ease-in-out;border-radius:var(--radius-xl);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-item:hover{background:var(--mobile-nav-item-bg-hover);color:var(--mobile-nav-item-text-hover)}.mobile-nav-item.active{background:var(--mobile-nav-item-bg-active);color:var(--mobile-nav-item-text-active);box-shadow:var(--shadow-lg)}.mobile-nav-item:active{background:var(--mobile-nav-item-bg-pressed);transform:scale(var(--touch-scale-active))}.mobile-nav-menu-button{background:var(--mobile-nav-item-bg);color:var(--mobile-nav-item-text);transition:all var(--duration-normal) ease-in-out;border-radius:var(--radius-xl);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-menu-button:hover{background:var(--mobile-nav-item-bg-hover);color:var(--mobile-nav-item-text-hover)}.mobile-nav-menu-button:active{background:var(--mobile-nav-item-bg-pressed);transform:scale(var(--touch-scale-active))}.mobile-drawer-backdrop{background:var(--mobile-drawer-backdrop);backdrop-filter:var(--mobile-drawer-backdrop-filter);-webkit-backdrop-filter:var(--mobile-drawer-backdrop-filter)}.mobile-drawer-container{background:var(--mobile-drawer-bg);backdrop-filter:var(--mobile-drawer-bg-filter);-webkit-backdrop-filter:var(--mobile-drawer-bg-filter)}.mobile-drawer-header{border-bottom:1px solid var(--mobile-drawer-border)}.mobile-drawer-header-text{color:var(--mobile-drawer-header-text);font-weight:600}.mobile-drawer-header-text-muted{color:var(--mobile-drawer-header-text-muted);font-size:var(--text-sm)}.mobile-drawer-item{background:var(--mobile-drawer-item-bg);color:var(--mobile-drawer-item-text);transition:all var(--duration-normal) ease-in-out;border-radius:var(--radius-xl);min-height:56px;display:flex;align-items:center;width:100%;padding:var(--space-lg)}.mobile-drawer-item:hover{background:var(--mobile-drawer-item-bg-hover);color:var(--mobile-drawer-item-text-hover)}.mobile-drawer-item.active{background:var(--mobile-drawer-item-bg-active);color:var(--mobile-drawer-item-text-active);box-shadow:var(--shadow-lg)}.mobile-drawer-item:active{background:var(--mobile-drawer-item-bg-pressed);transform:scale(var(--touch-scale-drawer))}.mobile-drawer-additional-item{background:var(--mobile-drawer-item-bg);color:var(--mobile-drawer-item-text);transition:all var(--duration-normal) ease-in-out;border-radius:var(--radius-xl);min-height:56px;display:flex;align-items:center;width:100%;padding:var(--space-lg)}.demo-chat-interface :focus{outline:none!important;box-shadow:none!important}.demo-chat-interface input:focus{background-color:rgba(255,255,255,.05)}