:root{--color-bg:#073b3a;--color-surface:#fff;--color-surface-hover:#f8f8f8;--color-primary:#6fa7a2;--color-primary-hover:#5c8f8b;--color-accent:#ff2e88;--color-text:#f5f1e8;--color-text-muted:#909493;--color-border:#6fa7a240;--color-danger:#ef4444;--color-content-bg:#f7f5f0;--color-ink:#243634;--color-ink-muted:#6b7280;--shadow-soft:0 8px 24px #073b3a14;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}#app{min-height:100vh}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;padding:22px 0;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=920px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.product-grid{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:16px}}
