/* Picker home (portal/pickerhome.js, 2026-10-24). Site variables only; light/dark; phone/computer; reduce motion. */
.pmh .pmd-hero{margin-bottom:16px}
.pmh-line{margin:6px 0 0;min-height:1.5em;color:var(--ink2);font-weight:600}
.pmh-line span{display:inline-block;transition:opacity .26s ease,transform .26s ease}
.pmh-line span.out{opacity:0;transform:translateY(4px)}
.pmh-sec{min-width:0}
.pmh-sec .pmd-head .eyebrow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* E8 quick access */
.pmh-quick{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin:0 0 18px}
.pmh-search{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:var(--sh-s);color:var(--ink2);min-width:0}
.pmh-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);outline:none;height:100%}
.pmh-search:focus-within{box-shadow:0 0 0 2px var(--orange),var(--sh-s)}
.pmh-qa{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:var(--sh-s);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.pmh-qa:hover{box-shadow:0 0 0 1.5px var(--line),var(--sh-s)}
.pmh-qa b{font-weight:800}
.pmh-qk{color:var(--ink2);font-weight:600}
.pmh-top{color:var(--orange-d,#E24A16);font-weight:700;padding-left:8px;border-left:1px solid var(--line)}
@media (max-width:640px){
  .pmh-quick{grid-template-columns:1fr 1fr}
  .pmh-search{grid-column:1/-1}
  .pmh-qa{justify-content:center;padding:0 10px;min-width:0}
  .pmh-qa .pmh-qk{display:none}
}

/* E2 continue */
.pmh-cont{display:flex;flex-direction:column;align-self:stretch}
.pmh-ci{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.pmh-ci:first-child{border-top:0;padding-top:4px}
.pmh-ci-img{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--soft)}
.pmh-ci-img img{width:100%;height:100%;object-fit:cover;display:block}
.pmh-play{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border-radius:999px;background:rgba(14,15,17,.72);color:#fff;display:flex;align-items:center;justify-content:center}
.pmh-play .pmd-ic{fill:currentColor;stroke:none}
.pmh-ci-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.pmh-ci-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmh-ci-t .small{margin:0;color:var(--ink2)}
.pmh-ci .pmd-bar{height:4px}
.pmh-resume{font-weight:700;font-size:14px;color:var(--orange-d,#E24A16)}

/* E7 program dots */
.pmh-streak .pmh-day{font-size:18px}
.pmh-dots{display:flex;flex-wrap:wrap;gap:5px;align-self:stretch}
.pmh-dots i{width:9px;height:9px;border-radius:999px;background:var(--line)}
.pmh-dots i.on{background:var(--orange)}
.pmh-dots i.now{background:none;box-shadow:inset 0 0 0 2px var(--orange)}

/* E3 / E6 rails */
.pmh-rail{grid-auto-columns:minmax(132px,1fr)}
@media (max-width:640px){.pmh-rail{grid-auto-columns:42%}}
.pmh-face{position:absolute;left:8px;bottom:8px}
.pmh-face .pmd-av{width:32px;height:32px;box-shadow:0 0 0 2px #fff}
.pmh-face .pmd-ini{font-size:12px}
.pmh-new{position:absolute;right:9px;top:9px;width:11px;height:11px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 2px #fff}
.pmh-free{position:absolute;left:8px;top:8px}

/* E4 asks as chat bubbles */
.pmh-asks{display:flex;flex-direction:column;gap:12px;align-self:stretch}
.pmh-ask{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--soft);align-items:flex-start}
.pmh-ask.fresh{box-shadow:inset 0 0 0 1.5px var(--orange)}
.pmh-b{display:flex;align-items:flex-end;gap:8px;max-width:92%}
.pmh-b.me{align-self:flex-end}
.pmh-bt{padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.pmh-b.me .pmh-bt{background:var(--black,#0E0F11);color:#fff;border-bottom-right-radius:5px}
.pmh-b.them .pmh-bt{background:#fff;color:var(--ink);border-bottom-left-radius:5px;box-shadow:var(--sh-s)}
.pmh-b.them .pmd-av{width:28px;height:28px}
.pmh-b.them .pmd-ini{font-size:11px}
.pmh-steps{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;color:var(--ink3)}
.pmh-st.on{color:var(--ink);font-weight:700}
.pmh-metoo{flex-basis:100%;color:var(--ink2)}

/* E5 mood board collage */
.pmh-collage{display:grid;gap:6px;align-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:84px;border-radius:14px;overflow:hidden;text-decoration:none}
.pmh-collage span{background:var(--soft);overflow:hidden;border-radius:10px}
.pmh-collage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.pmh-collage:hover img{transform:scale(1.03)}
.pmh-collage span:first-child{grid-row:span 2;grid-column:span 2}
.pmh-collage.n1{grid-template-columns:1fr;grid-auto-rows:170px}
.pmh-collage.n1 span:first-child,.pmh-collage.n2 span:first-child{grid-row:auto;grid-column:auto}
.pmh-collage.n2{grid-template-columns:1fr 1fr;grid-auto-rows:170px}

/* E9 */
.pmh-vibes .pm-chips{align-self:stretch}
.pmh-pop{margin-top:10px!important}

/* dark */
html[data-theme="dark"] .pmh-search,html[data-theme="dark"] .pmh-qa{background:#161920}
html[data-theme="dark"] .pmh-b.them .pmh-bt{background:#232731}
html[data-theme="dark"] .pmh-b.me .pmh-bt{background:var(--ink);color:#0D0F14}
html[data-theme="dark"] .pmh-face .pmd-av,html[data-theme="dark"] .pmh-new{box-shadow:0 0 0 2px #161920}
html[data-theme="dark"] .pmh-play{background:rgba(0,0,0,.7)}

@media (prefers-reduced-motion:reduce){.pmh-line span{transition:none}.pmh-collage:hover img{transform:none}}
.pmh-sec .pmd-head .pm-link{white-space:nowrap;flex:none}