/* Two compact control rows leave the card as the first-screen focus. */
.discovery-home .site-header{min-height:64px;padding-block:11px}
.discover-layout{max-width:880px;margin:0 auto;padding-top:16px}
.discover-settings{max-width:700px;margin:0 auto 18px}
.discover-settings form{display:flex;flex-direction:column;gap:10px}
.discover-settings fieldset{border:0;padding:0;margin:0;min-width:0}
.filter-primary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}
.discover-heading{margin-right:auto}
.discover-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:0}
.choice-row{display:flex;gap:3px;border:1px solid #c8b8d7;background:#e9e0f1;padding:3px;border-radius:30px}
.choice-row label,.topic-choices label{position:relative;cursor:pointer}
.choice-row input,.topic-choices input{position:absolute;opacity:0;width:1px;height:1px}
.choice-row span,.topic-choices span{display:block;font-size:14px;line-height:1.4;padding:7px 14px;border-radius:24px;transition:background .15s,color .15s;white-space:nowrap}
.choice-row :checked+span{background:#4c335e;color:#fff}
.topic-choices{display:flex;justify-content:center;justify-content:safe center;gap:7px;overflow-x:auto;padding:3px 3px 5px;scrollbar-width:thin}
.topic-choices label{flex-shrink:0}
.topic-choices span{border:1px solid #cfbedc;background:#fcf9ff;color:#796187;padding:7px 14px}
.topic-choices :checked+span{background:#ded0ed;border-color:#b493cb;color:#4d3261}
.choice-row input:focus-visible+span,.topic-choices input:focus-visible+span{outline:3px solid #593875;outline-offset:1px}
.choice-row input:disabled+span,.topic-choices input:disabled+span{cursor:wait}
.discover-mix{border:0;background:transparent;font-size:14px;white-space:nowrap;padding:7px 4px;color:#795589;cursor:pointer}
.discover-mix>span{font-size:22px;vertical-align:-2px;display:inline-block;line-height:1}
.discover-mix:disabled{opacity:.45}
.discover-play{min-width:0;outline-offset:7px}
.round-panel{position:absolute;top:15px;right:16px;display:flex;align-items:center;gap:8px;border:1px solid #d0bddf;border-radius:5px;padding:5px 9px;background:#faf6ffed;color:#4d365e}
.round-count{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font:12px/1.4 var(--mono)}
.round-count strong{font-size:12px;font-weight:600}
.round-panel progress{width:30px;height:3px;border:0;background:#e0d6ea;accent-color:#72518a}
.round-panel progress::-webkit-progress-bar{background:#e0d6ea}
.round-panel progress::-webkit-progress-value{background:#72518a}
/* Shrink the artwork with viewport height; text remains in natural document flow. */
.swipe-stage{--swipe-image-height:220px;--swipe-image-height:clamp(150px,calc(100svh - 480px),240px);position:relative;padding:0 100px;max-width:800px;margin:auto}
.swipe-stack{position:relative;padding-bottom:14px}.swipe-stack:before,.swipe-stack:after{content:'';position:absolute;inset:11px 8px 5px;border:1px solid #b99bce;border-radius:20px;background:#d9c5ec;transform:rotate(-2.4deg);pointer-events:none}.swipe-stack:after{inset:8px 4px 8px;background:#e9ddf3;transform:rotate(2.1deg)}.swipe-card{position:relative;z-index:1;overflow:hidden;border-radius:17px;border:1px solid #b99bcf;background:#fdfaff;box-shadow:0 18px 45px #49255a15;touch-action:pan-y;will-change:transform;transition:transform .22s ease,opacity .22s ease;user-select:none;cursor:grab}.swipe-card.is-dragging{transition:none;cursor:grabbing}.swipe-visual{position:relative;height:var(--swipe-image-height);background:#e1d2ed;overflow:hidden}.swipe-visual img{width:100%;height:100%;object-fit:cover;pointer-events:none}.swipe-card[data-category=toys] .swipe-visual img{object-fit:contain;background:#f8f7f9}.swipe-category{position:absolute;top:15px;left:16px;border:1px solid #d0bddf;border-radius:5px;padding:5px 9px;background:#faf6ffed;font:12px/1.4 var(--mono);color:#4d365e}.swipe-copy{padding:22px 30px 24px;display:flex;flex-direction:column}.swipe-meta{font:12px/1.5 var(--mono);color:#806093;margin-bottom:7px}.swipe-copy h2{font-size:clamp(24px,2.1vw,28px);line-height:1.25;letter-spacing:-.65px}.swipe-copy>p:not(.swipe-meta){font-size:16px;line-height:1.5;color:#756280;margin:12px 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.swipe-copy>a{font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:10px;cursor:pointer}.swipe-copy>a:hover{text-decoration:underline}.swipe-copy dl{display:grid;gap:7px;margin:12px 0}.swipe-copy dl div{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:14px;line-height:1.45}.swipe-copy dt{color:#806093}.swipe-copy dd{margin:0}.swipe-stamp{position:absolute;top:42%;left:22%;border:3px solid currentColor;border-radius:8px;padding:5px 16px;font-size:27px;font-weight:700;transform:rotate(-12deg);color:#225043;background:#ecfff1ed;opacity:0}.swipe-stamp.is-skip{color:#74577f;background:#f9effced;transform:rotate(12deg)}.swipe-actions{position:absolute;z-index:3;top:calc(var(--swipe-image-height)/2);transform:translateY(-50%);left:40px;right:40px;display:flex;justify-content:space-between;pointer-events:none}.swipe-actions button{pointer-events:auto;width:110px;min-height:110px;padding:11px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:1px solid #c2a5d5;background:#fcf8ff;color:#6a487b;box-shadow:0 8px 25px #49255a1f;font-size:14px;line-height:1.4;cursor:pointer;transition:transform .17s,box-shadow .17s,background .17s}.swipe-actions .swipe-action-icon{font-size:38px;line-height:1}.swipe-action-direction{font:18px/1 var(--mono);margin-top:3px}.swipe-actions .swipe-like{background:#56326f;color:#fff;border-color:#56326f;transform:rotate(7deg)}.swipe-actions .swipe-pass{transform:rotate(-7deg)}.swipe-actions .swipe-like:hover{background:#72488b;transform:rotate(0) scale(1.06)}.swipe-actions .swipe-pass:hover{background:#efe3f7;transform:rotate(0) scale(1.06)}.swipe-actions button:disabled{opacity:.45;cursor:default;transform:none}.swipe-under{display:flex;justify-content:center;align-items:center;gap:16px;margin:8px auto 0}.swipe-undo{display:flex;align-items:center;gap:7px;min-height:40px;border:1px solid #c8b3d8;padding:6px 14px;border-radius:25px;background:#f8f2fc;font-size:13px;color:#705080}.swipe-undo>span{font-size:24px;line-height:1}.swipe-undo:disabled{opacity:.4;cursor:default}.swipe-help{font-size:12px;color:#806b8c}.discovery-status{font-size:14px;line-height:1.5;color:#644979;margin-top:8px;text-align:center}.discovery-status:empty{display:none}.swipe-finish{min-height:400px;border:1px solid #b99bce;background:#e5d8ef;border-radius:17px;padding:35px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.finish-symbol{font-size:85px;color:#6e428a;line-height:1.2}.swipe-finish h2{font-size:32px;line-height:1.2;margin:15px 0}.swipe-finish p:not(.eyebrow){font-size:16px;line-height:1.6;color:#735784}.swipe-finish button{margin:25px 0 16px;font-size:15px}.swipe-finish>a{font-size:14px}.discover-shelf{max-width:960px;margin:35px auto 0;border-top:1px solid var(--line);padding-top:24px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.shelf-heading .eyebrow{font-size:11px}.shelf-heading h2{font-size:24px;margin-top:5px}.shelf-heading h2 span{font:13px var(--mono);padding:3px 6px;border:1px solid #c9b7dd;border-radius:4px;vertical-align:3px;margin-left:7px}.shelf-note{font-size:13px;color:#756280;line-height:1.5;margin-top:10px}.favorite-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}.shelf-empty{grid-column:1/-1;min-height:84px;border:1px dashed #bba1ce;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:15px;padding:18px;text-align:center;color:#8b719b}.shelf-empty>span{font-size:32px;line-height:1}.shelf-empty p{font-size:14px;line-height:1.6;max-width:500px}.favorite-mini{display:grid;grid-template-columns:65px 1fr;gap:12px;align-items:center;padding:9px;border:1px solid #d9cbe3;background:#f9f5fc;border-radius:8px}.favorite-mini img{width:65px;height:70px;object-fit:cover;border-radius:5px}.favorite-mini h3{font-size:14px;line-height:1.35}.favorite-mini p{font:11px/1.4 var(--mono);color:#876b97;margin-bottom:4px}.shelf-all{font-size:14px;white-space:nowrap}.shelf-pair{max-width:960px;margin:23px auto 0;padding:20px 24px;background:#e3d4f0;border:1px solid #c7add8;border-radius:9px;display:flex;align-items:center;gap:25px}.shelf-pair .eyebrow{font-size:11px;color:#79558b}.shelf-pair h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin-top:6px}.shelf-pair p{font-size:14px;line-height:1.6;color:#775c86;max-width:230px}.shelf-pair a{font-size:14px;margin-left:auto;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.discover-catalog{padding-top:30px;margin-top:35px;border-top:1px solid var(--line);scroll-margin-top:20px}.discover-catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.discover-catalog-heading h2{font-size:26px;margin-top:5px}.discover-catalog-heading>p{font-size:14px;color:#806b8c}.header-favorites{white-space:nowrap;font-size:14px}.header-favorites span{font:12px var(--mono);margin-left:4px}
.favorite-page{max-width:1000px;margin:30px auto}.favorite-page h1{margin:8px 0 12px}.favorite-page-intro{font-size:16px;color:#756280;max-width:720px;line-height:1.6}.favorite-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:22px 0}.favorite-toolbar a,.favorite-toolbar button{font-size:14px}.favorite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.favorite-tile{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fcf8ff;display:flex;flex-direction:column}.favorite-tile img{width:100%;aspect-ratio:1.6;object-fit:cover}.favorite-tile-copy{padding:17px;display:flex;flex-direction:column;flex:1}.favorite-tile h2{font-size:21px;line-height:1.3;margin:8px 0}.favorite-tile p{font-size:14px;line-height:1.6;color:#7c648b}.favorite-tile button{margin-top:auto;align-self:start;font-size:14px;padding:10px 0 0;background:none;border:0;color:#795487;text-decoration:underline;cursor:pointer}.favorite-page-status{text-align:left}.favorite-guest-prompt{background:#e9def3;padding:16px 20px;border:1px solid var(--line);border-radius:8px;margin:18px 0;font-size:14px}.favorite-guest-prompt a{text-decoration:underline}.favorite-empty{padding:40px 20px;text-align:center;border:1px dashed var(--line);border-radius:10px}.favorite-empty h2{margin-bottom:12px}.favorite-empty a{text-decoration:underline}.favorites-sync-note{padding:12px 16px;background:#e9def3;border:1px solid var(--line);font-size:14px;margin:15px 0}.favorites-sync-note button{background:none;border:0;text-decoration:underline;margin-left:12px;cursor:pointer;color:inherit}.discovery [hidden],.favorite-page [hidden]{display:none!important}

@media(max-width:850px){.swipe-stage{padding-inline:70px}.swipe-actions{left:15px;right:15px}.swipe-actions button{width:100px;min-height:100px}.shelf-pair{flex-wrap:wrap;gap:15px}.shelf-pair p{max-width:none}.shelf-pair a{margin-left:0}.favorite-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-mini:last-child:nth-child(3){grid-column:1/-1}.header-favorites{font-size:13px}}
@media(max-width:600px){
.discovery-home .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:10px 4%}
.discovery-home .wordmark{font-size:24px}
.discovery-home .header-motto{display:none}
.discovery-home .site-header>.wordmark{grid-row:1;grid-column:1}
.discovery-home .header-favorites{grid-row:1;grid-column:2;margin:0;font-size:14px}
.discovery-home .age{grid-row:1;grid-column:3}
.discovery-home .header-search{grid-row:2;grid-column:1;margin:0;max-width:none;width:100%;min-width:0}
.discovery-home .header-pair{grid-row:2;grid-column:2 / 4;margin:0}
.discover-layout{padding-top:12px}
.discover-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.discover-settings{margin-bottom:12px}
.discover-settings form{gap:6px}
.filter-primary{gap:16px}
.topic-choices{justify-content:flex-start;gap:6px}
.topic-choices span{padding:7px 11px}
.swipe-stage{--swipe-image-height:160px;--swipe-image-height:clamp(120px,calc(100svh - 500px),220px);padding:0 3px}
.swipe-stack{padding-bottom:11px}
.swipe-copy{padding:22px 24px 24px}
.swipe-copy h2{font-size:24px;line-height:1.25}
.swipe-copy>p:not(.swipe-meta){font-size:16px;line-height:1.5;margin:12px 0 14px}
.swipe-category,.round-panel{top:12px;font-size:12px}
.swipe-category{left:12px}
.round-panel{right:12px}
.round-panel progress{display:none}
.swipe-actions{left:12px;right:12px;top:calc(var(--swipe-image-height) - 34px)}
.swipe-actions button{width:78px;min-height:78px;padding:8px 3px;font-size:12px}
.swipe-actions .swipe-action-icon{font-size:30px}
.swipe-action-direction{display:none}
.swipe-actions .swipe-like,.swipe-actions .swipe-pass{transform:none}
.swipe-actions .swipe-like:hover,.swipe-actions .swipe-pass:hover{transform:none}
.swipe-stamp{left:24%;font-size:21px;padding:4px 10px;top:35%}
.swipe-under{gap:10px;margin-top:6px;flex-wrap:wrap}
.swipe-undo{font-size:12px;padding:5px 11px}
.swipe-help{font-size:12px;max-width:132px;line-height:1.4}
.swipe-finish{min-height:360px;padding:26px 20px}
.swipe-finish h2{font-size:28px}
.discover-shelf{margin-top:22px;padding-top:20px}.favorite-preview{grid-template-columns:1fr;gap:9px}.favorite-mini:last-child:nth-child(3){grid-column:auto}.favorite-mini{grid-template-columns:60px 1fr}.favorite-mini img{width:60px;height:60px}.favorite-mini h3{font-size:14px}.shelf-heading h2{font-size:22px}.shelf-all{font-size:13px}.shelf-empty{padding:17px 15px;gap:12px;text-align:left}.shelf-empty p{font-size:14px}.shelf-note{font-size:12px}.shelf-pair{padding:19px;gap:13px;display:block}.shelf-pair p{margin:12px 0}.shelf-pair a{font-size:14px;display:inline-block}.discover-catalog{margin-top:25px;padding-top:25px}.discover-catalog-heading>p{display:none}.discover-catalog-heading h2{font-size:25px}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favorite-tile-copy{padding:12px}.favorite-tile h2{font-size:18px}.header-favorites{margin-left:auto}.header-pair{margin-left:0}}
@media(max-width:360px){.swipe-copy{padding-inline:22px}.swipe-copy h2{font-size:23px}.swipe-actions button{width:72px;min-height:72px}.swipe-help{max-width:112px}.favorite-grid{grid-template-columns:1fr}.filter-primary{gap:10px}.choice-row span{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.swipe-card,.swipe-actions button{transition:none!important;will-change:auto}.swipe-actions .swipe-like,.swipe-actions .swipe-pass{transform:none}}
