:root{--color-canvas:#f7f7f4;--color-surface:#fff;--color-surface-muted:#efefeb;--color-text:#1d211f;--color-text-muted:#5d625f;--color-border:#c8cbc7;--color-accent:#294f3d;--color-accent-contrast:#fff;--color-focus:#2458c6;--color-danger:#9d2b2b;--color-danger-surface:#fff1f1;--color-success:#21643f;--color-success-surface:#edf8f1;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--font-weight-regular:400;--font-weight-medium:600;--font-weight-strong:750;--line-tight:1.15;--line-body:1.6;--text-small:.875rem;--text-body:1rem;--text-lead:clamp(1.125rem, 2vw, 1.35rem);--text-title:clamp(2.25rem, 7vw, 5.5rem);--text-heading:clamp(1.5rem, 4vw, 2.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--size-content:72rem;--size-reading:46rem;--size-card-min:16rem;--size-media:12rem;--size-control:2.75rem;--size-admin-nav:14rem;--size-table-min:40rem;--border-width:.0625rem;--focus-width:.1875rem;--focus-offset:.1875rem;--radius-small:.375rem;--radius-medium:.75rem;--radius-round:999rem;--shadow-card:0 .5rem 1.5rem #1d211f14;--duration-fast:.14s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--opacity-disabled:.55;--layer-skip-link:20;--layer-header:10}
*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:var(--color-canvas);min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-body);margin:0}body,button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:var(--space-1)}button,input,select,textarea,summary,a{transition:outline-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3,p,td,th,a{overflow-wrap:anywhere}h1,h2,h3{line-height:var(--line-tight)}img,svg{max-width:100%;display:block}.skip-link{z-index:var(--layer-skip-link);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--color-text);color:var(--color-surface);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:var(--layer-header);border-block-end:var(--border-width) solid var(--color-border);background:var(--color-canvas);position:sticky;inset-block-start:0}.site-header__inner,.site-footer__inner,.page-container{width:min(calc(100% - var(--space-6)), var(--size-content));margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.site-brand{font-weight:var(--font-weight-strong);text-decoration:none}.site-nav__list,.social-links,.admin-nav__list{gap:var(--space-3) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.admin-nav a{min-height:var(--size-control);align-items:center;display:inline-flex}.page-stack{gap:var(--space-8);padding-block:var(--space-7) var(--space-8);display:grid}.hero{gap:var(--space-5);padding-block:var(--space-7);display:grid}.hero__eyebrow,.section__eyebrow{color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--font-weight-medium);letter-spacing:var(--space-1);text-transform:uppercase;margin-block-end:0}.hero__title{max-width:var(--size-reading);font-size:var(--text-title);margin-block-end:0}.hero__description,.section__description{max-width:var(--size-reading);color:var(--color-text-muted);font-size:var(--text-lead);margin-block-end:0}.hero__actions,.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.button{min-height:var(--size-control);padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-small);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button--secondary{color:var(--color-text);background:0 0}.section{gap:var(--space-5);display:grid}.section__header{gap:var(--space-3);display:grid}.section__heading{font-size:var(--text-heading);margin-block-end:0}.surface,.product-card,.empty-state,.notification,.dialog,.admin-table,.cart-line{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card)}.surface,.empty-state,.notification,.dialog,.admin-table,.cart-line{padding:var(--space-5)}.product-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--size-card-min)), 1fr));gap:var(--space-5);display:grid}.product-card{min-width:0;display:grid;overflow:hidden}.product-card__media{min-height:var(--size-media);padding:var(--space-4);background:var(--color-surface-muted);color:var(--color-text-muted);place-items:center;display:grid}.product-card__body{gap:var(--space-3);padding:var(--space-5);display:grid}.product-card__body>*{margin-block-end:0}.price{font-family:var(--font-mono);font-size:var(--text-lead);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.field{gap:var(--space-2);display:grid}.field__label{font-weight:var(--font-weight-medium)}.field__hint,.muted{color:var(--color-text-muted);font-size:var(--text-small)}.field input,.field select,.field textarea,.quantity-selector input{width:100%;min-height:var(--size-control);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text)}.form-stack{gap:var(--space-5);border:0;margin:0;padding:0;display:grid}.quantity-selector{max-width:var(--size-admin-nav);gap:var(--space-2);display:grid}.cart-line{justify-content:space-between;align-items:start;gap:var(--space-4);flex-wrap:wrap;display:flex}.empty-state{justify-items:start;gap:var(--space-3);display:grid}.empty-state>*,.notification>*{margin-block-end:0}.notification{border-inline-start-color:var(--color-accent)}.notification--error{border-color:var(--color-danger);background:var(--color-danger-surface)}.notification--success{border-color:var(--color-success);background:var(--color-success-surface)}.status-badge{width:fit-content;padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface-muted);font-size:var(--text-small);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.dialog summary{cursor:pointer;font-weight:var(--font-weight-medium)}.dialog__body{padding-block-start:var(--space-4)}.admin-shell{flex-wrap:wrap;align-content:start;min-height:100vh;display:flex}.admin-sidebar{flex:1 1 var(--size-admin-nav);padding:var(--space-5);border-inline-end:var(--border-width) solid var(--color-border);background:var(--color-surface-muted)}.admin-sidebar__title{font-weight:var(--font-weight-strong)}.admin-nav__list{flex-direction:column}.admin-content{flex:999 1 var(--size-table-min);min-width:0;padding:var(--space-6)}.admin-table{overflow-x:auto}table{width:100%;min-width:var(--size-table-min);border-collapse:collapse}caption,th,td{padding:var(--space-3);text-align:start}caption{font-weight:var(--font-weight-medium)}th,td{border-block-end:var(--border-width) solid var(--color-border)}.site-footer{border-block-start:var(--border-width) solid var(--color-border)}.site-footer__inner{gap:var(--space-4);padding-block:var(--space-6);display:grid}.loading-block{min-height:var(--size-media);border-radius:var(--radius-medium);background:var(--color-surface-muted)}.visually-hidden{width:var(--border-width);height:var(--border-width);margin:calc(var(--border-width) * -1);clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none}}.demo-notice{color:#4f3340;text-align:center;font-size:var(--text-small);background:#f2e4e6;margin:0;padding:.45rem 1rem}.site-brand{align-items:center;gap:var(--space-2);display:inline-flex}.product-card__media img{border-radius:var(--radius-medium);background:var(--color-canvas);box-shadow:var(--shadow-card)}.hero__title{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif}.site-footer__inner>.cluster{gap:var(--space-2) var(--space-5)}
