:root{--canvas:#131115;--surface:#1c191f;--surface-raised:#26222a;--line:#3a343f;--line-strong:#756d7a;--ink:#f5f1ec;--ink-muted:#aba2ad;--tint:#ff6b57;--on-tint:#131115;--tint-soft:#3a1d1a;--pop:#2ec4b6;--on-pop:#131115;--pop-soft:#11302d;--scrim:#131115b8;--on-scrim:#f5f1ec;--mark-coral:#ff6b57;--mark-teal:#2ec4b6;--shadow-float:0 12px 32px -4px #000000b3;--focus-ring:0 0 0 2px #131115, 0 0 0 4px #ff6b57;--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-sans:Figtree,"Avenir Next","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-device:24px;--radius-full:9999px;--gutter:16px;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--canvas:#faf8f5;--surface:#fff;--surface-raised:#f2eee9;--line:#e2dcd5;--line-strong:#857c87;--ink:#1a171c;--ink-muted:#655d67;--tint:#c4311d;--on-tint:#fff;--tint-soft:#fff0ec;--pop:#0b7a70;--on-pop:#fff;--pop-soft:#e0f5f2;--mark-coral:#ee4f3a;--mark-teal:#14a394;--shadow-float:0 4px 10px #1a171c14, 0 16px 32px -6px #1a171c29;--focus-ring:0 0 0 2px #faf8f5, 0 0 0 4px #c4311d;color-scheme:light}}:root[data-theme=light]{--canvas:#faf8f5;--surface:#fff;--surface-raised:#f2eee9;--line:#e2dcd5;--line-strong:#857c87;--ink:#1a171c;--ink-muted:#655d67;--tint:#c4311d;--on-tint:#fff;--tint-soft:#fff0ec;--pop:#0b7a70;--on-pop:#fff;--pop-soft:#e0f5f2;--mark-coral:#ee4f3a;--mark-teal:#14a394;--shadow-float:0 4px 10px #1a171c14, 0 16px 32px -6px #1a171c29;--focus-ring:0 0 0 2px #faf8f5, 0 0 0 4px #c4311d;color-scheme:light}@media (width>=900px){:root{--gutter:32px}}body{margin:0}img{max-width:100%}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--canvas);color:var(--ink);font:400 16px/24px var(--font-sans);-webkit-font-smoothing:antialiased}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface);position:fixed;inset:0 0 auto}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.inner{max-width:1360px;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}svg.i.sm{width:16px;height:16px}.top{top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line);position:sticky}.top .inner{align-items:center;gap:var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.brand{padding:var(--space-1) 0;border-radius:var(--radius-sm);align-items:center;text-decoration:none;display:inline-flex}.logo{width:auto;height:26px;display:block}.lg-ink{fill:var(--ink)}.lg-coral{fill:var(--mark-coral)}.lg-teal{fill:var(--mark-teal)}.search{flex:280px;order:0;min-width:0;max-width:520px;position:relative}.search svg{color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{width:100%;height:40px;padding:0 var(--space-3) 0 40px;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink)}.search input::placeholder{color:var(--ink-muted);opacity:1}.top-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.icon-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink);font:600 14px/20px var(--font-sans);background:0 0;border:1px solid #0000;display:inline-flex}.icon-btn:hover{background:var(--surface-raised)}a.icon-btn{text-decoration:none}.icon-btn[aria-pressed=true]{background:var(--tint-soft);color:var(--tint)}.count{font:500 12px/16px var(--font-mono);color:var(--ink-muted)}.icon-btn[aria-pressed=true] .count{color:var(--tint)}@media (width<=640px){.bar .inner{gap:var(--space-3);flex-wrap:wrap}.bar .chips{flex-basis:100%;order:2}.search{flex-basis:100%;order:3;max-width:none}.saved-label,.support-label{display:none}.top-actions{gap:0}.icon-btn{padding:0 var(--space-2)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font:600 14px/20px var(--font-sans);white-space:nowrap;border:1px solid #0000;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.btn-sm{height:32px;padding:0 var(--space-3);font-size:13px}.btn-primary{background:var(--tint);color:var(--on-tint)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary[disabled]{opacity:.6;cursor:progress;transform:none}.btn-quiet{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}.btn-quiet:hover{background:var(--surface)}.chips{gap:var(--space-2);scrollbar-width:none;padding:var(--space-1);margin:calc(var(--space-1) * -1);flex:auto;min-width:0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font:600 14px/20px var(--font-sans);flex:none}.chip:hover{border-color:var(--line-strong)}.chip[aria-pressed=true]{background:var(--tint-soft);color:var(--tint);border-color:var(--tint)}.chip-saved{align-items:center;gap:var(--space-1);display:inline-flex}.seg{padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--line);flex:none;display:inline-flex}.seg button{height:32px;padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--ink-muted);font:600 14px/20px var(--font-sans);align-items:center;gap:var(--space-2);background:0 0;border:0;display:inline-flex}.seg button[aria-checked=true]{background:var(--ink);color:var(--canvas)}.badge{height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font:600 12px/16px var(--font-sans);letter-spacing:.02em;align-items:center;display:inline-flex}.badge-pop{background:var(--pop);color:var(--on-pop)}.badge-tint{background:var(--tint-soft);color:var(--tint)}.badge-neutral{background:var(--surface-raised);color:var(--ink)}a.badge{border:1px solid #0000;text-decoration:none}a.badge:hover{border-color:var(--line-strong)}.hero .inner{gap:var(--space-8);padding-block:var(--space-12) var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.hero h1{font:800 clamp(40px, 6vw, 72px)/.95 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.hero h1 em{color:var(--tint);font-style:normal}.hero p{margin:var(--space-4) 0 0;color:var(--ink-muted);max-width:42ch;font-size:18px;line-height:28px}.hero-cta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.pick{border-radius:var(--radius-lg);aspect-ratio:16/10;background:var(--surface-raised);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pick img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.pick:hover img{transform:scale(1.02)}.pick-cap{left:var(--space-3);bottom:var(--space-3);right:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--scrim);color:var(--on-scrim);text-align:left;display:flex;position:absolute}.pick-cap b{font:700 16px/22px var(--font-display);display:block}.pick-cap span{font:500 13px/18px var(--font-sans);opacity:.85}.pick-tag{top:var(--space-3);left:var(--space-3);position:absolute}@media (width<=820px){.hero .inner{padding-block:var(--space-8) var(--space-6);gap:var(--space-6);grid-template-columns:1fr}}.bar{top:calc(env(safe-area-inset-top,0px) + var(--header-h,65px));z-index:10;background:var(--canvas);position:sticky}.bar .inner{align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-4) var(--space-4);display:flex}.section-head h2{font:700 20px/26px var(--font-display);letter-spacing:-.01em;margin:0}.section-head .count{font-size:12px}.grid{gap:var(--space-6) var(--space-4);padding-bottom:var(--space-12);display:grid}.grid.desktop{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid.phone{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (width>=900px){.grid{column-gap:var(--space-6)}}@media (width<=420px){.grid.phone{grid-template-columns:1fr 1fr}.grid.desktop{grid-template-columns:1fr}}.card{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.media{background:var(--surface-raised);position:relative;overflow:hidden}.desktop .media{aspect-ratio:16/10;border-radius:var(--radius-lg)}.phone .media{aspect-ratio:9/19.5;border-radius:var(--radius-device)}.media-open{border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.media img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.card:hover .media img{transform:scale(1.03)}.media .badge{top:var(--space-3);left:var(--space-3);pointer-events:none;position:absolute}.actions{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--scrim);opacity:0;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.card:hover .actions,.card:focus-within .actions{opacity:1}@media (hover:none){.actions{display:none}}.save{border-radius:var(--radius-md);width:32px;height:32px;color:var(--on-scrim);background:0 0;border:0;place-items:center;display:inline-grid}.save[aria-pressed=true]{color:var(--mark-teal)}.save[aria-pressed=true] svg{fill:currentColor}.card h3{font:600 14px/20px var(--font-sans);margin:0}.card .by{font:500 13px/18px var(--font-sans);color:var(--ink-muted);margin:0}.meta{font:500 12px/16px var(--font-mono);letter-spacing:.02em;color:var(--ink-muted);font-variant-numeric:tabular-nums;margin:0}.card .meta{margin-top:var(--space-1)}.card-body{justify-content:space-between;gap:var(--space-2);align-items:start;display:flex}.card-body>div{min-width:0}.card-save-touch{display:none}@media (hover:none){.card-save-touch{color:var(--ink-muted);display:inline-grid}.card-save-touch[aria-pressed=true]{color:var(--pop)}}.empty{padding:var(--space-12) 0;text-align:left;grid-column:1/-1;max-width:52ch}.empty h3{margin:0 0 var(--space-2);font:700 20px/26px var(--font-display)}.empty p{margin:0 0 var(--space-4);color:var(--ink-muted)}.foot{border-top:1px solid var(--line);background:var(--surface)}.foot .inner{gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.foot p{margin:var(--space-3) 0 0;color:var(--ink-muted);max-width:52ch;font-size:14px;line-height:22px}.foot p a{color:var(--ink);text-underline-offset:3px}.foot h4{font:600 14px/20px var(--font-sans);margin:0}.foot .legal{gap:var(--space-2) var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;grid-column:1/-1;font-size:14px;line-height:20px;display:flex}.foot .legal a{color:inherit;text-underline-offset:3px}.foot .legal a:hover{color:var(--ink)}@media (width<=700px){.foot .inner{gap:var(--space-6);grid-template-columns:1fr}}.sheet{z-index:50;padding:max(var(--space-4), env(safe-area-inset-top,0px)) max(var(--space-4), env(safe-area-inset-right,0px)) max(var(--space-4), env(safe-area-inset-bottom,0px)) max(var(--space-4), env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.sheet-bg{background:var(--surface-raised);position:absolute;inset:0;overflow:hidden}.sheet-bg img{object-fit:cover;filter:blur(48px)saturate(1.2);opacity:.75;width:120%;height:120%;position:absolute;inset:-10%}.sheet-bg:after{content:"";background:var(--scrim);position:absolute;inset:0}.panel{gap:var(--space-6);width:min(1120px,100%);max-height:100%;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-float);grid-template-columns:minmax(0,1fr) 340px;display:grid;position:relative;overflow:auto}.panel.is-phone{grid-template-columns:minmax(0,1fr) 340px;width:min(860px,100%)}.stage{background:var(--surface-raised);border-radius:var(--radius-md);min-width:0;padding:var(--space-6);place-items:center;display:grid}.stage img{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:min(64vh,620px);box-shadow:var(--shadow-float);display:block}.panel.is-phone .stage img{border-radius:var(--radius-device);max-height:min(70vh,640px)}.info{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.info h2{font:700 32px/36px var(--font-display);letter-spacing:-.02em;text-wrap:balance;padding-right:var(--space-8);margin:0}.info .by{margin:var(--space-1) 0 0;color:var(--ink-muted);font:500 14px/20px var(--font-sans)}.info .tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.close{top:var(--space-3);right:var(--space-3);z-index:2;position:absolute}fieldset{border:0;min-width:0;margin:0;padding:0}legend{font:600 14px/20px var(--font-sans);margin-bottom:var(--space-2);padding:0}.res{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;max-height:336px;margin:-3px;padding:3px;display:flex;overflow-y:auto}.res label{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;flex:none;min-height:44px;display:flex;position:relative}.res label:hover{border-color:var(--line-strong)}.res input{opacity:0;pointer-events:none;position:absolute}.res label:has(input:checked){border-color:var(--tint);background:var(--tint-soft)}.res label:has(input:focus-visible){box-shadow:var(--focus-ring)}.res .name{font:600 14px/20px var(--font-sans)}.res .hint{font:500 12px/16px var(--font-sans);color:var(--ink-muted);display:block}.res label:has(input:checked) .name{color:var(--tint)}.dl-row{gap:var(--space-2);display:flex}.stage img.cover-w{object-fit:cover;width:100%;height:auto;max-height:none}.stage img.cover-h{object-fit:cover;width:auto;max-width:100%;height:min(70vh,640px)}.pick-toggle{margin-top:var(--space-2)}.pick-toggle[aria-pressed=true]{color:var(--tint);border-color:var(--tint);background:var(--tint-soft)}.review-bar{z-index:50;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) max(var(--space-4), env(safe-area-inset-right,0px)) max(var(--space-3), env(safe-area-inset-bottom,0px)) max(var(--space-4), env(safe-area-inset-left,0px));background:var(--surface-raised);border-top:1px solid var(--line-strong);box-shadow:var(--shadow-float);font:600 14px/20px var(--font-sans);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0}.review-bar code{white-space:nowrap;min-width:0;font:500 13px/20px var(--font-mono);color:var(--ink-muted);flex:1;overflow-x:auto}body.has-review{padding-bottom:80px}body.has-review .toast{bottom:96px}.sheet:not([hidden])~.review-bar{display:none}.dl-row .btn-primary{flex:1;height:48px;font-size:15px}.dl-row .btn-quiet{width:48px;height:48px;padding:0}.dl-row .btn-quiet[aria-pressed=true]{color:var(--pop);border-color:var(--pop);background:var(--pop-soft)}.dl-row .btn-quiet[aria-pressed=true] svg{fill:currentColor}.fine{color:var(--ink-muted);margin:0;font-size:13px;line-height:20px}.share-wrap{display:flex;position:relative}.share-menu{right:0;top:calc(100% + var(--space-2));z-index:20;gap:var(--space-1);width:240px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-float);grid-template-columns:1fr 1fr;display:grid;position:absolute}.share-menu[hidden]{display:none}.share-menu.up{top:auto;bottom:calc(100% + var(--space-2))}.share-menu a,.share-menu button{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink);font:600 14px/20px var(--font-sans);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.share-menu a:hover,.share-menu button:hover,.share-menu :focus-visible{background:var(--surface-raised)}.share-menu .wide{grid-column:1/-1}.link-btn{align-items:center;gap:var(--space-1);color:var(--tint);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline-flex}.more h3{margin:var(--space-2) 0 var(--space-2);font:600 14px/20px var(--font-sans)}.more-row{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.more-row button{background:var(--surface-raised);border-radius:var(--radius-sm);aspect-ratio:16/10;border:0;padding:0;overflow:hidden}.panel.is-phone .more-row button{aspect-ratio:9/19.5;border-radius:var(--radius-md)}.more-row img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=860px){.sheet{place-items:end stretch;padding:0}.panel,.panel.is-phone{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:100%;padding:var(--space-4) max(var(--space-4), env(safe-area-inset-right,0px)) max(var(--space-6), env(safe-area-inset-bottom,0px)) max(var(--space-4), env(safe-area-inset-left,0px));grid-template-columns:1fr}.stage{padding:var(--space-4)}.stage img{max-height:46vh}.panel.is-phone .stage img{max-height:52vh}.info h2{font-size:26px;line-height:30px}}.toast{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:60;align-items:center;gap:var(--space-2);max-width:calc(100% - 32px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--canvas);font:600 14px/20px var(--font-sans);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.toast .dot{background:var(--mark-teal);border-radius:3px;flex:none;width:10px;height:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.card:hover .media img,.pick:hover img,.btn-primary:hover{transform:none}}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-underline-offset:3px;text-decoration:underline}.info .page-link{margin-top:var(--space-2);color:var(--tint);font:600 14px/20px var(--font-sans);text-underline-offset:3px;display:inline-block}.foot-cats{margin:var(--space-3) 0 0;gap:var(--space-2) var(--space-4);flex-wrap:wrap;padding:0;font-size:14px;line-height:22px;list-style:none;display:flex}.foot-cats a{color:var(--ink-muted);text-underline-offset:3px}.foot-cats a:hover{color:var(--ink)}.foot .foot-gap{margin-top:var(--space-6)}.foot .foot-support{margin-top:var(--space-4)}