/* OUT2 All picks (all.html / js/all.js) — uses each theme's --bg/--fg/--muted/--line/--accent */
.ap{max-width:1280px;margin:0 auto;padding:calc(var(--nav-h,64px) + 26px) var(--pad,20px) 110px}
.ap-head h1{margin:0;font-size:clamp(30px,4.4vw,48px);letter-spacing:-.02em}.ap-head p{margin:6px 0 18px;color:var(--muted)}
.ap-bar{position:sticky;top:var(--nav-h,60px);z-index:5;margin:0 calc(-1*var(--pad,20px)) 14px;padding:10px var(--pad,20px) 8px;background:color-mix(in srgb,var(--bg,#0b0b0c) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ap-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border:1px solid var(--line);border-radius:99px;background:color-mix(in srgb,var(--fg,#fff) 4%,transparent)}
.ap-search svg{width:18px;height:18px;opacity:.6;flex:none}.ap-search input{flex:1;min-width:0;border:0;background:none;color:inherit;font:500 15px Inter,system-ui,sans-serif;outline:none}
.ap-search:focus-within{border-color:var(--accent,#ff5a3c)}
.ap-chips{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}.ap-chips::-webkit-scrollbar{display:none}
.ap-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:none;color:inherit;font:600 13px/1 Inter,system-ui,sans-serif;padding:9px 13px;border-radius:99px;cursor:pointer}
.ap-chip em{font-style:normal;font-weight:500;opacity:.55;font-size:12px}.ap-chip em:empty{display:none}
.ap-chip.on{background:var(--fg,#f4f4f5);color:var(--bg,#0b0b0d);border-color:transparent}.ap-chip.on::after{content:"×";margin-left:2px;opacity:.7}
.ap-chip:disabled{opacity:.35;cursor:default}.ap-chip:focus-visible,.ap-sort select:focus-visible{outline:2px solid var(--accent,#ff5a3c);outline-offset:2px}
.ap-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.ap-n{margin:0;font:600 13px Inter;color:var(--muted);font-variant-numeric:tabular-nums}
.ap-sort{font:500 13px Inter;color:var(--muted)}.ap-sort select{margin-left:6px;background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:600 13px Inter}
.ap-sort option{color:#111}
.ap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
@media (min-width:700px){.ap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}}@media (min-width:1100px){.ap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ap-card{display:block;color:inherit;text-decoration:none;content-visibility:auto;contain-intrinsic-size:auto 300px}
.ap-img{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--fg,#fff) 6%,transparent)}
.ap-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.ap-card:hover .ap-img img{transform:scale(1.03)}
.ap-b{padding:9px 2px 0}.ap-w{margin:0 0 3px;font:600 11.5px Inter;color:var(--accent,#ff5a3c)}.ap-reme{color:#e2c27a}
.ap-b h3{margin:0;font-size:15px;line-height:1.25}.ap-m{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.ap-div{grid-column:1/-1;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:15px;color:var(--muted);font-weight:600}
.ap-empty{grid-column:1/-1;text-align:center;padding:60px 10px;color:var(--muted)}.ap-empty p{font-size:16px}
.ap-clear{margin-top:6px;border:1px solid var(--line);background:none;color:var(--fg);padding:10px 16px;border-radius:99px;font:600 14px Inter;cursor:pointer}
.ap-more{height:1px}
.ap-img .gm{--gm:44px;top:6px;right:6px}
html.t-editorial .ap-img{border-radius:2px}html.t-editorial .ap-b h3{font-family:var(--f-head,Georgia,serif);font-weight:500;font-size:17px}
html.t-cinema .ap-img{aspect-ratio:2/3;border-radius:6px}html.t-mosaic .ap-img{border-radius:18px}
@media (prefers-reduced-motion:reduce){.ap-img img{transition:none}}

/* r82 CLS: the list renders after its data loads; reserve a screen of height so the footer doesn't jump (CLS was ~0.7) */
#all{min-height:100vh;min-height:100svh}

.ap-chip[hidden]{display:none!important}

/* r72.5 (Hater r19): Sort was a blank white box in WebKit (transparent native select). Dark select, own chevron, dark native picker. */
.ap-sort select{-webkit-appearance:none;appearance:none;color-scheme:dark;background:#1d1c21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f5f3ef' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 9px center/10px 7px;color:#f5f3ef;padding:6px 28px 6px 10px;min-height:32px;line-height:1.2}
.ap-sort option{background:#1d1c21;color:#f5f3ef}