/* Arby's peach, coral and rounded type, shared by discovery and editorial pages. */
@font-face { font-family: Nunito; src: url('/assets/fonts/nunito.ttf') format('truetype'); font-style: normal; font-weight: 200 1000; font-display: swap; }
:root {
    color-scheme: light;
    --brand: #b83d2c;
    --brand-dark: #9e3021;
    --accent: #c74835;
    --bg: #fff0e9;
    --card: #fffdf9;
    --text: #3b2725;
    --muted: #785f59;
    --border: #eed6cc;
    --soft: #ffe1d4;
    --mint: #e1eee6;
    --mint-ink: #365f48;
    --butter: #fff0c8;
    --butter-ink: #775212;
    --radius: 26px;
    --shadow: 0 10px 32px #71372808;
}
body { background: var(--bg); font-family: Nunito, ui-rounded, 'Segoe UI', sans-serif; font-size: 16px; }
button, input { font-family: inherit; }
button, a, input, summary { -webkit-tap-highlight-color: transparent; }
a { text-underline-offset: 4px; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid var(--brand); outline-offset: 4px; }
.brand-mark { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 14px; }
header.site-header h1 a, header.site-header .quiet-brand a, .app-page-header > a { display: inline-flex; align-items: center; gap: 12px; }
.brand-name { min-width: 0; }
header.site-header h1 { font-weight: 850; letter-spacing: -.035em; }
.gallery-shell { width: min(1120px,100%); height: auto; overflow: visible; margin: 0 auto; padding: 0 32px; }
.gallery-shell header.site-header { position: relative; text-align: left; padding: 28px 0 20px; }
.gallery-shell header.site-header h1 { font-size: clamp(24px,3vw,34px); margin: 0 150px 10px 0; }
.gallery-shell header.site-header .tagline { margin: 0; max-width: 740px; font-size: 16px; }
.gallery-home header.site-header h1 { font-size: clamp(22px,3vw,28px); margin-bottom: 6px; }
.gallery-home header.site-header .tagline { margin: 0 0 0 56px; font-size: 16px; }
.gallery-shell .breadcrumb { margin: 12px 0 0; padding: 0; text-align: left; font-size: 14px; }
.gallery-shell .stage { padding: 4px 0 0; overflow: visible; flex: none; }
.gallery-shell .toolbar { width: 100%; margin: 0 0 18px; gap: 8px; flex-wrap: wrap; }
.gallery-browse { margin-right: auto; align-self: center; color: var(--muted); font-size: 14px; font-weight: 700; padding: 10px 0; }
.gallery-shell .tool-btn { background: var(--card); border: 1px solid transparent; color: var(--muted); min-height: 44px; padding: 10px 17px; font-size: 14px; font-weight: 800; border-radius: 999px; }
.gallery-shell .tool-btn:hover { background: var(--soft); color: var(--brand); }
.gallery-shell .tool-btn[aria-expanded="true"] { background: var(--soft); color: var(--brand); border-color: var(--border); }
.gallery-shell .tool-btn .dot { border-color: var(--bg); }
.gallery-shell .panel { top: 64px; right: 0; background: var(--card); border-radius: 20px; box-shadow: 0 14px 40px #3b27251c; padding: 18px; }
.panel input { background: var(--card); color: var(--text); }
.panel .chip { background: var(--card); color: var(--text); min-height: 42px; font-size: 14px; }
.panel .chip.active, .panel .apply-price { background: var(--brand); border-color: var(--brand); color: white; }
.panel .market-heading, .price-inputs label, .price-validation { font-size: 14px; }
.gallery-shell .active-filters { width: 100%; gap: 8px; }
.gallery-shell .filter-pill { background: var(--soft); color: var(--brand); font-size: 14px; font-weight: 650; padding: 8px 14px; }
.gallery-shell .card { display: grid; grid-template-columns: minmax(0,1.16fr) minmax(0,1fr); align-items: stretch; gap: 0; max-width: none; border: 1px solid var(--border); border-radius: var(--radius); padding: 0; margin: 0; box-shadow: var(--shadow); background: var(--card); overflow: hidden; }
.gallery-shell .image-container { height: auto; min-height: 440px; margin: 0; align-self: stretch; background: #fff; border: 0; border-radius: 0; padding: 0; }
.photo-column { display: flex; flex-direction: column; min-width: 0; background: #fff; }
.photo-column .image-container { flex: 1; }
.photo-controls { display: flex; align-items: center; gap: 4px; min-height: 48px; padding: 0 12px; background: var(--card); color: var(--muted); }
.photo-controls[hidden], .photo-controls button[hidden], .photo-unavailable[hidden], .saved-notice[hidden] { display: none; }
.photo-controls button, .photo-viewer button { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--muted); font: inherit; font-weight: 750; cursor: pointer; border-radius: 12px; padding: 8px; }
.photo-controls button:hover, .photo-viewer button:hover { background: var(--soft); }
.photo-controls button:disabled, .photo-viewer button:disabled { opacity: .35; cursor: default; }
.photo-controls .enlarge-photo { margin-left: auto; font-size: 13px; }
.photo-count { font-size: 13px; }
.photo-unavailable { color: #785f59; padding: 20px; font-size: 14px; }
#randomItemImage[aria-disabled="false"] { cursor: zoom-in; }
.photo-viewer { width: min(1000px,calc(100% - 24px)); height: min(850px,calc(100dvh - 24px)); max-width: none; max-height: none; padding: 0; margin: auto; border: 1px solid var(--border); border-radius: 24px; color: var(--text); background: var(--card); overflow: hidden; }
.photo-viewer[open] { display: flex; flex-direction: column; }
.photo-viewer::backdrop { background: #251b19aa; }
.photo-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; }
.photo-viewer-header h2 { font-size: 16px; margin: 0; }
.photo-viewport { flex: 1; min-height: 0; overflow: auto; background: white; overscroll-behavior: contain; }
.photo-viewport img { display: block; width: 100%; height: auto; min-height: 100%; max-height: 100%; object-fit: contain; max-width: none; }
.photo-viewer-controls { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)); }
.gallery-shell .previous-find { display: grid; place-items: center; flex: 0 0 48px; min-height: 54px; border: 0; border-radius: 17px; background: var(--soft); color: var(--brand); cursor: pointer; }
.gallery-shell .previous-find:disabled { opacity: .35; cursor: default; }
.gallery-shell .card.loading { pointer-events: auto; }
.gallery-shell #error.recovery-notice, .saved-notice { color: var(--muted); font-size: 14px; line-height: 1.5; text-align: left; }
.retry-find, .undo-save { border: 0; background: transparent; color: var(--brand); min-height: 44px; padding: 8px; font: inherit; font-weight: 800; cursor: pointer; }
.saved-notice { margin: 10px 0 0; }
.saved-list a { display: flex; align-items: center; gap: 12px; }
.saved-list img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: contain; background: #fff; border-radius: 10px; }
.saved-list a > span { min-width: 0; }
.saved-list small { display: block; color: var(--muted); margin-top: 4px; }
.gallery-shell #randomItemImage { width: 100%; height: 100%; max-width: 100%; max-height: 600px; object-fit: contain; border-radius: 0; }
.gallery-shell .product-details { min-width: 0; align-self: center; padding: 30px; }
.gallery-shell #randomItem { font-size: clamp(22px,2.4vw,28px); line-height: 1.3; font-weight: 850; letter-spacing: -.025em; margin-bottom: 16px; -webkit-line-clamp: unset; display: block; overflow-wrap: anywhere; }
.gallery-shell .badges { gap: 6px; margin-bottom: 18px; }
.gallery-shell .badges:empty { display: none; }
.gallery-shell .badge { font-size: 12px; font-weight: 750; text-transform: none; letter-spacing: 0; padding: 5px 10px; border-radius: 999px; }
.gallery-shell .badge-condition { background: var(--soft); color: var(--muted); }
.gallery-shell .badge-toprated { background: var(--mint); color: var(--mint-ink); }
.gallery-shell .badge-auction { background: var(--butter); color: var(--butter-ink); }
.gallery-shell #price { font-size: clamp(30px,3vw,40px); font-weight: 900; letter-spacing: -.045em; overflow-wrap: anywhere; line-height: 1.2; }
.gallery-shell #shipping { font-size: 14px; margin-top: 8px; }
.gallery-shell .meta-line { font-size: 13px; margin: 8px 0 18px; line-height: 1.5; }
.gallery-shell .meta-line:empty { display: none; }
.gallery-shell .buy-now-btn { background: var(--soft); color: var(--brand); border-radius: 14px; width: 100%; min-height: 48px; padding: 12px 16px; margin-top: 2px; font-size: 16px; font-weight: 850; }
.gallery-shell .buy-now-btn::after { content: ' ↗'; display: inline-block; padding-left: 5px; }
.gallery-shell .buy-now-btn:hover { background: var(--border); color: var(--brand-dark); }
.listing-actions { display: flex; align-items: stretch; gap: 8px; }
.listing-actions .buy-now-btn { flex: 1; min-width: 0; }
.share-find { flex: 0 0 48px; display: grid; place-items: center; align-self: stretch; border: 0; border-radius: 14px; background: transparent; color: var(--muted); cursor: pointer; min-height: 48px; margin-top: 2px; }
.share-find:hover { background: var(--soft); color: var(--brand); }
.share-find:disabled { opacity: .35; cursor: default; }
.share-status { margin: 6px 0; font-size: 13px; color: var(--muted); }
.share-status[hidden], .swipe-feedback[hidden] { display: none; }
.share-dialog { width: min(440px,calc(100% - 32px)); padding: 24px; border: 1px solid var(--border); border-radius: 24px; background: var(--card); color: var(--text); }
.share-dialog::backdrop { background: #251b19aa; }
.share-dialog h2 { margin: 0; font-size: 22px; }
.share-dialog p { font-size: 15px; line-height: 1.5; }
.share-dialog input { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid var(--border); border-radius: 10px; padding: 8px; color: var(--text); background: var(--bg); }
.share-dialog > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.share-dialog button { min-height: 44px; border: 0; border-radius: 12px; padding: 8px 16px; background: var(--soft); color: var(--brand); font: inherit; font-weight: 800; cursor: pointer; }
.gallery-shell .image-container { touch-action: pan-y pinch-zoom; overflow: hidden; }
.swipe-feedback { position: absolute; z-index: 3; left: 50%; bottom: 20px; transform: translateX(-50%); max-width: calc(100% - 32px); padding: 10px 16px; border-radius: 999px; background: var(--card); color: var(--brand); border: 1px solid var(--border); font-size: 14px; font-weight: 850; pointer-events: none; box-shadow: var(--shadow); }
.gallery-shell .desc { font-size: 14px; line-height: 1.5; -webkit-line-clamp: 2; margin-top: 14px; }
.gallery-shell .seller-info { font-size: 12px; padding-top: 12px; margin-top: 12px; gap: 12px; border-top: 0; align-items: flex-start; }
.gallery-shell .seller-info:has(#sellerUsername:empty) { display: none; }
.gallery-shell #sellerUsername { font-weight: 600; overflow-wrap: anywhere; }
.gallery-shell .star-icon { color: var(--muted); }
.gallery-shell .fetch-bar { padding: 0; margin-top: 22px; gap: 10px; align-items: stretch; }
.gallery-shell #fetchButton { flex: 1; min-width: 0; background: var(--brand); color: white; min-height: 54px; padding: 14px 16px; border-radius: 17px; font-weight: 850; font-size: 17px; }
.gallery-shell #fetchButton:hover { background: var(--brand-dark); opacity: 1; }
.gallery-shell .fetch-bar > button.save-find:not(#fetchButton) { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 54px; background: var(--soft); border: 0; border-radius: 17px; color: var(--brand); padding: 12px 16px; font-size: 14px; font-weight: 800; }
.gallery-shell .save-find[aria-pressed="true"] { color: var(--brand); }
.gallery-shell .save-find[aria-pressed="true"] .control-icon { fill: currentColor; }
.gallery-shell .save-find:disabled { opacity: .45; cursor: default; }
.gallery-shell .saved-toggle { display: inline-flex; gap: 7px; align-items: center; justify-content: center; position: absolute; top: 28px; right: 0; min-height: 44px; border: 0; border-radius: 999px; background: var(--card); padding: 10px 16px; color: var(--muted); font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.gallery-shell .saved-toggle[aria-expanded="true"] { background: var(--soft); color: var(--brand); }
.gallery-shell .saved-panel { width: 100%; padding: 22px; margin: 0 0 20px; background: var(--card); border: 1px solid var(--border); border-radius: 22px; }
.saved-panel[hidden] { display: none; }
.saved-panel p { color: var(--muted); font-size: 14px; line-height: 1.5; margin: 0 0 12px; }
.saved-list { list-style: none; margin: 0; padding: 0; }
.saved-list li { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-top: 1px solid var(--border); }
.saved-list a { flex: 1; min-width: 0; color: var(--text); font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }
.saved-list button { border: 0; background: var(--soft); color: var(--brand); border-radius: 12px; min-height: 44px; padding: 8px 12px; cursor: pointer; font-size: 14px; }
.gallery-directions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 24px 0; margin-top: 10px; font-size: 14px; }
.gallery-directions span { margin-right: auto; color: var(--muted); }
.gallery-directions a { color: var(--text); text-decoration: none; background: var(--card); border-radius: 999px; padding: 10px 16px; font-weight: 750; }
.gallery-directions a:hover { background: var(--soft); }
.app-bridge { margin-top: 6px; font-size: 14px; }
.category-grid a { background: var(--card); box-shadow: none; border: 1px solid var(--border); border-radius: 14px; padding: 13px 16px; font-weight: 750; }
.category-grid a:hover { transform: none; box-shadow: none; background: var(--soft); color: var(--brand); }
.about, .category-section, .guide-notes { font-size: 16px; line-height: 1.7; }
.category-section h2, .about h2, .guide-notes h2 { color: var(--text); font-size: 24px; font-weight: 850; letter-spacing: -.025em; }
.faq dt { font-weight: 800; color: var(--text); }
.product-card { box-shadow: none; background: var(--card); border-color: var(--border); border-radius: 20px; }
.product-card .thumb { background: #fff; object-fit: contain; }
.product-card .info { color: var(--text); }
footer { line-height: 1.7; font-size: 13px; }
/* Match the native deck: three product cards orbit every 2.2 seconds. */
.gallery-shell .card.loading { opacity: 1; }
.gallery-shell .discovery-loader { display: none; grid-column: 1 / -1; min-height: 362px; padding: 28px 24px 20px; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.gallery-shell .card.loading:not(.preparing-next) { grid-template-columns: minmax(0,1fr); }
.gallery-shell .card.loading:not(.preparing-next) .discovery-loader { display: flex; }
.gallery-shell .card.loading:not(.preparing-next) .image-container { display: none; }
.gallery-shell .card.loading:not(.preparing-next) .photo-column { display: none; }
.gallery-shell .card.loading:not(.preparing-next) .product-details { padding: 0 24px 24px; width: min(100%,480px); justify-self: center; }
.gallery-shell .card.loading:not(.preparing-next) .product-details > :not(.fetch-bar) { display: none !important; }
.gallery-shell .card.loading:not(.preparing-next) .fetch-bar { margin-top: 0; }
.shuffle-title { margin: 20px 0 0; font-size: 21px; line-height: 1.35; font-weight: 850; color: var(--text); }
.shuffle-caption { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.shuffle-deck { position: relative; width: 240px; height: 216px; flex: 0 0 auto; }
.shuffle-deck::before { content: ''; position: absolute; width: 186px; height: 186px; left: 27px; top: 15px; border-radius: 50%; background: var(--soft); opacity: .38; }
.shuffle-card { position: absolute; left: 68px; top: 40px; width: 104px; height: 136px; border-radius: 19px; border: 1px solid #ffffffb3; box-shadow: 0 3px 6px #00000012; color: #75483d; display: grid; place-items: center; }
.shuffle-card svg { width: 38px; height: 38px; }
.shuffle-card-0 { background: #dceadf; transform: translate(-46px,-6.6px) rotate(-16deg) scale(.944); }
.shuffle-card-1 { background: #ffdac8; transform: translate(0,11px) scale(1); z-index: 2; }
.shuffle-card-2 { background: #ffe7af; transform: translate(46px,-6.6px) rotate(16deg) scale(.944); }
.card.loading:not(.preparing-next) .discovery-loader .shuffle-card,
.card.photo-loading .photo-shuffle .shuffle-card { animation: discovery-orbit 2.2s linear infinite; }
.card .shuffle-card-1 { animation-delay: -.733333s !important; }
.card .shuffle-card-2 { animation-delay: -1.466667s !important; }
.card.motion-paused .shuffle-card { animation-play-state: paused !important; }
.gallery-shell .photo-shuffle { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; pointer-events: none; }
.gallery-shell .card.photo-loading .photo-shuffle { display: flex; }
.photo-shuffle .shuffle-deck { transform: scale(.65); }
.gallery-shell .card.photo-loading #randomItemImage { visibility: hidden; }
@keyframes discovery-orbit {
    0.0000% { transform: translate(0.000px,11.000px) rotate(0.000deg) scale(1.0000); z-index: 20; }
    4.1667% { transform: translate(11.906px,10.625px) rotate(4.141deg) scale(0.9988); z-index: 20; }
    8.3333% { transform: translate(23.000px,9.526px) rotate(8.000deg) scale(0.9953); z-index: 19; }
    12.5000% { transform: translate(32.527px,7.778px) rotate(11.314deg) scale(0.9897); z-index: 17; }
    16.6667% { transform: translate(39.837px,5.500px) rotate(13.856deg) scale(0.9825); z-index: 15; }
    20.8333% { transform: translate(44.433px,2.847px) rotate(15.455deg) scale(0.9741); z-index: 13; }
    25.0000% { transform: translate(46.000px,0.000px) rotate(16.000deg) scale(0.9650); z-index: 10; }
    29.1667% { transform: translate(44.433px,-2.847px) rotate(15.455deg) scale(0.9559); z-index: 7; }
    33.3333% { transform: translate(39.837px,-5.500px) rotate(13.856deg) scale(0.9475); z-index: 5; }
    37.5000% { transform: translate(32.527px,-7.778px) rotate(11.314deg) scale(0.9403); z-index: 3; }
    41.6667% { transform: translate(23.000px,-9.526px) rotate(8.000deg) scale(0.9347); z-index: 1; }
    45.8333% { transform: translate(11.906px,-10.625px) rotate(4.141deg) scale(0.9312); z-index: 0; }
    50.0000% { transform: translate(0.000px,-11.000px) rotate(0.000deg) scale(0.9300); z-index: 0; }
    54.1667% { transform: translate(-11.906px,-10.625px) rotate(-4.141deg) scale(0.9312); z-index: 0; }
    58.3333% { transform: translate(-23.000px,-9.526px) rotate(-8.000deg) scale(0.9347); z-index: 1; }
    62.5000% { transform: translate(-32.527px,-7.778px) rotate(-11.314deg) scale(0.9403); z-index: 3; }
    66.6667% { transform: translate(-39.837px,-5.500px) rotate(-13.856deg) scale(0.9475); z-index: 5; }
    70.8333% { transform: translate(-44.433px,-2.847px) rotate(-15.455deg) scale(0.9559); z-index: 7; }
    75.0000% { transform: translate(-46.000px,-0.000px) rotate(-16.000deg) scale(0.9650); z-index: 10; }
    79.1667% { transform: translate(-44.433px,2.847px) rotate(-15.455deg) scale(0.9741); z-index: 13; }
    83.3333% { transform: translate(-39.837px,5.500px) rotate(-13.856deg) scale(0.9825); z-index: 15; }
    87.5000% { transform: translate(-32.527px,7.778px) rotate(-11.314deg) scale(0.9897); z-index: 17; }
    91.6667% { transform: translate(-23.000px,9.526px) rotate(-8.000deg) scale(0.9953); z-index: 19; }
    95.8333% { transform: translate(-11.906px,10.625px) rotate(-4.141deg) scale(0.9988); z-index: 20; }
    100.0000% { transform: translate(-0.000px,11.000px) rotate(-0.000deg) scale(1.0000); z-index: 20; }
}
.app-story { max-width: 1080px; }
.app-page-header { max-width: 1120px; width: 100%; margin: 0 auto; text-align: left; }
.app-page-header .quiet-brand { color: var(--text); font-size: 18px; font-weight: 850; }
.app-story .eyebrow { font-size: 13px; letter-spacing: .09em; }
.app-story h1 { font-weight: 900; color: var(--text); }
.app-story .store-link { background: var(--brand); color: white; border-radius: 16px; font-size: 16px; padding: 15px 20px; }
.app-story .app-meta { font-size: 14px; }
.app-story .app-features { gap: 22px; }
.app-features h2, .app-explainer h2 { font-weight: 850; }
.app-features p, .app-explainer p { font-size: 16px; }
.app-preview-layout { display: grid; grid-template-columns: minmax(0,1fr) 290px; align-items: center; gap: 60px; }
.app-preview { margin: 0; text-align: center; }
.app-preview img { display: block; width: 100%; height: auto; border: 6px solid var(--card); border-radius: 32px; box-shadow: var(--shadow); }
.app-preview figcaption { margin-top: 12px; font-size: 13px; color: var(--muted); }
@media (max-width: 760px) {
    .gallery-shell { padding: 0 18px; }
    .gallery-shell header.site-header { padding: 20px 0 18px; }
    .gallery-shell header.site-header h1 { font-size: 23px; margin-right: 0; }
    .gallery-shell header.site-header .tagline { margin-left: 0; }
    .gallery-home header.site-header h1 { font-size: 22px; margin-bottom: 8px; }
    .gallery-shell .saved-toggle { position: static; margin: 14px 0 0; }
    .gallery-shell .toolbar { justify-content: flex-start; gap: 6px; margin-bottom: 14px; }
    .gallery-browse { flex-basis: 100%; padding: 6px 0; }
    .gallery-shell .tool-btn { padding: 9px 14px; }
    .gallery-shell .panel { top: 104px; right: 0; width: min(340px,100%); }
    .gallery-shell .card { grid-template-columns: minmax(0,1fr); border-radius: 24px; }
    .gallery-shell .image-container { height: auto; min-height: 240px; max-height: none; }
    .gallery-shell #randomItemImage { height: auto; max-height: min(125vw,640px); width: 100%; }
    .gallery-shell .product-details { padding: 22px; }
    .gallery-shell .discovery-loader { min-height: 416px; }
    .gallery-shell #randomItem { font-size: 23px; margin-bottom: 14px; }
    .gallery-shell .fetch-bar { margin-top: 20px; flex-wrap: wrap; }
    .gallery-shell #fetchButton { flex: 1 1 160px; }
    .gallery-shell .save-find { flex: 0 1 auto; }
    .gallery-directions { gap: 8px; margin-top: 4px; padding: 18px 0; }
    .gallery-directions span { flex-basis: 100%; margin-bottom: 6px; }
    .app-preview-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .app-preview { width: min(290px,100%); margin: 0 auto; }
}
@media (min-width: 420px) and (max-width: 760px) {
    .gallery-shell header.site-header h1 { margin-right: 114px; }
    .gallery-shell .saved-toggle { position: absolute; top: 20px; margin: 0; }
}
@media (max-width: 419px) {
    .gallery-shell #fetchButton { flex: 1 1 0; padding-inline: 10px; }
    .gallery-shell .fetch-bar > button.save-find:not(#fetchButton) { flex: 0 0 48px; padding: 12px; }
    .save-find .control-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (prefers-color-scheme: dark) {
    :root { color-scheme: dark; --brand: #ffb29d; --brand-dark: #ffd4c5; --accent: #ffb29d; --bg: #342322; --card: #432e2b; --text: #fff1e9; --muted: #dbc0b6; --border: #77534a; --soft: #5a3932; --mint: #304d3d; --mint-ink: #d1e9d7; --butter: #564622; --butter-ink: #fff0c8; }
    .gallery-shell #fetchButton, .panel .chip.active, .panel .apply-price, .app-story .store-link { color: #3b2725; }
    .shuffle-card { border-color: #ffffff1f; color: var(--text); }
    .shuffle-card-0 { background: #49675b; }
    .shuffle-card-1 { background: #6d473d; }
    .shuffle-card-2 { background: #796641; }
    .button-spinner { border-color: #3b272550; border-top-color: #3b2725; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
    .gallery-shell .tool-btn, .gallery-shell .saved-toggle, .gallery-shell #fetchButton, .gallery-shell .save-find, .gallery-shell .buy-now-btn { border: 1px solid ButtonText; }
}
