@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#faf9f5;--card:#fff;--card-border:#e8e4dc;--radius-card:16px;--ink:#1f1e1b;--ink-2:#6b6659;--ink-3:#9b958a;--teal:#0f766e;--teal-bg:#0f766e14;--terra:#c15f3c;--terra-bg:#c15f3c14;--success:#1a7f5c;--success-bg:#1a7f5c1a;--warning:#b45309;--warning-bg:#b453091a;--error:#b3261e;--error-bg:#b3261e1a;--shadow:0 1px 3px #1f1e1b0f, 0 8px 24px #1f1e1b0d;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--heading:var(--serif);--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg:#14120e;--card:#1e1b16;--card-border:#2e2a22;--ink:#ede9e0;--ink-2:#a8a195;--ink-3:#746e62;--teal:#2bb3a3;--teal-bg:#2bb3a324;--terra:#e0764f;--terra-bg:#e0764f24;--success:#3fae7e;--success-bg:#3fae7e29;--warning:#d98e3d;--warning-bg:#d98e3d29;--error:#e06c5f;--error-bg:#e06c5f29;--shadow:0 1px 3px #0006, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,[data-selectable],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.px-app{background:#f5f8fb;width:100%;min-height:100vh;position:relative}.px-product-grid{grid-template-columns:repeat(2,1fr)!important;gap:11px!important;padding:0 18px 20px!important;display:grid!important}@media (width>=600px){.px-product-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width>=900px){.px-product-grid{grid-template-columns:repeat(4,1fr)!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;margin:0 auto;position:relative}.spinner{border:3px solid var(--card-border);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page{min-height:100vh;padding-bottom:80px}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--card-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s;display:flex}.btn-secondary:active{background:#f3f1eb}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--card-border);z-index:100;background:#ffffffe0;width:100%;max-width:720px;padding:12px 0 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}[data-theme=dark] .bottom-nav{background:#1e1b16e0}.bottom-nav a{color:var(--ink-3);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav a.active{color:var(--teal)}.bottom-nav svg{width:24px;height:24px}input{background:var(--card);border:1px solid var(--card-border);color:var(--ink);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus{border-color:var(--teal)}input::placeholder{color:var(--ink-3)}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-3);margin-bottom:16px;font-size:12px;font-weight:700}.error-msg{color:var(--error);text-align:center;background:var(--error-bg);border-radius:8px;margin-top:8px;padding:8px;font-size:13px}body{margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:720px;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--ink);font-weight:600}p{margin:0}