:root{--bg-primary: #F8F5EE;--bg-surface: #FCFAF6;--bg-surface-elevated: #FFFFFF;--bg-subtle: #EFE8DC;--bg-warm-linen: #F2ECE0;--bg-muted: #E5DDD0;--color-herb-950: #0D1A14;--color-herb-900: #13241C;--color-herb-800: #1B352A;--color-herb-700: #244637;--color-herb-600: #2F5946;--color-herb-500: #3E735B;--color-herb-200: #C8DDD2;--color-herb-100: #E6EFEA;--color-herb-50: #F1F6F3;--color-ink-950: #111311;--color-ink-900: #171917;--color-ink-800: #252824;--color-ink-700: #3D423C;--color-ink-600: #4E544C;--color-ink-500: #60665D;--color-ink-400: #858D82;--color-ink-300: #B0B7AD;--color-ink-200: #D3D8D0;--color-ink-100: #E9ECE7;--color-paprika: #C64932;--color-paprika-hover: #AB3C27;--color-paprika-active: #92321F;--color-paprika-soft: #F9EAE7;--color-paprika-border: rgba(198, 73, 50, .25);--color-citrus: #D97706;--color-citrus-hover: #B45309;--color-citrus-soft: #FEF3C7;--color-citrus-border: rgba(217, 119, 6, .28);--color-sage: #5F7D65;--color-sage-soft: #EFF4F0;--border-hairline: rgba(23, 25, 23, .08);--border-subtle: #E2DAD0;--border-strong: #C4B9AA;--border-focus: #244637;--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-subtle: 0 1px 2px rgba(23, 25, 23, .04);--shadow-card: 0 3px 12px rgba(23, 25, 23, .05), 0 1px 3px rgba(23, 25, 23, .03);--shadow-card-hover: 0 8px 24px rgba(23, 25, 23, .09), 0 2px 6px rgba(23, 25, 23, .04);--shadow-feature: 0 16px 36px rgba(23, 25, 23, .1), 0 4px 12px rgba(23, 25, 23, .05);--shadow-modal: 0 24px 50px rgba(17, 19, 17, .2), 0 6px 16px rgba(17, 19, 17, .08);--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--max-width: 1240px;--header-height: 72px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-spring);--transition-normal: .25s var(--ease-spring);--transition-slow: .4s var(--ease-spring)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-ink-900);background-color:var(--bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--color-ink-900)}h1,h2,h3,h4,h5,.font-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;color:var(--color-ink-900);line-height:1.18}h1{font-size:clamp(2.1rem,3.6vw,2.9rem);font-weight:500}h2{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:500}h3{font-size:1.3rem;font-weight:600}h4{font-size:1.1rem;font-weight:600}p{color:var(--color-ink-700);font-size:.95rem;line-height:1.65}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);border:none;background:none;cursor:pointer;font-size:.92rem;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input,select,textarea{font-family:var(--font-body);font-size:.95rem;color:var(--color-ink-900);background-color:var(--bg-surface-elevated);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-herb-700)}.app-container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.btn-primary{background-color:var(--color-herb-700);color:#fff;padding:.65rem 1.35rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-herb-800);box-shadow:0 1px 3px #13241c33;transition:all var(--transition-normal)}.btn-primary:hover{background-color:var(--color-herb-800);transform:translateY(-1px);box-shadow:0 4px 10px #13241c40}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--color-ink-800);padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-subtle);transition:all var(--transition-normal)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--border-strong);color:var(--color-ink-950)}.btn-paprika{background-color:var(--color-paprika);color:#fff;padding:.65rem 1.35rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-paprika-hover);box-shadow:0 1px 3px #c6493240;transition:all var(--transition-normal)}.btn-paprika:hover{background-color:var(--color-paprika-hover);transform:translateY(-1px);box-shadow:0 4px 12px #c649324d}.btn-paprika:active{transform:translateY(0)}.btn-ghost{color:var(--color-ink-700);padding:.5rem .85rem;border-radius:var(--radius-sm);font-weight:500;display:inline-flex;align-items:center;gap:.4rem}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--color-ink-900)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.28rem .65rem;border-radius:var(--radius-xs);line-height:1}.badge-herb{background-color:var(--color-herb-100);color:var(--color-herb-800);border:1px solid rgba(36,70,55,.18)}.badge-paprika{background-color:var(--color-paprika-soft);color:var(--color-paprika);border:1px solid var(--color-paprika-border)}.badge-citrus{background-color:var(--color-citrus-soft);color:var(--color-citrus);border:1px solid var(--color-citrus-border)}.badge-subtle{background-color:var(--bg-subtle);color:var(--color-ink-700);border:1px solid var(--border-subtle)}.editorial-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.editorial-card:hover{border-color:var(--border-strong)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-400)}@media(max-width:860px){:root{--header-height: auto}.app-container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.5rem}section[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="gridTemplateColumns: 120px minmax(0, 1.8fr) auto"]{grid-template-columns:1fr!important;gap:1rem!important}}@media(max-width:540px){button,input,select{min-height:44px}.badge{font-size:.7rem;padding:.25rem .5rem}}@keyframes cartBadgePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.cart-badge-pop{animation:cartBadgePop .4s var(--ease-spring)}@keyframes slideInUpSubtle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideInUpSubtle .25s var(--ease-spring) forwards}[data-theme=warm-kitchen]{--bg-primary: #F8F5EE;--bg-surface: #FCFAF6;--bg-surface-elevated: #FFFFFF;--bg-subtle: #EFE7DA;--bg-warm-linen: #F3ECE0;--bg-muted: #E5DDD0;--color-herb-950: #0D1A14;--color-herb-900: #13241C;--color-herb-800: #1B352A;--color-herb-700: #244637;--color-herb-600: #2F5946;--color-herb-500: #3E735B;--color-herb-200: #C8DDD2;--color-herb-100: #E6EFEA;--color-herb-50: #F1F6F3;--color-ink-950: #111311;--color-ink-900: #171917;--color-ink-800: #252824;--color-ink-700: #3D423C;--color-ink-600: #4E544C;--color-ink-500: #60665D;--color-citrus: #D97706;--color-citrus-hover: #B45309;--color-citrus-soft: #FEF3C7;--color-citrus-border: rgba(217, 119, 6, .28);--color-paprika: #C64932;--color-paprika-hover: #AB3C27;--color-paprika-soft: #F9EAE7;--border-subtle: #E2DAD0;--border-strong: #C4B9AA;--border-focus: #244637}[data-theme=indigo-table]{--bg-primary: #F5F3EF;--bg-surface: #FAF8F5;--bg-surface-elevated: #FFFFFF;--bg-subtle: #EAE4D9;--bg-warm-linen: #E4DCD0;--bg-muted: #D8CEBE;--color-herb-950: #0C1527;--color-herb-900: #14223E;--color-herb-800: #1C315B;--color-herb-700: #26437A;--color-herb-600: #33579C;--color-herb-500: #4670BF;--color-herb-200: #C2D5F5;--color-herb-100: #E5EDFB;--color-herb-50: #F0F5FD;--color-ink-950: #0D1424;--color-ink-900: #151F33;--color-ink-800: #22304C;--color-ink-700: #384A6E;--color-ink-600: #4B5F87;--color-ink-500: #62769E;--color-ink-400: #889BBF;--color-citrus: #C46E12;--color-citrus-hover: #A55A0C;--color-citrus-soft: #FDF1E2;--color-citrus-border: rgba(196, 110, 18, .25);--color-paprika: #BE3E2A;--color-paprika-hover: #9E3120;--color-paprika-soft: #FAEAE7;--border-hairline: rgba(20, 34, 62, .08);--border-subtle: #DCD4C7;--border-strong: #BFB4A2;--border-focus: #26437A}[data-theme=garden-fresh]{--bg-primary: #F0F6F2;--bg-surface: #F8FBF9;--bg-surface-elevated: #FFFFFF;--bg-subtle: #E0EDE4;--bg-warm-linen: #E7F1EA;--bg-muted: #D1E3D6;--color-herb-950: #071C11;--color-herb-900: #0D2B1B;--color-herb-800: #133D27;--color-herb-700: #1B5235;--color-herb-600: #266D48;--color-herb-500: #348E60;--color-herb-200: #BCE2CE;--color-herb-100: #E0F2E8;--color-herb-50: #EFF8F3;--color-ink-950: #0B1710;--color-ink-900: #122118;--color-ink-800: #1F3327;--color-ink-700: #334D3D;--color-ink-600: #466351;--color-ink-500: #5D7A68;--color-ink-400: #829D8D;--color-citrus: #B5670B;--color-citrus-hover: #965306;--color-citrus-soft: #FCF2E5;--color-citrus-border: rgba(181, 103, 11, .25);--color-paprika: #B83824;--color-paprika-hover: #992C1A;--color-paprika-soft: #F9E9E6;--border-hairline: rgba(13, 43, 27, .08);--border-subtle: #CEE0D4;--border-strong: #AEC5B5;--border-focus: #1B5235}[data-theme=midnight]{--bg-primary: #0C100E;--bg-surface: #141A16;--bg-surface-elevated: #1B231E;--bg-subtle: #222B26;--bg-warm-linen: #1E2722;--bg-muted: #2A362E;--color-herb-950: #FFFFFF;--color-herb-900: #FFFFFF;--color-herb-800: #E6EFEA;--color-herb-700: #2E5A46;--color-herb-600: #3E735B;--color-herb-500: #559478;--color-herb-200: #2A3A31;--color-herb-100: #1B2821;--color-herb-50: #141E18;--color-ink-950: #FFFFFF;--color-ink-900: #F4F7F5;--color-ink-800: #E0E7E2;--color-ink-700: #B8C4BC;--color-ink-600: #93A198;--color-ink-500: #78877E;--color-ink-400: #5D6C63;--border-hairline: rgba(255, 255, 255, .08);--border-subtle: #2A362E;--border-strong: #3D4C42;--border-focus: #48CAE4;--color-citrus: #00CAFF;--color-citrus-hover: #00B4E6;--color-citrus-soft: #0E2A33;--color-citrus-border: rgba(0, 202, 255, .3);--color-paprika: #FF6B4A;--color-paprika-hover: #E85B3A;--color-paprika-soft: #331A14}@keyframes audioPulseWave{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:.6}to{transform:scale(1);opacity:.9}}@keyframes listeningBar{0%,to{height:6px}50%{height:24px}}.listening-pulse{animation:audioPulseWave 1.4s ease-in-out infinite}.listening-bar-1{animation:listeningBar .8s ease-in-out infinite .1s}.listening-bar-2{animation:listeningBar .8s ease-in-out infinite .25s}.listening-bar-3{animation:listeningBar .8s ease-in-out infinite .4s}.listening-bar-4{animation:listeningBar .8s ease-in-out infinite .15s}.interactive-hover{transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring)}.interactive-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-active{animation:spinFast .65s linear infinite}@keyframes toastSlideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-slide-down{animation:toastSlideDown .22s var(--ease-spring) forwards}@keyframes urgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}.timer-urgent{animation:urgentPulse 1s ease-in-out infinite;color:var(--color-paprika)!important}html,body,.editorial-card,header,nav,.btn-primary,.btn-secondary,.btn-paprika{transition:background-color .22s ease,border-color .22s ease,color .18s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
