/* New Picker / Creator pages (founder, 2026-09-28). Uses the site's own variables (--ink, --ink2, --line, --orange, --soft,
   radii) and classes (hero, sec, h1, h2, lede, eyebrow, chips, chip, pill, btn). Everything else is prefixed pk-. */
.pk-hero{padding-bottom:10px}
.pk-hero .h1{max-width:900px}
.pk-search{display:flex;align-items:center;gap:8px;max-width:640px;margin-top:6px;background:#fff;border-radius:999px;padding:5px 5px 5px 22px;box-shadow:inset 0 0 0 1.5px var(--line)}
.pk-search input{flex:1;min-width:0;border:none;outline:none;font:inherit;font-size:15px;background:none}
.pk-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pk-scroll::-webkit-scrollbar{display:none}
.pk-scroll .chip{flex:none;display:inline-flex;align-items:center;gap:6px}
.pk-new{background:var(--orange);color:#fff;font-size:10px;font-weight:800;border-radius:9px;padding:2px 6px;margin-left:4px}
.pill.on{background:var(--ink);color:#fff}

/* Masonry: every vibe keeps its real shape */
.pk-masonry{display:flex;gap:14px;align-items:flex-start}
.pk-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
@media (max-width:760px){.pk-masonry,.pk-col{gap:10px}}
.pk-tile{display:block;position:relative;border-radius:var(--r-md,18px);overflow:hidden;color:#fff;text-decoration:none}
.pk-ph{width:100%;background:var(--tint,#EFE7DC)}
.pk-ph img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s,transform .5s}
.pk-ph img.in{opacity:1}
.pk-tile:hover .pk-ph img{transform:scale(1.03)}
.pk-icons{position:absolute;top:10px;right:10px;display:flex;gap:6px}
.pk-ico{height:26px;min-width:26px;padding:0 8px;border-radius:13px;background:rgba(14,14,15,.42);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.pk-ico.or{background:var(--orange)}
.pk-by{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);display:flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:999px;background:rgba(14,14,15,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}
.pk-by .pk-av{width:20px;height:20px;border-radius:50%;flex:none;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.pk-by b{font-size:11.5px;font-weight:600;line-height:1.2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}
.pk-by b>span{overflow:hidden;text-overflow:ellipsis}
.pk-by .pk-by-seal{width:12px;height:12px;margin-left:4px;flex:none}
@media (min-width:1100px){.pk-by{left:10px;bottom:10px;gap:7px}.pk-by .pk-av{width:22px;height:22px}.pk-by b{font-size:12.5px}}
@media (hover:hover){.pk-by{opacity:0;transition:opacity .2s}.pk-tile:hover .pk-by{opacity:1}}
.pk-more{height:1px}
.pk-empty{padding:40px 0;color:var(--ink2);text-align:center}

/* Drops */
.pk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.pk-drop{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-lg,22px);overflow:hidden;background:var(--soft);text-decoration:none;color:#fff}
.pk-drop img{width:100%;height:100%;object-fit:cover}
.pk-blur{filter:blur(18px);transform:scale(1.15)}
.pk-shade{position:absolute;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(14,14,15,.6));display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.pk-shade b{font-size:20px;letter-spacing:-.02em}
.pk-tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:800;border-radius:10px;padding:3px 9px;vertical-align:middle}
.pk-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pk-countdown div{background:#fff;border-radius:14px;padding:12px 0;text-align:center;box-shadow:inset 0 0 0 1.5px var(--line)}
.pk-countdown b{display:block;font-size:26px;font-weight:800}
.pk-countdown span{font-size:12px;color:var(--ink2)}

/* Vibe page */
.pk-detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:clamp(22px,4vw,56px);align-items:start}
@media (max-width:900px){.pk-detail{grid-template-columns:1fr}}
.pk-media{border-radius:var(--r-xl,28px);overflow:hidden;background:var(--soft)}
.pk-media img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}
.pk-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.pk-thumbs img{width:72px;height:72px;border-radius:12px;object-fit:cover;cursor:pointer;opacity:.7}
.pk-thumbs img.on{opacity:1;outline:2px solid var(--orange)}
.pk-panel{background:#fff;border-radius:var(--r-xl,28px);box-shadow:inset 0 0 0 1.5px var(--line);padding:24px;display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
.pk-panel p{margin:0}
.pk-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;border:none;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;cursor:pointer;font:inherit;text-align:left}
.pk-opt.on{box-shadow:inset 0 0 0 2px var(--ink)}
.pk-price{font-size:32px;font-weight:800;letter-spacing:-.03em}
.pk-muted{color:var(--ink2);text-decoration:none}
.pk-small{font-size:13px;color:var(--ink2);margin:0}
.pk-note{background:#FFF1EA;color:#B8420F;border-radius:12px;padding:10px 12px;font-size:13.5px;margin:0}
.pk-note.ok{background:#E7F4EA;color:#2E7D4A;display:flex;align-items:center;gap:6px}
.pk-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;cursor:pointer}
.pk-check input{width:20px;height:20px;accent-color:var(--orange);flex:none;margin-top:1px}
.pk-thanks{border-top:1.5px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pk-dlrow{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.pk-dlrow .pill{display:inline-flex;align-items:center;gap:6px}

/* Creator page, My Picks, forms */
.pk-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.pk-bigav{width:112px;height:112px;border-radius:50%;object-fit:cover;background:#FFF1EA;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:34px;color:var(--orange)}
.pk-stats{display:flex;gap:28px;justify-content:center}
.pk-stats b{display:block;font-size:20px}.pk-stats span{font-size:12.5px;color:var(--ink2)}
.pk-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
.pk-stack{display:flex;flex-direction:column;gap:12px}
.pk-form{max-width:820px}
.pk-form b{margin-top:10px}
.pk-input{width:100%;min-height:52px;border-radius:14px;border:none;box-shadow:inset 0 0 0 1.5px var(--line);padding:14px 16px;font:inherit;font-size:15px;background:#fff}
.pk-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ink)}
textarea.pk-input{resize:vertical}
.pk-pickrow{background:#fff;border-radius:var(--r-lg,22px);box-shadow:inset 0 0 0 1.5px var(--line);padding:16px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.pk-pickrow img{width:96px;height:96px;border-radius:14px;object-fit:cover;background:var(--soft)}
.pk-pickrow>div{flex:1;min-width:220px}
.pk-modal{position:fixed;inset:0;z-index:200;background:rgba(14,15,17,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.pk-box{background:#fff;border-radius:28px;width:100%;max-width:440px;padding:28px;position:relative;max-height:90vh;overflow:auto}
.pk-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:none;font-size:24px;cursor:pointer}
[hidden]{display:none!important}

/* First block of the Creator, vibe and Drop pages: clear of the fixed header */
#p-c>.sec:first-child,#p-v>.sec:first-child,#p-drop>.sec:first-child{padding-top:120px}
@media (max-width:760px){#p-c>.sec:first-child,#p-v>.sec:first-child,#p-drop>.sec:first-child{padding-top:100px}}

.pk-search .btn{height:44px!important;min-height:44px}
.pk-search input{height:44px}

/* Waitlist → head start */
.pk-headstart{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pk-headstart b{font-size:20px;letter-spacing:-.02em}
.pk-headstart p{margin:0;color:var(--ink2);line-height:1.5}
.pk-later{font-size:14px;font-weight:600;color:var(--ink2);text-decoration:none;padding:10px 0}

/* Top up (2026-09-28) */
.pk-topup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px;margin:0 auto 18px}
.pk-pack{background:#fff;border-radius:20px;padding:22px 12px;text-align:center;box-shadow:var(--sh-s,0 10px 26px -18px rgba(17,18,20,.4));border:1.5px solid transparent}
.pk-pack-mid{border-color:var(--orange,#FF5A26)}
.pk-pack b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:6px}
.pk-pack-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d,#E24A16)}
.pk-center{text-align:center}
.pk-center .btn{margin:6px auto 8px}
.pk-center .btn[disabled]{opacity:.55;cursor:not-allowed}
.pk-legal{max-width:640px;margin:22px auto 0;text-align:center;color:var(--ink3,#6B6661)}
@media (max-width:420px){.pk-pack{padding:18px 6px}.pk-pack b{font-size:23px}.pk-pack-k{font-size:10px}}

/* Get started (2026-09-28) */
.pk-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:760px){.pk-start{grid-template-columns:1fr}}
.pk-opt{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sh-s,0 10px 26px -18px rgba(17,18,20,.4));display:flex;flex-direction:column}
.pk-opt-pro{box-shadow:inset 0 0 0 2px var(--orange,#FF5A26),var(--sh-s,0 10px 26px -18px rgba(17,18,20,.4))}
.pk-opt-img{height:170px;background-size:cover;background-position:center}
.pk-opt-in{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.pk-opt h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center}
.pk-opt h2 .pm-seal-s{width:20px;height:20px;margin-left:8px}
.pk-opt-badge{align-self:flex-start;margin-top:8px;padding:3px 10px;border-radius:999px;background:#FFF1EA;color:#B8420F;font-size:12px;font-weight:700}
.pk-opt-lede{margin:10px 0 12px;color:var(--ink2,#3A3633)}
.pk-opt ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pk-opt li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;color:var(--ink,#111)}
.pk-opt li::before{content:'';position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--orange,#FF5A26)}
.pk-opt-btns{margin-top:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pk-opt-more{font-weight:700;color:var(--ink,#111);text-decoration:underline;text-underline-offset:3px}
.pk-opt{align-items:stretch!important;text-align:left}
.pk-opt-img{width:100%;align-self:stretch}
.pk-opt-in{align-items:stretch;width:100%;box-sizing:border-box}
.pk-opt{padding:0!important;gap:0!important}.pk-opt-img{border-radius:0!important;margin:0!important}

/* Pro card: the orange frame is drawn over the whole card, photo included (2026-09-28) */
.pk-opt{position:relative}
.pk-opt-pro{box-shadow:var(--sh-s,0 10px 26px -18px rgba(17,18,20,.4))!important}
.pk-opt-pro::after{content:'';position:absolute;inset:0;border:2px solid var(--orange,#FF5A26);border-radius:inherit;pointer-events:none;z-index:2}
/* Photo credits page (2026-09-29) */
/* Creator setup message box (clearly visible, not small grey text) and the filtered Discover bar (founder, 2026-09-29) */
.pk-msgbox{margin-top:6px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--orange,#FF5A26);background:rgba(255,90,38,.08);color:var(--ink,#111214);font-size:15px;line-height:1.5}
.pk-msgbox b{font-weight:700}
.pk-msgbox.ok{border-color:#2E7D4A;background:rgba(46,125,74,.09)}
.pk-setup select.pk-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:40px}
.pk-filterbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:15px}
.pk-filterbar b{font-weight:700;font-size:17px}
.pk-clear{color:var(--orange-d,#E8480E);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.pk-soon{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;background:var(--soft,#F7F5F1)}
.pk-soon b{font-size:17px}.pk-soon span{color:var(--muted,rgba(17,18,20,.62));font-size:14.5px}

/* Upload your vibes (founder, 2026-09-29): banner collage, big drop zone, portfolio progress, one card per vibe, live
   profile preview. Colours come from the site's variables, so the dark theme follows automatically. */
.pk-upban{background:var(--soft);padding:36px 0 34px}
.pk-upban-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.pk-upban-txt .h1{margin:6px 0 12px}
.pk-upban-txt .lede{max-width:560px}
.pk-collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:170px 170px;gap:12px;padding-bottom:16px}
.pk-cl{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 30px rgba(14,14,15,.10)}
.pk-cl1,.pk-cl4{transform:translateY(16px)}
.pk-exlabel{position:absolute;right:10px;bottom:10px;background:rgba(14,14,15,.55);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:4px 10px}
@media (max-width:900px){.pk-upban-in{grid-template-columns:1fr;gap:22px}.pk-collage{grid-template-rows:120px 120px}}
@media (max-width:520px){.pk-upban{padding:24px 0}.pk-collage{grid-template-rows:92px 92px;gap:8px;padding-bottom:10px}.pk-cl{border-radius:14px}.pk-cl1,.pk-cl4{transform:translateY(10px)}}

.pk-up-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.pk-up-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
@media (max-width:980px){.pk-up-grid{grid-template-columns:1fr;gap:26px}.pk-up-side{position:static}}
.pk-up-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.pk-sub{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}

.pk-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:46px 22px;border-radius:28px;border:2px dashed var(--orange);
  background:rgba(255,90,31,.04);cursor:pointer;transition:box-shadow .25s,background .25s,transform .25s}
.pk-zone:hover,.pk-zone.drag{background:rgba(255,90,31,.08);box-shadow:0 0 0 7px rgba(255,90,31,.12),0 14px 40px rgba(255,90,31,.18)}
.pk-zone.drag{transform:scale(1.01)}
.pk-zone b{font-size:19px;color:var(--ink)}
.pk-zone span{color:var(--ink2);font-size:15px}
.pk-zone small{color:var(--ink3);font-size:12.5px;margin-top:4px}
.pk-zone .btn{margin-top:12px}
.pk-zone-off{cursor:default}
.pk-zone-ic{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,90,31,.12);color:var(--orange);margin-bottom:6px}

.pk-prog{display:flex;flex-direction:column;gap:8px}
.pk-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}
.pk-slot{aspect-ratio:1;border-radius:12px;border:1.5px dashed var(--line);background:var(--soft);overflow:hidden;position:relative}
.pk-slot img{width:100%;height:100%;object-fit:cover;display:block;animation:pk-pop .35s ease-out both}
.pk-slot.up{border:1.5px solid transparent}
.pk-slot.new{border:2px solid var(--orange)}
.pk-progmsg{margin:0;font-size:14px;color:var(--ink2)}
.pk-progmsg b{color:var(--ink)}
.pk-dash{color:var(--ink3)}
@media (max-width:560px){.pk-slots{grid-template-columns:repeat(5,1fr)}}

.pk-apply{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--soft)}
.pk-apply-row{display:flex;gap:8px;align-items:center}
.pk-apply-row .pk-input{min-height:46px;padding:10px 14px}
.pk-apply .btn{white-space:nowrap}
.pk-vcards{display:flex;flex-direction:column;gap:14px}
.pk-vcard{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .35s ease-out var(--d,0ms),transform .35s ease-out var(--d,0ms),box-shadow .2s}
.pk-vcard.in{opacity:1;transform:none}
.pk-vcard.ready{box-shadow:inset 0 0 0 2px #2E7D4A}
.pk-vtop{display:flex;gap:14px;align-items:center}
.pk-vth{position:relative;width:86px;height:86px;flex:none}
.pk-vth img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.pk-fmt{position:absolute;left:5px;top:5px;background:rgba(14,14,15,.62);color:#fff;font-size:10px;font-weight:800;border-radius:7px;padding:2px 6px}
.pk-vhead{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.pk-vhead b{font-size:16px;margin:0;color:var(--ink)}
.pk-vstate{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--orange-d)}
.pk-vcard.ready .pk-vstate{color:#2E7D4A}
.pk-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.pk-x:hover{background:var(--line)}
.pk-l{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
div.pk-l{flex-direction:row;align-items:baseline;gap:6px;margin-top:2px}
.pk-l small{font-weight:500;color:var(--ink3)}
.pk-l .pk-input{min-height:46px;padding:11px 14px;font-weight:500}
.pk-input.miss{box-shadow:inset 0 0 0 2px var(--orange)}
.pk-2c{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.pk-2c{grid-template-columns:1fr}}
.pk-moods{gap:6px}
.pk-mood{font-size:12.5px;padding:6px 11px}
.pk-warn{color:var(--orange-d)}
.pk-warn:empty{display:none}
.pk-noprice{margin-top:6px}

.pk-pv-card{border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);padding:16px;margin-top:10px}
.pk-pv-head{display:flex;gap:12px;align-items:center}
.pk-pv-head b{display:block;font-size:16px;color:var(--ink)}
.pk-pv-head span{display:block;font-size:13px;color:var(--ink2)}
.pk-pv-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.pk-pv-head .pk-pv-ini{display:flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;font-weight:800;font-size:22px}
.pk-founding{display:inline-block;margin-top:5px;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--orange);border-radius:999px;padding:3px 9px}
.pk-pv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.pk-pv-grid img,.pk-pv-grid span{aspect-ratio:4/5;width:100%;border-radius:10px;object-fit:cover;display:block;background:var(--soft)}
.pk-pv-grid img{animation:pk-pop .35s ease-out both}

.pk-how{border-radius:22px;background:var(--soft);padding:18px}
.pk-how b{display:block;font-size:16px;color:var(--ink);margin-bottom:10px}
.pk-how ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pk-how li{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink)}
.pk-num{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}

.pk-great-h{margin:0 0 18px}
.pk-great{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pk-gt{margin:0}
.pk-gt-ph{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden}
.pk-gt-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pk-gt figcaption{display:flex;flex-direction:column;gap:3px;margin-top:10px}
.pk-gt figcaption b{font-size:16px;color:var(--ink)}
.pk-gt figcaption span{font-size:14px;color:var(--ink2)}
@media (max-width:720px){.pk-great{grid-template-columns:1fr;gap:18px}}

.pk-mine{display:flex;flex-direction:column;gap:10px}
.pk-mine-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.pk-mine-it{flex:none;width:112px;display:flex;flex-direction:column;gap:6px}
.pk-mine-it img{width:112px;height:140px;object-fit:cover;border-radius:14px;background:var(--soft)}
.pk-st{font-size:11.5px;font-weight:700;color:var(--ink2);line-height:1.3}
.pk-st.ok{color:#2E7D4A}.pk-st.warn{color:var(--orange-d)}
.pk-sent{display:flex;gap:14px;align-items:center;padding:18px;border-radius:22px;background:var(--soft);margin-bottom:18px}
.pk-sent-ic{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
@keyframes pk-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pk-vcard{opacity:1;transform:none;transition:none}.pk-slot img,.pk-pv-grid img{animation:none}.pk-zone{transition:none}.pk-zone.drag{transform:none}}
.pk-form [data-publish]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Free vibes (founder, 2026-09-29): a small "Free" tag (orange outline), the Free this week row, two-tab sign-in. */
.pk-free{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;border:1.5px solid var(--orange,#FF5A1F);color:var(--orange,#FF5A1F);background:rgba(255,255,255,.92);font-size:11px;font-weight:800;letter-spacing:.2px;line-height:1}
html[data-theme="dark"] .pk-free{background:rgba(14,16,21,.82)}
.pk-free-card{position:absolute;top:9px;right:9px;z-index:2}
.pk-freerow .rail{grid-auto-columns:minmax(168px,200px)}
.pk-freelic{margin-top:6px}
.pk-tabs2{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--soft,#F7F5F2);margin:2px 34px 18px 0}
.pk-tabs2 button{flex:1;height:38px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--ink2,rgba(17,18,20,.64));cursor:pointer}
.pk-tabs2 button.on{background:var(--white,#fff);color:var(--ink,#111214);font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.06),0 0 0 1px var(--line,rgba(17,18,20,.1))}
html[data-theme="dark"] .pk-tabs2{background:#1B1E26}
html[data-theme="dark"] .pk-tabs2 button.on{background:#0D0F14;color:#F4EFE7}
.pk-likethis h2 span:first-child{color:var(--orange,#FF5A1F)}
.pk-likethis .side{display:flex;gap:10px;align-items:center}
@media (max-width:760px){.pk-likethis{flex-direction:column;align-items:flex-start}}
/* Pre-launch upload space + "Your vibes" in the account (founder, 2026-09-29) */
.pk-cap{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.pk-cap-bar{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden;max-width:320px}
.pk-cap-bar i{display:block;height:100%;border-radius:99px;background:var(--orange)}
.pk-cap-t b{color:var(--ink);font-weight:800}
.pk-cap.full .pk-cap-t{color:var(--orange-d);font-weight:600}
.pk-zone-full{border-style:solid!important}
.pm-vibes{margin:22px 0 4px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}
.pm-vibes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pm-vibes-head .pk-cap{margin:6px 0 0}
.pm-vibes-full{max-width:260px;color:var(--orange-d);font-weight:600}
.pm-vibes-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;max-width:100%;min-width:0}
.pm-vibe{flex:none;width:128px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit}
.pm-vibe-img{display:block;width:128px;height:160px;border-radius:14px;overflow:hidden;background:var(--soft)}
.pm-vibe-img img{width:100%;height:100%;object-fit:cover;display:block}
.pm-vibe-t{font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-vibe-note{font-size:11.5px;line-height:1.35;color:var(--ink2)}
@media (max-width:600px){.pm-vibes-head .btn{width:100%;justify-content:center}.pm-vibe{width:112px}.pm-vibe-img{width:112px;height:140px}}

/* Place suggestions (2026-10-01) */
.pk-psug{margin-top:8px;gap:6px}.pk-psug[hidden]{display:none}.pk-psug .chip{height:32px;padding:0 12px;font-size:13px}

/* Creator tools (2026-10-01): Save draft, unfinished upload, save hearts. */
.pk-upbtns{justify-content:flex-start;gap:10px;flex-wrap:wrap}
.pk-resume{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;margin:0 0 14px;border-radius:16px;background:#FFEDE5;color:#9A3412}
.pk-resume>div:first-child{display:flex;flex-direction:column;gap:2px}
.pk-resume>div:first-child>span{font-size:13px}
.pk-resume .pk-row{margin:0;gap:8px}
.pk-heart{position:absolute;top:10px;left:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#111214;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px -6px rgba(0,0,0,.4);padding:0}
.pk-heart svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.pk-heart.on{color:var(--orange,#FF5A26)}.pk-heart.on svg{fill:currentColor}
.pk-heart-lg{position:static;display:inline-flex;margin:4px 0 10px;width:auto;height:44px;padding:0 16px;border-radius:999px;gap:8px;font:inherit;font-weight:700;font-size:14px;border:1.5px solid var(--line);box-shadow:none;background:transparent;color:var(--ink)}
html[data-theme="dark"] .pk-resume{background:rgba(255,90,38,.16);color:#FF8A5C}
html[data-theme="dark"] .pk-heart{background:rgba(22,25,32,.92);color:#F4EFE7}html[data-theme="dark"] .pk-heart.on{color:#FF7A45}
html[data-theme="dark"] .pk-heart-lg{background:transparent}
/* Creator page (2026-10-01, extras26): cover, photo, name + orange Pro seal, bio, skills, Meet me / Showreel, vibes */
.pkc{padding:0 0 72px}
html[data-theme="dark"] .pkc .pkc-av{background:#2A1B15}
.pkc-cover{position:relative;height:clamp(170px,26vw,320px);overflow:hidden;background:linear-gradient(120deg,#FFD9C7 0%,#FFB596 38%,#FF8A61 70%,#FF5A26 100%)}
html[data-theme="dark"] .pkc .pkc-cover{background:linear-gradient(120deg,#3A2218 0%,#5A2C1A 45%,#8A3A1C 80%,#B4441A 100%)}
.pkc-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s ease,transform 1.2s ease}
.pkc-cover-img.in{opacity:1;transform:scale(1)}
.pkc-cover-fade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.28) 100%)}
@media (prefers-reduced-motion:reduce){.pkc-cover-img{transition:none;transform:none}}
.pkc-head{position:relative;flex-direction:row;align-items:flex-start;text-align:left;gap:22px;margin-top:-64px;z-index:2}
.pkc-av{width:132px;height:132px;flex:none;border:4px solid var(--white);box-shadow:0 14px 34px -18px rgba(0,0,0,.5);box-sizing:border-box}
.pkc-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1;padding-top:80px}
.pkc-name{display:flex;align-items:center;gap:10px;margin:0;flex-wrap:wrap;line-height:1.1}
.pkc-seal{width:28px;height:28px;flex:none}
.pkc-hire{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink2)}
.pkc-hire i{width:8px;height:8px;border-radius:50%;background:#2E8B57}
.pkc-bio{margin:4px 0 0;max-width:600px;font-size:16px;line-height:1.55;color:var(--ink)}
.pkc-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pkc-skills span{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink)}
.pkc-stats{justify-content:flex-start;margin-top:6px}
.pkc-actions{justify-content:flex-start;margin-top:8px}
.pkc-intro{align-self:flex-start;margin-top:80px;width:104px;height:120px;border-radius:20px;flex:none;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.pkc-grid-h{margin:44px 0 16px;padding-top:24px;border-top:1px solid var(--line)}
.pkc-grid-h .h3{margin:0}
.pkc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:44px 16px;border:1.5px dashed var(--line);border-radius:var(--r-lg,20px);color:var(--ink2)}
.pkc-empty b{color:var(--ink);font-size:17px}
.pkc-empty .btn{margin-top:8px}
.pkc .a2-safety{justify-content:flex-start;margin-top:18px}
@media (max-width:720px){
  .pkc-head{flex-direction:column;align-items:center;text-align:center;margin-top:-56px;gap:12px}
  .pkc-av{width:112px;height:112px}
  .pkc-id{align-items:center;padding-top:0}
  .pkc-name{justify-content:center}
  .pkc-skills,.pkc-stats,.pkc-actions{justify-content:center}
  .pkc-intro{align-self:center;margin-top:4px;width:100%;max-width:340px;height:auto;flex-direction:row;padding:12px 16px;border-radius:16px}
  .pkc .a2-safety{justify-content:center}
}
/* Creator page v2 (2026-10-01, extras29, founder-approved redesign of this page only): clean space, optional cover,
   centred identity, fewer lines and boxes, category tabs above the vibes. */
.pkc2{padding:28px 0 88px}
.pkc2-own{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-height:40px;margin:0 0 8px}
.pkc2-vis{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:600 13.5px var(--font);color:var(--ink2);cursor:pointer}
.pkc2-vis:hover{background:var(--soft);color:var(--ink)}
.pkc2-vis:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.is-preview .pkc2-own{justify-content:space-between;padding:10px 10px 10px 18px;border-radius:999px;background:var(--soft)}
.pkc2-own-t{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--ink)}
.pkc2-own-t svg{color:var(--orange);flex:none}
.pkc2-cover{position:relative;height:clamp(150px,22vw,300px);border-radius:28px;overflow:hidden;background:var(--soft)}
.pkc2-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease}
.pkc2-cover img.in{opacity:1}
.pkc2-head{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;margin:0 auto;padding:24px 0 0}
.pkc2-av{width:148px;height:148px;border-radius:50%;object-fit:cover;flex:none;background:#FFF1EA;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:44px;color:var(--orange);letter-spacing:.01em}
html[data-theme="dark"] .pkc2-av{background:#2A1B15!important;opacity:1}
.has-cover .pkc2-head{padding-top:0}
.has-cover .pkc2-av{margin-top:-78px;border:5px solid var(--white,#fff);box-sizing:border-box;position:relative;z-index:2}
html[data-theme="dark"] .has-cover .pkc2-av{border-color:#0D0F14}
.pkc2-name{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 0;font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.08}
.pkc2-name .pkc-seal{width:28px;height:28px}
.pkc2-handle{margin:6px 0 0;font-size:15.5px;color:var(--ink2);font-weight:500}
.pkc2-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 0;font-size:14px;color:var(--ink2)}
.pkc2-sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}
.pkc2-bio{margin:16px 0 0;max-width:560px;font-size:16.5px;line-height:1.6;color:var(--ink)}
.pkc2-pro{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}
.pkc2-intro{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 15px 0 5px;border:0;border-radius:999px;background:var(--ink);color:var(--white,#fff);font:700 13.5px var(--font);cursor:pointer}
.pkc2-intro:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.pkc2-play{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.pkc2-skill{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--soft);font-size:13.5px;font-weight:600;color:var(--ink)}
.pkc2-socs{margin:14px 0 0}
.pkc2-soc{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--ink2);font-weight:500;cursor:default}
.pkc2-soc b{color:var(--ink);font-weight:700}
.pkc2-stats{display:flex;justify-content:center;gap:clamp(28px,6vw,56px);margin:24px 0 0}
.pkc2-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}
.pkc2-stats b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.pkc2-stats span{font-size:13px;color:var(--ink2);font-weight:500}
.pkc2-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.pkc2-btns .btn{min-width:112px;justify-content:center;white-space:nowrap}
.pkc2-btns [aria-disabled="true"]{cursor:default}
.pkc2-tabs{justify-content:center;margin:56px 0 0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px}
.pkc2-tabs::-webkit-scrollbar{display:none}
.pkc2-tabs .chip{flex:none}
.pkc2-grid{margin-top:28px}
.pkc2-tabs[hidden]+.pkc2-grid{margin-top:56px}
.pk-price{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#111214;font-size:12.5px;font-weight:700}
html[data-theme="dark"] .pk-price{background:rgba(22,25,32,.92);color:#F4EFE7}
.pk-by-on{opacity:1!important}
.pk-by-seal{width:14px;height:14px;vertical-align:-2px;margin-left:5px;flex:none}
@media (max-width:720px){
  .pkc2{padding-top:16px}
  .pkc2-cover{border-radius:20px;height:150px}
  .pkc2-av{width:112px;height:112px;font-size:34px}
  .has-cover .pkc2-av{margin-top:-58px;border-width:4px}
  .pkc2-name{margin-top:16px;font-size:28px}
  .pkc2-name .pkc-seal{width:24px;height:24px}
  .pkc2-bio{font-size:15.5px}
  .pkc2-stats{margin-top:20px}
  .pkc2-btns .btn{min-width:0;flex:1 1 auto;max-width:220px}
  .pkc2-tabs{justify-content:flex-start;margin-top:40px;margin-left:-16px;margin-right:-16px;padding:2px 16px}
  .is-preview .pkc2-own{border-radius:18px;padding:12px 14px}
}
/* Discover: For you / Following switch + Following feed (extras29) */
.pk-feedsw{display:inline-flex;gap:2px;padding:4px;margin:0 0 22px;border-radius:999px;background:var(--soft)}
.pk-feedsw a{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;font-weight:700;font-size:14px;color:var(--ink2);text-decoration:none;transition:background .18s,color .18s}
.pk-feedsw a:hover{color:var(--ink)}
.pk-feedsw a.on{background:var(--ink);color:var(--white,#fff)}
.pk-feedsw a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.pk-fol-head{margin:8px 0 18px}
.pk-fol-head .h3{margin:0}
.pk-fol-head .small{margin:6px 0 0;color:var(--ink2)}
.pk-fol-drops{margin-bottom:36px}
.pk-fol-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:56px 16px;max-width:520px;margin:0 auto}
.pk-fol-empty b{font-size:20px;letter-spacing:-.01em}
.pk-fol-empty span{color:var(--ink2);font-size:15px;line-height:1.55}
.pk-fol-empty .btn{margin-top:10px}
.pk-fol-quiet{padding:24px 16px 40px}
.pk-sugg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.pk-sugg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pk-sugg{grid-template-columns:1fr;gap:16px}}
.pk-sg{display:flex;flex-direction:column;gap:12px;min-width:0}
.pk-sg-pics{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:var(--soft)}
.pk-sg-pics img{width:100%;height:100%;object-fit:cover;display:block}
.pk-sg-pics img:first-child{grid-row:1 / span 2}
.pk-sg-pics img:only-child{grid-column:1 / span 2}
.pk-sg-me{display:flex;align-items:center;gap:12px;min-width:0}
.pk-sg-who{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--ink);text-decoration:none}
.pk-sg-who>span{display:flex;flex-direction:column;min-width:0}
.pk-sg-who b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-sg-who small{font-size:13px;color:var(--ink2)}
.pk-sg-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#FFF1EA;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
html[data-theme="dark"] .pk-sg-av{background:#2A1B15}
.pk-fol-sec{padding-top:28px!important}

/* ---------- extras31 (2026-10-02): Type filter, Discover rows, video previews + lock, cover chooser ---------- */
.pk-filterrow{display:flex;align-items:center;gap:14px;min-width:0}
.pk-filterrow>.chips{flex:1;min-width:0}
.pk-typeseg{flex:none;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--soft)}
.pk-typeseg button{height:32px;padding:0 14px;border:none;border-radius:999px;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
.pk-typeseg button:hover{color:var(--ink)}
.pk-typeseg button.on{background:var(--ink);color:var(--white,#fff)}
.pk-typeseg button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.pkc2-tabs.pk-filterrow{justify-content:center;flex-wrap:wrap;overflow:visible}
.pkc2-tabs.pk-filterrow>.chips{flex:0 1 auto;justify-content:center}
.pk-ico-t{font-size:10.5px;letter-spacing:.01em;color:#fff;gap:3px}
.pk-type-card{background:rgba(14,14,15,.62);color:#fff;display:inline-flex;align-items:center;gap:3px}
@media (max-width:760px){
  .pk-filterrow{flex-direction:column;align-items:stretch;gap:12px}
  .pk-typeseg{align-self:flex-start;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .pk-typeseg::-webkit-scrollbar{display:none}
  .pk-typeseg button{padding:0 12px;font-size:13px}
  .pkc2-tabs.pk-filterrow{align-items:flex-start}
  .pkc2-tabs.pk-filterrow>.chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%}
}
/* Vibe page video: cover, play, short preview, then the lock */
.pk-vid{position:relative;background:#0E0F11}
.pk-vid img,.pk-vid video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;margin:0 auto;background:#0E0F11}
.pk-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border:none;border-radius:50%;background:rgba(14,15,17,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 28px rgba(0,0,0,.25);transition:transform .18s,background .18s}
.pk-play svg{margin-left:4px}
.pk-play:hover{transform:scale(1.06);background:var(--orange)}
.pk-play:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.pk-vid-tag{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:999px;background:rgba(14,15,17,.6);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pk-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(14,15,17,.35),rgba(14,15,17,.72));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pk-lock b{font-size:clamp(17px,2vw,21px);letter-spacing:-.01em;max-width:320px}
.pk-lock-ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pk-lock .pk-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pk-lock-again{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pk-thday{position:relative;flex:none;display:block}
.pk-thday b{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:8px;background:rgba(14,15,17,.7);color:#fff;font-size:10px;font-weight:700;pointer-events:none}
.pk-typetags{display:flex;gap:6px;margin:4px 0 2px}
/* Cover chooser (uploads and Edit vibe) */
.pk-cover{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:var(--soft);margin-top:4px}
.pk-cover-pv{flex:none;width:84px;height:112px;border-radius:12px;overflow:hidden;background:#0E0F11}
.pk-cover-pv img{width:100%;height:100%;object-fit:cover;display:block}
.pk-cover-pv img:not([src]){visibility:hidden}
.pk-cover-in{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pk-cover-in input[type=range]{width:100%;accent-color:var(--orange)}
.pk-cover-in .pk-small{margin:0}
.pk-cover-up{cursor:pointer}
.a2-vcovers{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.a2-day{position:absolute;left:8px;top:36px;padding:3px 9px;border-radius:999px;background:rgba(14,15,17,.72);color:#fff;font-size:11px;font-weight:700}
/* Coming soon block (2026-10-02): decoration photos only, never vibes; soft dark shade so the words read; no orange background. */
.pm-soon{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;padding:34px 22px;background:#16181d;margin:4px 0 8px}
.pm-soon-ph{position:absolute;inset:0;z-index:-2;pointer-events:none}
.pm-soon-c{position:absolute;width:30%;height:78%;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);filter:saturate(1.05)}
.pm-soon-c0{left:-2%;top:10%;transform:rotate(-7deg)}.pm-soon-c1{left:22%;top:-12%;transform:rotate(4deg)}
.pm-soon-c2{right:22%;bottom:-14%;transform:rotate(-3deg)}.pm-soon-c3{right:-2%;top:8%;transform:rotate(6deg)}
.pm-soon-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(12,13,16,.78) 0%,rgba(12,13,16,.62) 55%,rgba(12,13,16,.45) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.pm-soon-in{max-width:520px;color:#fff}
.pm-soon-eye{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pm-soon-t{margin:0 0 18px;font-size:clamp(20px,2.6vw,28px);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#fff}
.pm-soon .btn{white-space:nowrap}
@media (max-width:640px){.pm-soon{min-height:260px;padding:28px 18px}.pm-soon-c{width:44%;height:62%}.pm-soon-c1,.pm-soon-c2{display:none}.pm-soon-c0{left:-8%;top:4%}.pm-soon-c3{right:-8%;top:auto;bottom:4%}}
/* Prices now + pack locks (founder, 2026-10-03) */
.pk-price-in{display:flex;align-items:center;gap:6px}.pk-price-in b{font-weight:700;color:var(--ink2)}.pk-price-in .pk-input{max-width:140px}
.pk-thlock{position:relative;display:inline-block;border-radius:10px;overflow:hidden;cursor:default}
.pk-thlock img{filter:blur(10px) brightness(.75);transform:scale(1.15);pointer-events:none}
.pk-thlock b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;font-size:12px;font-weight:700;background:rgba(14,14,15,.35)}
.pk-packbadge{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:rgba(14,14,15,.62);color:#fff;font-size:13px;font-weight:700;pointer-events:none}
.pk-media>*{position:relative}
.pk-lock-price{display:block;font-size:22px;font-weight:800;color:#fff;margin-top:4px}
.pk-lock-soon,.pk-soon-note{display:block;font-size:12.5px;opacity:.85}
.pk-lock-soon{color:#fff;margin-bottom:6px}
.pk-save{color:var(--orange);font-weight:700}
.pk-soon-btn{cursor:default;opacity:.85}
.pk-price small{font-size:13px;font-weight:600}
/* The moment after a Pick (founder, 2026-10-03): calm, thin lines, orange text only (no orange backgrounds). */
.pk-picked{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.pk-picked .h2{margin:0}
.pk-picked .pk-muted{margin:-4px 0 4px}
.pk-picked-ok{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--orange,#FF5A1F);color:var(--orange,#FF5A1F);display:flex;align-items:center;justify-content:center;margin:0}
.pk-picked-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pk-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:74px;border-radius:14px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pk-act:hover{border-color:var(--ink2,#555)}
.pk-act.on{color:var(--orange,#FF5A1F)}
.pk-act.on span{color:var(--ink)}
.pk-act:disabled{opacity:.6}
.pk-support{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1.5px solid var(--line);padding-top:14px;margin-top:4px}
.pk-support-row{font-weight:600;font-size:14.5px;line-height:1.35}
.pk-support-row a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pk-support-msg{margin:0;color:var(--ink2,#666);font-size:14px;line-height:1.45}
.pk-sharelink{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:none;border:0;padding:4px 0;color:var(--orange,#FF5A1F);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.pk-picked .btn.line{align-self:flex-start}
html[data-theme="dark"] .pk-act{color:#F4EFE7}
html[data-theme="dark"] .pk-act.on{color:#FF7A45}
html[data-theme="dark"] .pk-support-row a{color:#F4EFE7}
html[data-theme="dark"] .pk-picked-ok,html[data-theme="dark"] .pk-sharelink{color:#FF7A45;border-color:#FF7A45}
/* Vibe page on computers (founder, 2026-10-03, part 7): the whole page fits one screen at 1280×800 and up. Media on the
   left shown in full (contain, never cropped or stretched, max ~70vh; vertical videos stay narrow and centred), the info
   panel fully visible on the right. Phones are unchanged (only from 901px wide). Click a photo → full-screen viewer. */
@media (min-width:901px){
  #p-v>.sec:first-child{padding-top:32px}
  .pk-detail{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:clamp(22px,3vw,48px)}
  .pk-detail>div:first-child{min-width:0;display:flex;flex-direction:column;align-items:center}
  .pk-media{width:fit-content;max-width:100%;margin:0 auto}
  .pk-media img{width:auto;max-width:100%;height:auto;max-height:min(70vh,calc(100vh - 230px));object-fit:contain;margin:0 auto}
  .pk-media img:not(.pk-vid img){cursor:zoom-in}
  .pk-vid img,.pk-vid video{width:auto;max-width:100%;max-height:min(70vh,calc(100vh - 230px))}
  .pk-thumbs{max-width:100%}
  .pk-panel{top:88px;max-height:calc(100vh - 110px);overflow:auto;padding:22px}
}
@media (min-width:1800px){.pk-detail{grid-template-columns:minmax(0,1fr) 440px}}
.pk-viewer{position:fixed;inset:0;z-index:1000;background:rgba(10,11,13,.94);display:flex;align-items:center;justify-content:center;padding:32px}
.pk-viewer img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.pk-viewer button{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.pk-viewer button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
/* Card label (founder, 2026-10-03): one thin semi-transparent dark pill top-left, white text, readable on any photo. */
.pk-lbl{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 10px;border-radius:12px;background:rgba(14,14,15,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;pointer-events:none}
.pk-heart~.pk-lbl{left:52px;top:15px}
.card .pk-lbl{top:9px;left:9px}.card .pk-lbl~.vid{left:auto;right:9px}
/* Default avatars (founder, 2026-10-03): first initial on a neutral grey circle, never orange. */
:root{--pm-ini-bg:#E7E4DF;--pm-ini-fg:#5E5A54}
html[data-theme="dark"]{--pm-ini-bg:#2B2E35;--pm-ini-fg:#C9C4BC}
.pm-ini,.pk-by .pm-ini,.pkc2-av.pm-ini,html[data-theme="dark"] .pkc2-av.pm-ini,.pk-sg-av.pm-ini,html[data-theme="dark"] .pk-sg-av.pm-ini,.pk-pv-head .pk-pv-ini.pm-ini{background:var(--pm-ini-bg)!important;color:var(--pm-ini-fg)!important;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:none}
.pk-by .pm-ini{font-size:10.5px}
.pk-support-av{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover;font-size:14px}
.pk-support{justify-content:flex-start}.pk-support-row{flex:1;min-width:0}

/* One Pro seal only (founder, 2026-10-05): on the profile photo, bottom-right, ringed in the background colour. */
.pm-avw{position:relative;display:inline-flex;flex:none;line-height:0;vertical-align:middle;--pm-ring:#fff}
html[data-theme="dark"] .pm-avw{--pm-ring:#0D0F14}
.pm-avseal{position:absolute;right:-2px;bottom:-2px;width:42%;height:42%;min-width:10px;min-height:10px;z-index:3;overflow:visible}
.pm-avseal path:first-child{stroke:var(--pm-ring);stroke-width:2.6;paint-order:stroke}
.pk-by .pm-avw{--pm-ring:#2B2C30}
.pk-by .pm-avseal{width:11px;height:11px;right:-3px;bottom:-3px}
@media (min-width:1100px){.pk-by .pm-avseal{width:12px;height:12px}}
.pkc2-head .pm-avw{align-self:center}
.pkc2-head .pm-avseal{width:30px;height:30px;right:9px;bottom:9px}
@media (max-width:700px){.pkc2-head .pm-avseal{width:24px;height:24px;right:7px;bottom:7px}}
.pk-sg-who .pm-avseal{width:15px;height:15px;right:-2px;bottom:-2px}
.pk-who{display:inline-flex;align-items:center;gap:7px;color:inherit;font-weight:600;vertical-align:middle}
.pk-who-av{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;font-size:11px}
.pk-who .pm-avseal{width:11px;height:11px;right:-3px;bottom:-3px}
/* Showcase (fixes-083): the "Example" pill inline on the vibe page. */
.pk-lbl.pk-lbl-in{position:static;display:inline-flex;vertical-align:middle}
/* Discover, less linear (founder, 2026-10-07): rotating hero, mixed "Learn something", mood cards, muted previews.
   Same photo-card look as the site's .card (shade, white label); pictures are <img> so a broken one removes its card. */
.pk-ph{position:relative}
.pk-dcard .pk-cbox,.pk-dslide .pk-cbox{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--tint,#EFE7DC)}
.pk-cbox img,.pk-cbox video,.pk-ph video.pk-mvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
video.pk-mvid{opacity:0;transition:opacity .4s;pointer-events:none}
video.pk-mvid.on{opacity:1}
.pk-studio-note{margin:0 0 12px;color:var(--muted,rgba(17,18,20,.62))}
.pk-dhero-sec{padding-top:6px}
.pk-dhero{position:relative;border-radius:var(--r-lg,24px);overflow:hidden;aspect-ratio:21/8;background:#141210}
.pk-dslide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;color:#fff;text-decoration:none;pointer-events:none}
.pk-dslide.on{opacity:1;pointer-events:auto}
.pk-dslide::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.64))}
.pk-dbroken .pk-cbox img{display:none}
.pk-dtxt{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:560px}
.pk-dtitle{font-size:clamp(26px,3.3vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.02em;color:#fff}
.pk-dline{font-size:15px;opacity:.92}
.pk-dnote{font-size:12px;opacity:.85}
.pk-dtxt .btn{margin-top:4px}
.pk-ddots{position:absolute;right:22px;bottom:24px;z-index:3;display:flex;gap:6px}
.pk-ddots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s,background .3s}
.pk-ddots button.on{background:#fff;width:20px}
.pk-learn{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.pk-learn .card{aspect-ratio:auto;min-width:0}
.pk-learn-big{grid-row:1/3;min-height:380px}
.pk-learn-s{aspect-ratio:1/1.05!important}
.pk-learn-big .label b{font-size:19px}
.pk-moods{grid-auto-columns:minmax(200px,1fr)}
.pk-mood{aspect-ratio:1/1.1}
.pk-mood .label b{font-size:20px;font-weight:800}
@media (max-width:760px){
  .pk-dhero{aspect-ratio:4/5}
  .pk-dtxt{left:18px;right:18px;bottom:46px}
  .pk-ddots{left:18px;right:auto;bottom:20px}
  .pk-learn{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .pk-learn-big{grid-column:1/3;grid-row:auto;aspect-ratio:4/5!important;min-height:0}
  .pk-moods{grid-auto-columns:46%}
}
/* Discover v2 (founder, 2026-10-07): Reels row, Watch mode, Pick•Mine Studio seal next to its name. */
.card .label .pk-by-seal,.pk-wby .pk-by-seal{width:13px;height:13px;vertical-align:-2px;margin-left:4px;display:inline-block}
.pk-reels{grid-auto-columns:minmax(168px,200px)}
.pk-reel{aspect-ratio:9/16!important;min-width:0}
.pk-reel-h{top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;background:rgba(14,14,15,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:600}
.pk-reel .label span{opacity:.95}
.pk-watch-btn{display:inline-flex;align-items:center;gap:6px}
.pk-feedsw+.pk-watch-btn{margin:0 0 0 10px;vertical-align:middle}
html.pk-noscroll,html.pk-noscroll body{overflow:hidden}
.pk-watch{position:fixed;inset:0;z-index:10000;background:#000;color:#fff}
.pk-wfeed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.pk-wfeed::-webkit-scrollbar{display:none}
.pk-witem{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pk-witem video{width:100%;height:100%;object-fit:contain;background:#000}
.pk-witem::after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));pointer-events:none}
.pk-wmeta{position:absolute;left:20px;right:20px;bottom:28px;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:560px}
.pk-wby{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px}
.pk-wby .pk-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.pk-wtitle{font-size:20px;font-weight:800;line-height:1.2}
.pk-wsub{font-size:13.5px;opacity:.9}
.pk-wbtns{display:flex;gap:10px;align-items:center;margin-top:4px}
.pk-wbtns .pk-heart{position:static}
.pk-wx{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.pk-wsound{position:absolute;top:18px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.pk-wsound[hidden]{display:none}
@media (min-width:900px){.pk-witem video{object-fit:contain}.pk-wmeta{left:40px;bottom:40px}}
.pkc2-name .pk-by-seal{width:26px;height:26px;margin:0}
/* Discover v3 (founder, 2026-10-07): Autumn & Halloween big cards at the top, chips under search, Class sub-chips. */
.pk-season-sec{padding-top:18px}
.pk-season{grid-auto-columns:minmax(240px,300px)}
.pk-season-card{aspect-ratio:4/5!important;min-width:0}
.pk-season-card .label b{font-size:16px}
.pk-dchips{margin-top:16px}
.pk-dchips-more{margin-top:8px}
.pk-more-chip{font-weight:700}
.pk-classsubs{margin-top:12px}
.pk-move-sec .pk-dhero{aspect-ratio:21/8}
@media (max-width:760px){.pk-season{grid-auto-columns:72%}.pk-move-sec .pk-dhero{aspect-ratio:4/5}}
/* Discover v4 (founder, 2026-10-07): Autumn & Halloween bento, slow mood zoom, Filters panel, For you social feed. */
.pk-season-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pk-season-h svg{color:var(--orange)}
.pk-trend{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;border:1px solid var(--line,rgba(17,18,20,.14));font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--muted,rgba(17,18,20,.62))}
.pk-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,13vw,230px);gap:12px;
  grid-template-areas:"a a b c" "a a d e"}
.pk-bento [data-slot=f],.pk-bento [data-slot=g]{display:none}   /* computer: 1 large + 4 small (founder, 2026-10-07 v5) */
.pk-bento .card{aspect-ratio:auto!important;width:100%;height:100%;min-width:0}
.pk-bento [data-slot=a]{grid-area:a}.pk-bento [data-slot=b]{grid-area:b}.pk-bento [data-slot=c]{grid-area:c}.pk-bento [data-slot=d]{grid-area:d}
.pk-bento [data-slot=e]{grid-area:e}.pk-bento [data-slot=f]{grid-area:f}.pk-bento [data-slot=g]{grid-area:g}
.pk-bento [data-slot=a] .label b{font-size:20px}
.pk-tlabel{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:rgba(14,14,15,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;pointer-events:none}
.card .pk-tlabel~.vid{left:auto;right:9px}
@media (max-width:760px){.pk-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(120px,44vw,190px);gap:8px;grid-template-areas:"a a" "a a" "b c" "d d" "e f"}.pk-bento [data-slot=f]{display:block}}   /* phone: 1 large square, 2 small, 1 wide, 2 small (founder, 2026-10-07 v5) */
@keyframes pkZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.pk-mood .pk-cbox img{animation:pkZoom 14s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.pk-mood .pk-cbox img{animation:none}}
.pk-filters-btn{display:inline-flex;align-items:center;gap:6px}
.pk-fpanel{margin-top:14px;padding:16px;border-radius:16px;background:var(--soft,#F7F5F1);max-width:760px}
html[data-theme="dark"] .pk-fpanel{background:rgba(255,255,255,.06)}
.pk-flabel{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,rgba(17,18,20,.62))}
.pk-flabel:not(:first-child){margin-top:14px}
.pk-social{gap:28px}.pk-social .pk-col{gap:28px}
.pk-fcard{display:flex;flex-direction:column;gap:10px}
.pk-fhead{display:flex;align-items:center}
.pk-fwho{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:14px;min-width:0}
.pk-fwho .pk-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.pk-fwho b{display:inline-flex;align-items:center;gap:5px;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-fwho .pk-by-seal{width:14px;height:14px;flex:none}
.pk-fmedia{position:relative;display:block;width:100%;border-radius:var(--r-md,18px);overflow:hidden;background:var(--tint,#EFE7DC)}
.pk-fmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.pk-fmedia img.in{opacity:1}
.pk-fplay{position:absolute;top:10px;right:10px;z-index:2;color:#fff}
.pk-fcap{font-size:14.5px;line-height:1.35}.pk-fcap b{font-weight:700}.pk-fdur{color:var(--muted,rgba(17,18,20,.62))}
.pk-frow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk-ficons{display:flex;align-items:center;gap:6px}
.pk-fic,.pk-ficons .pk-heart{position:static;width:38px;height:38px;border-radius:50%;border:1px solid var(--line,rgba(17,18,20,.14));background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.pk-fic svg,.pk-ficons .pk-heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.pk-fic.done{color:var(--orange);border-color:var(--orange)}
.pk-fbuy{display:flex;align-items:center;gap:10px}.pk-fprice{font-weight:800}
.pk-season-ic{display:inline-flex;color:var(--orange)}.pk-season-ic svg{width:22px;height:22px}
/* The site header stays above the seasonal particle layer (z-index 45) on every page. */
#hdr,.hdr{z-index:60!important}

/* Social card overlay (founder, 2026-10-07, v5): small play icon top-left, Save top-right, a soft dark fade at the bottom
   with the title, one muted meta line and a small byline (18 px avatar, name, Pro seal; price on the right). */
.pk-sc{position:relative}
.pk-sc .pk-sccap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:34px 12px 10px;
  background:linear-gradient(to top,rgba(10,10,11,.78) 0%,rgba(10,10,11,.45) 55%,rgba(10,10,11,0) 100%);color:#fff;pointer-events:none;
  border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;text-align:left}
.pk-sct{display:block;font-size:15.5px;font-weight:800;line-height:1.22;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-scm{display:block;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-scby{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;line-height:18px;min-width:0}
.pk-scav{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}
.pk-scav.pm-ini{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#E7E4DF;color:#4A4640}
.pk-scname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.pk-scseal{width:13px;height:13px;flex:none;margin-left:-2px}
.pk-scprice{margin-left:auto;padding-left:8px;font-weight:800;font-size:12.5px;flex:none}
.pk-scplay{position:absolute;top:10px;left:10px;z-index:3;width:24px;height:24px;border-radius:50%;background:rgba(14,14,15,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}
.pk-scplay svg{width:11px;height:11px;margin-left:1px}
.pk-sc .pk-scsave{left:auto;right:10px;top:10px;width:30px;height:30px;z-index:4}
.pk-sc .pk-scsave svg{width:15px;height:15px}
.pk-sc .pk-scdrop{position:absolute;top:10px;left:40px;z-index:3}
.pk-sc>.label,.pk-sc>.vid,.pk-sc .pk-lbl,.pk-sc .pk-by,.pk-sc .pk-tlabel,.pk-sc .pk-icons{display:none!important}
.pk-fcard.pk-sc{display:block;gap:0}
.pk-fcard.pk-sc .pk-fmedia{display:block;position:relative;overflow:hidden}
.pk-fcard.pk-sc .pk-sct{font-size:16px}
.pk-bento .card:not([data-slot=a]) .pk-sccap{padding:24px 9px 8px}
.pk-bento .card:not([data-slot=a]) .pk-sct{font-size:13px}
.pk-bento .card:not([data-slot=a]) .pk-scm,.pk-bento .card:not([data-slot=a]) .pk-scby{font-size:11px}
.pk-bento [data-slot=a] .pk-sct{font-size:18px}
@media (max-width:760px){.pk-bento [data-slot=d] .pk-sct{font-size:14px}}

/* "Find your vibes" chip train (founder, 2026-10-07): soft fade edges instead of cut-off bubbles. */
.pk-fadeedge{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}
.pk-train{scroll-behavior:auto}
/* Discover (founder, 2026-10-08): title, search and chips first, compact; the one Pick•Mine Studio line under them;
   "Move your body" once — one title over the rotating videos. */
.pk-hero-compact{padding-top:22px;padding-bottom:4px}
.pk-hero-compact .h1{font-size:clamp(30px,4.2vw,48px);margin-bottom:12px}
.pk-hero-compact .pk-search{margin-top:6px}
.pk-studio-line{margin:10px 0 0}
.pk-more-btn{display:flex;justify-content:center;margin:22px 0 6px}
.pk-move-one{position:absolute;inset:0;z-index:2;color:#fff;text-decoration:none}
.pk-hero-compact .wrap>div{min-width:0;max-width:100%}
.pk-hero-compact .pk-search{max-width:100%;box-sizing:border-box}
.pk-hero-compact .pk-search input{min-width:0}
.pk-studio-line{overflow-wrap:anywhere;max-width:100%}
/* Category, sub-category and mood pages (founder, 2026-10-08): breadcrumb, header, Start here (1 large + 2 small). */
.pk-cat-top{padding-top:18px;padding-bottom:0}
.pk-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}
.pk-crumbs a{color:inherit;opacity:.7;text-decoration:none}
.pk-crumbs a:hover{opacity:1;text-decoration:underline}
.pk-crumbs [aria-current]{font-weight:600}
.pk-crumb-sep{opacity:.45}
.pk-cathead .pk-dtitle{margin:0}
.pk-start{grid-template-columns:2fr 1fr}
@media (max-width:760px){.pk-start{grid-template-columns:1fr 1fr}}
/* New file types (Phase 3): previews on the vibe page, the PDF viewer. */
.pk-filev{display:flex;flex-direction:column;gap:10px}
.pk-filev-main{width:100%;border-radius:var(--r-lg,24px);background:#fff;object-fit:contain;max-height:70vh}
.pk-filev-strip{display:flex;gap:8px;overflow-x:auto}
.pk-filev-strip img,.pk-filev-strip video{width:88px;height:88px;object-fit:cover;border-radius:12px;cursor:pointer;opacity:.75;flex:none}
.pk-filev-strip img.on{opacity:1;outline:2px solid var(--orange,#f26b21)}
.pk-filev-audio{display:flex;flex-direction:column;gap:6px}
.pk-filev-audio audio{width:100%}
.pk-filetypes{margin:14px 0 6px}
.pk-pdfv{overflow-y:auto;align-items:flex-start}
.pk-pdfpages{display:flex;flex-direction:column;gap:12px;align-items:center;padding:56px 16px 32px;width:100%}
.pk-pdfpages canvas{max-width:min(900px,100%);height:auto;border-radius:6px;background:#fff}
.adm-filerev img{max-width:100%;max-height:50vh;display:block;margin:0 auto 8px;border-radius:8px}.adm-filerev audio{width:100%}
/* Pick•Mine Studio page: one section per new type above the grid (2026-10-08) */
[data-stu-types]{margin:6px 0 10px}.pk-stu-sec{margin:0 0 30px}.pk-stu-sec .rail{margin-top:0}

/* ===== Discover v5 (founder, 2026-10-08) — docs/discover-desktop-mockup.html (computer) and docs/discover-phone-mockup.html
   (phone). Dark = the mockups' colours; light = the same layout on the site's light colours. Text never under 13 px. ===== */
.dv5{--dv-bg:#FFFFFF;--dv-surf:#F7F4EF;--dv-line:rgba(17,18,20,.10);--dv-ink:#111214;--dv-mut:#6B635A;--dv-meta:#E9E1D4;--dv-paper-bg:#EFE8DC;--dv-ask:#FFF3EC;--dv-ask-line:#F4D2C1;--dv-ask-in:#FFFFFF;--dv-chip:#F4F1EC;--dv-ph:#E9E3DA;
  background:var(--dv-bg);color:var(--dv-ink);padding:0 0 56px}
html[data-theme="dark"] .dv5{--dv-bg:#141416;--dv-surf:#1C1C20;--dv-line:#2A2A2F;--dv-ink:#FAF6EF;--dv-mut:#B3ADA4;--dv-meta:#D9D2C7;--dv-paper-bg:#2A2420;--dv-ask:#24170F;--dv-ask-line:#4A2E1F;--dv-ask-in:#141416;--dv-chip:#1C1C20;--dv-ph:#2A2420}
.dv-wrap,[data-dv-body]{display:flex;flex-direction:column;gap:64px}
.dv5 a{text-decoration:none;color:inherit}
.dv-sec{display:flex;flex-direction:column;min-width:0}
.dv-lg{display:inline}.dv-sm{display:none}
/* header */
.dv-top{gap:22px;padding:28px 0 8px}
.dv-top h1{margin:0;font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1.05}
.dv-dot{color:var(--orange)}
.dv-feedsw{margin:0 0 -6px;align-self:flex-start}
.dv-search{display:flex;align-items:center;gap:12px;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:16px;padding:16px 20px;max-width:760px;margin:0}
.dv-search>span{display:flex;color:var(--dv-mut)}.dv-search svg{width:22px;height:22px}
.dv-search input{flex:1;min-width:0;background:transparent;border:0;color:var(--dv-ink);font:inherit;font-size:17px;outline:none;padding:0;box-shadow:none}
.dv-search input::placeholder{color:#8E877E}
.dv-chips{display:flex;gap:10px;flex-wrap:wrap}
.dv-chip{font-size:15px;padding:10px 18px;border-radius:999px;background:var(--dv-chip);border:1px solid var(--dv-line);white-space:nowrap}
.dv-chip.on{background:transparent;color:var(--orange)!important;border:1.5px solid var(--orange)}
/* section head */
.dv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.dv-head>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.dv-head h2{margin:0;font-size:28px;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap;letter-spacing:-.01em}
.dv-head p{margin:0;font-size:15px;color:var(--dv-mut)}
.dv-all{color:var(--orange)!important;font-size:15px;font-weight:600;white-space:nowrap}
.dv-hic{display:inline-flex;color:var(--orange)}.dv-hic svg{width:22px;height:22px}
.dv-trend{font-size:13px;font-weight:600;color:var(--orange);border:1.5px solid var(--orange);border-radius:999px;padding:4px 12px}
/* overlay card */
.dv-oc{position:relative;display:block;border-radius:20px;overflow:hidden;color:#FAF6EF!important;background:var(--dv-ph);isolation:isolate}
.dv-media{position:absolute;inset:0;display:block}.dv-media img,.dv-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dv-media video{opacity:0;transition:opacity .4s}.dv-media video.on{opacity:1}
.dv-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,22,0) 45%,rgba(20,20,22,.88) 100%)}
.dv-play{position:absolute;top:14px;left:14px;display:flex;color:#FAF6EF;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.dv-play svg{width:28px;height:28px}
.dv5 .pk-heart.dv-heart{position:absolute;top:10px;right:10px;left:auto;bottom:auto;width:36px;height:36px;background:transparent;color:#FAF6EF;box-shadow:none;border:0;z-index:2;padding:6px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
.dv5 .pk-heart.dv-heart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.dv5 .pk-heart.dv-heart.on{color:var(--orange)}.dv5 .pk-heart.dv-heart.on svg{fill:currentColor}
.dv-cap{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:6px;z-index:1}
.dv-t{font-size:18px;font-weight:700;line-height:1.25;display:block}
.dv-m{font-size:13px;color:var(--dv-mut)}.dv-oc .dv-m{color:#D9D2C7}.dv-m b{color:inherit}.dv-oc .dv-m b{color:#FAF6EF}
.dv-by{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;min-width:0}
.dv-who{display:inline-flex;align-items:center;gap:8px;min-width:0}
.dv-av{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;background:#4A443D;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#FAF6EF}
.dv-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-seal{width:15px;height:15px;flex:none}
.dv-price{font-weight:700;font-size:15px;white-space:nowrap}
/* 3. Autumn & Halloween bento */
.dv-bento{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}
.dv-bento .dv-b0{grid-row:1/span 2}.dv-bento .dv-b0 .dv-t{font-size:32px}
.dv-bento .dv-b3{grid-column:2/span 2}
.dv-bento .dv-b4,.dv-bento .dv-b5{display:none}
.dvs-season .dv-dots{display:none}
.dv-leaves{position:absolute;inset:0;pointer-events:none;z-index:3}
.dv-leaf{position:absolute;color:var(--orange);display:flex}.dv-leaf svg{width:22px;height:22px}
.dv-leaf0{left:30%;top:8px;opacity:.8;transform:rotate(20deg)}.dv-leaf1{left:62%;top:40px;opacity:.6;transform:rotate(-30deg)}.dv-leaf1 svg{width:18px;height:18px}
.dv-leaf2{left:96%;top:120px;opacity:.7;transform:rotate(40deg)}.dv-leaf2 svg{width:24px;height:24px}.dv-leaf3{left:48%;top:330px;opacity:.5;transform:rotate(10deg)}.dv-leaf3 svg{width:16px;height:16px}
@media (prefers-reduced-motion:no-preference){.dv-leaf{animation:dvLeaf 9s ease-in-out infinite}.dv-leaf1{animation-delay:-3s;animation-duration:11s}.dv-leaf2{animation-delay:-6s}.dv-leaf3{animation-delay:-1.5s;animation-duration:12s}}
@keyframes dvLeaf{0%,100%{translate:0 0;rotate:0deg}50%{translate:-10px 14px;rotate:24deg}}
/* 4. moods */
.dv-moods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dv-mood{position:relative;display:block;height:220px;border-radius:20px;overflow:hidden;color:#FAF6EF!important;background:var(--dv-ph)}
.dv-mood img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease}.dv-mood:hover img{transform:scale(1.06)}
.dv-mood::after{content:'';position:absolute;inset:0;background:rgba(20,20,22,.38)}
.dv-mood span{position:absolute;left:22px;bottom:18px;font-size:34px;font-weight:800;z-index:1}
/* 5. tall 9:16 */
.dv-tall{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dv-tc{height:400px}.dv-tall .dv-tc:nth-child(n+6){display:none}
/* 6. Creator of the week */
.dv-cotw{display:grid;grid-template-columns:1fr 1fr;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:24px;overflow:hidden}
.dv-cotw>img,.dv-cotw-ph{width:100%;height:380px;object-fit:cover;display:block;background:var(--dv-ph)}
.dv-cotw-t{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.dv-cotw-n{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:800}.dv-cotw-n .dv-seal{width:20px;height:20px}
.dv-cotw-m{margin:0;font-size:16px;color:var(--dv-mut)}.dv-cotw-q{margin:0;font-size:24px;font-style:italic;line-height:1.4}
.dv-cotw-b{display:flex;gap:12px}
.dv-btn{background:var(--orange);color:#fff!important;font:inherit;font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;text-align:center}
.dv-btn.line{background:transparent;color:var(--dv-ink)!important;border:1px solid var(--dv-line);font-weight:600}
/* 7. podcasts */
.dv-pods{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dv-pod{display:flex;align-items:center;gap:18px;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:20px;padding:14px}
.dv-pod-c{width:96px;height:96px;border-radius:14px;overflow:hidden;flex:none;background:var(--dv-ph)}.dv-pod-c img{width:100%;height:100%;object-fit:cover}
.dv-pod-t{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.dv-pod-t b{font-size:18px}.dv-pod-t>span{font-size:13px;color:var(--dv-mut)}
.dv-wave{width:144px;height:26px;fill:var(--orange);opacity:.85}
.dv-pod-p{width:48px;height:48px;border-radius:50%;background:var(--dv-ink);color:var(--dv-bg)!important;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.dv-pod-p svg{width:20px;height:20px}
/* 8. Cook it at home */
.dv-cook{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.dv-cbig{height:456px}.dv-cbig .dv-t{font-size:28px}
.dv-clist{display:flex;flex-direction:column;gap:16px}
.dv-crow{display:flex;gap:16px;align-items:center;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:18px;padding:12px}
.dv-crow>img{width:120px;height:120px;object-fit:cover;border-radius:12px;flex:none;background:var(--dv-ph)}
.dv-crow>span{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.dv-smb{display:none}
/* below-the-picture tiles */
.dv-tile{display:flex;flex-direction:column;gap:6px;min-width:0}
.dv-timg{position:relative;display:block;height:150px;border-radius:18px;overflow:hidden;background:var(--dv-ph);margin-bottom:4px}
.dv-tile .dv-t{font-size:16px}
/* 10. Make it yourself — Pinterest grid */
.dv-pin{columns:4;column-gap:20px}.dv-pin .dv-tile{break-inside:avoid;margin:0 0 20px}
/* 11. Edit like a Creator */
.dv-edit{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dv-ed{display:flex;flex-direction:column;gap:10px;min-width:0}
.dv-ba{position:relative;display:block;height:240px;border-radius:18px;overflow:hidden;background:var(--dv-ph);touch-action:pan-y;user-select:none;cursor:ew-resize}
.dv-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.dv-aft{clip-path:inset(0 0 0 var(--x))}.dv-aft.full{clip-path:none}
.dv-bar{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#FAF6EF}
.dv-knob{position:absolute;top:50%;left:var(--x);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#FAF6EF;color:#141416;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3)}.dv-knob svg{width:18px;height:18px}
.dv-lb,.dv-la{position:absolute;bottom:12px;font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px}
.dv-lb{left:12px;background:rgba(20,20,22,.75);color:#FAF6EF}.dv-la{right:12px;background:var(--orange);color:#fff}
.dv-ed .dv-t{font-size:17px}
.dv-ml{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--dv-mut)}.dv-ml b{color:var(--dv-ink);font-weight:700;white-space:nowrap}
/* 12. Plan it, print it */
.dv-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dv-pl{display:flex;flex-direction:column;gap:10px;min-width:0}
.dv-desk{position:relative;height:290px;background:var(--dv-paper-bg);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dv-back{position:absolute;width:58%;height:230px;background:#E9E1D4;border-radius:6px;transform:rotate(5deg) translateX(18px)}
.dv-paper{position:relative;width:58%;height:230px;background:#FAF6EF;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.28);overflow:hidden}
.dv-paper img{width:100%;height:100%;object-fit:cover;object-position:top}
.dv-desk.tpl .dv-paper{width:82%;height:200px;border-radius:10px}
.dv-pl .dv-t{font-size:17px}
/* 13. sticker boards */
.dv-stick{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dv-st{display:flex;flex-direction:column;gap:10px;min-width:0}
.dv-board{position:relative;display:block;height:330px;border-radius:22px;overflow:hidden;background:#3A2418}
.dv-board img{width:100%;height:100%;object-fit:cover}.dv-board.sheet{background:#F4EFE7}.dv-board.sheet img{object-fit:contain}
.dv-stick .dv-st:nth-child(n+3){display:none}
.dv-st .dv-t{font-size:17px}
/* 14. photo packs */
.dv-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dv-pk{display:flex;flex-direction:column;gap:12px;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:20px;padding:14px}
.dv-fan{position:relative;display:block;height:270px;overflow:hidden}
.dv-fan img{position:absolute;top:26px;width:54%;height:210px;object-fit:cover;border-radius:14px;border:3px solid var(--dv-surf);box-shadow:0 10px 24px rgba(0,0,0,.35);background:var(--dv-ph);transition:transform .3s}
.dv-fan .f0{left:4%;transform:rotate(-9deg)}.dv-fan .f1{left:23%;top:8px;z-index:1}.dv-fan .f2{left:42%;transform:rotate(9deg);z-index:2}
.dv-pk:hover .f0{transform:rotate(-12deg) translateX(-6px)}.dv-pk:hover .f2{transform:rotate(12deg) translateX(6px)}
.dv-band{background:#141416;color:#FAF6EF;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.dv-band .dv-t{font-size:16px}.dv-band .dv-ml{color:#B3ADA4}.dv-band .dv-ml b{color:#FAF6EF}
.dv-packs~.dv-dots{display:none}
.dv-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.dv-dots span{width:7px;height:7px;border-radius:999px;background:#4A4540;transition:width .2s}.dv-dots span.on{width:18px;background:var(--orange)}
html[data-theme="light"] .dv-dots span{background:#D6CEC3}html[data-theme="light"] .dv-dots span.on{background:var(--orange)}
/* 2. Creator circles */
.dv-circles{display:flex;gap:28px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.dv-circles::-webkit-scrollbar{display:none}
.dv-circle{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;flex:none;width:92px;text-align:center}
.dv-circle>span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-ring{width:92px;height:92px;border-radius:50%;padding:4px;border:2.5px solid var(--orange);box-sizing:border-box;display:flex}
.dv-cav{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#4A443D;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#FAF6EF}
.dv-new{width:100%;height:100%;border-radius:50%;background:#3A2116;color:var(--orange);display:flex;align-items:center;justify-content:center}.dv-new svg{width:32px;height:32px}
html[data-theme="light"] .dv-new{background:#FFE7DC}
/* footer line */
.dv-foot{margin:0;text-align:center;font-size:13px;color:var(--dv-mut)}
/* ----- phone (docs/discover-phone-mockup.html) ----- */
@media (max-width:760px){
  .dv5{padding-bottom:32px}
  .dv-wrap,[data-dv-body]{gap:40px}.dv-wrap{padding-left:0!important;padding-right:0!important}
  .dv-lg{display:none}.dv-sm{display:inline}.dv-lgi,.dv-lgf{display:none!important}
  .dv-top{gap:16px;padding:4px 20px 0}.dv-top h1{font-size:36px;letter-spacing:-1px}
  .dv-search{padding:13px 16px;border-radius:14px}.dv-search input{font-size:15px}
  .dv-chips{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -20px;padding:0 20px;scrollbar-width:none}.dv-chips::-webkit-scrollbar{display:none}
  .dv-chip{font-size:14px;padding:9px 15px;flex:none}
  .dv-head{padding:0 20px;margin-bottom:14px;gap:12px}.dv-head>div{gap:4px}.dv-head h2{font-size:21px;gap:8px;flex-wrap:nowrap}.dv-head p{font-size:13px}.dv-all{font-size:14px}
  .dv-trend{display:none}
  .dv-circles{gap:14px;padding:0 20px}.dv-circle{width:72px;gap:8px;font-size:13px}.dv-ring{width:70px;height:70px;padding:3px}.dv-new svg{width:26px;height:26px}
  .dv-swipe{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 20px;scrollbar-width:none;grid-template-columns:none;grid-template-rows:none}.dv-swipe::-webkit-scrollbar{display:none}
  .dv-bento>.dv-oc{flex:0 0 100%;height:420px!important;scroll-snap-align:center;display:block!important;border-radius:18px}
  .dv-bento .dv-oc .dv-t{font-size:24px!important}
  .dvs-season .dv-dots{display:flex}
  .dv-cap{left:12px;right:12px;bottom:12px;gap:4px}.dv-play{top:10px;left:10px}.dv5 .pk-heart.dv-heart{top:6px;right:6px}
  .dv-av{width:20px;height:20px}
  .dv-leaves{position:absolute}.dv-leaf0{left:82%;top:-6px}.dv-leaf1{left:4%;top:180px}.dv-leaf2{left:90%;top:300px}.dv-leaf3{display:none}
  .dv-moods{grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}.dv-mood{height:150px;border-radius:18px}.dv-mood span{left:14px;bottom:12px;font-size:24px}
  .dv-tall{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}.dv-tall::-webkit-scrollbar{display:none}
  .dv-tc{flex:0 0 160px;height:284px;border-radius:18px}.dv-tall .dv-tc:nth-child(n+6){display:block}.dv-tc .dv-t{font-size:15px}
  .dv-cotw{grid-template-columns:1fr;margin:0 20px;border-radius:22px}.dv-cotw>img,.dv-cotw-ph{height:220px}
  .dv-cotw-t{padding:18px 18px 20px;gap:10px}.dv-cotw-n{font-size:21px}.dv-cotw-m{font-size:13px}.dv-cotw-q{font-size:17px}
  .dv-cotw-b{gap:10px;margin-top:4px}.dv-cotw-b .dv-btn{flex:1;padding:13px 0}
  .dv-pods{grid-template-columns:1fr;gap:10px;padding:0 20px}.dv-pod{gap:12px;border-radius:18px;padding:10px}.dv-pod-c{width:80px;height:80px;border-radius:12px}.dv-pod-t b{font-size:16px}.dv-wave{width:120px}.dv-pod-p{width:44px;height:44px}
  .dv-lgb{display:none}.dv-smb{display:flex}
  .dv-row{overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}.dv-row::-webkit-scrollbar{display:none}.dv-row .dv-tile{flex:0 0 200px}.dv-row .dv-timg{height:150px;border-radius:16px}.dv-row .dv-t{font-size:15px}
  .dv-pin{columns:2;column-gap:12px;padding:0 20px}.dv-pin .dv-tile{margin-bottom:14px}.dv-pin .dv-tile:nth-child(4n+1) .dv-timg,.dv-pin .dv-tile:nth-child(4n) .dv-timg{height:210px!important}.dv-pin .dv-tile:nth-child(4n+2) .dv-timg,.dv-pin .dv-tile:nth-child(4n+3) .dv-timg{height:150px!important}.dv-pin .dv-t{font-size:14px}.dv-timg{border-radius:16px}
  .dv-edit{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}.dv-edit::-webkit-scrollbar{display:none}.dv-ed{flex:0 0 230px;gap:8px}.dv-ba{height:180px;border-radius:16px}.dv-knob{width:30px;height:30px;margin:-15px 0 0 -15px}.dv-ed .dv-t{font-size:15px}.dv-ml{font-size:13px}
  .dv-plan{grid-template-columns:1fr 1fr;gap:12px;padding:0 20px}.dv-desk{height:180px;border-radius:16px}.dv-back{width:62%;height:140px;transform:rotate(5deg) translateX(12px)}.dv-paper{width:62%;height:140px}.dv-desk.tpl .dv-paper{height:120px}.dv-pl{gap:6px}.dv-pl .dv-t{font-size:15px}
  .dv-stick{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}.dv-stick::-webkit-scrollbar{display:none}.dv-st{flex:0 0 290px;gap:8px}.dv-stick .dv-st:nth-child(n+3){display:flex}.dv-board{height:220px;border-radius:18px}.dv-st .dv-t{font-size:15px}
  .dv-packs>.dv-pk{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box}.dv-fan{height:240px}.dv-fan img{height:190px}.dv-packs~.dv-dots{display:flex}
  .dv-foot{margin:-8px 20px 0}
}
[data-slot-dv]{display:none}
/* Ask for it (founder, 2026-10-08) — Discover section 9, the #/asks page, the small window. */
.ask-box{background:var(--dv-ask);border:1px solid var(--dv-ask-line);border-radius:26px;padding:40px;display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:start;color:var(--dv-ink)}
.ask-left{display:flex;flex-direction:column;gap:16px;min-width:0}
.ask-left h3{margin:0;font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-.5px}.ask-or{color:var(--orange)}
.ask-lede{margin:0;font-size:15px;color:var(--dv-mut);line-height:1.5}
.ask-form{display:flex;flex-direction:column;gap:12px;margin:0}
.ask-l{display:flex;flex-direction:column;gap:8px}.ask-l>span,.ask-to{font-size:13px;color:var(--dv-mut);margin:0}.ask-to b{color:var(--dv-ink)}
.ask-in{background:var(--dv-ask-in);border:1px solid var(--dv-ask-line);border-radius:14px;padding:15px 16px;color:var(--dv-ink);font:inherit;font-size:15px;outline:none}
.ask-in:focus{border-color:var(--orange)}
.ask-count{margin:-6px 0 0;font-size:13px;color:var(--dv-mut);text-align:right}
.ask-kinds,.ask-reasons{display:flex;gap:8px;flex-wrap:wrap}
.ask-kind{font:inherit;font-size:13px;padding:7px 13px;border-radius:999px;background:transparent;color:var(--dv-ink);border:1px solid var(--dv-ask-line);cursor:pointer}
.ask-kind.on{border-color:var(--orange);color:var(--orange);font-weight:700}
.ask-send{align-self:flex-start;background:var(--orange);color:#fff;border:0;font:inherit;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;cursor:pointer}.ask-send:disabled{opacity:.6}
.ask-msg{margin:0;font-size:14px;min-height:0}.ask-msg a{color:var(--orange)}
.ask-fine{margin:0;font-size:13px;color:var(--dv-mut)}
.ask-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--dv-mut)}
.ask-steps li{display:flex;align-items:center;gap:10px}.ask-steps span{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;min-width:0}
.ask-card{background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:18px 18px 18px 4px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ask-q{margin:0;font-size:16px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ask-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ask-who{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--dv-mut)!important;white-space:nowrap;min-width:0}
.ask-av{width:18px;height:18px;border-radius:50%;object-fit:cover;background:#4A443D;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#FAF6EF;flex:none}
.ask-k{font-size:13px;color:var(--dv-mut)}
.ask-pill{font-size:13px;font-weight:700;color:#141416!important;background:var(--orange);padding:4px 10px;border-radius:999px}
.ask-acts{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ask-me{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:700;color:var(--dv-ink);background:transparent;border:1.5px solid var(--dv-line);border-radius:999px;padding:7px 13px;cursor:pointer}
.ask-me.on{border-color:var(--orange);color:var(--orange)}
.ask-rep{font:inherit;font-size:13px;color:var(--dv-mut);background:none;border:0;cursor:pointer;padding:4px}
.ask-empty{margin:0;color:var(--dv-mut);font-size:15px}
.ask-vlink{margin:14px 0 0}
.ask-modal .pk-box{--dv-ink:var(--ink);--dv-mut:var(--ink2);--dv-ask-line:var(--line);--dv-ask-in:transparent;max-width:520px}
.ask-modal .ask-in{color:inherit}
@media (max-width:760px){
  .ask-box{grid-template-columns:1fr;gap:20px;padding:20px;border-radius:22px;margin:0 20px}
  .ask-left h3{font-size:28px}.ask-in{padding:13px 16px}
  .ask-grid{grid-template-columns:1fr;gap:10px}
}
.dv-oc.is-file .dv-media img,.dv-tile .is-file img{object-position:center top}.dv-oc.is-file{background:#F4EFE7}
/* Bento printables as paper pages (founder, 2026-10-08): page 1 on the desk, the card title below it. */
.dv-oc.is-paper .dv-deskbg{background:var(--dv-paper-bg);display:flex;align-items:flex-start;justify-content:center;padding-top:22px;box-sizing:border-box}
.dv-oc.is-paper .dv-back{position:absolute;top:22px;height:calc(100% - 132px);aspect-ratio:1/1.414;background:#E9E1D4;border-radius:6px;transform:rotate(5deg) translateX(18px)}
.dv-oc.is-paper .dv-paper{position:relative;width:auto;height:calc(100% - 132px);aspect-ratio:1/1.414;background:#FAF6EF;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.28);overflow:hidden}
.dv-oc.is-paper.tpl .dv-paper{aspect-ratio:1.6/1;height:auto;width:82%;max-height:calc(100% - 132px)}
.dv-oc.is-paper .dv-paper img{position:static;width:100%;height:100%;object-fit:cover;object-position:top}
.dv-oc.is-paper .dv-grad{background:linear-gradient(180deg,rgba(20,20,22,0) calc(100% - 140px),rgba(20,20,22,.85) 100%)}
.dv-oc.is-paper .dv-back{width:auto}
/* computer: the shorter bento cards put the page on the right, the title on the left (they never overlap) */
@media (min-width:761px){
  .dv-bento .dv-b1.is-paper .dv-deskbg,.dv-bento .dv-b2.is-paper .dv-deskbg,.dv-bento .dv-b3.is-paper .dv-deskbg{justify-content:flex-end;align-items:center;padding:20px 36px 20px 0}
  .dv-bento .dv-b1.is-paper .dv-paper,.dv-bento .dv-b2.is-paper .dv-paper,.dv-bento .dv-b3.is-paper .dv-paper,
  .dv-bento .dv-b1.is-paper .dv-back,.dv-bento .dv-b2.is-paper .dv-back,.dv-bento .dv-b3.is-paper .dv-back{height:calc(100% - 40px)}
  .dv-bento .dv-b1.is-paper .dv-back,.dv-bento .dv-b2.is-paper .dv-back,.dv-bento .dv-b3.is-paper .dv-back{top:20px;right:36px}
  .dv-bento .dv-b1.is-paper .dv-cap,.dv-bento .dv-b2.is-paper .dv-cap,.dv-bento .dv-b3.is-paper .dv-cap{right:auto;max-width:calc(100% - 46% - 40px)}
  .dv-bento .dv-b1.is-paper .dv-grad,.dv-bento .dv-b2.is-paper .dv-grad,.dv-bento .dv-b3.is-paper .dv-grad{background:linear-gradient(90deg,rgba(20,20,22,.78) 0,rgba(20,20,22,.35) 40%,rgba(20,20,22,0) 55%)}
  .dv-bento .dv-b1.is-paper .dv-cap,.dv-bento .dv-b2.is-paper .dv-cap{max-width:42%}
}
/* Inspiration tiles (2026-10-09): decoration photos that open a category — no price, Creator or heart. */
.dv-insp .dv-t{display:flex;align-items:center;gap:6px}.dv-arrow{color:var(--orange)}
.dv-insp-big .dv-t{font-size:28px}

/* Example cards (founder, 2026-10-09; Preview mode): a small ivory-on-dark "Example" tag top left; no Creator, price or heart. */
.dv-extag{position:absolute;top:10px;left:10px;z-index:3;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1;padding:4px 8px;border:0;border-radius:999px;background:rgba(20,20,22,.48);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#FAF6EF;pointer-events:none}
.dv-extag.is-inline{position:static;display:inline-block;margin:0 0 12px}
.dv-ex{position:relative}
.dv-ex .dv-timg,.dv-ex .dv-pod-c,.dv-ex .dv-crimg,.dv-ex .dv-desk,.dv-ex .dv-fan,.dv-ex .dv-ba{position:relative}
.dv-circle.dv-ex .dv-ring{position:relative}
.dv-circle.dv-ex .dv-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.dv-crow .dv-crimg{width:120px;height:120px;border-radius:12px;overflow:hidden;flex:none;background:var(--dv-ph)}
.dv-crow .dv-crimg img{width:100%;height:100%;object-fit:cover;display:block}
.dv-pod.dv-ex{color:inherit;text-decoration:none}
.dv-cotw.dv-ex{color:inherit;text-decoration:none}
.dv-cotw.dv-ex .dv-cotw-q{font-style:normal;font-weight:700}
.dv-desk.ex-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dv-ba .ex-flat{filter:saturate(.45) brightness(.98) contrast(.88)}
.dv-ba .ex-warm{filter:saturate(1.25) sepia(.18) contrast(1.06) brightness(1.03)}
.ask-card.dv-ex{color:inherit;text-decoration:none;padding-top:44px}
.ex-modal .pk-box{max-width:440px}
.ex-modal .ex-txt{font-size:17px;line-height:1.5;margin:0 0 18px}
.ex-modal .ex-btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:760px){.dv-crow .dv-crimg{width:84px;height:84px}.ex-modal .ex-btns .btn{flex:1 1 100%;justify-content:center}}

/* Reels pairs (founder, 2026-10-09): the clip looks like a social post (thin progress bar, heart and comment, caption). */
.pk-rx-phone{position:relative}
.pk-rx-phone>img.pk-rx-kb{display:block;width:100%;height:100%;object-fit:cover;animation:pkRxKb 5s ease-in-out infinite alternate}
@keyframes pkRxKb{from{transform:scale(1.02)}to{transform:scale(1.12) translateY(-2%)}}
.pk-rx-bar{position:absolute;left:10px;right:10px;top:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden;z-index:2}
.pk-rx-bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;animation:pkRxBar 5s linear infinite}
@keyframes pkRxBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pk-rx-ic{position:absolute;right:8px;bottom:46px;display:flex;flex-direction:column;gap:12px;z-index:2;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
.pk-rx-ic svg{width:20px;height:20px}
.pk-rx-cap{position:absolute;left:8px;right:8px;bottom:10px;z-index:2;font-size:11px;font-weight:700;color:#fff;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.pk-rx-phone::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none;z-index:1}
.pk-rx-img{position:relative}
.pk-rx.is-small .pk-rx-cap{font-size:10px}.pk-rx.is-small .pk-rx-ic svg{width:17px;height:17px}
@media (prefers-reduced-motion:reduce){.pk-rx-phone>img.pk-rx-kb,.pk-rx-bar i{animation:none}}

/* Discover top, category pages, Listen and Digital art (founder, 2026-10-09). */
.dv-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dv-chips::-webkit-scrollbar{display:none}
.dv-chip{flex:none;white-space:nowrap}
.dv-more-chip{font:inherit;cursor:pointer}
.dv-filt,.pk-filt-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--dv-mut,inherit);background:transparent;border:0;cursor:pointer;flex:none}
.dv-filt:hover,.pk-filt-ic:hover{background:var(--dv-line,rgba(0,0,0,.06))}
.dv-filt svg,.pk-filt-ic svg{width:18px;height:18px}
.pk-search .pk-filt-ic{margin-right:6px}
.dv-more-modal .pk-box{max-width:460px}
.dv-more-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dv-more-a{display:block;padding:12px 14px;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:14px;color:inherit;text-decoration:none;font-weight:600}
.dv-more-a:hover{border-color:var(--orange)}
.dv-top{padding-bottom:0}
.nf-banner{position:relative;margin-top:18px;border-radius:24px;overflow:hidden;min-height:300px;justify-content:flex-end;background:#141416;color:#FAF6EF}
.nf-cover{position:absolute;inset:0}
.nf-cover img,.nf-cover video{width:100%;height:100%;object-fit:cover;display:block}
.nf-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,22,0) 30%,rgba(20,20,22,.82) 100%);pointer-events:none}
.nf-txt{position:relative;z-index:1;padding:28px 32px}
.nf-txt h1{margin:0;font-size:52px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:#FAF6EF}
.nf-txt p{margin:8px 0 0;font-size:17px;color:#E9E2D6}
.nf .dv-chips{margin-top:18px}
.nf-row{display:flex}
.nf-filters{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin:18px 0 6px}
.nf-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.nf-filters select{font:inherit;font-size:15px;padding:10px 12px;border-radius:12px;border:1px solid var(--dv-line,rgba(0,0,0,.15));background:var(--dv-surf,#fff);color:var(--dv-ink,inherit);min-width:160px}
.nf-filters .nf-free{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px}
.nf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:18px}
.nf-grid .dv-timg{height:220px}
.dv-ltype{font-weight:700;color:var(--orange)}
.dv-pod.is-book .dv-pod-c{border-radius:10px}
.dv-pod.is-book .dv-pod-c img{aspect-ratio:1/1}
.dv-posters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.dv-posters .dv-board{height:auto;aspect-ratio:2/3;background:var(--dv-paper-bg,#F1EADF)}
.dv-posters .dv-board>img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.dv-board.is-wall{display:flex;align-items:center;justify-content:center}
.dv-phone{display:block;width:58%;aspect-ratio:9/19;border-radius:22px;border:5px solid #141416;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.22);background:#141416}
.dv-phone img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){
  .nf-banner{margin:12px 20px 0;min-height:220px;border-radius:20px}
  .nf-txt{padding:18px}.nf-txt h1{font-size:34px}.nf-txt p{font-size:14px}
  .nf .dv-chips{margin-top:14px}
  .nf-filters,.nf-grid,.nf-gtop{padding:0 20px}.nf-grid{grid-template-columns:1fr 1fr;gap:12px}.nf-grid .dv-timg{height:160px}
  .nf-filters select{min-width:0}
  .dv-posters{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}
  .dv-posters .dv-st{flex:0 0 46%}
}
/* category pages: rows spaced like Discover; tile rows scroll sideways on every screen */
[data-nf-body]{display:flex;flex-direction:column;gap:56px;margin-top:40px}
.nf-row{display:flex;overflow-x:auto;gap:16px;scrollbar-width:none;padding-bottom:4px}
.nf-row::-webkit-scrollbar{display:none}
.nf-row .dv-tile{flex:0 0 240px}
.nf-row .dv-timg{height:180px;border-radius:18px}
@media (max-width:760px){[data-nf-body]{gap:36px;margin-top:24px}.nf-row{padding:0 20px}.nf-row .dv-tile{flex:0 0 200px}.nf-row .dv-timg{height:150px}}
/* Digital art: 5 posters in a row on computer (mockup), all of them sideways on phone */
.dv-posters .dv-st:nth-child(n+3){display:flex}
.dv-posters .dv-st:nth-child(n+6){display:none}
.dv-posters .dv-st{flex-direction:column;gap:8px}
@media (max-width:760px){.dv-posters .dv-st:nth-child(n+6){display:flex}}

/* Creator page, business view (2026-10-09): Vibes / Work with me tabs, sticky Invite bar */
.pkc2-wtabs{display:flex;gap:6px;margin:22px 0 6px;border-bottom:1px solid var(--line,rgba(0,0,0,.1))}
.pkc2-wtabs button{font:inherit;font-weight:700;font-size:15px;padding:10px 14px;border:0;background:none;color:inherit;opacity:.6;border-bottom:2px solid transparent;cursor:pointer}
.pkc2-wtabs button.on{opacity:1;border-bottom-color:var(--orange)}
.pkw{display:flex;flex-direction:column;gap:14px;padding:18px 0 90px}
.pkw-intro{font-size:16px;line-height:1.55;max-width:680px;margin:0}
.pkw-facts{display:flex;flex-wrap:wrap;gap:10px}
.pkw-facts>div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:14px;min-width:120px}
.pkw-facts b{font-size:18px}.pkw-facts span{font-size:12px;opacity:.7}
.pkw-h{margin:12px 0 0}
.pkw-pf,.pkw-also{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.pkw-item{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--soft);color:inherit;text-decoration:none;display:block}
.pkw-item img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.pkw-item figcaption{font-size:13px;font-weight:600;padding:8px 10px}
.pkw-nfs{position:absolute;top:8px;left:8px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;background:rgba(20,20,22,.55);color:#FAF6EF}
.pkw-rev{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.pkw-r{border:1px solid var(--line,rgba(0,0,0,.1));border-radius:14px;padding:14px}.pkw-r b{color:var(--orange)}.pkw-r p{margin:6px 0 0}
.pkc2-sticky{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;justify-content:center;padding:12px 16px;background:var(--bg,#fff);border-top:1px solid var(--line,rgba(0,0,0,.1));box-shadow:0 -6px 18px rgba(0,0,0,.06)}
html[data-theme="dark"] .pkc2-sticky{background:#14161b}
@media (max-width:760px){.pkw-pf,.pkw-also{grid-template-columns:1fr 1fr}.pkc2-sticky .btn{flex:1;justify-content:center}}
/* Listen: small chip row under the banner (2026-10-09) */
.nf-subchips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:14px}
.nf-subchips::-webkit-scrollbar{display:none}
.nf-subchip{flex:none;font-size:13px;padding:7px 14px}
@media (max-width:760px){.nf-subchips{padding:0 20px}}
.nav-pro .pm-seal-s{display:none}   /* the seal means Verified; "Pro" is the paid plan (2026-10-09) */
/* Free badge on free cards (founder, 2026-10-09): same small pill everywhere, top-left, after the play icon when there is one */
.pk-free-tl{position:absolute;top:10px;left:10px;z-index:3;pointer-events:none}
.pk-scplay~.pk-free-tl,.dv-play~.pk-free-tl{left:46px}
.pk-freesw small{display:inline-block;margin-top:2px}
.pk-freefollow{margin-top:10px;font-size:14px}.pk-freefollow button{background:none;border:0;padding:0;font:inherit;color:var(--orange,#FF5A1F);font-weight:700;cursor:pointer;text-decoration:underline}
/* Previews (founder, 2026-10-11): no "Example" sticker; a small grey line under the section title instead */
.pm-prevline{margin:2px 0 0!important;font-size:13px!important;line-height:1.4;font-weight:400;color:var(--dv-mut,#6B635A)!important}
html[data-theme="dark"] .pm-prevline{color:var(--dv-mut,#B3ADA4)!important}
.dv-extag{display:none!important}
/* Headphones on: one big cover tile per sub-category (the Explore by mood tile, five across) */
.nf-subtiles{grid-template-columns:repeat(5,minmax(0,1fr))}
.nf-subtiles .dv-mood{height:260px}
.nf-subtiles .dv-mood video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nf-subtiles .dv-mood span{font-size:24px;line-height:1.15;right:18px}
@media (max-width:1100px) and (min-width:761px){.nf-subtiles{grid-template-columns:repeat(3,minmax(0,1fr))}.nf-subtiles .dv-mood{height:200px}}
@media (max-width:760px){
  .nf-subtiles{grid-template-columns:1fr 1fr}
  .nf-subtiles .dv-mood:first-child{grid-column:1/-1;height:180px}
  .nf-subtiles .dv-mood{height:140px}
  .nf-subtiles .dv-mood span{font-size:19px;left:14px;right:14px;bottom:12px}
}

/* ---------- 2026-10-15 (w107): pitch, Gen Z touches, safety, Creator tools, Discover plan ---------- */
/* Home "Saw it on Reels?": the Discover button was squeezed to its text box on phones (no side padding) */
.pk-rx-go{padding-left:24px!important;padding-right:24px!important;white-space:nowrap;min-width:max-content}
@media (max-width:600px){.pk-rx-sec .sec-head{flex-wrap:wrap;gap:12px;align-items:flex-start}.pk-rx-sec .pk-rx-go{height:46px;align-self:flex-start}}
/* PickMine sticker (founder, 2026-10-15): "Free", "New", "Founding Creator" as a small white rounded label, slightly tilted,
   with a soft shadow. White in dark mode too (dark ink), so it always reads on photos and dark cards. */
.pm-sticker.pm-sticker{display:inline-flex;align-items:center;height:auto;min-height:20px;padding:3px 9px;border:0;border-radius:8px;background:#fff;color:#141414;
  font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1.1;text-transform:none;white-space:nowrap;transform:rotate(-3deg);
  box-shadow:0 2px 8px rgba(20,20,20,.16),0 1px 2px rgba(20,20,20,.12)}
.pm-sticker.pk-new,.pm-sticker.pk-founding{color:var(--orange,#FF5A1F)}
html[data-theme="dark"] .pm-sticker.pm-sticker{background:#fff;color:#141414;box-shadow:0 2px 10px rgba(0,0,0,.45)}
html[data-theme="dark"] .pm-sticker.pk-new,html[data-theme="dark"] .pm-sticker.pk-founding{color:#E8470F}
@media (prefers-reduced-motion:reduce){.pm-sticker.pm-sticker{transform:rotate(-3deg)}}
/* Discover: popular searches under the search bar, and the trust row (founder, 2026-10-15) */
.dv-pop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:760px;margin-top:-8px}
.dv-pop[hidden]{display:none}
.dv-pop-l{font-size:13px;font-weight:700;color:var(--dv-mut,#8E877E);white-space:nowrap}
.dv-pop-row{display:flex;gap:8px;flex-wrap:wrap}
.dv-pop-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--dv-line,rgba(0,0,0,.1));background:var(--dv-surf,#fff);color:var(--dv-ink,#141414);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.dv-pop-chip:hover{border-color:var(--orange,#FF5A1F);color:var(--orange,#FF5A1F)}
.dv-trust-sec{padding-top:0!important;padding-bottom:0!important}
.dv-trust{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;border-top:1px solid var(--dv-line,rgba(0,0,0,.08));border-bottom:1px solid var(--dv-line,rgba(0,0,0,.08))}
.dv-trust li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--dv-mut,#6B655E)}
.dv-trust li svg{color:var(--orange,#FF5A1F);flex:none}
@media (max-width:700px){
  .dv-pop{flex-wrap:nowrap;margin:-4px -20px 0;padding:0 20px;overflow-x:auto;scrollbar-width:none}.dv-pop::-webkit-scrollbar{display:none}
  .dv-pop-row{flex-wrap:nowrap}
  .dv-trust-sec{padding:0 20px!important}
  .dv-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;justify-content:start;padding:12px 0}
  .dv-trust li{font-size:12.5px}
}
/* Category pages, sub-category pages and See all on a computer: "Browse by" + "Refine results" on the left (2026-10-15) */
.nf-side{display:none}
.nf-pop{margin:18px 0 0}
@media (min-width:1024px){
  .nf-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
  .nf-main{min-width:0}
  .nf-side{display:block;padding:28px 0 24px}
  .nf-sb .nf-main>.dv-chips{display:none}
  .nf-browse ul{list-style:none;margin:0;padding:0}
  .nf-browse>ul>li{border-bottom:1px solid var(--dv-line,rgba(0,0,0,.08))}
  .nf-browse a{display:block;padding:9px 0;color:var(--dv-ink,#141414);text-decoration:none;font-size:14px;font-weight:600}
  .nf-browse a:hover,.nf-browse a.on{color:var(--orange,#FF5A1F)}
  .nf-browse summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  .nf-browse summary::-webkit-details-marker{display:none}
  .nf-browse summary::after{content:"";width:7px;height:7px;border-right:1.6px solid var(--dv-mut,#8E877E);border-bottom:1.6px solid var(--dv-mut,#8E877E);transform:rotate(45deg);margin:0 4px 4px 8px;transition:transform .15s}
  .nf-browse details[open]>summary::after{transform:rotate(225deg);margin-bottom:-2px}
  .nf-subs{padding:0 0 8px 12px!important}
  .nf-subs a{padding:6px 0;font-weight:500;font-size:13.5px;color:var(--dv-mut,#6B655E)}
  .nf-refine{margin-top:26px}
  .nf-sb .nf-gtop{padding-top:28px}
  .nf-sb .pmf-has-side .pmf{margin-top:22px}
}
/* See all and sub-category grids: the filter bar no longer slides up over the category chips on phones */
.nf-gtop~.pmf-host .pmf{margin-top:14px!important}
/* "Share my email with [Creator]" tick (off by default) */
.pk-consent-wrap{margin-top:12px}
.pk-consent{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--dv-mut,#6B655E);cursor:pointer;line-height:1.3}
.pk-consent input{width:18px;height:18px;accent-color:var(--orange,#FF5A1F);flex:none;margin:0}
.cp-safety{margin:8px auto 34px;padding:0 20px}
/* Checkout "Have a code?" (hidden until fixes-145) */
.pk-code{margin:4px 0 10px}
.pk-code-link,.pk-code-x{background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--orange,#FF5A1F);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pk-code-x{font-size:13px;margin-left:6px;color:inherit}
.pk-code-f{display:flex;gap:8px;align-items:center;margin-top:8px}
.pk-code-f[hidden]{display:none}
.pk-code-f .pk-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em}
.pk-pickrep{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--ink3,rgba(17,18,20,.55));text-decoration:none}
.pk-pickrep:hover{text-decoration:underline}
html[data-theme="dark"] .pk-pickrep{color:rgba(244,239,231,.6)}
/* Calm health-claim note at upload (never blocks) */
.pk-health{margin:6px 0 4px;padding:9px 12px;border-radius:12px;background:rgba(255,90,31,.08);color:var(--ink,#141414);font-size:13px;line-height:1.4}
html[data-theme="dark"] .pk-health{background:rgba(255,90,31,.16);color:#F4EFE7}
.ask-openp{margin:0}.ask-open{align-self:flex-start}
@media (min-width:1024px){.nf-sb .nf-main>.nf-subchips{display:none}}   /* the sub-categories are in "Browse by" */
.pk-pages{display:block;max-width:180px;margin-top:10px}
/* Discover header line + creator on every card + "Creators to know" (founder, 2026-10-15) */
.dv-top .dv-lede{margin:-10px 0 0;font-size:19px;line-height:1.45;color:var(--dv-mut);max-width:640px}
.pm-cl{cursor:pointer;border-radius:999px;pointer-events:auto;position:relative;z-index:3}
.pm-cl:hover .dv-name,.pm-cl:hover .pk-scname,.pm-cl:hover>span[data-no-i18n]{text-decoration:underline;text-underline-offset:2px}
.pm-cl:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.pk-scwho{display:inline-flex;align-items:center;gap:6px;min-width:0}
.dv-know{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.dv-kc{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 14px 16px;background:var(--dv-surf);border:1px solid var(--dv-line);border-radius:20px;text-align:center;min-width:0}
.dv-kc-a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;width:100%}
.dv-kc-av{display:block;width:84px;height:84px;margin-bottom:6px}
.dv-kc-img{width:84px;height:84px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#4A443D;color:#FAF6EF;font-size:30px;font-weight:700}
.dv-kc-n{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-weight:700;font-size:15px}.dv-kc-n>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-kc-n .dv-seal{width:15px;height:15px;flex:none}
.dv-kc-m{font-size:13px;color:var(--dv-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.dv-kc-f{padding:8px 18px;font-size:14px}
.dv-know .dv-kc:nth-child(n+7){display:none}
@media (max-width:1180px){.dv-know{grid-template-columns:repeat(4,minmax(0,1fr))}.dv-know .dv-kc:nth-child(n+5){display:none}}
@media (max-width:760px){
  .dv-top .dv-lede{margin:-8px 0 0;font-size:15px}
  .dv-know{display:flex;overflow-x:auto;gap:12px;padding:0 20px;scrollbar-width:none}.dv-know::-webkit-scrollbar{display:none}
  .dv-know .dv-kc{flex:0 0 150px;padding:16px 10px 14px}.dv-know .dv-kc:nth-child(n+5){display:flex}
  .dv-kc-av,.dv-kc-img{width:68px;height:68px}
}
/* Mood board (founder, 2026-10-23; docs/discover-moodboard-contract.md): stock pictures as inspiration only. A small
   "Mood board" label (ivory on dark), no price, Pick, heart or Creator line; tap = lightbox. */
.dv-mb .dv-timg,.dv-mb .dv-crimg{position:relative}
.dv-mbtag{position:absolute;right:10px;top:10px;left:auto;bottom:auto;z-index:3;padding:2px 7px;border-radius:999px;background:rgba(17,18,20,.42);color:rgba(250,246,239,.92);font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.3;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.dv-crow.dv-mb .dv-mbtag,.dv-crimg .dv-mbtag{right:5px;top:5px;font-size:9px;padding:1px 6px}
.is-mb{cursor:zoom-in}
.dv-mb img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mb-modal .pk-box.mb-box{max-width:min(720px,calc(100vw - 32px));padding:16px 16px 20px}
.mb-fig{position:relative;margin:0 0 16px;border-radius:16px;overflow:hidden;background:var(--dv-ph,#E9E3DA);-webkit-touch-callout:none;user-select:none}
.mb-fig img,.mb-fig video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#111214}
.mb-fig .dv-mbtag{top:12px;bottom:auto}
.mb-modal .mb-txt{font-weight:700;margin:0 0 14px}
/* Headline (2026-10-23): the site's orange dot, sized to the big title. */
.dv-top h1 .dot-t{width:.16em;height:.16em;margin-left:.06em;vertical-align:baseline}
/* "Ask for it" only twice (2026-10-23): the Discover card alone, steps beside the text on a computer. */
.dvs-ask-solo .ask-box{grid-template-columns:1fr}
@media (min-width:761px){.dvs-ask-solo .ask-left{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:48px;row-gap:16px;align-items:start}
  .dvs-ask-solo .ask-left>*{grid-column:1;margin:0}.dvs-ask-solo .ask-left>.ask-steps{grid-column:2;grid-row:1 / span 3;align-self:center}}
/* Soft shimmer while a card picture loads (2026-10-23); reduced motion: a still tint. Stops once the picture is in (.is-ld). */
.dv5 .dv-media,.dv5 .dv-timg,.dv5 .dv-crimg,.dv5 .dv-pod-c,.dv5 .dv-mood{background-color:var(--dv-ph);background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);background-size:220% 100%;background-repeat:no-repeat;animation:dvShim 1.4s ease-in-out infinite}
html[data-theme="dark"] .dv5 .dv-media,html[data-theme="dark"] .dv5 .dv-timg,html[data-theme="dark"] .dv5 .dv-crimg,html[data-theme="dark"] .dv5 .dv-pod-c,html[data-theme="dark"] .dv5 .dv-mood{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%)}
.dv5 .is-ld,.dv5 .dv-timg:has(.is-ld){animation:none;background-image:none}
@keyframes dvShim{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.dv5 .dv-media,.dv5 .dv-timg,.dv5 .dv-crimg,.dv5 .dv-pod-c,.dv5 .dv-mood{animation:none;background-image:none}}
.mb-box{position:relative}.mb-box .pk-x{position:absolute;top:24px;right:24px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(17,18,20,.72);color:#FAF6EF;font-size:22px;line-height:1}

/* Discover chips on phone (founder, 2026-10-24): make it obvious the row scrolls. A soft fade on the right edge (half of the
   next chip shows through it); the fade goes once the row is scrolled to the end (.dv-end, set in picker.js). */
@media (max-width: 760px) {
  .dv-chips { -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 56px), transparent 100%); mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 56px), transparent 100%); padding-right: 40px; }
  .dv-chips.dv-end { -webkit-mask-image: none; mask-image: none; }
}

/* Discover top, 2026 (founder, 2026-10-24): lowercase headline with the rotating word in a hand-drawn orange circle,
   lowercase subtitle, big round search, "people are searching:" bubbles, chips with thin-line icons. */
.dv-gz h1{font-family:Montserrat,system-ui,sans-serif;font-weight:800;text-transform:none;letter-spacing:-1.5px}
.dv-gz-w{position:relative;display:inline-block;padding:0 .22em;margin:0 .04em;white-space:nowrap}
.dv-gz-w [data-gz-word]{position:relative;z-index:1}
.dv-gz-ring{position:absolute;left:-.04em;top:-.02em;width:calc(100% + .1em);height:calc(100% + .1em);overflow:visible;pointer-events:none}
.dv-gz-ring path{fill:none;stroke:#FF5A1F;stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.dv-gz-w.draw .dv-gz-ring path{animation:dvGzDraw .65s ease-out both}
@keyframes dvGzDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.dv-gz-q{color:#FF5A1F}
.dv-gz .dv-search{border-radius:999px;padding:20px 26px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.dv-gz .dv-search input{font-size:19px}
.dv-gz-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:-6px}
.dv-gz-pop>span{font-size:14px;color:var(--dv-mut);margin-right:2px}
.dv-gz-bub{display:inline-block;background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.1);border-radius:18px 18px 18px 6px;padding:7px 13px;font-size:14px;line-height:1.2;text-decoration:none;white-space:nowrap}
.dv-gz-bub:hover{border-color:#FF5A1F}
.dv-chip{display:inline-flex;align-items:center;gap:7px;font-size:16px;padding:11px 18px}
.dv-chip-ic{width:17px;height:17px;flex:none}
@media (prefers-reduced-motion: reduce){.dv-gz-w.draw .dv-gz-ring path{animation:none}}
@media (max-width: 760px){
  .dv-gz h1{font-size:38px;letter-spacing:-1px;line-height:1.12}
  .dv-gz .dv-search{padding:16px 20px}.dv-gz .dv-search input{font-size:16px}
  .dv-gz-pop{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-4px -20px 0;padding:0 20px}.dv-gz-pop::-webkit-scrollbar{display:none}
  .dv-gz-pop>span{white-space:nowrap}
  .dv-chip{font-size:15px;padding:10px 15px}
}
/* Inspo tag + one preview line (founder, 2026-10-24) */
.dv-mb .dv-pod-c,.dv-ex .dv-board,.dv-ex.dv-oc,.dv-mb.dv-oc{position:relative}
.dv-pod-c .dv-mbtag{right:5px;top:5px;font-size:9px;padding:1px 6px}
.dv5 .dv-prevtop{margin:6px 0 0!important}
.dv5 .dv-head .pm-prevline{display:none!important}