:root{--color-bg: #FDF6EC;--color-bg-elevated: #FFFFFF;--color-sage: #7B9E87;--color-sage-dark: #5F7F6C;--color-sage-deep: #3B5346;--color-sage-tint: #E7EFE7;--color-ink: #2B2E28;--color-ink-soft: #6B7266;--color-border: #E4DCC8;--color-border-strong: #D3C7A6;--color-low-stock: #B8703F;--color-out-stock: #A94B3C;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-md: 10px;--radius-lg: 18px;--shadow-card: 0 1px 2px rgba(43, 46, 40, .04), 0 8px 24px -12px rgba(59, 83, 70, .18);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a,button{font-family:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-sage-deep);outline-offset:2px}.app-shell{max-width:1180px;margin:0 auto;padding:0 24px 80px}.site-header{padding:48px 0 28px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.site-header__eyebrow{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-sage-dark);margin:0 0 10px}.site-header__title{font-family:var(--font-display),serif;font-optical-sizing:auto;font-weight:600;font-size:clamp(2.1rem,4vw,3rem);line-height:1.05;margin:0 0 10px;color:var(--color-sage-deep)}.site-header__subtitle{font-size:15px;color:var(--color-ink-soft);max-width:46ch;line-height:1.5;margin:0}.category-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.category-filter__label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft);margin-right:6px}.pill{border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-ink);border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background .15s ease,border-color .15s ease,color .15s ease}.pill:hover{border-color:var(--color-sage)}.pill[data-active=true]{background:var(--color-sage-deep);border-color:var(--color-sage-deep);color:var(--color-bg-elevated)}.pill__count{font-family:var(--font-mono),monospace;font-size:11px;opacity:.7}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.product-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px #2b2e280d,0 18px 30px -14px #3b534647}.product-card__media{position:relative;aspect-ratio:1 / 1;background:var(--color-sage-tint)}.product-card__media img{width:100%;height:100%;object-fit:cover;display:block}.product-card__category{position:absolute;top:12px;left:12px;background:#fdf6eceb;color:var(--color-sage-deep);font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--color-border)}.product-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.product-card__name{font-family:var(--font-display),serif;font-weight:600;font-size:18px;line-height:1.25;margin:0;color:var(--color-ink)}.product-card__description{font-size:13px;line-height:1.5;color:var(--color-ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.product-card__price{font-family:var(--font-mono),monospace;font-size:17px;font-weight:500;color:var(--color-sage-deep)}.stock-gauge{min-width:92px}.stock-gauge__label{font-family:var(--font-mono),monospace;font-size:10.5px;color:var(--color-ink-soft);margin-bottom:4px;text-align:right}.stock-gauge__label[data-level=low]{color:var(--color-low-stock)}.stock-gauge__label[data-level=out]{color:var(--color-out-stock)}.stock-gauge__track{height:5px;border-radius:999px;background:var(--color-sage-tint);overflow:hidden}.stock-gauge__fill{height:100%;border-radius:999px;background:var(--color-sage)}.stock-gauge__fill[data-level=low]{background:var(--color-low-stock)}.stock-gauge__fill[data-level=out]{background:var(--color-out-stock)}.state-panel{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;color:var(--color-ink-soft)}.state-panel__title{font-family:var(--font-display),serif;font-size:22px;color:var(--color-sage-deep);margin:0 0 8px}.state-panel__text{font-size:14px;margin:0 auto;max-width:42ch;line-height:1.5}.state-panel__retry{margin-top:18px;background:var(--color-sage-deep);color:var(--color-bg-elevated);border:none;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:500}.state-panel__retry:hover{background:var(--color-sage-dark)}.skeleton-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-elevated)}.skeleton-card__media,.skeleton-line{background:linear-gradient(90deg,var(--color-sage-tint) 25%,#F1EBDD 37%,var(--color-sage-tint) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.skeleton-card__media{aspect-ratio:1 / 1}.skeleton-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:12px;border-radius:6px}.skeleton-line--title{height:16px;width:70%}.skeleton-line--short{width:45%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.product-card,.skeleton-card__media,.skeleton-line{animation:none;transition:none}}.product-card__add{border:1px solid var(--color-sage-deep);background:var(--color-sage-deep);color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:9px 14px;font-size:13px;font-weight:500;width:100%;transition:background .15s ease,opacity .15s ease}.product-card__add:hover:not(:disabled){background:var(--color-sage-dark)}.product-card__add:disabled{background:var(--color-bg-elevated);color:var(--color-ink-soft);border-color:var(--color-border-strong);cursor:not-allowed}.cart-button{position:fixed;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;background:var(--color-sage-deep);color:var(--color-bg-elevated);border:none;border-radius:999px;padding:13px 20px;font-size:14px;font-weight:600;box-shadow:0 10px 24px -8px #3b534680;z-index:40;transition:background .15s ease,transform .15s ease}.cart-button:hover{background:var(--color-sage-dark);transform:translateY(-1px)}.cart-button__badge{background:var(--color-bg-elevated);color:var(--color-sage-deep);font-family:var(--font-mono),monospace;font-size:11.5px;font-weight:600;min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2e2859;z-index:45}.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-18px 0 40px -20px #2b2e2859;z-index:46;display:flex;flex-direction:column;padding:24px 22px;overflow-y:auto}.cart-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cart-panel__header h2{font-family:var(--font-display),serif;font-size:22px;color:var(--color-sage-deep);margin:0}.cart-panel__close{background:none;border:none;font-size:26px;line-height:1;color:var(--color-ink-soft);padding:2px 6px}.cart-panel__close:hover{color:var(--color-ink)}.cart-panel__empty{color:var(--color-ink-soft);font-size:14px;margin-top:12px}.cart-panel__error{color:var(--color-out-stock);font-size:13px;margin:12px 0 0}.cart-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.cart-row{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.cart-row__thumb{width:52px;height:52px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-sage-tint);flex-shrink:0}.cart-row__info{flex:1;min-width:0}.cart-row__name{font-size:13.5px;font-weight:600;margin:0 0 3px;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-row__unit-price{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--color-ink-soft);margin:0}.cart-row__controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:999px;overflow:hidden}.qty-stepper button{background:var(--color-bg-elevated);border:none;width:26px;height:26px;font-size:14px;color:var(--color-sage-deep);display:inline-flex;align-items:center;justify-content:center}.qty-stepper button:hover:not(:disabled){background:var(--color-sage-tint)}.qty-stepper button:disabled{color:var(--color-border-strong);cursor:not-allowed}.qty-stepper span{min-width:22px;text-align:center;font-family:var(--font-mono),monospace;font-size:12.5px}.cart-row__remove{background:none;border:none;font-size:11px;color:var(--color-ink-soft);text-decoration:underline;padding:0}.cart-row__remove:hover{color:var(--color-out-stock)}.cart-panel__footer{margin-top:auto;padding-top:18px}.cart-panel__total{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono),monospace;font-size:15px;color:var(--color-ink);margin-bottom:14px}.cart-panel__total span:last-child{font-size:20px;font-weight:500;color:var(--color-sage-deep)}.cart-panel__submit{width:100%;background:var(--color-sage-deep);color:var(--color-bg-elevated);border:none;border-radius:999px;padding:13px 20px;font-size:14.5px;font-weight:600}.cart-panel__submit:hover:not(:disabled){background:var(--color-sage-dark)}.cart-panel__submit:disabled{opacity:.6;cursor:not-allowed}.cart-result{border-radius:var(--radius-lg);padding:20px;margin-top:8px}.cart-result--success{background:var(--color-sage-tint);border:1px solid var(--color-border-strong)}.cart-result__title{font-family:var(--font-display),serif;font-size:18px;color:var(--color-sage-deep);margin:0 0 8px}.cart-result__text{font-size:13.5px;line-height:1.55;color:var(--color-ink-soft);margin:0 0 16px}@media (max-width: 480px){.app-shell{padding:0 16px 60px}.site-header{padding:32px 0 22px}.cart-panel{width:100vw}.cart-button span:not(.cart-button__badge){display:none}}.toast-stack{position:fixed;top:20px;left:20px;z-index:60;display:flex;flex-direction:column;gap:12px;max-width:425px}.toast{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-radius:var(--radius-md);box-shadow:0 10px 24px -8px #2b2e2859;animation:toast-in .2s ease;background:var(--color-bg-elevated);border:1px solid var(--color-border)}.toast--success{border-left:5px solid var(--color-sage-deep)}.toast--error{border-left:5px solid var(--color-out-stock)}.toast__text{flex:1;font-size:17px;margin:0;color:var(--color-ink)}.toast__close{background:none;border:none;font-size:22px;line-height:1;color:var(--color-ink-soft)}@keyframes toast-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.view-navigation{display:flex;gap:12px;margin-bottom:28px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.view-tab{background:transparent;border:none;font-family:var(--font-display),serif;font-size:18px;font-weight:500;color:var(--color-ink-soft);padding:6px 14px;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.view-tab:hover{color:var(--color-sage-deep);background:var(--color-sage-tint)}.view-tab[data-active=true]{color:var(--color-sage-deep);background:var(--color-sage-tint);font-weight:600}.order-history-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.order-history-title{font-family:var(--font-display),serif;font-size:22px;color:var(--color-sage-deep);margin:0 0 20px}.order-history-table-wrapper{overflow-x:auto}.order-history-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.order-history-table th{font-family:var(--font-mono),monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-soft);padding:12px 16px;border-bottom:2px solid var(--color-border)}.order-history-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-ink)}.order-history-table tr:last-child td{border-bottom:none}.order-id{font-family:var(--font-mono),monospace;font-weight:500}.order-total{font-family:var(--font-mono),monospace;font-weight:600;color:var(--color-sage-deep)}.order-status-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--color-sage-tint);color:var(--color-sage-deep);font-family:var(--font-mono),monospace;font-size:11.5px;font-weight:500}