:root{--color-bg:#0a2947;--color-surface:#1e293b;--color-surface-hover:#273549;--color-primary:#dec384;--color-primary-hover:#dec384;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155;--color-danger:#ef4444;--color-content-bg:#f4f6f9;--color-ink:#1f2937;--color-ink-muted:#4b5563;--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{justify-content:center;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.product-grid>*{flex:0 1 calc(50% - var(--space-4));max-width:calc(50% - var(--space-4))}@media (width>=480px){.product-grid>*{flex:0 1 calc(33.333% - var(--space-4));max-width:calc(33.333% - var(--space-4))}}@media (width>=768px){.product-grid>*{flex:0 1 calc(25% - var(--space-4));max-width:calc(25% - var(--space-4))}}@media (width>=1000px){.product-grid>*{flex:0 1 calc(20% - var(--space-4));max-width:calc(20% - var(--space-4))}}