:root{--primary-color:#9B8CE0;--primary-color-dark:#8674d0;--primary-color-darker:#4D3F8C;--secondary-color:#2FB47C;--background-color:#f5f3ff;--particle-color:color-mix(in srgb, var(--primary-color) 20%, transparent);--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(155, 140, 224, 0.35);--text-primary:#12122A;--text-secondary:#25253E;--text-muted:#3F3F66;--text-light:#2E2E50;--danger-color:#EF4444;--success-color:#2FB47C;--overlay-light:rgba(255, 255, 255, 0.88);--overlay-dark:rgba(47, 30, 120, 0.06);--overlay-dark-strong:rgba(47, 30, 120, 0.1)}.page-bg{background-image:url(/inokem/assets/images/bg-inokey-a.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:#f5f3ff}.glassmorphism{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px 0 color-mix(in srgb,var(--primary-color) 12%,transparent)}#app-header span,.btn-secondary,.chat-header-buttons button{color:var(--text-primary)}.branding-footer p,.help-order-cta,.mobile-input-actions #payment-btn.order-empty span{color:var(--text-muted)}.help-order-cta:hover{color:var(--primary-color)!important}#conversationFlow{overflow-anchor:auto}.command-bar-suggestion-chip{transition:all .2s cubic-bezier(.25,.8,.25,1);font-size:.8rem;padding:.35rem .85rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb,var(--primary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);box-shadow:0 2px 8px var(--overlay-dark);font-weight:500;letter-spacing:.01em;color:var(--primary-color-darker)}.command-bar-suggestion-chip:hover{background:color-mix(in srgb,var(--primary-color) 22%,transparent);transform:translateY(-1px);box-shadow:0 4px 12px var(--overlay-dark-strong);border-color:color-mix(in srgb,var(--primary-color) 50%,transparent)}.command-bar-suggestion-chip:active{transform:translateY(0);background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.item-control-btn{color:var(--text-primary)}.menu-description{color:var(--text-secondary)}.menu-items-container .menu-item{--menu-item-width:268px;box-shadow:0 2px 12px var(--overlay-dark),0 4px 20px color-mix(in srgb,var(--primary-color) 12%,transparent)}.menu-items-container .menu-item:hover{box-shadow:0 6px 20px var(--overlay-dark-strong),0 8px 28px color-mix(in srgb,var(--primary-color) 20%,transparent)}.menu-item.external-link{padding:1.25rem;border:1.5px dashed var(--primary-color);background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 6%,transparent),var(--overlay-light))}.menu-item.external-link:hover{border-color:var(--primary-color-dark);background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 12%,transparent),rgba(255,255,255,.95))}#naturalInput,.menu-item.external-link .menu-price{color:var(--primary-color-darker);font-size:1rem}.pulse-highlight{transform:scale(1.02);background:color-mix(in srgb,var(--primary-color) 10%,transparent)!important}#naturalInput{min-height:48px;color:var(--text-primary);background:0 0;min-width:0;flex:1}#naturalInput::placeholder{color:var(--text-muted);opacity:.8;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-input-actions{gap:.75rem}.mobile-input-actions #payment-btn{position:relative;z-index:1;background:0 0;border:2px solid transparent;border-radius:var(--radius-full);transition:all .3s cubic-bezier(.25,.8,.25,1);background-origin:border-box;background-clip:padding-box,border-box;--gradient-angle:0deg}.mobile-input-actions #payment-btn:not(.order-empty){background-image:linear-gradient(var(--primary-color),var(--primary-color)),conic-gradient(from var(--gradient-angle),transparent 0%,rgba(255,255,255,.9) 15%,transparent 30%)}.mobile-input-actions #payment-btn.order-empty{background-color:#fff;border:1px solid var(--glass-border);cursor:pointer}.mobile-input-actions #payment-btn:not(.order-empty):hover{background-image:linear-gradient(var(--primary-color-dark),var(--primary-color-dark)),conic-gradient(from var(--gradient-angle),transparent 0%,rgba(255,255,255,.9) 15%,transparent 30%)}.add-feedback{background:var(--primary-color)}.greeting-container h1,.greeting-container h2,.greeting-title{color:var(--text-primary)}.greeting-featured-label,.greeting-subtitle{color:var(--text-secondary)}.featured-item,.featured-items{width:100%;box-sizing:border-box}.featured-item{align-items:flex-start;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.featured-item-info{overflow:hidden}.greeting-disclaimer{margin-top:.7rem;font-weight:700;color:var(--text-muted);background:var(--glass-bg);border-radius:var(--radius-lg)}#app-header{opacity:1}.greeting-icon{display:inline-flex;align-items:center;justify-content:center;width:200px;height:auto;overflow:visible}#conversationFlow .stat-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem}#conversationFlow .stat-tile{flex:1 1 130px;min-width:120px;max-width:200px;padding:.7rem .85rem .75rem;background:color-mix(in srgb,var(--primary-color) 6%,var(--glass-bg));border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--glass-border));border-top:3px solid color-mix(in srgb,var(--primary-color) 70%,transparent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.1rem}#conversationFlow .stat-tile-value{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;color:var(--primary-color-darker);line-height:1.1}#conversationFlow .stat-tile-label{font-size:.72rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em;line-height:1.3}#conversationFlow .stat-tile-sub{font-size:.7rem;color:var(--text-secondary);font-weight:500}#conversationFlow .compare-bar{display:flex;width:100%;height:36px;margin:.5rem 0 .75rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px var(--overlay-dark);font-size:.75rem;font-weight:600;letter-spacing:.01em}#conversationFlow .compare-bar-a,#conversationFlow .compare-bar-b{display:flex;align-items:center;justify-content:center;padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#conversationFlow .compare-bar-a{background:var(--primary-color);color:#fff}#conversationFlow .compare-bar-b{background:color-mix(in srgb,var(--danger-color) 22%,var(--overlay-dark-strong));color:var(--text-primary)}#conversationFlow .compare-bar-caption{font-size:.72rem;color:var(--text-muted);margin:-.25rem 0 .5rem;font-style:italic}#conversationFlow .impact-section{margin:.75rem 0;padding:.85rem 1rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--overlay-dark)}#conversationFlow .impact-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}#conversationFlow .impact-section-icon{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 12%,transparent)}#conversationFlow .impact-section h3{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.005em;color:var(--text-primary)}#conversationFlow .impact-section-money{border-left:3px solid var(--primary-color)}#conversationFlow .impact-section-eco{border-left:3px solid var(--success-color)}#conversationFlow .impact-section-eco .impact-section-icon{background:color-mix(in srgb,var(--success-color) 14%,transparent)}#conversationFlow .eco-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 .25rem}#conversationFlow .eco-badge{display:inline-flex;align-items:center;padding:.22rem .6rem;font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--primary-color-darker);background:color-mix(in srgb,var(--primary-color) 7%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);border-radius:999px;white-space:nowrap}#conversationFlow .eco-badge-green{color:color-mix(in srgb,var(--success-color) 75%,#000);background:color-mix(in srgb,var(--success-color) 12%,transparent);border-color:color-mix(in srgb,var(--success-color) 30%,transparent)}#conversationFlow .topic-divider{display:flex;align-items:center;gap:.6rem;margin:1rem 0 .5rem}#conversationFlow .topic-divider span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-color-darker);flex:0 0 auto}#conversationFlow .topic-divider::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--primary-color) 25%,transparent)}#conversationFlow .icon-list{list-style:none;padding:0;margin:.5rem 0 .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px var(--overlay-dark)}#conversationFlow .icon-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--primary-color) 14%,transparent)}#conversationFlow .icon-list-item:last-child{border-bottom:none}#conversationFlow .icon-list-icon{flex:0 0 1.85rem;width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 12%,transparent)}#conversationFlow .icon-list-body{flex:1;min-width:0}#conversationFlow .icon-list-title{font-size:.88rem;font-weight:700;color:var(--text-primary);line-height:1.25;margin:0 0 .15rem}#conversationFlow .icon-list-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}#conversationFlow .callout{margin:.5rem 0 .75rem;padding:.6rem .85rem;border-radius:var(--radius-md);border-left:3px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color) 6%,transparent);color:var(--text-primary);font-size:.85rem;line-height:1.45}#conversationFlow .callout strong{color:var(--primary-color-darker)}#conversationFlow .callout-info{border-left-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 7%,transparent)}#conversationFlow .callout-warn{border-left-color:var(--danger-color);background:color-mix(in srgb,var(--danger-color) 8%,transparent)}#conversationFlow .callout-warn strong{color:color-mix(in srgb,var(--danger-color) 70%,#000)}#conversationFlow .callout-success{border-left-color:var(--success-color);background:color-mix(in srgb,var(--success-color) 9%,transparent)}#conversationFlow .callout-success strong{color:color-mix(in srgb,var(--success-color) 70%,#000)}