:root{--bg:#0d1117;--surface:#161b22;--surface-hover:#21262d;--border:#30363d;--text:#f0f3f6;--text-muted:#8b949e;--accent:#2f81f7;--accent-text:#0d1117;--brand-cyan:#22d3ee;--brand-violet:#8b5cf6;--brand-pink:#d946ef;--brand-gradient:linear-gradient(135deg, #22d3ee 0%, #2f81f7 45%, #8b5cf6 78%, #d946ef 100%);--success:#4cd97a;--success-text:#08210f;--warning:#f5b942;--warning-text:#241a00;--error:#ff5c5c;--error-text:#2a0a0a;--radius:10px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--max-width:60rem}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{top:-4rem;left:var(--space-2);z-index:10;background:var(--accent);color:var(--accent-text);border-radius:var(--radius);padding:.6rem .9rem;font-weight:600;text-decoration:none;transition:top .15s ease-out;position:absolute}.skip-link:focus{top:var(--space-2)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}#main:focus,.screen h1:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error{color:var(--error);font-weight:600}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border);display:flex;position:relative}.topbar:after{content:"";background:var(--brand-gradient);height:2px;position:absolute;bottom:-1px;left:0;right:0}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo__mark{width:1.5em;height:1.5em}.screen{max-width:var(--max-width);padding:var(--space-2);gap:var(--space-2);flex-direction:column;margin:0 auto;display:flex}.page-title{margin:0;font-size:1.5rem}.result-count,.empty{color:var(--text-muted);margin:0;font-size:.9rem}.field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font:inherit;padding:.6rem .75rem}.button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;padding:.6rem 1rem}.button:hover{background:var(--surface-hover)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button--quiet{color:var(--text-muted);background:0 0;border-color:#0000;align-self:flex-start;padding-left:0}.search-bar{gap:var(--space-1);grid-template-columns:1fr;display:grid}.search-bar .field{width:100%;min-width:0}.search-bar .field--compact{width:100%}.search-bar__bottom{gap:var(--space-1);grid-template-columns:1fr;display:grid}.search-bar label:not(.visually-hidden){white-space:nowrap;color:var(--text);cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.search-bar input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);margin:0}@media (width>=1024px){.search-bar{grid-template-rows:auto auto;grid-template-columns:3fr 1fr;align-items:center;gap:.5rem;display:grid}.search-bar #search-field{grid-area:1/1;width:100%}.search-bar label:not(.visually-hidden){grid-area:1/2;justify-content:flex-start}.search-bar #category-field{grid-area:2/2;width:100%}.search-bar__bottom{grid-area:2/1;grid-template-columns:1fr 1fr 1fr}}.listing-grid{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.card{position:relative}.card__button{width:100%;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;gap:.25rem;display:grid}.card__favorite{top:var(--space-1);right:var(--space-1);z-index:1;background:var(--surface);border:1px solid var(--border);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;font-size:1.1rem;line-height:1;display:grid;position:absolute}.card__favorite:hover{background:var(--surface-hover)}.card__favorite[aria-pressed=true]{color:var(--warning);border-color:var(--warning)}.thumbnail{aspect-ratio:4/3;width:100%;margin-bottom:var(--space-1);object-fit:cover;border-radius:calc(var(--radius) - 4px);background:var(--bg);display:block}.thumbnail--empty{border:1px dashed var(--border)}.card__button:hover{background:var(--surface-hover)}.card__title{font-weight:600}.card__price{color:var(--accent);font-variant-numeric:tabular-nums}.card__meta{color:var(--text-muted);font-size:.85rem}.card__sold-badge{background:var(--warning);color:var(--warning-text);border-radius:var(--radius);padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.detail__sold-badge{margin-bottom:var(--space-2);background:var(--warning);color:var(--warning-text);border-radius:var(--radius);padding:.2rem .6rem;font-size:.85rem;font-weight:600;display:inline-block}.detail{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative}.detail__image{width:100%;max-height:24rem;margin-bottom:var(--space-2);object-fit:cover;border-radius:calc(var(--radius) - 4px);background:var(--bg);display:block}.detail__title{margin:0 0 var(--space-1);font-size:1.5rem}.detail__price{margin:0 0 var(--space-2);color:var(--accent);font-size:1.25rem;font-weight:600}.detail__facts{gap:.25rem var(--space-2);margin:0 0 var(--space-2);grid-template-columns:auto 1fr;font-size:.9rem;display:grid}.detail__facts dt{color:var(--text-muted)}.detail__facts dd,.detail__description{margin:0}.seller{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.seller__heading{margin:0 0 var(--space-1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.seller__name{margin:0 0 var(--space-1);font-weight:600}.seller__contact{gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.seller__contact a{color:var(--accent)}.loader{aspect-ratio:1;background:var(--accent);--_m:conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;width:50px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;border-radius:50%;padding:8px;animation:1s linear infinite l3;position:absolute;top:50%;left:50%;-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}.form{gap:var(--space-2);flex-direction:column;display:flex}.form__row{flex-direction:column;gap:.35rem;margin:0;display:flex}.form__row label{color:var(--text-muted);font-size:.9rem}.form__group{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;margin:0;display:flex}.form__legend{padding:0 var(--space-1);color:var(--text);font-weight:600}.form__hint{opacity:.7;font-weight:400}.form__error{color:var(--error);font-size:.85rem;font-weight:600;display:block}.form__error:before{content:"! "}.field[aria-invalid=true]{border-color:var(--error)}.form__summary{padding:var(--space-2);background:var(--surface);border:1px solid var(--error);border-radius:var(--radius)}.form__summary p{margin:0 0 var(--space-1);color:var(--error);font-weight:600}.form__summary ul{margin:0;padding-left:1.2rem}.form__summary a{color:var(--error)}@media (width>=768px){.search-bar{flex-flow:wrap;align-items:center}.search-bar .field{width:auto}.search-bar .field:first-of-type{flex:1;min-width:0}.search-bar .field--compact{max-width:14rem}.listing-grid{grid-template-columns:repeat(2,1fr)}.form{max-width:34rem}}@media (width>=1024px){.topbar{padding:var(--space-2) var(--space-3)}.listing-grid{grid-template-columns:repeat(3,1fr)}}