:root{--lime: oklch(.87 .18 125);--lime-deep: oklch(.78 .2 128);--lime-soft: oklch(.95 .08 125);--orange: oklch(.68 .2 42);--orange-deep: oklch(.58 .22 38);--orange-soft: oklch(.95 .06 50);--bg: oklch(.955 .006 95);--bg-2: oklch(.97 .006 95);--surface: #ffffff;--surface-2: oklch(.97 .008 95);--ink: oklch(.18 .01 90);--ink-2: oklch(.42 .01 90);--ink-3: oklch(.62 .01 90);--line: oklch(.92 .008 95);--line-2: oklch(.88 .008 95);--discount: var(--orange);--price: var(--ink);--success: oklch(.7 .15 145);--font-display: "Onest", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--card-w: 180px;--card-gap: 12px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-sm: 0 1px 2px rgba(20, 20, 10, .04);--shadow-md: 0 4px 16px rgba(20, 20, 10, .06);--shadow-lg: 0 12px 40px rgba(20, 20, 10, .08)}[data-theme=olive]{--lime: oklch(.78 .12 115);--lime-deep: oklch(.65 .13 115);--lime-soft: oklch(.93 .05 110);--orange: oklch(.6 .14 35);--orange-deep: oklch(.5 .16 32);--orange-soft: oklch(.94 .04 45)}[data-theme=forest]{--lime: oklch(.55 .14 150);--lime-deep: oklch(.42 .14 150);--lime-soft: oklch(.92 .06 145);--orange: oklch(.72 .15 75);--orange-deep: oklch(.62 .17 70);--orange-soft: oklch(.95 .06 80)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv01"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.tf-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}.tf-h1{font-family:var(--font-display);font-weight:800;font-size:48px;line-height:1;letter-spacing:-.025em;color:var(--ink)}.tf-h2{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.tf-h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.015em;color:var(--ink)}.tf-h4{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}.tf-eyebrow{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.tf-body{font-size:14px;line-height:1.5;color:var(--ink-2)}.tf-small{font-size:12px;line-height:1.4;color:var(--ink-3)}.tf-mono{font-family:var(--font-mono);letter-spacing:-.01em}.tf-stamp{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-weight:800;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:4px;line-height:1.2}.tf-stamp--lime{background:var(--lime);color:var(--ink)}.tf-stamp--orange{background:var(--orange);color:#fff}.tf-stamp--outline{background:transparent;border:1.5px solid currentColor;color:var(--ink)}.tf-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:var(--lime);color:var(--ink)}.tf-badge--orange{background:var(--orange);color:#fff}.tf-badge--ghost{background:var(--surface-2);color:var(--ink-2)}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.005em;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;transition:transform .06s ease,background .15s ease;white-space:nowrap}.tf-btn:active{transform:scale(.97)}.tf-btn:hover{background:#2d291e}.tf-btn--lime{background:var(--lime);color:var(--ink)}.tf-btn--lime:hover{background:var(--lime-deep)}.tf-btn--orange{background:var(--orange);color:#fff}.tf-btn--orange:hover{background:var(--orange-deep)}.tf-btn--ghost{background:var(--surface-2);color:var(--ink)}.tf-btn--ghost:hover{background:var(--line)}.tf-btn--lg{padding:14px 22px;font-size:16px}.tf-btn--xl{padding:18px 28px;font-size:18px}.tf-btn--block{width:100%}.tf-card{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--line)}.tf-card--flat{border-radius:var(--r-md);background:var(--surface)}.tf-card--frame{background:var(--surface);border-radius:var(--r-md);border:2px solid var(--ink);position:relative}.tf-input{width:100%;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--surface);font-size:14px;transition:border-color .15s ease}.tf-input:focus{outline:none;border-color:var(--ink)}.tf-input::placeholder{color:var(--ink-3)}.tf-label{font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink-2);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;display:block}.tf-photo{position:relative;width:100%;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.tf-photo--lime{background:var(--lime-soft)}.tf-photo--orange{background:var(--orange-soft)}.tf-photo svg{width:60%;height:60%;opacity:.55}.tf-photo-label{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;background:#ffffffd9;padding:2px 6px;border-radius:3px}.tf-scroll::-webkit-scrollbar{width:6px;height:6px}.tf-scroll::-webkit-scrollbar-track{background:transparent}.tf-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.tf-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.tf-stripe-bg{background-image:repeating-linear-gradient(-45deg,var(--lime-soft) 0px,var(--lime-soft) 12px,transparent 12px,transparent 24px)}.tf-stripe-orange{background-image:repeating-linear-gradient(-45deg,var(--orange-soft) 0px,var(--orange-soft) 12px,transparent 12px,transparent 24px)}.tf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-w));gap:var(--card-gap);justify-content:start}.tf-product-row{display:flex;gap:var(--card-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding-bottom:4px;padding-right:28px;scrollbar-width:none}.tf-product-row::-webkit-scrollbar{display:none}.tf-product-row>*{flex-shrink:0;width:var(--card-w);scroll-snap-align:start}.tf-hero-row{display:flex;gap:var(--card-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding-bottom:4px;padding-right:28px}.tf-scroll-x-hidden{scrollbar-width:none;-ms-overflow-style:none}.tf-scroll-x-hidden::-webkit-scrollbar{display:none}.tf-flex{display:flex}.tf-col{display:flex;flex-direction:column}.tf-gap-2{gap:8px}.tf-gap-3{gap:12px}.tf-gap-4{gap:16px}.tf-gap-5{gap:20px}.tf-gap-6{gap:24px}.tf-items-center{align-items:center}.tf-between{justify-content:space-between}.tf-grow{flex:1}.tf-markdown{color:var(--ink-2);font-size:15px;line-height:1.6}.tf-markdown--mobile{font-size:14px}.tf-markdown>:first-child{margin-top:0}.tf-markdown>:last-child{margin-bottom:0}.tf-markdown h1,.tf-markdown h2,.tf-markdown h3,.tf-markdown h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin:28px 0 12px}.tf-markdown h1{font-weight:800;font-size:32px}.tf-markdown h2{font-weight:800;font-size:26px}.tf-markdown h3{font-weight:700;font-size:20px}.tf-markdown h4{font-weight:700;font-size:16px}.tf-markdown--mobile h1{font-size:26px}.tf-markdown--mobile h2{font-size:22px}.tf-markdown--mobile h3{font-size:18px}.tf-markdown p{margin:0 0 14px}.tf-markdown strong,.tf-markdown b{color:var(--ink);font-weight:700}.tf-markdown ul,.tf-markdown ol{margin:0 0 14px;padding-left:22px}.tf-markdown li{margin:0 0 6px}.tf-markdown li::marker{color:var(--orange)}.tf-markdown a{color:var(--orange-deep);text-decoration:underline;text-underline-offset:2px}.tf-markdown a:hover{color:var(--orange)}.tf-markdown blockquote{margin:0 0 14px;padding:8px 16px;border-left:3px solid var(--lime);color:var(--ink-2);background:var(--surface-2);border-radius:0 8px 8px 0}.tf-markdown code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);padding:1px 5px;border-radius:4px}.tf-markdown pre{margin:0 0 14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow-x:auto}.tf-markdown pre code{background:none;padding:0}.tf-markdown hr{border:none;border-top:1px solid var(--line-2);margin:24px 0}.tf-markdown table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:.95em}.tf-markdown th,.tf-markdown td{border:1px solid var(--line-2);padding:8px 12px;text-align:left}.tf-markdown th{font-family:var(--font-display);font-weight:700;color:var(--ink);background:var(--surface-2)}.tf-markdown img{max-width:100%;height:auto;border-radius:10px}html,body{height:100%;margin:0;background:#f3f2ee}#root{min-height:100%}.device-mobile{min-height:100vh;min-height:100dvh}.app-shell{position:relative;width:100%;height:100vh;height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden}@media(min-width:520px){.device-mobile{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.app-shell{max-width:420px;height:min(880px,calc(100dvh - 48px));border-radius:28px;border:1px solid oklch(.85 .01 95);box-shadow:0 30px 80px #0000001f}}.device-desktop{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.layout-switch{position:fixed;top:10px;right:10px;z-index:1000;display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 18px #14140a1f;font-family:var(--font-display)}.layout-switch button{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-2)}.layout-switch button.active{background:var(--ink);color:var(--lime)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpDeep{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}