:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f3f4f6;--text:#111827;--text-secondary:#374151;--text-label:#4b5563;--text-muted:#6b7280;--surface:#fff;--border:#e5e7eb;--border-subtle:#f3f4f6;--shadow:#0000000f;--accent:#4f46e5;--on-accent:#fff;--input-bg:#fff;--input-text:#000;--input-border:#d1d5db;--button-bg:#fff;--button-text:#4f46e5;--button-border:#4f46e5;--error:#b91c1c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#111827;--text:#f9fafb;--text-secondary:#d1d5db;--text-label:#d1d5db;--text-muted:#9ca3af;--surface:#1f2937;--border:#374151;--border-subtle:#374151;--shadow:#0006;--input-bg:#111827;--input-text:#f9fafb;--input-border:#4b5563;--button-bg:#1f2937;--button-text:#a5b4fc;--button-border:#818cf8;--error:#fca5a5}body{background:var(--page-bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.page{min-height:100vh}.store-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 24px;display:flex}.store-logo{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.store-name{font-size:1.15rem;font-weight:700}.store-step{color:var(--text-muted);margin-left:auto;font-size:.9rem}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;line-height:1}.checkout{grid-template-columns:1fr;gap:20px;max-width:960px;margin:32px auto;padding:0 16px;display:grid}@media (width>=768px){.checkout{grid-template-columns:3fr 2fr;align-items:start}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);border-radius:12px;padding:20px 24px}.card h1,.card h2{margin:0 0 16px;font-size:1.2rem}.line-items{margin:0;padding:0;list-style:none}.line-item{border-top:1px solid var(--border-subtle);align-items:center;gap:14px;padding:12px 0;display:flex}.line-item:first-child{border-top:none}.item-tile{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:inline-flex}.item-name{flex:1;font-weight:500}.item-price{font-variant-numeric:tabular-nums}.summary-row{color:var(--text-secondary);margin:0 0 10px}.discount{border-top:1px solid var(--border-subtle);margin:16px 0;padding-top:16px}.discount label{color:var(--text-label);margin-bottom:6px;font-size:.9rem;display:block}.discount-field{gap:8px;display:flex}.discount-field input{border:1px solid var(--input-border);background:var(--input-bg);min-width:0;color:var(--input-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px}.discount-field button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}.discount-error{color:var(--error);margin:6px 0 0;font-size:.9rem}.summary-total{border-top:1px solid var(--border);margin:0 0 16px;padding-top:16px;font-size:1.5rem;font-weight:700}.place-order{background:var(--accent);width:100%;color:var(--on-accent);font:inherit;border:none;border-radius:8px;padding:12px;font-weight:600}.place-order:disabled{opacity:.55;cursor:not-allowed}.demo-note{text-align:center;color:var(--text-muted);margin:8px 0 0;font-size:.8rem}