:root {
  color-scheme:light;
  --ink:#321f29;
  --muted:#6a505d;
  --white:#fff;
  --paper:#fffbfd;
  --blush:#fff0f6;
  --line:#eacddc;
  --pink:#f3a6c9;
  --red:#e54246;
  --cherry:#a8203f;
  --dark-cherry:#7c1835;
  --sans:"DM Sans",system-ui,sans-serif;
  --display:"Archivo Black","Arial Black","DejaVu Sans",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{background:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--cherry);outline-offset:4px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.frame{width:min(1180px,calc(100% - 88px));margin-inline:auto}

.top{background:var(--white);border-bottom:1px solid var(--line)}
.top-row{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.wordmark{position:relative;display:block;flex:none;width:205px;aspect-ratio:1178/398;overflow:hidden}
.wordmark img{
  position:absolute;
  top:0;
  left:0;
  width:169.78%;
  height:auto;
  max-width:none;
  transform:translate(-10.85%,-36.65%);
}
.top nav{display:flex;gap:32px;align-self:stretch}
.top-link{border:0;border-bottom:3px solid transparent;padding:3px 3px 0;font-size:14px;font-weight:750}
.top-link:hover,.top-link[aria-current=page]{color:var(--dark-cherry)}
.top-link[aria-current=page]{border-bottom-color:var(--red)}
.outline,select{background:var(--white);border:1px solid #d9afc3;border-radius:7px;padding:8px 13px;font-size:14px;font-weight:650}
.outline{border-radius:24px}
.outline:hover,.category:hover,.source:hover{background:#fde4ef;border-color:#dc9cbb}
#saved-count{margin-left:3px}

.hero{background:var(--blush);border-bottom:1px solid var(--line);overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:clamp(24px,5vw,72px);align-items:center;padding-block:24px}
h1,h2,h3,p{margin:0}
#search-form{display:flex;max-width:660px;background:var(--white);border:1px solid #ddaec3;border-radius:30px;padding:5px;gap:5px}
#search-form input{background:transparent;color:var(--ink);border:0;flex:1;min-width:0;padding:8px 14px;border-radius:24px}
#search-form button,.primary{border:0;border-radius:25px;background:var(--cherry);color:var(--white);font-weight:750;padding:9px 22px}
#search-form button:hover,.primary:hover{background:var(--dark-cherry)}
.spotlight{
  position:relative;
  overflow:hidden;
  min-height:132px;
  display:flex;
  align-items:end;
  background:var(--pink);
  border:1px solid #d482a7;
  border-radius:20px 20px 20px 4px;
}
.record{
  position:absolute;
  width:148px;
  aspect-ratio:1;
  top:-71px;
  right:-92px;
  border-radius:50%;
  border:1px solid #872442;
  background:radial-gradient(circle,#fff 0 3%,var(--red) 3.5% 18%,transparent 18.5%),
    repeating-radial-gradient(circle,#812745 0 3px,#a33b5c 4px 5px,#812745 6px 8px);
}
.spotlight-copy{position:relative;width:100%;padding:16px 18px}
.spotlight h2{font:900 29px/1.02 var(--display);letter-spacing:-.065em;margin-bottom:7px}

.catalog{padding-bottom:56px}
.categories{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}
.category{border:1px solid #e2bfd1;border-radius:20px;background:var(--white);font-weight:700;font-size:13px;padding:6px 14px}
.category[aria-pressed=true]{background:var(--pink);color:var(--ink);border-color:#d482a7}
.catalog-grid{display:grid;grid-template-columns:224px minmax(0,1fr);gap:28px;margin-top:22px}
.filters{align-self:start;background:var(--blush);border:1px solid var(--line);border-radius:12px;padding:13px 14px}
.filters summary{font-weight:800}
.filters form{display:grid;gap:12px;margin-top:12px}
.filter-reset{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:10px}
.text-btn{border:0;padding:0;color:var(--dark-cherry);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.text-btn:hover{color:var(--cherry)}
.filters label,dialog label{display:grid;gap:4px;font-size:13px;font-weight:650}
.filters select,.filters input[type=number],dialog input[type=url],dialog select{width:100%;min-width:0;padding:7px 8px;background:var(--white);border:1px solid #ddbdd0;border-radius:6px;font-size:13px;font-weight:500}
.filters .check,dialog .check{display:flex;align-items:start;gap:7px;font-weight:500}
input[type=checkbox]{accent-color:var(--cherry);margin-top:4px}
.results-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.results-top h2,dialog h2{font:900 35px/1.08 var(--display);letter-spacing:-.065em;overflow-wrap:anywhere}
.results-top p{font-size:13px;color:var(--muted);margin-top:4px}
.results-actions{display:flex;gap:8px;flex-wrap:wrap}
#source-status{color:var(--muted);font-size:12px;margin-bottom:11px}
#source-status:empty{display:none}
#source-status p{color:var(--dark-cherry)}
#active-filters:not(:empty){margin-bottom:11px;font-size:13px}
#results{display:grid;gap:8px}
.listing,.empty{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:15px 16px}
.listing{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(118px,auto);column-gap:16px;align-items:start}
.listing-photo{width:112px;aspect-ratio:1.12;border-radius:7px;overflow:hidden;background:var(--blush);display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center}
.listing-photo img{width:100%;height:100%;object-fit:contain;display:block}
.listing h3{font-size:17px;font-weight:800;line-height:1.27;letter-spacing:-.025em;margin:4px 0}
.meta,.delivery,.listing details{font-size:12px;color:var(--muted)}
.tag{display:inline-block;background:#fae3ef;color:var(--dark-cherry);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:750;line-height:1.4;vertical-align:middle}
.tag.unconfirmed{background:#f3edf1;color:#604356}
.tag.kind{background:transparent;color:var(--dark-cherry);padding-left:0;margin-right:5px}
.price{text-align:right;font-weight:850;font-size:17px;white-space:nowrap}
.price .delivery{font-weight:500}
.sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.source{display:inline-block;text-decoration:none;border:1px solid #e7bbd1;border-radius:18px;padding:3px 9px;font-size:11px;font-weight:750;background:#fff3f8;color:var(--dark-cherry)}
.listing details{margin-top:8px}
.listing details summary{width:max-content;max-width:100%;text-decoration:underline;text-underline-offset:3px}
.listing details p{margin-block:5px}
.empty h3{font-size:22px;font-weight:800;letter-spacing:-.035em}
.empty p{margin:3px 0 10px;color:var(--muted)}
.empty .sources{margin-top:12px}

footer{background:var(--white);border-top:1px solid var(--line)}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:17px;font-size:12px;color:var(--muted)}
.footer-row .wordmark{width:139px}
dialog{width:min(540px,calc(100% - 30px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);padding:21px}
dialog::backdrop{background:#351a2ab3}
.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:13px}
dialog form{display:grid;gap:12px;margin-top:12px}
dialog .primary{justify-self:start}
dialog ul{padding:0;list-style:none}
dialog li{border-top:1px solid var(--line);padding:9px 0;overflow-wrap:anywhere}
dialog li button{margin-left:8px}
#dialog-status{margin-top:10px;color:var(--muted)}

@media(max-width:860px){
  .frame{width:calc(100% - 42px)}
  .hero-inner{grid-template-columns:minmax(0,1fr) 222px;gap:24px}
  .spotlight h2{font-size:25px}
  .record{right:-111px}
  .catalog-grid{grid-template-columns:183px minmax(0,1fr);gap:16px}
  .results-top{align-items:flex-start}
  .results-actions{justify-content:flex-end}
  .listing{grid-template-columns:85px minmax(0,1fr) minmax(87px,auto);column-gap:10px}
  .listing-photo{width:85px}
}
@media(max-width:620px){
  .frame{width:calc(100% - 30px)}
  .top-row{flex-wrap:wrap;min-height:0;gap:4px 12px;padding-top:9px}
  .top-row nav{order:3;width:100%;gap:24px}
  .top-link{padding:7px 0}
  .wordmark{width:167px}
  .saved{padding:5px 9px}
  .hero-inner{display:block;padding-block:16px}
  .spotlight{min-height:0;margin-top:16px;border-radius:13px}
  .spotlight-copy{padding:7px 10px}
  .spotlight h2{display:none}
  .record{width:108px;top:-38px;right:-16px}
  .categories{gap:5px;padding-block:12px}
  .category{padding:4px 9px}
  .catalog-grid{display:block;margin-top:12px}
  .filters{margin-bottom:12px}
  .filters form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .filter-reset{grid-column:1/-1}
  .results-top h2,dialog h2{font-size:28px}
  .results-actions{gap:4px}
  .results-actions select,.results-actions button{font-size:12px;padding:6px}
  .listing{padding:10px;grid-template-columns:62px minmax(0,1fr) minmax(58px,auto);gap:7px}
  .listing-photo{width:62px;aspect-ratio:1}
  .listing h3{font-size:15px;overflow-wrap:anywhere}
  .price{font-size:14px;white-space:normal}
  .footer-row{flex-wrap:wrap}
}

.results-actions{align-items:center}
.view-switch{
  display:inline-flex;
  align-items:stretch;
  padding:3px;
  border:1px solid #d9afc3;
  border-radius:20px;
  background:var(--white);
}
.view-switch button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  border-radius:16px;
  padding:4px 9px;
  font-size:12px;
  font-weight:750;
}
.view-switch button[aria-pressed=true]{background:#fae3ef;color:var(--dark-cherry)}
.view-switch button:hover{background:#fff0f6}
.list-icon,.grid-icon{width:11px;height:11px;flex:none}
.list-icon{background:repeating-linear-gradient(to bottom,currentColor 0 1.5px,transparent 1.5px 4px)}
.grid-icon{background:linear-gradient(currentColor 0 0) 0 0/4px 4px,linear-gradient(currentColor 0 0) 100% 0/4px 4px,linear-gradient(currentColor 0 0) 0 100%/4px 4px,linear-gradient(currentColor 0 0) 100% 100%/4px 4px;background-repeat:no-repeat}
#results[data-layout=grid]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#results[data-layout=grid] .listing{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:11px;padding:12px}
#results[data-layout=grid] .listing-photo{width:100%;aspect-ratio:4/3}
#results[data-layout=grid] .listing h3{overflow-wrap:anywhere}
#results[data-layout=grid] .price{grid-row:2;text-align:left;font-size:18px;line-height:1.25}
#results[data-layout=grid] .price .delivery{margin-top:3px}
#results[data-layout=grid] .empty{grid-column:1/-1}
.listing{transition:border-color .15s ease}
.listing:hover,.listing:focus-within{border-color:#d99bb9}
.more-results{display:flex;justify-content:center;padding-top:19px}
.more-results button{min-width:152px}
.more-results button[aria-disabled=true]{cursor:wait;color:var(--muted)}

@media (max-width:1040px) {
  #results[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px) {
  .results-top{flex-wrap:wrap}
  .results-actions{justify-content:flex-start}
  .view-switch button{padding:4px 7px}
  #results[data-layout=grid]{gap:8px}
  #results[data-layout=grid] .listing{padding:8px;gap:7px}
  #results[data-layout=grid] .price{font-size:16px}
}
@media (max-width:350px) {
  #results[data-layout=grid]{grid-template-columns:minmax(0,1fr)}
}

.marketplaces{margin:0 0 12px;color:var(--dark-cherry);font-size:13px}
.marketplaces summary{width:fit-content;font-weight:700;text-underline-offset:3px}
.marketplaces summary:hover{text-decoration:underline}
.marketplaces .source{padding:4px 10px}
#source-status .text-btn{font-size:12px;margin-top:4px}
#dialog-content li .text-btn{margin:4px 12px 0 0}

.spotlight-link{display:inline-block;margin-top:9px;padding:6px 12px;border:1px solid #d884aa;border-radius:21px;background:var(--white);color:var(--dark-cherry);font-size:13px;font-weight:750;text-decoration:none}
.spotlight-link:hover{background:#fce2ed}
.daily-finds{padding-block:24px 20px;border-bottom:1px solid var(--line)}
.daily-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.daily-header h2{font:900 27px/1.08 var(--display);letter-spacing:-.055em}
.daily-header time,#daily-status{color:var(--muted);font-size:13px}
#daily-status:empty{display:none}
.daily-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.daily-cards .listing{min-width:0;grid-template-columns:72px minmax(0,1fr);gap:7px 10px;padding:11px}
.daily-cards .listing-photo{width:72px;aspect-ratio:1;grid-row:span 2}
.daily-cards .price{text-align:left;white-space:normal}
.daily-cards h3{overflow-wrap:anywhere;font-size:15px}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.community-links{display:grid;gap:8px;margin-top:14px}
.community-resource{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.community-resource p{margin-top:4px;color:var(--muted);font-size:13px}
#dialog-content>p+p{margin-top:10px}
#dialog-content textarea{resize:vertical;width:100%;border:1px solid #ddbdd0;border-radius:6px;padding:7px 8px}
.commission{color:var(--muted);font-size:11px}
.sponsor{margin-block:12px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}
@media(max-width:900px){.daily-cards .listing{grid-template-columns:1fr}.daily-cards .listing-photo{width:100%;aspect-ratio:16/9;grid-row:auto}}
@media(max-width:620px){.daily-finds{padding-block:18px 14px}.daily-cards{grid-template-columns:1fr}.daily-cards .listing{grid-template-columns:66px minmax(0,1fr)}.daily-cards .listing-photo{width:66px;aspect-ratio:1;grid-row:span 2}.spotlight-link{margin-top:0}}