:root {
  --color-lime:#76e600; --color-mint:#b2edba; --color-peach:#ffb184; --color-yellow:#fff000;
  --color-aqua:#36d6e5; --color-pink:#ff82b4; --color-ink:#111111; --color-paper:#fffef8;
  --color-cork:#c89259; --color-white:#ffffff; --color-soft:#f4f1e7; --color-line:#d7d6cb;
  --color-muted:#52564d; --color-glass-light:#e5f9db; --color-glass:#afdeb4;
  --color-poof-dark:#409c15; --color-poof-light:#ceff83; --color-cork-light:#f0c998;
  --color-cork-dark:#986537; --color-blush:#f08c78; --color-orange:#ff683e; --color-graph:#dbe7dc;
  --color-lime-soft:#e9f6cc; --color-peach-soft:#ffe5d5; --color-pink-soft:#ffe1ea; --color-aqua-soft:#ddf4ee;
  --color-shadow:#11111112; --color-focus:#245d0d; --color-clear:transparent;
  --font-display:'Lilita One','Arial Rounded MT Bold','Trebuchet MS',sans-serif;
  --font-body:'Nunito Sans','Segoe UI',sans-serif;
  --text-tiny:.65rem; --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-md:1.125rem;
  --text-lg:1.25rem; --text-xl:1.5rem; --text-2xl:1.875rem; --text-3xl:2.5rem;
  --text-section:clamp(2rem,3.6vw,3rem); --text-page:clamp(2.75rem,5.3vw,4.75rem);
  --text-hero:clamp(4rem,7.2vw,6.6rem); --text-mobile-hero:clamp(3.6rem,12vw,5rem);
  --space-0:0; --space-hair:1px; --space-2:2px; --space-3:3px; --space-4:4px; --space-6:6px;
  --space-8:8px; --space-10:10px; --space-12:12px; --space-14:14px; --space-16:16px;
  --space-20:20px; --space-24:24px; --space-28:28px; --space-32:32px; --space-36:36px;
  --space-40:40px; --space-48:48px; --space-56:56px; --space-64:64px; --space-72:72px;
  --space-80:80px; --space-96:96px; --space-120:120px; --space-neg-8:-8px; --space-neg-16:-16px;
  --page-gutter:clamp(1.25rem,5vw,5rem); --page-width:1280px; --copy-width:640px; --article-width:850px;
  --filter-width:218px; --art-width:280px; --hero-art-width:600px; --tap-size:44px; --input-height:48px;
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px; --radius-pill:999px;
  --outline:2px solid var(--color-ink); --outline-bold:3px solid var(--color-ink);
  --rule:1px solid var(--color-line); --dashed:1px dashed var(--color-line);
  --shadow:4px 4px 0 var(--color-ink); --shadow-small:2px 2px 0 var(--color-ink);
  --shadow-paper:0 5px 16px var(--color-shadow); --shadow-big:7px 7px 0 var(--color-ink);
  --rotate-left:-2deg; --rotate-right:2deg; --rotate-strong:-5deg; --rotate-flat:0deg; --duration:180ms; --duration-slow:3s; --duration-float:6s;
  --line-tight:1; --line-heading:1.08; --line-body:1.65; --tracking-label:.13em; --tracking-tight:-.025em; --tracking-sticker:.06em;
  --radius-highlight:44% 22% 37% 12% / 13% 31% 18% 32%;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:var(--space-0); background:var(--color-paper); color:var(--color-ink); font-family:var(--font-body); font-size:var(--text-base); line-height:var(--line-body); }
