:root{--base-900: #1a0f0a;--base-800: #2b1810;--base-700: #4a2e1f;--base-600: #5d3a28;--accent-500: #c17f3e;--accent-400: #d49556;--accent-300: #e8a857;--accent-200: #f0c489;--glass-fill: rgba(255, 248, 240, .06);--glass-fill-strong: rgba(255, 248, 240, .1);--glass-border: rgba(255, 248, 240, .1);--glass-border-strong: rgba(255, 248, 240, .18);--ink-900: #241209;--ink-700: #3d2415;--negative-500: #b54834;--negative-400: #c75a48;--text-on-dark: rgba(255, 248, 240, .95);--text-on-dark-muted: rgba(255, 248, 240, .55);--text-on-dark-faint: rgba(255, 248, 240, .3);--text-on-glass: var(--ink-900);--text-on-glass-muted: rgba(36, 18, 9, .55);--text-on-glass-faint: rgba(36, 18, 9, .3);--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--radius-card: 28px;--radius-card-sm: 20px;--radius-input: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--touch-min: 44px;--glass-blur: 24px;--glass-shadow: 0 12px 40px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--glass-inner-glow: inset 0 1px 0 rgba(255, 248, 240, .08);--accent-glow: 0 0 40px rgba(232, 168, 87, .15), 0 0 80px rgba(193, 127, 62, .08);--sidebar-width: 380px;--content-max: 560px;--layout-breakpoint: 900px;--header-height: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out);--transition: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);letter-spacing:-.006em;background-color:var(--base-900);color:var(--text-on-dark);line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse 100% 60% at 20% 0%,rgba(193,127,62,.15),transparent 50%),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(74,46,31,.5),transparent 60%),radial-gradient(ellipse 60% 40% at 50% 50%,rgba(26,15,10,.6),transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.8 0 0 0 0 0.7 0 0 0 0 0.6 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh;position:relative;z-index:1}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--accent-300);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5);height:var(--header-height);box-sizing:border-box;position:sticky;top:0;z-index:50;background:#1a0f0a73;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,248,240,.05)}.app-brand{display:flex;align-items:center;gap:var(--space-3)}.app-brand-icon{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent-500),var(--accent-300));display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #c17f3e40}.app-brand-icon svg{width:15px;height:15px}.app-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--text-on-dark);line-height:1.2}.app-title-sub{font-size:.625rem;color:var(--text-on-dark-faint);text-transform:uppercase;letter-spacing:.1em;margin-top:-1px}.accordion-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1px solid rgba(255,248,240,.12);background:#fff8f00a;color:var(--text-on-dark-faint);font-family:var(--font-ui);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap}.accordion-toggle:hover{background:#fff8f014;border-color:#fff8f033;color:var(--text-on-dark-soft)}.accordion-toggle.on{background:linear-gradient(135deg,#f0a06033,#f0a06014);border-color:#f0a06066;color:var(--accent-300);box-shadow:0 0 12px #f0a06026}.accordion-toggle-icon{flex-shrink:0}.accordion-toggle-label{line-height:1}@media (max-width: 480px){.accordion-toggle-label{display:none}.accordion-toggle{padding:6px 10px}}.app-body{display:flex;gap:var(--space-6);padding:var(--space-6) var(--space-5) var(--space-7);max-width:1200px;margin:0 auto;width:100%;flex:1}.app-sidebar{flex:0 0 var(--sidebar-width);position:sticky;top:calc(var(--header-height) + var(--space-4));align-self:flex-start;max-height:calc(100vh - var(--header-height) - var(--space-6));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,248,240,.1) transparent}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-thumb{background:#fff8f01a;border-radius:4px}.app-content{flex:1;max-width:var(--content-max);display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 899px){.app-body{flex-direction:column;gap:var(--space-3);padding:0 var(--space-3) var(--space-6)}.app-sidebar{position:sticky;top:var(--header-height);z-index:40;flex:0 0 auto;width:100%;max-height:none;overflow:visible;padding:var(--space-2) var(--space-3);margin:0 calc(var(--space-3) * -1);background:#1a0f0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.app-content{max-width:100%}}.glass{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),var(--glass-inner-glow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,248,240,.15),transparent);pointer-events:none}@media (prefers-contrast: more){.glass{background:#2b1810f2;backdrop-filter:none;-webkit-backdrop-filter:none}}.placeholder{text-align:center;color:var(--text-on-dark-muted);padding:var(--space-6)}.hero{position:relative;padding:var(--space-5);overflow:hidden}.hero-glow{position:absolute;top:-40%;left:-20%;right:-20%;height:80%;background:radial-gradient(ellipse at center,rgba(232,168,87,.12),transparent 70%);pointer-events:none;z-index:0}.hero-negative .hero-glow{background:radial-gradient(ellipse at center,rgba(181,72,52,.12),transparent 70%)}.hero-empty{text-align:center;padding:var(--space-6) var(--space-4);position:relative;z-index:1}.hero-empty-icon{margin-bottom:var(--space-3);opacity:.5}.hero-empty-text{color:var(--text-on-dark-muted);font-size:.875rem}.hero-compact{display:none}.hero-full{position:relative;z-index:1}@media (max-width: 899px){.hero{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card-sm)}.hero-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:var(--space-2);position:relative;z-index:1}.hero-compact-main{display:flex;flex-direction:column;align-items:center;gap:0}.hero-compact-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-faint)}.hero-compact-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--accent-300);line-height:1.1;letter-spacing:-.02em}.hero-compact-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.hero-compact-chip{font-size:.6875rem;padding:3px 8px;border-radius:var(--radius-pill);background:#fff8f00f;color:var(--text-on-dark-muted);white-space:nowrap}.hero-compact-chip.negative{background:#b5483426;color:var(--negative-400)}.hero-full{display:none}}.hero-price-section{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-5);position:relative;z-index:1}.hero-eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-on-dark-faint);font-weight:600}.hero-price-display{display:flex;align-items:baseline;gap:2px;margin-top:var(--space-1)}.hero-price-currency{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--accent-300);opacity:.7}.hero-price-value{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--accent-300);line-height:1;letter-spacing:-.03em;text-shadow:0 0 30px rgba(232,168,87,.2)}.hero-price-cents{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--accent-300);opacity:.6;letter-spacing:-.02em}.hero-price-unit{font-size:.8125rem;color:var(--text-on-dark-muted);margin-top:var(--space-1)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-5);position:relative;z-index:1}.hero-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border-radius:var(--radius-input);background:#fff8f00a;border:1px solid rgba(255,248,240,.05)}.hero-stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-faint);font-weight:600}.hero-stat-value{font-size:1.125rem;font-weight:600;color:var(--text-on-dark)}.hero-stat-value.positive{color:var(--accent-300)}.hero-stat-value.negative{color:var(--negative-400)}.hero-cost-breakdown{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);position:relative;z-index:1;flex-wrap:wrap}.hero-cost-chip{font-size:.6875rem;padding:4px 10px;border-radius:var(--radius-pill);background:#fff8f00d;color:var(--text-on-dark-muted);border:1px solid rgba(255,248,240,.06);white-space:nowrap}.hero-wage{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:#e8a8570f;border:1px solid rgba(232,168,87,.1);margin-bottom:var(--space-4);position:relative;z-index:1}.hero-wage.below-rate{background:#b5483414;border-color:#b5483426}.hero-wage-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-faint);font-weight:600}.hero-wage-value{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--accent-300)}.hero-wage.below-rate .hero-wage-value{color:var(--negative-400)}.bar-grid-container{position:relative;z-index:1}.bar-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.bar-grid-title{font-size:.75rem;color:var(--text-on-dark-muted);font-weight:500}.bar-grid-legend{display:flex;gap:var(--space-3)}.legend-item{display:flex;align-items:center;gap:4px;font-size:.625rem;color:var(--text-on-dark-faint);text-transform:uppercase;letter-spacing:.04em}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-cost{background:#4a2e1fcc}.legend-profit{background:var(--accent-300)}.bar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:3px}.bar-grid-square{aspect-ratio:1;border-radius:4px;min-height:14px;min-width:14px;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-out);cursor:pointer;box-shadow:inset 0 1px #ffffff1a}.bar-grid-square:hover{transform:scale(1.2);z-index:2;box-shadow:0 4px 12px #0000004d,inset 0 1px #fff3}.bar-grid-grouped-label{margin-top:var(--space-2);font-size:.6875rem;color:var(--text-on-dark-faint);text-align:center}.section{overflow:hidden;transition:border-color var(--transition)}.section:hover{border-color:var(--glass-border-strong)}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;color:var(--text-on-dark);font-family:var(--font-ui);text-align:left;min-height:var(--touch-min);transition:background-color var(--transition-fast)}.section-header:hover{background-color:#fff8f008}.section-header-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.section-title{font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:var(--text-on-dark);letter-spacing:-.01em}.section-subtitle{font-size:.8125rem;color:var(--text-on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.section-badge{font-size:.6875rem;font-weight:600;color:var(--accent-300);background:#e8a8571a;border:1px solid rgba(232,168,87,.15);padding:3px 10px;border-radius:var(--radius-pill)}.section-chevron{color:var(--text-on-dark-muted);transition:transform var(--transition);display:flex}.section-chevron.open{transform:rotate(180deg)}.section-content{padding:0 var(--space-5) var(--space-5);border-top:1px solid rgba(255,248,240,.06)}.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.field-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-on-dark-faint)}.field-unit{flex:0 0 auto;min-width:72px}.input,.select{width:100%;padding:10px 14px;border:1px solid rgba(255,248,240,.08);border-radius:var(--radius-input);background:#fff8f00a;color:var(--text-on-dark);font-family:var(--font-ui);font-size:1rem;min-height:var(--touch-min);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input::placeholder{color:var(--text-on-dark-faint)}.input:focus,.select:focus{border-color:var(--accent-500);outline:none;background:#fff8f00f;box-shadow:0 0 0 3px #c17f3e1f}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23e8a857' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.select option{background:var(--base-800);color:var(--text-on-dark)}.ingredient-rows{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.ingredient-row{padding:var(--space-4);border-radius:var(--radius-card-sm);background:#fff8f008;border:1px solid rgba(255,248,240,.05);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.ingredient-row:hover{border-color:#fff8f01a;background:#fff8f00d}.ingredient-row.negligible{opacity:.5}.ingredient-row-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ingredient-name{flex:1}.ingredient-name .input{font-family:var(--font-display);font-weight:500;font-size:1.0625rem;border:none;background:transparent;padding:4px 0;min-height:auto}.ingredient-name .input:focus{background:transparent;box-shadow:none;border-bottom:1px solid var(--accent-500);border-radius:0}.ingredient-row-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.negligible-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-on-dark-faint);font-weight:600}.negligible-toggle input{width:14px;height:14px;accent-color:var(--accent-500)}.negligible-label{white-space:nowrap}.btn-remove-ingredient{width:28px;height:28px;border:none;background:none;color:var(--text-on-dark-faint);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:8px;transition:all var(--transition-fast)}.btn-remove-ingredient:hover{background-color:#b548341f;color:var(--negative-400)}.ingredient-row-purchase,.ingredient-row-used{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ingredient-cost-display{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;min-width:80px;align-items:flex-end}.ingredient-cost{font-weight:600;color:var(--accent-300);font-size:1rem}.ingredient-cost.invalid{color:var(--text-on-dark-faint)}.ingredient-invalid-reason{font-size:.625rem;color:var(--negative-400);text-align:right}.ingredient-negligible-note{font-size:.75rem;color:var(--text-on-dark-faint);font-style:italic;padding:var(--space-1) 0}.btn-add-ingredient{width:100%;padding:var(--space-3);margin-top:var(--space-3);border:1px dashed rgba(232,168,87,.25);border-radius:var(--radius-input);background:#e8a85708;color:var(--accent-300);font-family:var(--font-ui);font-size:.9375rem;font-weight:500;cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast)}.btn-add-ingredient:hover{background:#e8a85714;border-color:var(--accent-500);color:var(--accent-200)}.ingredients-total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,248,240,.06)}.ingredients-total-label{font-size:.8125rem;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ingredients-total-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-on-dark)}.batch-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.batch-yield-row{display:flex;gap:var(--space-3)}.batch-cost-per-unit{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-radius:var(--radius-card-sm);background:linear-gradient(135deg,#c17f3e14,#e8a8570a);border:1px solid rgba(232,168,87,.1)}.batch-cost-label{font-size:.8125rem;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.batch-cost-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--accent-300)}.batch-size{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-card-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.batch-size-label{font-size:.8125rem;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.batch-size-value{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-on-dark)}.pricing-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.pricing-mode-toggle{display:flex;gap:4px;padding:4px;background:#fff8f00a;border-radius:var(--radius-input);border:1px solid rgba(255,248,240,.05)}.mode-button{flex:1;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:10px;color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:.875rem;font-weight:500;cursor:pointer;min-height:36px;transition:all var(--transition-fast)}.mode-button:hover:not(.active){color:var(--text-on-dark);background:#fff8f008}.mode-button.active{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));color:#fff;font-weight:600;box-shadow:0 4px 12px #c17f3e40}.pricing-driver-input{font-size:1.25rem;font-weight:600;font-family:var(--font-mono)}.pricing-binding{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.binding-cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border-radius:12px;background:#fff8f008;border:1px solid rgba(255,248,240,.04);text-align:center}.binding-cell-price{background:linear-gradient(135deg,#e8a8571f,#c17f3e0f);border-color:#e8a85726}.binding-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-on-dark-faint);font-weight:600}.binding-value{font-size:.9375rem;font-weight:600;color:var(--text-on-dark)}.binding-cell-price .binding-value{color:var(--accent-300);font-size:1.0625rem}.pricing-profit{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-radius:var(--radius-card-sm);background:linear-gradient(135deg,#e8a8571a,#c17f3e0d);border:1px solid rgba(232,168,87,.12)}.pricing-profit-label{font-size:.8125rem;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.pricing-profit-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-300)}.pricing-profit-value.negative{color:var(--negative-400)}.pricing-rounding{display:flex;flex-direction:column;gap:var(--space-3)}.rounding-group{display:flex;align-items:center;gap:var(--space-3)}.rounding-label{font-size:.75rem;color:var(--text-on-dark-muted);flex-shrink:0;width:72px;font-weight:500}.rounding-buttons{display:flex;gap:4px;flex:1}.rounding-button{flex:1;padding:7px 8px;border:1px solid rgba(255,248,240,.08);background:#fff8f005;border-radius:10px;color:var(--text-on-dark-muted);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;min-height:34px;transition:all var(--transition-fast)}.rounding-button:hover:not(.active){color:var(--text-on-dark);border-color:#fff8f01f}.rounding-button.active{border-color:var(--accent-500);background:#c17f3e1f;color:var(--accent-300);font-weight:600}.rounding-note{font-size:.6875rem;color:var(--text-on-dark-faint);font-family:var(--font-mono)}.trace{padding:var(--space-2) 0}.trace-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:.8125rem;padding:var(--space-2) var(--space-3);margin:0 auto;transition:color var(--transition-fast);font-weight:500}.trace-toggle:hover{color:var(--accent-300)}.trace-chevron{display:flex;transition:transform var(--transition);opacity:.6}.trace-chevron.open{transform:rotate(180deg)}.trace-lines{list-style:none;padding:var(--space-3) var(--space-5);margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:1px;border-radius:var(--radius-card-sm);background:#fff8f008;border:1px solid rgba(255,248,240,.05)}.trace-line{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8125rem;border-bottom:1px solid rgba(255,248,240,.03)}.trace-line:last-child{border-bottom:none}.trace-line-label{color:var(--text-on-dark-muted)}.trace-line-value{color:var(--text-on-dark);font-weight:500}.trace-line-subtotal{padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid rgba(255,248,240,.06);font-weight:600}.trace-line-subtotal .trace-line-label,.trace-line-subtotal .trace-line-value{color:var(--text-on-dark)}.trace-line-total{padding:var(--space-2) 0;margin-top:var(--space-1);border-top:1px solid rgba(232,168,87,.15);border-bottom:1px solid rgba(232,168,87,.15);font-weight:700;font-size:.875rem}.trace-line-total .trace-line-label{color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.trace-line-total .trace-line-value{color:var(--accent-300);font-family:var(--font-display)}.trace-line-perunit .trace-line-value{color:var(--accent-300);font-weight:600}.trace-line-price{padding:var(--space-2) 0;margin-top:var(--space-1);border-top:1px solid rgba(232,168,87,.15);background:linear-gradient(135deg,#e8a85714,#c17f3e0a);margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:8px;font-weight:700}.trace-line-price .trace-line-label{color:var(--text-on-dark)}.trace-line-price .trace-line-value{color:var(--accent-300);font-family:var(--font-display);font-size:1rem}.product-list{padding-top:var(--space-4)}.product-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.product-list-title{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text-on-dark)}.product-list-actions{display:flex;gap:var(--space-2)}.btn-small{padding:7px 14px;border:1px solid rgba(232,168,87,.2);border-radius:10px;background:#e8a8570a;color:var(--accent-300);font-family:var(--font-ui);font-size:.8125rem;font-weight:500;cursor:pointer;min-height:34px;transition:all var(--transition-fast)}.btn-small:hover{background:#e8a8571a;border-color:var(--accent-500)}.product-list-empty{color:var(--text-on-dark-faint);font-size:.875rem;padding:var(--space-3) 0}.product-items{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.product-items li{display:flex;align-items:center;gap:var(--space-2)}.product-item{flex:1;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border:1px solid rgba(255,248,240,.06);border-radius:var(--radius-input);background:#fff8f008;cursor:pointer;text-align:left;min-height:var(--touch-min);color:var(--text-on-dark);transition:all var(--transition-fast)}.product-item:hover{border-color:#e8a85733;background:#fff8f00d}.product-item.active{border-color:var(--accent-500);background:#c17f3e14}.product-item-name{font-weight:500;color:var(--text-on-dark);font-size:.9375rem}.product-item-meta{display:flex;gap:var(--space-3);align-items:center;font-size:.8125rem;color:var(--text-on-dark-muted)}.btn-remove-product{width:32px;height:32px;border:none;background:none;color:var(--text-on-dark-faint);font-size:1.25rem;cursor:pointer;border-radius:8px;flex-shrink:0;transition:all var(--transition-fast)}.btn-remove-product:hover{background-color:#b548341f;color:var(--negative-400)}.backup-restore{padding-top:var(--space-4)}.backup-restore-buttons{display:flex;gap:var(--space-3)}.backup-restore-buttons .btn-small{flex:1;text-align:center}.backup-message{margin-top:var(--space-3);font-size:.8125rem;color:var(--text-on-dark-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:#e8a8570f;border:1px solid rgba(232,168,87,.1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.negative{color:var(--negative-400)!important}@media (max-width: 480px){.app-header{padding:var(--space-3) var(--space-4)}.app-title{font-size:1.0625rem}.pricing-binding{grid-template-columns:repeat(2,1fr)}.ingredient-row-purchase,.ingredient-row-used{flex-wrap:wrap}.rounding-group{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.rounding-label{width:auto}.hero-compact-value{font-size:1.5rem}.hero-compact-meta{gap:4px}.hero-compact-chip{font-size:.625rem;padding:2px 6px}}.costs-section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.cost-card{border-radius:var(--radius-card-sm);background:#fff8f008;border:1px solid rgba(255,248,240,.05);transition:border-color var(--transition-fast),background-color var(--transition-fast);overflow:hidden}.cost-card.enabled{border-color:#e8a85726;background:#e8a85708}.cost-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:var(--touch-min)}.cost-card-toggle{flex-shrink:0;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-track{display:inline-block;width:38px;height:22px;border-radius:11px;background:#fff8f01a;border:1px solid rgba(255,248,240,.08);position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-on-dark-muted);transition:transform var(--transition),background-color var(--transition-fast)}.cost-card-toggle.on .toggle-track{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));border-color:var(--accent-500)}.cost-card-toggle.on .toggle-thumb{transform:translate(16px);background:#fff}.cost-card-titles{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.cost-card-title{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text-on-dark)}.cost-card.disabled .cost-card-title{color:var(--text-on-dark-muted)}.cost-card-desc{font-size:.75rem;color:var(--text-on-dark-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-card-per-unit{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--accent-300);white-space:nowrap}.cost-card-body{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid rgba(255,248,240,.05);padding-top:var(--space-3)}.cost-card-row{display:flex;gap:var(--space-3)}.packaging-items{display:flex;flex-direction:column;gap:var(--space-2)}.packaging-item-row{display:flex;align-items:flex-end;gap:var(--space-2)}.packaging-item-name{flex:1 1 auto;min-width:0}.packaging-item-field{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;width:84px}.packaging-item-field-label{font-size:.625rem;color:var(--text-on-dark-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.packaging-item-mult{flex:0 0 auto;color:var(--text-on-dark-faint);padding-bottom:var(--space-2);font-size:.875rem}.packaging-item-total{flex:0 0 auto;min-width:64px;text-align:right;font-weight:600;color:var(--accent-300);padding-bottom:var(--space-2)}.btn-remove-packaging{flex:0 0 auto;width:28px;height:28px;margin-bottom:6px;border:none;background:none;color:var(--text-on-dark-faint);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:8px;transition:all var(--transition-fast)}.btn-remove-packaging:hover{background-color:#b548341f;color:var(--negative-400)}.btn-add-packaging{width:100%;padding:var(--space-2) var(--space-3);border:1px dashed rgba(232,168,87,.25);border-radius:var(--radius-input);background:#e8a85708;color:var(--accent-300);font-family:var(--font-ui);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-add-packaging:hover{background:#e8a85714;border-color:var(--accent-500);color:var(--accent-200)}.packaging-empty{width:100%;padding:var(--space-3);border:1px dashed rgba(232,168,87,.25);border-radius:var(--radius-input);background:#e8a85708;color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:.875rem;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.packaging-empty:hover{background:#e8a85714;border-color:var(--accent-500);color:var(--accent-200)}.packaging-total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid rgba(255,248,240,.06)}.packaging-total-label{font-size:.8125rem;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.packaging-total-value{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-on-dark)}.overhead-mode-toggle{display:flex;gap:4px;padding:3px;background:#fff8f00a;border-radius:var(--radius-input);border:1px solid rgba(255,248,240,.05)}.overhead-mode-btn{flex:1;padding:6px var(--space-2);border:none;background:none;border-radius:8px;color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:.8125rem;font-weight:500;cursor:pointer;min-height:32px;transition:all var(--transition-fast)}.overhead-mode-btn:hover:not(.active){color:var(--text-on-dark);background:#fff8f008}.overhead-mode-btn.active{background:#e8a8571f;color:var(--accent-300);font-weight:600}.overhead-computed{font-size:.75rem;color:var(--text-on-dark-muted);font-family:var(--font-mono);padding:2px 0}.waste-buffer-input{display:flex;align-items:center;gap:var(--space-3)}.waste-buffer-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#fff8f01a;outline:none;cursor:pointer}.waste-buffer-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));border:2px solid var(--base-800);cursor:pointer;box-shadow:0 2px 8px #c17f3e4d;transition:transform var(--transition-fast)}.waste-buffer-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.waste-buffer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));border:2px solid var(--base-800);cursor:pointer;box-shadow:0 2px 8px #c17f3e4d}.waste-buffer-value{flex-shrink:0;font-size:1rem;font-weight:600;color:var(--accent-300);min-width:48px;text-align:right}.waste-buffer-computed{font-size:.75rem;color:var(--text-on-dark-muted);font-family:var(--font-mono)}.wage-readout{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-input);background:#e8a8570f;border:1px solid rgba(232,168,87,.1)}.wage-readout.below-rate{background:#b5483414;border-color:#b5483426}.wage-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-faint);font-weight:600}.wage-value{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--accent-300)}.wage-value.below-rate{color:var(--negative-400)}.wage-note{flex-basis:100%;font-size:.75rem;color:var(--negative-400);line-height:1.4;margin-top:2px}.costs-summary{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-card-sm);background:linear-gradient(135deg,#e8a8570f,#c17f3e08);border:1px solid rgba(232,168,87,.1);margin-top:var(--space-2)}.costs-summary-row{display:flex;justify-content:space-between;align-items:center}.costs-summary-label{font-size:.8125rem;color:var(--text-on-dark-muted)}.costs-summary-value{font-size:.9375rem;font-weight:500;color:var(--text-on-dark)}.costs-summary-total{padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid rgba(232,168,87,.15)}.costs-summary-total .costs-summary-label{font-weight:600;color:var(--text-on-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.costs-summary-total .costs-summary-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-300)}.costs-summary-profit{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid rgba(255,248,240,.06);font-size:.8125rem;color:var(--text-on-dark-muted)}.costs-summary-profit .num{font-weight:600;color:var(--accent-300)}.costs-summary-profit .num.negative{color:var(--negative-400)}@media (max-width: 480px){.cost-card-row{flex-direction:column;gap:var(--space-2)}.packaging-item-row{flex-wrap:wrap}.packaging-item-name{flex:1 1 100%}.packaging-item-field{width:calc(50% - 28px);flex:1 1 auto}.packaging-item-mult{display:none}.packaging-item-total{margin-left:auto}.cost-card-header{flex-wrap:wrap}.cost-card-desc{white-space:normal}.cost-card-per-unit{font-size:.75rem}}