:root{--color-text:#0f172a;--color-text-muted:#475569;--color-background:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-error:#e11d48;--color-error-bg:#fff1f2;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-code-bg:#f0f0f0;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base:15px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-soft:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;margin:0}[data-theme=dark]{--color-text:#f8fafc;--color-background:#0f172a;--color-surface:#2d3748;--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-secondary:#94a3b8;--color-border:#475569;--color-error:#f87171;--color-error-bg:#4c0505;--color-success:#34d399;--color-success-bg:#064e3b;--color-warning:#fbbf24;--color-warning-bg:#78350f;--color-code-bg:#0f172a}[data-theme=rosita]{--color-text:#4a3a3a;--color-text-muted:#6b5f5f;--color-background:#fff5f7;--color-surface:#fff;--color-border:#fbcfe8;--color-primary:#f472b6;--color-primary-hover:#db2777;--color-secondary:#9f7aea;--color-error:#e11d48;--color-error-bg:#fff1f2;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-code-bg:#ffe4e6}.stock-grid{column-gap:var(--space-sm);padding:var(--space-sm);box-sizing:border-box;column-count:1;width:100%}@media (min-width:500px){.stock-grid{column-count:2}}@media (min-width:700px){.stock-grid{column-count:3}}.masonry-item{break-inside:avoid;margin-bottom:var(--space-sm)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card)}.btn-primary{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);border:none;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium);transition:all .2s}.btn-secondary:hover{background-color:var(--color-border)}.btn-danger{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);background-color:var(--color-error);color:#fff;font-weight:var(--font-weight-semibold);border:none;transition:background-color .2s}.btn-danger:hover{filter:brightness(.9)}.btn-text{color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-bold);background:0 0;border:none;padding:0}