/* Shared interaction finish: touch first, progressive desktop affordances. */
:root{--control-font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.brand{flex:0 0 auto;min-height:44px}.brandtext{gap:16px}.brandtext strong,.footer-wordmark,.wordmark{letter-spacing:-1.4px!important;font-weight:500;white-space:nowrap;display:inline-block;line-height:1.15!important}.brandtext strong{font-size:40px}.brandtext small{letter-spacing:1px}.top-actions{flex-shrink:0}
.btn,.iconbtn,.item-tool,.heart,.share-selection{font-family:var(--control-font);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn{border-radius:12px;min-height:44px;font-weight:500;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:none}
.btn .ui-icon{margin:0}.btn.primary{background:var(--ink,#3d3529);color:var(--bg,#faf6f0);border-color:transparent}
.iconbtn,.item-tool,.item-actions .heart{width:44px;min-width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}
.ui-icon.line-icon,.iconbtn .ui-icon.line-icon,.viewtabs .ui-icon.line-icon{width:22px;height:22px;stroke-width:1.7;vertical-align:middle}
.heart .line-icon path{stroke:currentColor!important;stroke-width:1.7!important}.heart.on .line-icon{fill:currentColor!important}.heart.on,.item-actions .heart.on{color:var(--accent,#74602e)}
.top-actions .iconbtn{background:var(--bg2,#f0eadf)}
.card .item-actions{border-radius:16px;padding:3px;background:var(--bg,#faf6f0);border-color:var(--line,#ded5c6);box-shadow:0 2px 8px #3d35290a}
.card:hover{transform:none!important;box-shadow:none!important}.card:hover .frame img{transform:none}.card:focus-within{outline-offset:4px}
.viewtabs .vtab,.viewtabs #savedBtn{font-family:var(--control-font);font-weight:500}.viewtabs .active,.viewtabs [aria-pressed=true]{color:var(--ink,#3d3529)}
.viewtabs [aria-pressed=true] .line-icon{stroke-width:2.15}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent,#74602e);outline-offset:4px}
button:disabled{opacity:.45;cursor:not-allowed}
.item-peek{position:fixed;z-index:80;width:260px;box-sizing:border-box;background:var(--bg,#faf6f0);color:var(--ink,#3d3529);border:1px solid var(--line,#ded5c6);border-radius:16px;box-shadow:0 12px 36px #241c1926;overflow:hidden;pointer-events:none;font:14px/1.4 var(--control-font)}
.item-peek[hidden]{display:none}.item-peek img{display:block;width:100%;height:170px;object-fit:cover;border-radius:0}.item-peek div{padding:14px}.item-peek strong{display:block;font-size:16px;font-weight:600}.item-peek p{margin:6px 0 10px;font-size:13px;color:var(--dim,#706656)}.item-peek small{display:block;font-size:12px;color:var(--dim,#706656);margin-top:5px}
@media(hover:hover) and (pointer:fine){
 .btn:hover{transform:none;box-shadow:none;border-color:var(--accent,#74602e);background:var(--bg2,#f0eadf)}.btn.primary:hover{background:var(--ink,#3d3529);filter:brightness(1.15);box-shadow:0 3px 10px #3d352914}
 .iconbtn:hover,.item-tool:hover,.item-actions .heart:hover{transform:none;background:var(--bg2,#f0eadf)!important}
 .card-open:hover .frame img{transform:scale(1.018)}.card-open:hover .viewlink{text-decoration:underline;text-underline-offset:4px}
 [data-tip]{position:relative}[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);background:var(--ink,#3d3529);color:var(--bg,#faf6f0);font:12px/1.3 var(--control-font);padding:6px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:12}
}
@media(prefers-reduced-motion:no-preference){.btn,.iconbtn,.item-tool,.heart{transition:background .16s,transform .16s,border-color .16s}.btn:active,.iconbtn:active,.item-tool:active,.heart:active{transform:scale(.96)}.item-peek{animation:peek-in .15s ease-out}@keyframes peek-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:760px){.topbar .brandtext strong{font-size:34px}.card .item-actions{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}.viewtabs .vtab,.viewtabs #savedBtn{gap:5px}.top-actions .iconbtn{background:transparent}.item-peek{display:none!important}.btn{font-size:15px}.brandtext small{display:none}}
@media(prefers-reduced-motion:reduce){.card-open .frame img,.viewlink .ui-icon{transition:none!important;transform:none!important}}
@media(hover:hover) and (pointer:fine){.top-actions [data-tip]:last-child::after{left:auto;right:0;transform:none}}
.btn[hidden],.iconbtn[hidden]{display:none!important}
/* Walkthrough corrections: reduce clutter without reducing hit areas. */
.item-peek{pointer-events:auto;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.item-peek p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#modal .dbody h1:focus{outline:none}
html[data-saved-view=true] .interest-heading,html[data-saved-view=true] .interest-filters{display:none!important}
#savedBtn b[hidden]{display:none!important}
@media(min-width:761px){
 .interest-filters{gap:18px;margin:12px 0 18px;padding:0 0 12px}.interest-choice{min-width:84px;max-width:106px}.interest-choice img{width:56px;height:56px}.interest-choice span{font-size:13px;line-height:1.3}.interest-heading{margin-top:18px;font-size:14px}
 .budget-controls{padding:16px 0;margin:0;max-width:580px}.budget-heading{margin-bottom:8px}.budget-details{margin-top:8px}.controls{margin:12px 0}.active-filters{margin:8px 0 12px}.collection-intro{padding-bottom:12px}.searchrow{margin-top:16px}
}
/* Mobile journey: context once, actions where the thumb expects them. */
.toast{display:flex;align-items:center;gap:18px;border-radius:14px;z-index:1000;pointer-events:none}.toast.show{pointer-events:auto}.toast button{border:0;background:transparent;color:inherit;font:600 15px var(--control-font);text-decoration:underline;min-height:44px;min-width:44px;padding:0 4px;cursor:pointer}.toast:focus-within{opacity:1;transform:translate(-50%,0)}
#count:focus{outline:none}
@media(max-width:760px){
 .active-filters.only-interest{display:none}
 .interest-filters{margin-bottom:0;padding-bottom:0}
 .feed-filters>summary{gap:8px}.feed-filters>summary::after{font-weight:400}
 #feedFilterSummary{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-saved-small=true] .searchrow,html[data-saved-small=true] #feedFilters{display:none}
 html[data-saved-view=true] .saved-companion{margin-bottom:6px}
 #modal .fact-note>summary{font-size:14px}
 #modal .dbar-actions{gap:6px}
 #modal #dbarShare{font-size:0;min-width:44px;width:44px;padding:10px;border:0;background:transparent}
 #modal #dbarShare .ui-icon{width:22px;height:22px}
}
.alert-launch{display:block;min-height:44px;padding:8px 0;margin:0 0 8px;background:transparent;border:0;color:var(--accent);font:500 14px var(--control-font);text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.alert-launch[hidden]{display:none}.detail-alert{width:100%;margin:0 0 10px;text-align:left}
.alerts-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans)}.alerts-dialog::backdrop{background:#211b1955;backdrop-filter:blur(3px)}.alerts-heading{display:flex;align-items:start;gap:12px}.alerts-heading h2{margin:6px 0 0;font:500 28px/1.15 var(--serif)}.alerts-heading .iconbtn{margin-left:auto;border:0;background:transparent;color:inherit;flex-shrink:0}.alerts-dialog p{margin:12px 0 20px}.alerts-dialog label{display:flex;gap:12px;align-items:center;min-height:44px}.alerts-dialog .alert-email{display:block;font-weight:500}.alert-email input{box-sizing:border-box;display:block;width:100%;font:16px var(--control-font);border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:10px;padding:12px;margin-top:8px;min-height:48px}.alerts-dialog fieldset{border:0;margin:20px 0 12px;padding:0}.alerts-dialog legend{font-weight:500;margin-bottom:4px}.alerts-dialog input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:0}.alerts-dialog .alert-consent{align-items:start;padding-top:12px;border-top:1px solid var(--line)}.alerts-dialog .alert-consent input{margin-top:3px}.alerts-dialog .alert-help{font-size:13px;color:var(--dim);margin:12px 0}.alerts-dialog .btn{width:100%;margin-top:10px;min-height:48px}.alert-status:empty{display:none}.alerts-dialog form[hidden]{display:none}.alert-status:focus{outline:none}
@media(max-width:760px){.alerts-dialog{padding:20px;max-height:calc(100dvh - 24px)}.alert-launch{margin-bottom:4px}.alerts-heading h2{font-size:27px}}
#modal .request-details[hidden]{display:none!important}
@media(max-width:760px){#modal .fact-note{background:transparent}}

/* Product-first discovery: disclose the tools, keep the choices visible. */
.feed-filters{margin:0 0 12px;padding:0;border:0}
.feed-filters>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;width:fit-content;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:500 16px/1.3 var(--sans);list-style:none;cursor:pointer}
.feed-filters>summary::-webkit-details-marker{display:none}
.feed-filters>summary::after{display:none}
.feed-filters>summary>.ui-icon{width:22px;height:22px;flex-shrink:0}
.feed-filters .filter-toggle{margin-left:8px;display:flex}
.feed-filters .filter-toggle .ui-icon{width:18px;height:18px}
.feed-filters[open] .filter-toggle{transform:rotate(45deg)}
#feedFilterSummary:empty{display:none}
.feed-filters[open]{padding:14px;margin:0 0 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.feed-filters[open]>summary{border-color:transparent;background:transparent;padding:0 0 12px;width:100%}
.feed-filters .searchrow{margin:8px 0 18px}
.feed-filters .hint{display:none}
.feed-filters .interest-heading{font-size:16px;margin-bottom:12px}
.feed-filters .interest-filters{gap:12px;margin:0;padding:4px 2px 12px;scrollbar-width:thin}
.feed-filters .interest-choice{min-width:84px;min-height:88px}
.feed-filters .interest-choice span{font-size:15px;line-height:1.3}
.feed-filters .budget-controls{margin:12px 0;padding:12px 0}
.feed-filters .controls{margin:12px 0;gap:16px}
.feed-filters .chips{gap:8px;flex-wrap:wrap;border:0}
.feed-filters .chip{font:500 16px/1.3 var(--sans);min-height:44px;padding:10px 14px;margin:0;border:1px solid var(--line);border-radius:24px}
.feed-filters .chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.feed-filters .chip::after{display:none}
.feed-filters .chip span{font-size:13px;color:inherit}
.feed-filters[open] #doneFeedFilters{display:block;min-height:48px;margin:16px 0 0;background:var(--ink);color:var(--bg);border:0}
.active-filters:not([hidden]),.active-filters.only-interest:not([hidden]){display:flex!important;align-items:center;gap:8px;margin:0 0 14px}
.active-filters button{min-height:44px;font-size:15px}
.collection-intro{padding-top:18px;margin-bottom:16px}
.collection-intro .eyebrow{display:none}
.collection-intro h2{font-size:28px}
@media(max-width:760px){
 .feed-filters>summary{width:100%;font-size:16px}
 .feed-filters[open]{margin:0 0 12px;padding:12px}
 .feed-filters .searchrow{display:block}
 .feed-filters .interest-filters{margin:0 -12px;padding:4px 12px 12px;scrollbar-width:none}
 .feed-filters .interest-choice{min-width:76px;min-height:86px}
 .feed-filters .interest-choice img{width:56px!important;height:56px!important}
 .feed-filters .interest-choice span{font-size:14px}
 .feed-filters .controls{flex-direction:column;align-items:stretch}
 .feed-filters .chips{display:flex;overflow:visible;flex-wrap:wrap}
 .feed-filters .chip{font-size:16px}
 .feed-filters .sort{justify-content:space-between;min-height:44px;font-size:16px}
 .feed-filters[open] #doneFeedFilters{bottom:calc(76px + env(safe-area-inset-bottom));width:100%}
 #feedFilterSummary{max-width:35%;font-size:13px}
 .collection-intro{height:0;padding:0;margin:0;border:0}
 .active-filters #filterTokens{display:flex}
}
.feed-filters{scroll-margin-top:110px}
@media(max-width:760px){.feed-filters{scroll-margin-top:68px}}
.feed-filters>summary{justify-content:flex-start}
.feed-filters .filter-toggle{margin-left:auto}
.origin-label{display:flex;align-items:center;gap:6px;font:400 13px/1.4 var(--sans);color:var(--dim);margin:6px 0 10px}
.origin-label>span{font-size:18px;line-height:1}
.country-heading{font:500 16px/1.3 var(--sans);margin:16px 0 10px}
.country-filters{display:flex;gap:8px;flex-wrap:wrap}
.country-filters button{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);padding:9px 14px;font:400 15px/1.3 var(--sans);cursor:pointer}
.country-filters button span{font-size:21px}
.country-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:500}
@media(max-width:760px){.country-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.country-filters button{flex-shrink:0}}