@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;450;500;600;700&family=JetBrains+Mono:wght@400;500&family=Instrument+Serif&display=swap");:root{--accent-hue:70;--accent-chroma:0.12;--accent:oklch(64% var(--accent-chroma) var(--accent-hue));--accent-soft:oklch(96% calc(var(--accent-chroma) * 0.4) var(--accent-hue));--accent-ink:oklch(35% var(--accent-chroma) var(--accent-hue));--bg:oklch(98.5% 0.005 80);--bg-2:oklch(97% 0.006 80);--bg-3:oklch(94% 0.008 80);--surface:oklch(99.5% 0.003 80);--ink:oklch(20% 0.01 80);--ink-2:oklch(38% 0.012 80);--ink-3:oklch(56% 0.012 80);--line:oklch(91% 0.008 80);--line-2:oklch(86% 0.01 80);--good:oklch(60% 0.10 145);--warn:oklch(72% 0.13 70);--bad:oklch(58% 0.16 25);--good-soft:oklch(95% 0.04 145);--warn-soft:oklch(95% 0.05 70);--bad-soft:oklch(95% 0.04 25);--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 0 rgba(0,0,0,0.02),0 1px 2px rgba(60,40,20,0.04);--shadow-md:0 1px 0 rgba(0,0,0,0.02),0 4px 16px -4px rgba(60,40,20,0.08);--shadow-lg:0 24px 48px -16px rgba(60,40,20,0.18);--font-display:"Fraunces",serif;--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}[data-theme=dark]{--bg:oklch(18% 0.01 80);--bg-2:oklch(22% 0.012 80);--bg-3:oklch(26% 0.014 80);--surface:oklch(24% 0.013 80);--ink:oklch(96% 0.005 80);--ink-2:oklch(78% 0.008 80);--ink-3:oklch(60% 0.010 80);--line:oklch(32% 0.014 80);--line-2:oklch(38% 0.016 80);--accent-soft:oklch(30% calc(var(--accent-chroma) * 0.7) var(--accent-hue));--accent-ink:oklch(85% var(--accent-chroma) var(--accent-hue));--good-soft:oklch(28% 0.05 145);--warn-soft:oklch(28% 0.07 70);--bad-soft:oklch(28% 0.07 25)}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{display:grid;grid-template-columns:248px 1fr 360px;height:100vh;overflow:hidden}.app-shell:has(.mobile-pane:not([hidden])):not(:has(.mobile-pane)){grid-template-columns:248px 1fr}.app-shell:not(:has(.mobile-pane)){grid-template-columns:248px 1fr}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--bg);display:grid;place-items:center}.brand-mark,.brand-name{font-family:var(--font-display);font-weight:600;font-size:18px}.brand-name{letter-spacing:-.01em}.biz-pick{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.biz-avatar{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-size:12px}.biz-name{font-weight:600;font-size:13px}.biz-sub{font-size:11px;color:var(--ink-3)}.nav{display:flex;flex-direction:column;gap:2px}.nav-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:14px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--ink-2);font-size:13px;font-weight:500;text-align:left;width:100%;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-3);color:var(--ink)}.nav-item.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.nav-item .soon{margin-left:auto;font-size:10px;color:var(--ink-3);padding:2px 6px;border-radius:4px;background:var(--bg-3)}.sidebar-foot{margin-top:auto;padding:10px 4px;border-top:1px solid var(--line)}.sf-row{display:flex;align-items:center;gap:10px;padding:6px}.user-avatar{width:30px;height:30px;border-radius:50%;background:oklch(72% .08 30);color:white;display:grid;place-items:center;font-size:11px;font-weight:600}.user-name{font-size:12.5px;font-weight:600}.user-role{font-size:11px;color:var(--ink-3)}.main{overflow-y:auto;background:var(--bg)}.page{padding:32px 40px 60px;max-width:1280px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-head-actions{display:flex;gap:8px;flex-shrink:0}.h1{font-family:var(--font-display);font-weight:500;font-size:36px;line-height:1.1;letter-spacing:-.02em;font-variation-settings:"opsz" 96}.h1,.h2{margin:0}.h2{font-size:20px;line-height:1.2;letter-spacing:-.01em}.h2,.h3{font-family:var(--font-display);font-weight:500}.h3{font-size:18px;margin:0;letter-spacing:-.005em}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:500;margin-bottom:6px}.lede{color:var(--ink-2);margin:8px 0 0;font-size:14px;max-width:56ch}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-size:.95em}.dim{color:var(--ink-3)}.muted{color:var(--ink-2)}.strong{font-weight:600;color:var(--ink)}.small{font-size:12px}.good{color:var(--good)}.r{text-align:right}.link{background:none;border:none;cursor:pointer;color:var(--ink-2);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.link:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;border:1px solid transparent;transition:all .15s}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:oklch(0 0 0/.85)}[data-theme=dark] .btn-primary{background:var(--bg);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-md{padding:8px 14px}.btn-sm{padding:5px 10px;font-size:12px}.btn-ico{display:inline-flex}.icon-btn{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:transparent;border:1px solid var(--line-2);cursor:pointer;color:var(--ink-2);transition:all .15s}.icon-btn:hover{background:var(--bg-2);color:var(--ink)}.icon-btn.ghost{border-color:transparent}.icon-btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.kpi{padding:18px 20px}.kpi-num{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1.1;letter-spacing:-.02em;font-variation-settings:"opsz" 48;margin:4px 0}.kpi-sub{font-size:11.5px;color:var(--ink-3)}.kpi-emph{background:var(--ink);color:var(--bg);border-color:var(--ink)}.kpi-emph .eyebrow,.kpi-emph .kpi-sub{color:oklch(80% .01 80)}[data-theme=dark] .kpi-emph{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}[data-theme=dark] .kpi-emph .eyebrow,[data-theme=dark] .kpi-emph .kpi-sub{color:var(--accent-ink);opacity:.75}.kpi-trend{display:inline-flex;align-items:center;gap:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:10px 8px;border-bottom:1px solid var(--line)}.data-table thead th.r{text-align:right}.data-table tbody td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr{transition:background .12s;cursor:pointer}.data-table tbody tr:hover{background:var(--bg-2)}.data-table tbody tr:last-child td{border-bottom:none}.data-table.compact tbody td{padding:8px}.table-card{padding:6px 16px}.row-prod{gap:12px}.row-ing,.row-prod{display:flex;align-items:center}.row-ing{gap:10px}.row-name{font-weight:500}.row-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px}.prod-glyph{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px;color:oklch(30% .04 60);flex-shrink:0}.prod-glyph.lg{width:44px;height:44px;font-size:22px}.prod-glyph.xl{width:76px;height:76px;font-size:38px;border-radius:16px}.ing-glyph{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--bg-3),var(--line));border:1px solid var(--line-2);flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500;background:var(--bg-3);color:var(--ink-2);white-space:nowrap}.pill-good{background:var(--good-soft);color:var(--good)}.pill-warn{background:var(--warn-soft);color:oklch(50% .13 70)}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-dim{background:transparent;color:var(--ink-3);border:1px dashed var(--line-2)}.insights-list{display:flex;flex-direction:column;gap:10px}.insight{display:grid;grid-template-columns:8px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:14px 16px;background:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--line)}.insight-dot{width:8px;height:8px;border-radius:50%;align-self:flex-start;margin-top:6px}.insight-good .insight-dot{background:var(--good)}.insight-warn .insight-dot{background:var(--warn)}.insight-alert .insight-dot{background:var(--bad)}.insight-info .insight-dot{background:var(--ink-3)}.insight-title{font-weight:600;font-size:13.5px;margin-bottom:3px}.insight-text{font-size:12.5px;color:var(--ink-2)}.insight-action{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;padding:6px 10px;border-radius:6px}.insight-action:hover{background:var(--surface)}.cost-comp{display:flex;flex-direction:column;gap:18px}.cost-comp-total{display:flex;align-items:center;gap:18px}.big-num{font-family:var(--font-display);font-weight:500;font-size:24px;letter-spacing:-.02em;line-height:1;font-variation-settings:"opsz" 60}.huge-num{font-family:var(--font-display);font-weight:500;font-size:48px;letter-spacing:-.03em;line-height:1;font-variation-settings:"opsz" 96;margin:4px 0}.vsep{width:1px;align-self:stretch;background:var(--line)}.stackbar{display:flex;width:100%;border-radius:99px;overflow:hidden;background:var(--bg-3)}.stackbar-seg{transition:filter .15s}.stackbar-seg:hover{filter:brightness(.92)}.cost-legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cost-legend li{display:grid;grid-template-columns:12px 1fr auto auto;grid-gap:10px;gap:10px;align-items:center;font-size:12.5px;padding:4px 0}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-pct{font-size:11px;color:var(--ink-3);width:36px;text-align:right}.donut{position:relative;flex-shrink:0}.donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-pct{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1;letter-spacing:-.02em;font-variation-settings:"opsz" 48}.donut-cap{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-top:2px}.price-changes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.price-change-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.price-change-row:last-child{border-bottom:none}.price-change-vals{gap:8px;font-size:12.5px}.price-change-vals,.toolbar{display:flex;align-items:center}.toolbar{gap:14px;margin-bottom:16px}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:8px 12px;border-radius:8px;flex:0 0 320px;color:var(--ink-3)}.search input{border:none;outline:none;background:none;flex:1 1;color:var(--ink);font-size:13px;font-family:inherit}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:12px;cursor:pointer;color:var(--ink-2);font-family:inherit}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}[data-theme=dark] .chip.on{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.drawer-backdrop{position:fixed;inset:0;background:oklch(20% .01 80/.32);display:flex;justify-content:flex-end;z-index:100;animation:fade .2s}@keyframes fade{0%{opacity:0}}.drawer{background:var(--surface);height:100%;width:520px;max-width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slide .25s cubic-bezier(.2,.7,.2,1)}@keyframes slide{0%{transform:translateX(20px);opacity:0}}.drawer-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.drawer-body{flex:1 1;overflow-y:auto;padding:20px 24px}.drawer-foot{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:500}.field-control{display:flex;align-items:center;gap:6px}.field-suffix{color:var(--ink-3);font-size:12px;padding:0 6px}.field-hint{font-size:11.5px;color:var(--ink-3)}.input{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-family:inherit;font-size:13px;color:var(--ink);flex:1 1;outline:none;transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent);background:var(--surface)}.input.mini{padding:5px 8px;font-size:12.5px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.textarea{resize:vertical;min-height:60px;font-family:inherit}.cu-display{background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--radius-sm);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.cu-display .eyebrow{color:var(--accent-ink);opacity:.7}.cu-display .formula{font-family:var(--font-mono);font-size:11px;opacity:.8}.history-block{padding-top:6px}.history-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.history-list li{display:flex;gap:10px;align-items:center;font-size:12px;padding:8px 10px;background:var(--bg-2);border-radius:6px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.numfield{display:flex;flex-direction:column;gap:4px;min-width:0}.numfield-control{display:flex;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:0 10px;transition:border-color .15s,background .15s}.numfield-control:focus-within{border-color:var(--accent);background:var(--surface)}.numfield-control input{flex:1 1;min-width:0;padding:8px 0;border:none;background:none;outline:none;font-family:inherit;font-size:13px;color:var(--ink)}.numfield-prefix,.numfield-suffix{color:var(--ink-3);font-size:12px}.numfield-prefix{margin-right:4px}.numfield-suffix{margin-left:4px}.empty-row{text-align:center;padding:28px;color:var(--ink-3);font-size:13px}.prod-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:18px;gap:18px}.prod-list{display:flex;flex-direction:column;gap:4px}.prod-card{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);transition:all .15s}.prod-card:hover{background:var(--bg-2)}.prod-card.on{border-color:var(--ink);box-shadow:var(--shadow-md)}[data-theme=dark] .prod-card.on{border-color:var(--accent)}.prod-card-body{flex:1 1;min-width:0}.prod-card-meta{font-size:11.5px;color:var(--ink-3);margin-top:4px;display:flex;gap:6px;align-items:center}.dot-sep{color:var(--line-2)}.prod-detail{display:flex;flex-direction:column;gap:18px}.prod-detail-head{display:flex;gap:18px;align-items:center;padding:4px 0}.prod-detail-meta{flex:1 1}.prod-detail-actions{display:flex;gap:6px}.size-tabs{display:flex;gap:8px;flex-wrap:wrap}.size-tab{flex:1 1;min-width:140px;background:var(--surface);border:1px solid var(--line);padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);transition:all .15s}.size-tab:hover{background:var(--bg-2)}.size-tab.on{border-color:var(--ink);background:var(--surface)}[data-theme=dark] .size-tab.on{border-color:var(--accent)}.size-tab-name{font-weight:600;font-size:13.5px}.size-tab-price{font-size:18px;font-weight:500;margin:4px 0 2px;font-family:var(--font-display);letter-spacing:-.02em}.size-tab-sub{font-size:11.5px;color:var(--ink-3)}.size-tab-add{background:transparent;border:1px dashed var(--line-2);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink-3);flex:0 0 140px;min-width:140px}.prod-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:14px;gap:14px}.recipe-card{gap:18px}.recipe-card,.recipe-list{display:flex;flex-direction:column}.recipe-head,.recipe-row{display:grid;grid-template-columns:1.5fr 70px 90px 110px 80px 28px;grid-gap:8px;gap:8px;align-items:center;padding:8px 0}.recipe-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding-bottom:8px}.recipe-head,.recipe-row{border-bottom:1px solid var(--line)}.recipe-row:last-of-type{border-bottom:none}.recipe-ing{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.recipe-row-new{background:var(--bg-2);margin:0 -8px;padding:8px;border-radius:7px;border:none}.row-actions{display:flex;gap:4px}.recipe-add{display:flex;align-items:center;gap:6px;padding:10px 0;background:none;border:none;cursor:pointer;color:var(--ink-3);font-family:inherit;font-size:12.5px;border-bottom:1px dashed var(--line-2);margin-top:4px}.recipe-add:hover{color:var(--ink)}.recipe-total{display:flex;justify-content:space-between;padding:14px 0 0;font-weight:500}.extras{padding-top:8px;border-top:1px solid var(--line)}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:10px}.result-card{background:linear-gradient(180deg,var(--surface) 0,var(--bg-2) 100%)}.result-head{margin-bottom:6px}.result-head,.result-hero{display:flex;justify-content:space-between;align-items:center}.result-hero{padding:8px 0 18px}.margin-slider{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.margin-slider.full{padding:0;border:none;margin:0}.margin-slider-head{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:8px}.margin-slider input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.margin-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--bg-3);border-radius:2px}.margin-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--surface);margin-top:-7px;box-shadow:var(--shadow-sm)}[data-theme=dark] .margin-slider input[type=range]::-webkit-slider-thumb{background:var(--accent)}.margin-slider-marks{display:flex;gap:4px;margin-top:8px}.margin-slider-marks .mark{flex:1 1;padding:4px 8px;border-radius:5px;background:transparent;border:1px solid var(--line);font-family:var(--font-mono);font-size:11px;cursor:pointer;color:var(--ink-3)}.margin-slider-marks .mark.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.breakdown-list{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column}.breakdown-list li{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;border-bottom:1px solid var(--line)}.breakdown-list li:last-child{border-bottom:none}.breakdown-list .line-total{padding-top:12px;margin-top:4px;border-top:1px solid var(--line);font-weight:500}.breakdown-list .line-profit{font-weight:500}.price-tier{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-gap:8px;gap:8px;padding:12px;background:var(--bg-2);border-radius:var(--radius-sm);margin-bottom:12px}.price-tier>div{padding:6px 8px}.price-tier .tier-emph{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-sm)}.vs-current{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-2);border-radius:var(--radius-sm);font-size:12.5px}.vs-current div{display:flex;flex-direction:column;gap:2px}.vs-current .mono{font-size:14px;font-weight:500}.quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.mobile-pane{background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:24px 16px 0}.mobile-pane-head{width:100%;margin-bottom:16px;padding:0 4px}.mobile-frame-wrap{flex:1 1;align-items:flex-start;justify-content:center;width:100%;transform-origin:top center}.m-app,.mobile-frame-wrap{display:flex;overflow:hidden}.m-app{height:100%;background:var(--bg);font-family:var(--font-sans);color:var(--ink);flex-direction:column}.m-head{padding:64px 20px 12px;display:flex;justify-content:space-between;align-items:center}.m-eyebrow{font-size:11px;color:var(--ink-3)}.m-greet{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.02em}.m-avatar{width:36px;height:36px;border-radius:50%;background:oklch(72% .08 30);color:white;display:grid;place-items:center;font-weight:600;font-size:13px}.m-hero{padding:22px 20px;background:var(--ink);color:var(--bg);margin:4px 14px 14px;border-radius:16px}[data-theme=dark] .m-hero{background:var(--accent-soft);color:var(--accent-ink)}.m-hero-eyebrow{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.08em}.m-hero-num{font-family:var(--font-display);font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-top:4px}.m-hero-trend{font-size:11.5px;opacity:.8;margin-top:6px;display:inline-flex;align-items:center;gap:4px}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:0 14px;margin-bottom:18px}.m-stat{background:var(--surface);border:1px solid var(--line);padding:10px;border-radius:12px}.m-stat-num{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.01em}.m-stat-cap{font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.m-section{padding:0 14px;margin-bottom:18px}.m-section-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 8px}.m-section-title{font-family:var(--font-display);font-size:16px;font-weight:500}.m-link{font-size:11.5px;color:var(--ink-3)}.m-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--line)}.m-row:last-child{border-bottom:none}.m-row-body{flex:1 1;min-width:0}.m-row-name{font-weight:500;font-size:13.5px}.m-row-sub{font-size:11.5px;color:var(--ink-3)}.m-row-price{font-size:13.5px;font-weight:500}.m-quick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.m-quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;border-radius:12px;border:1px solid var(--line);cursor:pointer;font-family:inherit;font-size:11px;color:var(--ink-2)}.m-quick-btn,.m-tabbar{background:var(--surface)}.m-tabbar{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:6px 4px 18px}.m-tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:8px 4px;font-family:inherit;font-size:10px;color:var(--ink-3);cursor:pointer}.m-tab.on{color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@media (max-width:1600px){.prod-grid{grid-template-columns:1fr}.recipe-head,.recipe-row{grid-template-columns:1.4fr 60px 80px 90px 70px 26px}}@media (max-width:1400px){.grid-2,.prod-layout,.quick-grid{grid-template-columns:1fr}}@media (max-width:1280px){.app-shell{grid-template-columns:220px 1fr}.mobile-pane{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}}.demo-mobile-fallback{display:none}.demo-desktop-only{display:contents}@media (max-width:900px){.demo-desktop-only{display:none}.demo-mobile-fallback{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;background:#f9f7f3;color:#22201d;font-family:Inter,system-ui,sans-serif}.dmf-inner{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.dmf-icon{border-radius:22%;display:block}.dmf-title{font-family:Fraunces,serif;font-weight:500;font-size:clamp(28px,8vw,36px);line-height:1.1;letter-spacing:-.02em;margin:4px 0 0;color:#22201d}.dmf-title em{font-style:italic;color:#5e4720}.dmf-sub{font-size:15px;line-height:1.55;color:#54514b;margin:0}.dmf-sub-en{font-size:13.5px;color:#857f76;border-top:1px solid #e6e3dc;padding-top:14px;margin-top:4px}.dmf-cta{display:inline-block;margin-top:10px;background:#22201d;color:#f9f7f3;padding:14px 24px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.dmf-cta:hover{background:#1a1815;transform:translateY(-1px)}.dmf-tip{font-size:12.5px;color:#857f76;margin:14px 0 0;line-height:1.5}.dmf-tip a{color:#5e4720;text-decoration:underline;text-underline-offset:3px}}