.finder .hint{color:var(--faded);font-size:var(--step-small);margin:.4rem 0 0}.finder .hint[hidden]{display:none}.finder .loved-head{margin-bottom:1rem}.finder .loved-head h2{margin:0 0 .4rem;font-size:1.15rem}.finder .loved-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.finder .loved-row[hidden]{display:none}.finder #loved{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.finder #loved button{all:unset;cursor:pointer;display:block;position:relative}.finder #loved img,.finder #loved .no-cover{object-fit:cover;outline:2px solid var(--gold);outline-offset:1px;background:var(--night-3);width:40px;height:40px;display:block}.finder #loved button:after{content:"×";background:var(--night);width:1.1rem;height:1.1rem;color:var(--parchment);border:1px solid var(--night-3);border-radius:50%;place-items:center;font-size:.8rem;line-height:1;display:grid;position:absolute;top:-.4rem;right:-.4rem}.finder #loved button:focus-visible img{outline-color:var(--parchment)}.finder .clear{font:inherit;font-size:var(--step-small);color:var(--faded);cursor:pointer;background:0 0;border:0;padding:.2rem 0;text-decoration:underline}.finder .clear:hover{color:var(--parchment)}.finder .wall{grid-template-columns:repeat(auto-fill,minmax(min(22%,8.5rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.finder .wall li[hidden]{display:none}.finder .wall button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:block;position:relative}.finder .wall img,.finder .wall .no-cover{aspect-ratio:1;object-fit:cover;background:var(--night-3);outline-offset:2px;outline:3px solid #0000;width:100%;height:auto;transition:outline-color .15s,transform .15s;display:block}.finder .wall button span:last-child{color:var(--faded);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.35rem;font-size:.78rem;line-height:1.2;display:-webkit-box;overflow:hidden}.finder .wall button:hover img{transform:translateY(-2px)}.finder .wall button:focus-visible img{outline-color:var(--parchment)}.finder .wall button[aria-pressed=true] img{outline-color:var(--gold)}.finder .wall button[aria-pressed=true] span:last-child{color:var(--gold)}.finder .wall button[aria-pressed=true]:after{content:"✓";background:var(--gold);width:1.6rem;height:1.6rem;color:var(--night);border-radius:50%;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute;top:.3rem;right:.3rem}.finder .more{font:inherit;border:1px solid var(--night-3);color:var(--parchment);cursor:pointer;background:0 0;margin-top:1rem;padding:.5rem 1rem}.finder .more:hover{border-color:var(--gold)}.finder .more:disabled{opacity:.6;cursor:wait}.finder .picks{counter-reset:sug;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.finder .picks[hidden],.finder .group[hidden]{display:none}.finder .group{letter-spacing:.06em;text-transform:uppercase;color:var(--faded);margin:0 0 .5rem;font-size:.8rem}.finder .group .hint{text-transform:none;letter-spacing:0;margin-left:.4rem;font-size:.75rem;display:inline}.finder .sug{background:var(--night-2);counter-increment:sug;grid-template-columns:1.1rem 3.5rem 1fr;align-items:start;gap:.6rem;padding:.45rem .6rem .45rem .5rem;animation:.25s ease-out both sug-in;display:grid}.finder .sug:before{content:counter(sug);color:var(--faded);text-align:right;font-size:.8rem;line-height:3.5rem}.finder .sug.ours{box-shadow:inset 3px 0 0 var(--gold)}.finder .sug img,.finder .sug .no-cover{object-fit:cover;background:var(--night-3);width:3.5rem;height:3.5rem;display:block}.finder .sug .add{all:unset;cursor:pointer;display:block;position:relative}.finder .sug .add:after{content:"+";background:var(--gold);width:1.2rem;height:1.2rem;color:var(--night);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-.2rem;right:-.2rem}.finder .sug .add:hover img{filter:brightness(1.1)}.finder .sug .add:focus-visible img{outline:2px solid var(--parchment)}.finder .sug-body{min-width:0}.finder .sug h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.1rem 0;font-size:.95rem;line-height:1.25;display:-webkit-box;overflow:hidden}.finder .sug .line{color:var(--faded);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.finder .sug .stars{color:var(--gold)}.finder .badge{letter-spacing:.04em;text-transform:uppercase;color:var(--night);background:var(--gold);vertical-align:.05rem;border-radius:999px;padding:.05rem .4rem;font-size:.65rem;display:inline-block}.finder .sug details{margin-top:.15rem}.finder .sug summary{cursor:pointer;color:var(--gold);font-size:.78rem;list-style:none}.finder .sug summary::-webkit-details-marker{display:none}.finder .sug summary:after{content:" ⌄"}.finder .sug details[open] summary:after{content:" ⌃"}.finder .sug details p,.finder .sug details blockquote{margin:.4em 0;font-size:.82rem;line-height:1.45}.finder .sug details .by{color:var(--faded);font-size:.78rem}.finder .sug details .linked{color:var(--gold);font-size:.78rem}.finder .sug details blockquote{border:0;padding:0;font-style:italic}.finder .sug details a{font-size:.82rem}.finder .panel-key{margin-top:1.25rem}@keyframes sug-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.finder .sug{animation:none}.finder .wall img{transition:none}}.finder .panel-head{all:unset;box-sizing:border-box;cursor:default;width:100%;display:block}.finder .panel-title{margin-bottom:.75rem;font-size:1.15rem;font-weight:700;line-height:1.3;display:block}.finder .because{font-weight:400;font-size:var(--step-small);color:var(--faded);margin-top:.15rem;display:block}.finder .panel-strip,.finder .panel-chevron{display:none}@media (width>=60rem){.finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.finder .panel{max-height:calc(100vh - 2rem);padding-right:.25rem;position:sticky;top:1rem;overflow-y:auto}}@media (width<=59.99rem){.finder .finder-wall{padding-bottom:7.5rem}.finder .panel{z-index:7;background:var(--night-2);border-top:1px solid var(--night-3);flex-direction:column;max-height:85vh;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0006}.finder .panel-head{cursor:pointer;grid-template-columns:1fr auto;grid-template-areas:"title chevron""strip chevron";align-items:center;gap:.2rem .75rem;padding:.6rem 1rem .7rem;display:grid}.finder .panel-title{grid-area:title;margin:0;font-size:.95rem}.finder .because{margin:0 0 0 .3rem;display:inline}.finder .panel-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.finder .panel-strip{grid-area:strip;gap:.35rem;display:flex;overflow:hidden}.finder .panel-strip img{object-fit:cover;background:var(--night-3);flex:none;width:48px;height:48px}.finder .panel-chevron{color:var(--gold);grid-area:chevron;font-size:1.4rem;transition:transform .2s;display:block}.finder .panel.open .panel-chevron{transform:rotate(180deg)}.finder .panel.open .panel-strip{display:none}.finder .panel-body{padding:0 1rem 1rem;display:none;overflow-y:auto}.finder .panel.open .panel-body{display:block}body.panel-open{overflow:hidden}}