:root{--bg-page: #F5F5F5;--bg-card: #FFFFFF;--bg-input: #F9F9F9;--bg-blue-light: #E6F3FF;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-invert: #FFFFFF;--accent: #D32F2F;--accent-hover: #b71c1c;--primary-blue: #002060;--secondary-blue: #004691;--secondary-light: #E6F3FF;--border-default: #EEEEEE;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height: 60px;--tab-bar-height: 70px}.dark-theme{--bg-page: #121212;--bg-card: #1e1e1e;--bg-input: #2c2c2c;--bg-blue-light: #1a2a44;--bg-blue-soft: #15202b;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #808080;--border-default: #333333;--secondary: #4dabf5;--secondary-light: #0d47a1;--shadow-color: rgba(0,0,0,.5)}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.page-container{position:relative;width:100%;overflow-x:hidden}.slide-fade-enter{opacity:0;transform:translate(20px)}.slide-fade-enter-active{opacity:1;transform:translate(0);transition:all .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{position:relative;overflow:hidden;background-color:#f1f5f9;border-radius:8px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);animation:shimmer 1.5s infinite}.dark-theme .skeleton{background-color:#262626}.dark-theme .skeleton:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff26 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}body{margin:0;font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-primary)}h1,h2,h3,h4,h5,h6,.display-font{font-family:var(--font-main)}*{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 6px #d32f2f33}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 8px #d32f2f4d}.btn-orange{background:var(--primary-orange);color:#fff;box-shadow:0 4px 6px #ff980033}.btn-blue{background:var(--primary-blue);color:#fff;box-shadow:0 4px 6px #42a5f533}.card{background:var(--bg-card);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.text-orange{color:var(--primary-orange)}.text-blue{color:var(--primary-blue)}.text-red{color:var(--accent)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-orange{background-color:var(--primary-orange)}.bg-blue{background-color:var(--primary-blue)}.bg-cream{background-color:var(--bg-page)}.bg-white{background-color:#fff}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.transition-all{transition:all .3s ease}.badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.5px}.badge-blue{background:var(--primary-blue);color:#fff}.badge-orange{background:var(--primary-orange);color:#fff}.badge-red{background:var(--accent);color:#fff}.badge-gold{background:linear-gradient(135deg,gold,#ffa000);color:#3e2723;border:2px solid #FFF8E1}.nutri-grade{display:inline-flex;align-items:center;border-radius:4px;overflow:hidden;height:24px;background:#eee;font-weight:800;font-size:.7rem}.nutri-grade span{width:20px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.nutri-a{background-color:#038d46}.nutri-b{background-color:#b2d12a}.nutri-c{background-color:#f8bc02}.nutri-d{background-color:#ed1b24}.discount-tag{background:#fff3f0;color:#ed1b24;border:1px solid #FFCDD2;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:800}.info-box{background:#f8f8f8;border-radius:var(--radius-md);padding:var(--space-md);display:flex;gap:12px;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.info-icon{flex-shrink:0;width:20px;height:20px;background:#e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.price-strike{text-decoration:line-through;color:var(--text-muted);font-size:.85em;font-weight:400}.price-now{color:#ed1b24;font-weight:800}