button,input,select,textarea { font:inherit; color:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:var(--color-lime-soft); }
button,a { touch-action:manipulation; }
a { color:inherit; text-decoration-thickness:var(--space-hair); text-underline-offset:var(--space-4); }
button { cursor:pointer; }
button:disabled { cursor:default; opacity:.55; }
:focus-visible { outline:var(--space-3) solid var(--color-focus); outline-offset:var(--space-4); }
main:focus { outline:none; }
h1,h2,h3,h4,p { margin:var(--space-0); }
h1,h2,h3,h4 { font-family:var(--font-display); font-weight:400; line-height:var(--line-heading); }
h1 { font-size:var(--text-page); letter-spacing:var(--tracking-tight); }
h2 { font-size:var(--text-section); }
h3 { font-size:var(--text-xl); }
p+p { margin-top:var(--space-16); }
img,svg { max-width:100%; }
.art { display:block; width:100%; height:auto; }
.icon { width:var(--space-20); height:var(--space-20); flex-shrink:0; }
.skip-link { display:block; height:var(--space-0); overflow:hidden; text-align:center; background:var(--color-yellow); }
.skip-link:focus { height:auto; padding:var(--space-12); }
.announcement { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:var(--space-12); background:var(--color-mint); padding:var(--space-8) var(--page-gutter); font-size:var(--text-xs); font-weight:800; border-bottom:var(--outline); }
.announcement-divider { opacity:.4; }
.demo-top { font-size:var(--text-tiny); letter-spacing:var(--tracking-label); padding:var(--space-2) var(--space-8); border:var(--space-hair) solid var(--color-ink); border-radius:var(--radius-sm); }
.site-header { border-bottom:var(--outline); background:var(--color-paper); }
.header-inner { max-width:var(--page-width); margin:auto; padding:var(--space-20) var(--space-24); display:flex; align-items:center; justify-content:space-between; gap:var(--space-24); flex-wrap:wrap; }
.brand { text-decoration:none; display:flex; align-items:center; gap:var(--space-8); flex-shrink:0; }
.brand-art { width:var(--space-56); height:var(--space-48); display:flex; align-items:center; }
.brand:hover .brand-art { animation:sticker-wiggle var(--duration-slow) ease-in-out; }
.hero-poof { animation:poof-float var(--duration-float) ease-in-out infinite; }
@keyframes sticker-wiggle { 0%,100% { transform:rotate(var(--rotate-flat)); } 25%,75% { transform:rotate(var(--rotate-left)); } 50% { transform:rotate(var(--rotate-right)); } }
@keyframes poof-float { 0%,80%,100% { transform:translateY(var(--space-0)); } 40% { transform:translateY(var(--space-neg-8)); } }
.wordmark { font-family:var(--font-display); font-size:var(--text-2xl); letter-spacing:var(--tracking-tight); line-height:.88; }
.wordmark small { display:block; font-family:var(--font-body); font-size:var(--text-tiny); font-weight:900; letter-spacing:var(--tracking-label); margin-top:var(--space-6); }
.nav-links { display:flex; gap:var(--space-24); align-items:center; }
.nav-links a { font-size:var(--text-sm); font-weight:800; text-decoration:none; padding:var(--space-8) var(--space-0); border-bottom:var(--space-2) solid var(--color-clear); }
.nav-links a:hover,.nav-links a[aria-current="page"] { border-color:var(--color-ink); }
.nav-links .mobile-seller-link { display:none; }
.header-actions { display:flex; gap:var(--space-20); align-items:center; }
.button-primary,.button-secondary,.button-small { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-12); min-height:var(--input-height); padding:var(--space-12) var(--space-24); border:var(--outline); border-radius:var(--radius-sm); box-shadow:var(--shadow); background:var(--color-lime); font-weight:900; line-height:1.3; text-decoration:none; transition:transform var(--duration),box-shadow var(--duration); }
.button-secondary { background:var(--color-paper); }
.button-small { padding:var(--space-8) var(--space-16); min-height:var(--tap-size); font-size:var(--text-sm); box-shadow:var(--shadow-small); }
.button-primary:hover,.button-secondary:hover,.button-small:hover { transform:translate(var(--space-2),var(--space-2)); box-shadow:var(--shadow-small); }
.button-primary:active,.button-secondary:active,.button-small:active { transform:translate(var(--space-4),var(--space-4)); box-shadow:none; }
.cart-link { display:flex; align-items:center; text-decoration:none; gap:var(--space-8); font-size:var(--text-sm); font-weight:800; min-height:var(--tap-size); }
.cart-count { display:flex; align-items:center; justify-content:center; width:var(--space-24); height:var(--space-24); border-radius:var(--radius-pill); background:var(--color-peach); border:var(--space-hair) solid var(--color-ink); font-size:var(--text-xs); }
.menu-toggle { display:none; border:var(--outline); border-radius:var(--radius-sm); padding:var(--space-10); background:var(--color-paper); min-height:var(--tap-size); }
.container { max-width:var(--page-width); margin:auto; padding-inline:var(--space-24); }
.hero { display:flex; align-items:center; gap:var(--space-48); padding-block:var(--space-64) var(--space-56); }
.hero-copy { flex:1 1 50%; min-width:var(--space-0); }
.eyebrow { display:block; font-size:var(--text-xs); font-weight:900; letter-spacing:var(--tracking-label); margin-bottom:var(--space-16); text-transform:uppercase; }
.eyebrow-sticker { display:inline-flex; align-items:center; gap:var(--space-8); padding:var(--space-6) var(--space-12); background:var(--color-yellow); border:var(--space-hair) solid var(--color-ink); transform:rotate(var(--rotate-left)); margin-bottom:var(--space-24); font-size:var(--text-xs); font-weight:900; letter-spacing:var(--tracking-sticker); }
.hero h1 { font-size:var(--text-hero); line-height:.98; }
.heading-highlight { display:inline-block; background:var(--color-lime); padding:var(--space-0) var(--space-12) var(--space-4); border-radius:var(--radius-highlight); transform:rotate(var(--rotate-left)); margin:var(--space-8) var(--space-0); }
.hero-copy>p { max-width:var(--copy-width); font-size:var(--text-md); margin-top:var(--space-24); color:var(--color-muted); line-height:1.6; }
.button-row { display:flex; flex-wrap:wrap; gap:var(--space-16); align-items:center; margin-top:var(--space-28); }
.hero-footnote { display:flex; gap:var(--space-8); align-items:center; font-size:var(--text-xs); color:var(--color-muted); margin-top:var(--space-24); }
.hero-footnote .icon { width:var(--space-16); height:var(--space-16); }
.hero-board { flex:1 1 50%; min-width:var(--space-0); transform:rotate(var(--rotate-right)); border:var(--outline); background:var(--color-paper); box-shadow:var(--shadow-paper); }
.board-label { display:flex; justify-content:space-between; gap:var(--space-12); align-items:center; border-bottom:var(--outline); padding:var(--space-10) var(--space-20); font-size:var(--text-xs); font-weight:900; letter-spacing:var(--tracking-label); background:var(--color-peach); }
.board-note { display:flex; justify-content:center; gap:var(--space-12); align-items:center; border-top:var(--space-hair) solid var(--color-line); padding:var(--space-12); font-family:var(--font-display); font-size:var(--text-lg); }
.board-note span { font-family:var(--font-body); font-size:var(--text-xs); font-weight:800; }
.ticker { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--space-36); padding:var(--space-16) var(--space-24); border-top:var(--outline); border-bottom:var(--outline); background:var(--color-lime); font-family:var(--font-display); font-size:var(--text-lg); }
.ticker span { display:flex; align-items:center; gap:var(--space-36); }
.section { padding-block:var(--space-64); }
.section-head { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:var(--space-24); margin-bottom:var(--space-32); }
.section-head p { color:var(--color-muted); margin-top:var(--space-12); }
.text-link { display:inline-flex; align-items:center; gap:var(--space-8); font-weight:900; font-size:var(--text-sm); min-height:var(--tap-size); }
.product-list { display:flex; flex-wrap:wrap; gap:var(--space-24); }
.product-card { flex:0 0 calc((100% - var(--space-72))/4); min-width:var(--space-0); border:var(--outline); border-radius:var(--radius-md); overflow:hidden; background:var(--color-paper); box-shadow:var(--shadow-small); display:flex; flex-direction:column; }
.product-art-link { display:flex; flex-direction:column; text-decoration:none; padding:var(--space-16) var(--space-20) var(--space-0); border-bottom:var(--outline); background:var(--color-lime-soft); }
.product-art-link .art { width:100%; margin:auto; transition:transform var(--duration); }
.product-art-link:hover .art { transform:rotate(var(--rotate-strong)); }
.tone-peach { background:var(--color-peach-soft); }
.tone-pink { background:var(--color-pink-soft); }
.tone-aqua { background:var(--color-aqua-soft); }
.category-label { align-self:flex-start; padding:var(--space-3) var(--space-8); border:var(--space-hair) solid var(--color-ink); border-radius:var(--radius-pill); font-size:var(--text-tiny); font-weight:900; background:var(--color-paper); }
.product-info { display:flex; flex-direction:column; flex:1; padding:var(--space-20); }
.product-info h3 { font-size:var(--text-xl); margin-bottom:var(--space-8); }
.product-info h3 a { text-decoration:none; }
.seller-link { font-size:var(--text-xs); color:var(--color-muted); }
.product-bottom { margin-top:auto; padding-top:var(--space-20); display:flex; align-items:center; justify-content:space-between; gap:var(--space-8); }
.price { font-size:var(--text-lg); font-weight:900; line-height:1.2; }
.price small { font-size:var(--text-tiny); display:block; font-weight:600; color:var(--color-muted); margin-top:var(--space-4); }
.product-bottom .text-link { font-size:var(--text-xs); }
.demo-caption { font-size:var(--text-xs); color:var(--color-muted); margin-top:var(--space-20); }
.split-section { display:flex; align-items:center; gap:var(--space-64); }
.split-section>div { flex:1; min-width:var(--space-0); }
.spotlight { border-top:var(--outline); border-bottom:var(--outline); background:var(--color-aqua-soft); }
.spotlight-art { display:flex; align-items:center; justify-content:center; background:var(--color-peach); border:var(--outline); border-radius:var(--radius-md); transform:rotate(var(--rotate-left)); }
.spotlight-art .art { max-width:var(--art-width); }
.spotlight-copy>p { margin-top:var(--space-20); color:var(--color-muted); max-width:var(--copy-width); }
.note-badge { display:inline-block; background:var(--color-yellow); border:var(--space-hair) solid var(--color-ink); font-family:var(--font-display); font-size:var(--text-lg); padding:var(--space-8) var(--space-16); transform:rotate(var(--rotate-right)); margin-bottom:var(--space-20); }
.steps { display:flex; gap:var(--space-24); margin-top:var(--space-32); }
.step-card { flex:1; border:var(--outline); border-radius:var(--radius-md); padding:var(--space-24); background:var(--color-paper); display:flex; flex-direction:column; gap:var(--space-16); }
.step-card:nth-child(2) { background:var(--color-lime-soft); }
.step-card:nth-child(3) { background:var(--color-peach-soft); }
.step-number { font-family:var(--font-display); font-size:var(--text-xl); width:var(--space-48); height:var(--space-48); border:var(--outline); border-radius:var(--radius-pill); display:flex; align-items:center; justify-content:center; background:var(--color-yellow); }
.step-art { width:var(--space-120); align-self:center; }
.step-card p { font-size:var(--text-sm); color:var(--color-muted); }
.seller-cta { display:flex; align-items:center; gap:var(--space-32); padding:var(--space-36) var(--space-48); background:var(--color-peach); border:var(--outline); border-radius:var(--radius-md); box-shadow:var(--shadow); margin-bottom:var(--space-64); }
.seller-cta .art { width:var(--space-120); flex-shrink:0; }
.seller-cta .cta-copy { flex:1; }
.seller-cta p { margin-top:var(--space-8); }
.site-footer { background:var(--color-lime-soft); border-top:var(--outline); }
.footer-main { display:flex; justify-content:space-between; gap:var(--space-48); flex-wrap:wrap; padding-block:var(--space-48); }
.footer-brand { max-width:var(--art-width); }
.footer-brand p { font-size:var(--text-sm); margin-top:var(--space-20); color:var(--color-muted); }
.footer-links { display:flex; flex-direction:column; gap:var(--space-8); }
.footer-links h2 { font-family:var(--font-body); font-size:var(--text-xs); font-weight:900; letter-spacing:var(--tracking-label); margin-bottom:var(--space-8); }
.footer-links a { font-size:var(--text-sm); text-decoration:none; min-height:var(--space-28); }
.footer-links a:hover { text-decoration:underline; }
.footer-bottom { padding-block:var(--space-20); border-top:var(--rule); display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--space-12); font-size:var(--text-xs); color:var(--color-muted); }
.page-heading { padding-top:var(--space-48); padding-bottom:var(--space-36); }
.page-heading p { color:var(--color-muted); max-width:var(--copy-width); margin-top:var(--space-16); font-size:var(--text-md); }
.breadcrumb { font-size:var(--text-xs); color:var(--color-muted); display:flex; flex-wrap:wrap; gap:var(--space-8); margin-bottom:var(--space-24); }
.page-heading .eyebrow { margin-bottom:var(--space-12); }
.shop-layout { display:flex; align-items:start; gap:var(--space-32); padding-bottom:var(--space-64); }
.filters { flex:0 0 var(--filter-width); border:var(--outline); border-radius:var(--radius-md); padding:var(--space-20); background:var(--color-soft); }
.filters>summary { font-weight:900; list-style:none; display:flex; justify-content:space-between; gap:var(--space-8); cursor:pointer; align-items:center; }
.filters>summary::-webkit-details-marker { display:none; }
.filter-content { display:flex; flex-direction:column; gap:var(--space-24); margin-top:var(--space-24); }
fieldset { border:var(--space-0); padding:var(--space-0); margin:var(--space-0); display:flex; flex-direction:column; gap:var(--space-10); min-width:var(--space-0); }
legend { font-weight:900; font-size:var(--text-sm); margin-bottom:var(--space-12); }
.check-label { display:flex; align-items:center; gap:var(--space-8); font-size:var(--text-sm); cursor:pointer; min-height:var(--space-32); }
input[type="checkbox"],input[type="radio"] { width:var(--space-16); height:var(--space-16); accent-color:var(--color-poof-dark); margin:var(--space-0); }
input[type="range"] { accent-color:var(--color-poof-dark); width:100%; }
.results-area { flex:1; min-width:var(--space-0); }
.results-heading { font-size:var(--text-xl); margin-bottom:var(--space-20); }
.shop-toolbar { display:flex; align-items:end; gap:var(--space-16); flex-wrap:wrap; margin-bottom:var(--space-20); }
.search-field { flex:1; min-width:var(--space-120); }
label.field,.field { display:flex; flex-direction:column; gap:var(--space-6); font-size:var(--text-sm); font-weight:800; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea { border:var(--outline); background:var(--color-paper); border-radius:var(--radius-sm); padding:var(--space-12); min-height:var(--input-height); width:100%; font-weight:600; }
input::placeholder,textarea::placeholder { color:var(--color-muted); opacity:.8; }
textarea { resize:vertical; }
.sort-field { flex:0 0 auto; min-width:var(--space-120); }
.results-meta { display:flex; align-items:center; justify-content:space-between; gap:var(--space-12); margin-bottom:var(--space-20); font-size:var(--text-xs); color:var(--color-muted); flex-wrap:wrap; }
.active-filters { display:flex; gap:var(--space-8); flex-wrap:wrap; }
.filter-chip { display:flex; align-items:center; gap:var(--space-8); background:var(--color-mint); border:var(--space-hair) solid var(--color-ink); border-radius:var(--radius-pill); padding:var(--space-4) var(--space-10); font-size:var(--text-xs); }
.filter-chip .icon { width:var(--space-12); height:var(--space-12); }
.results-area .product-card { flex-basis:calc((100% - var(--space-48))/3); }
.reset-button { border:var(--space-0); padding:var(--space-8) var(--space-0); min-height:var(--tap-size); background:var(--color-clear); font-size:var(--text-xs); font-weight:900; text-decoration:underline; }
.empty-state { display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--space-20); padding:var(--space-64) var(--space-24); width:100%; background:var(--color-lime-soft); border:var(--outline); border-radius:var(--radius-md); }
.empty-state .art { width:var(--space-120); }
.empty-state p { color:var(--color-muted); max-width:var(--copy-width); }
.detail-layout { display:flex; gap:var(--space-64); padding-bottom:var(--space-48); align-items:start; }
.detail-art { flex:1; min-width:var(--space-0); border:var(--outline); border-radius:var(--radius-md); padding:var(--space-32); background:var(--color-lime-soft); display:flex; flex-direction:column; align-items:center; }
.detail-art .art { max-width:var(--hero-art-width); }
.detail-copy { flex:1; min-width:var(--space-0); }
.detail-copy h1 { font-size:var(--text-page); margin-block:var(--space-16); }
.detail-copy .price { font-size:var(--text-2xl); margin-block:var(--space-24); }
.detail-copy>p { color:var(--color-muted); }
.demo-notice { background:var(--color-yellow); border:var(--space-hair) solid var(--color-ink); border-radius:var(--radius-sm); padding:var(--space-12) var(--space-16); font-size:var(--text-sm); margin-block:var(--space-24); font-weight:800; }
.purchase-row { display:flex; gap:var(--space-16); margin-top:var(--space-24); align-items:center; }
.quantity-control { display:inline-flex; align-items:center; border:var(--outline); border-radius:var(--radius-sm); overflow:hidden; flex-shrink:0; background:var(--color-paper); }
.quantity-control button { display:flex; justify-content:center; align-items:center; width:var(--tap-size); height:var(--input-height); padding:var(--space-0); border:var(--space-0); background:var(--color-clear); }
.quantity-control button:hover { background:var(--color-lime-soft); }
.quantity-control input { width:var(--space-40)!important; min-height:var(--input-height); border:var(--space-0)!important; text-align:center; padding:var(--space-0)!important; appearance:textfield; -moz-appearance:textfield; border-radius:var(--space-0)!important; }
.quantity-control input::-webkit-inner-spin-button { appearance:none; }
.listing-details { margin-top:var(--space-24); border-top:var(--rule); }
.listing-details details { padding-block:var(--space-16); border-bottom:var(--rule); }
.listing-details summary { cursor:pointer; font-weight:800; font-size:var(--text-sm); }
.listing-details p { font-size:var(--text-sm); color:var(--color-muted); margin-top:var(--space-12); }
.seller-preview { display:flex; align-items:center; gap:var(--space-20); margin-top:var(--space-32); padding:var(--space-20); border:var(--outline); border-radius:var(--radius-md); background:var(--color-peach-soft); }
.seller-preview .art { width:var(--space-96); flex-shrink:0; }
.seller-preview p { font-size:var(--text-xs); color:var(--color-muted); }
.seller-preview h2 { font-size:var(--text-xl); }
.seller-list { display:flex; flex-wrap:wrap; gap:var(--space-24); padding-bottom:var(--space-64); }
.seller-card { flex:1 1 calc((100% - var(--space-48))/3); min-width:var(--space-0); border:var(--outline); border-radius:var(--radius-md); overflow:hidden; display:flex; flex-direction:column; background:var(--color-paper); box-shadow:var(--shadow-small); }
.seller-avatar { background:var(--color-peach-soft); border-bottom:var(--outline); display:flex; justify-content:center; }
.seller-avatar .art { max-width:var(--art-width); }
.seller-card:nth-child(2) .seller-avatar { background:var(--color-aqua-soft); }
.seller-card:nth-child(3) .seller-avatar { background:var(--color-pink-soft); }
.seller-info { padding:var(--space-24); flex:1; display:flex; flex-direction:column; gap:var(--space-12); }
.seller-info p { color:var(--color-muted); font-size:var(--text-sm); flex:1; }
.seller-info .text-link { align-self:flex-start; }
.directory-search { max-width:var(--copy-width); margin-bottom:var(--space-32); }
.profile-banner { display:flex; align-items:center; gap:var(--space-48); padding:var(--space-40); border:var(--outline); background:var(--color-peach-soft); border-radius:var(--radius-md); }
.profile-banner .art { flex:0 0 30%; max-width:var(--art-width); }
.profile-banner p { max-width:var(--copy-width); margin-top:var(--space-20); }
.article { max-width:var(--article-width); }
.article>p { font-size:var(--text-md); color:var(--color-muted); margin-top:var(--space-24); }
.article h2 { margin-top:var(--space-40); margin-bottom:var(--space-20); }
.article ul { padding-left:var(--space-24); }
.article li { margin-bottom:var(--space-12); }
.gag-panel { display:flex; align-items:center; gap:var(--space-32); border:var(--outline); background:var(--color-yellow); border-radius:var(--radius-md); padding:var(--space-32); margin-top:var(--space-40); }
.gag-panel .art { width:var(--space-120); flex-shrink:0; }
.gag-panel p { font-size:var(--text-sm); margin-top:var(--space-12); }
.form-layout { display:flex; align-items:start; gap:var(--space-64); padding-bottom:var(--space-64); }
.form-intro { flex:1; min-width:var(--space-0); }
.form-intro>.art { max-width:var(--art-width); margin:var(--space-24) auto; }
.form-intro h2 { font-size:var(--text-2xl); margin-top:var(--space-24); }
.mock-form { flex:1; min-width:var(--space-0); display:flex; flex-direction:column; gap:var(--space-20); background:var(--color-soft); border:var(--outline); border-radius:var(--radius-md); padding:var(--space-32); box-shadow:var(--shadow); }
.mock-form .demo-notice { margin:var(--space-0); }
.form-feedback { padding:var(--space-12); border:var(--outline); background:var(--color-mint); font-size:var(--text-sm); }
.faq-list { border-top:var(--outline); }
.faq-list details { border-bottom:var(--outline); padding-block:var(--space-24); }
.faq-list summary { cursor:pointer; font-family:var(--font-display); font-size:var(--text-xl); }
.faq-list p { margin-top:var(--space-16); color:var(--color-muted); }
.cart-layout { display:flex; align-items:start; gap:var(--space-40); padding-bottom:var(--space-64); }
.cart-items { flex:1; min-width:var(--space-0); }
.cart-item { display:flex; align-items:center; gap:var(--space-24); padding-block:var(--space-24); border-top:var(--outline); }
.cart-item:last-child { border-bottom:var(--outline); }
.cart-item .cart-art { width:var(--space-120); border:var(--space-hair) solid var(--color-ink); background:var(--color-lime-soft); border-radius:var(--radius-sm); flex-shrink:0; }
.cart-item-info { flex:1; min-width:var(--space-0); }
.cart-item-info h2 { font-size:var(--text-xl); }
.cart-item-info p { font-size:var(--text-xs); color:var(--color-muted); margin-top:var(--space-6); }
.cart-item-actions { display:flex; align-items:center; gap:var(--space-20); margin-top:var(--space-16); flex-wrap:wrap; }
.cart-summary { flex:0 0 32%; min-width:var(--space-0); border:var(--outline); border-radius:var(--radius-md); padding:var(--space-24); background:var(--color-soft); }
.summary-line { display:flex; justify-content:space-between; gap:var(--space-16); margin-top:var(--space-16); font-size:var(--text-sm); }
.summary-total { font-size:var(--text-lg); font-weight:900; border-top:var(--rule); padding-top:var(--space-20); }
.cart-summary .button-primary { width:100%; }
.cart-summary h2 { font-size:var(--text-2xl); }
.cart-summary .demo-notice { font-size:var(--text-xs); }
.status { display:flex; justify-content:center; align-items:center; text-align:center; background:var(--color-mint); font-weight:800; font-size:var(--text-sm); }
.status:not(:empty) { padding:var(--space-16); border-top:var(--outline); }
dialog { border:var(--outline-bold); border-radius:var(--radius-md); padding:var(--space-0); max-width:var(--copy-width); width:calc(100% - var(--space-32)); background:var(--color-paper); box-shadow:var(--shadow-big); color:var(--color-ink); }
dialog::backdrop { background:var(--color-ink); opacity:.55; }
.dialog-content { padding:var(--space-32); }
.dialog-content h2 { font-size:var(--text-3xl); }
.dialog-content>p { font-size:var(--text-sm); }
.dialog-content form { margin-top:var(--space-24); }
.center-heading { text-align:center; }
.center-heading p { margin-inline:auto; }
.policy-panel { padding:var(--space-32); border:var(--outline); border-radius:var(--radius-md); background:var(--color-soft); margin-top:var(--space-32); }
.policy-panel h2 { margin-top:var(--space-0); }
[hidden] { display:none!important; }
@media(min-width:1500px) { .hero { gap:var(--space-64); padding-block:var(--space-72); } }
@media(max-width:1100px) {
  .nav-links { gap:var(--space-16); }
  .header-inner { gap:var(--space-16); }
  .header-actions { gap:var(--space-12); }
  .header-actions>.button-small { display:none; }
  .hero { gap:var(--space-32); }
  .hero h1 { font-size:var(--text-page); }
  .product-list { gap:var(--space-20); }
  .product-card { flex-basis:calc((100% - var(--space-20))/2); }
  .results-area .product-card { flex-basis:calc((100% - var(--space-20))/2); }
  .product-art-link .art { max-width:var(--art-width); }
  .split-section,.detail-layout,.form-layout { gap:var(--space-32); }
  .seller-cta { padding:var(--space-32); }
  .shop-layout { flex-direction:column; }
  .filters { flex-basis:auto; width:100%; }
  .filter-content { flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
  .results-area { width:100%; }
  .cart-layout { gap:var(--space-24); }
  .cart-item { gap:var(--space-16); flex-wrap:wrap; }
}
@media(max-width:760px) {
  .announcement { gap:var(--space-8); font-size:var(--text-tiny); padding-inline:var(--space-12); }
  .announcement-divider,.announcement-divider+span { display:none; }
  .header-inner { padding:var(--space-16) var(--space-20); }
  .wordmark { font-size:var(--text-xl); }
  .brand-art { width:var(--space-40); height:var(--space-40); }
  .nav-links { display:none; width:100%; order:3; flex-direction:column; align-items:stretch; gap:var(--space-0); border-top:var(--rule); padding-top:var(--space-12); }
  .nav-links.is-open { display:flex; }
  .nav-links .mobile-seller-link { display:block; background:var(--color-lime); border:var(--outline); border-radius:var(--radius-sm); margin-top:var(--space-8); text-align:center; }
  .nav-links a { min-height:var(--tap-size); padding:var(--space-10); }
  .header-actions { gap:var(--space-12); }
  .cart-link .cart-label { display:none; }
  .menu-toggle { display:flex; }
  .container { padding-inline:var(--space-20); }
  .hero { flex-direction:column; align-items:stretch; gap:var(--space-40); padding-block:var(--space-40); }
  .hero h1 { font-size:var(--text-mobile-hero); }
  .hero-copy>p { font-size:var(--text-base); max-width:var(--copy-width); margin-top:var(--space-20); }
  .hero-copy h1 br { display:none; }
  .hero h1 .heading-highlight { margin-block:var(--space-6); }
  .hero-board { width:100%; max-width:var(--hero-art-width); margin-inline:auto; transform:rotate(var(--rotate-flat)); }
  .ticker { gap:var(--space-20); font-size:var(--text-sm); padding:var(--space-12) var(--space-20); }
  .ticker span { gap:var(--space-20); }
  .ticker span:last-child { display:none; }
  .section { padding-block:var(--space-40); }
  .section-head { gap:var(--space-12); }
  .section-head .eyebrow { margin-bottom:var(--space-10); }
  .split-section,.detail-layout,.form-layout,.cart-layout { flex-direction:column; gap:var(--space-32); align-items:stretch; }
  .spotlight-art { transform:none; }
  .split-section>div { flex-basis:auto; }
  .steps { flex-direction:column; }
  .step-card { flex-direction:row; flex-wrap:wrap; align-items:center; }
  .step-card .step-art { width:var(--space-80); margin-left:auto; }
  .step-card h3,.step-card p { width:100%; }
  .seller-cta { flex-wrap:wrap; gap:var(--space-16); padding:var(--space-24); margin-bottom:var(--space-40); }
  .seller-cta .art { width:var(--space-80); }
  .seller-cta .cta-copy { flex:1 1 60%; }
  .seller-cta .button-secondary { width:100%; }
  .footer-main { gap:var(--space-32); }
  .footer-brand { max-width:100%; width:100%; }
  .footer-brand p { max-width:var(--copy-width); }
  .footer-links { flex:1; }
  .footer-links a,.check-label { min-height:var(--tap-size); }
  .page-heading { padding-top:var(--space-32); }
  .product-info { padding:var(--space-16); }
  .shop-layout { padding-bottom:var(--space-40); }
  .filters { padding:var(--space-16); }
  .filter-content { gap:var(--space-20); }
  .filter-content fieldset { flex:1 1 40%; }
  .seller-card { flex:1 1 100%; }
  .seller-list { gap:var(--space-24); }
  .profile-banner { flex-direction:column; gap:var(--space-20); padding:var(--space-24); }
  .profile-banner .art { width:60%; }
  .gag-panel { flex-direction:column; text-align:center; }
  .detail-art { padding:var(--space-20); }
  .detail-copy h1 { font-size:var(--text-page); }
  .cart-summary { flex-basis:auto; }
  .cart-item .cart-art { width:var(--space-96); }
  .cart-item>.price { width:100%; text-align:right; }
  .mock-form { padding:var(--space-24); }
}
@media(max-width:520px) {
  .product-card,.results-area .product-card { flex-basis:100%; }
  .product-art-link .art { max-width:var(--art-width); }
  .product-art-link { padding-top:var(--space-16); }
  .product-bottom .text-link { font-size:var(--text-sm); }
  .hero .button-row>a { flex:1 1 100%; }
  .hero-footnote { font-size:var(--text-tiny); }
  .board-label { font-size:var(--text-tiny); padding-inline:var(--space-12); }
  .sort-field { width:100%; }
  .button-row { gap:var(--space-16); }
  .purchase-row { flex-wrap:wrap; }
  .purchase-row>.button-primary { flex:1; }
  .seller-preview { gap:var(--space-12); padding:var(--space-16); }
  .seller-preview .art { width:var(--space-64); }
  .cart-item-actions { gap:var(--space-12); }
  .cart-item .cart-art { width:var(--space-80); }
  .cart-item-info h2 { font-size:var(--text-lg); }
  .dialog-content { padding:var(--space-24); }
  .note-badge,.eyebrow-sticker { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}