*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#111826;--ink-soft:#4A5464;--ink-faint:#8A93A1;--paper:#fff;
--sand:#F1F0EC;--mist:#F3F3F0;--line:#E3E3DE;--gold:#A8761F;--gold-soft:#F7EFE0}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}
h1,h2,h3,.pop{font-family:Poppins,-apple-system,sans-serif;font-weight:500;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
.bar{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:40}
.bar-in{max-width:720px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;
justify-content:space-between;gap:16px}
.logo{font-family:Poppins,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.02em}
.nav{display:flex;align-items:center;flex-wrap:nowrap}
.nav a{font-size:15px;color:var(--ink-soft);margin-left:18px;white-space:nowrap}
.navacct{position:relative;display:inline-flex;margin-left:20px}
.navface{display:block;padding:0;border:none;background:none;cursor:pointer}
.navface svg{width:28px;height:28px;display:block;color:var(--ink-faint);
transition:color .16s ease}
.navface.has-pic{width:30px;height:30px;border-radius:50%;overflow:hidden;
border:1px solid var(--line);transition:border-color .16s ease}
.navface.has-pic img{width:100%;height:100%;object-fit:cover;display:block;background:var(--mist)}
.navacct:hover .navface.has-pic,.navface.has-pic[aria-expanded="true"]{border-color:var(--gold)}
.navacct:hover .navface svg,.navface[aria-expanded="true"] svg{color:var(--gold)}
.navmenu{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:60;
min-width:158px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;
box-shadow:0 10px 30px -12px rgba(17,24,38,.3)}
/* The gap between the icon and the menu was a dead zone: the pointer left the
   button before it reached the menu, so the menu closed on the way down. This
   is an invisible bridge across it. */
.navmenu::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.navmenu.is-open{display:block}
.navmenu a{display:block;margin:0;padding:10px 14px;border-radius:8px;font-size:15px;
color:var(--ink);white-space:nowrap}
.navmenu a:hover{background:var(--mist);color:var(--gold)}
.navmenu a.is-sep{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px}
@media(hover:hover){.navacct:hover .navmenu{display:block}}
.nav a:hover{color:var(--gold)}
.hero{background:var(--paper);border:1px solid var(--line);border-radius:18px;
padding:26px 26px 20px;margin:22px 0 4px;
transition:border-color .18s ease,box-shadow .18s ease}
.hero:focus-within{border-color:var(--gold);box-shadow:0 6px 22px -10px rgba(168,118,31,.35)}
.hero .post{border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}
.hero .post:focus-within{border:none;box-shadow:none;padding:0}
.hero .post-foot{border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.hero-row{display:flex;align-items:center;gap:15px;margin-bottom:14px}
.hero h1{font-size:34px;line-height:1.15;margin-bottom:5px}
.tag{font-size:14px;color:var(--gold);font-weight:500}
.post{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:#fff;
transition:border-color .18s ease,box-shadow .18s ease}
.post:focus-within{border-color:var(--gold);box-shadow:0 6px 22px -10px rgba(168,118,31,.35)}
.post-top{display:flex;gap:14px;align-items:flex-start}
.askmascot{display:block;flex-shrink:0;transition:width .18s ease,height .18s ease}
.post.is-busy{pointer-events:none}
.post.is-busy textarea{cursor:default;background:transparent;opacity:.55}
/* While it works, the button stays in sight and says so. A compact box hides its
   footer when it loses focus, and locking the box takes the focus away, so without
   this the button vanished and the page looked like it had ignored the question. */
.post.compact.is-busy .post-foot{display:flex}
.boxstatus{display:none;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;
background:var(--gold-soft);color:var(--ink);font-size:15px;line-height:1.5}
.boxstatus:not(:empty){display:flex}
.boxstatus .dots{flex:0 0 auto}
.post.is-busy .post-foot label,.post.is-busy .post-foot span{opacity:.45}
/* While the twin writes: mint with dark green text (Mary, v254), not black. */
.post.is-busy .askbtn{opacity:1;background:#CFF2E1;color:#0B5A36;text-shadow:none;cursor:progress;
animation:askpulse 1.4s ease-in-out infinite}
@keyframes askpulse{0%,100%{opacity:1}50%{opacity:.72}}
@media(prefers-reduced-motion:reduce){.post.is-busy .askbtn{animation:none}}
.post.compact{padding:12px 16px}
.post.compact .post-top{align-items:center}
.post.compact textarea{min-height:0;height:30px;font-size:17px;padding-top:4px;transition:height .18s ease}
.post.compact .post-foot{display:none}
/* Open while focused OR while there is anything typed in it. An iPhone doesn't
   give a tapped button the focus, so tapping Ask blurred the box, the footer
   vanished under the finger, and the tap landed on nothing. */
.post.compact:focus-within,.post.compact.has-text{padding:16px 18px}
.post.compact:focus-within .post-top,.post.compact.has-text .post-top{align-items:flex-start}
.post.compact:focus-within textarea,.post.compact.has-text textarea{height:96px;font-size:19px;padding-top:6px}
.post.compact:focus-within .post-foot,.post.compact.has-text .post-foot{display:flex}
.asklead{font-size:14px;color:var(--ink-faint);margin:26px 0 10px}
.askpending{display:flex;align-items:center;gap:12px;margin-top:14px;padding:16px 18px;
border:1px solid var(--line);border-radius:14px;background:var(--mist);
font-size:15.5px;line-height:1.5;color:var(--ink-soft)}
.navask{color:var(--gold)!important;font-weight:500}
.post textarea{width:100%;border:none;outline:none;resize:none;font-size:19px;line-height:1.6;
min-height:88px;font-family:inherit;color:var(--ink);background:transparent;
overflow:hidden;scrollbar-width:none}
.post textarea::-webkit-scrollbar{display:none}
.post textarea::placeholder{color:var(--ink-faint)}
.askbtn:disabled,.askbtn.is-dim{opacity:.45;cursor:not-allowed}
.ovl{position:fixed;inset:0;background:rgba(17,24,38,.55);z-index:100;display:none;
align-items:flex-start;justify-content:center;padding:40px 18px;overflow:auto}
.ovl.on{display:flex}
.modal{background:#fff;border-radius:16px;padding:26px 22px;max-width:420px;width:100%;
transition:max-width .25s ease}
.modal.wide{max-width:640px}
.dupv{background:var(--mist);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
padding:14px 16px;margin-bottom:16px;text-align:left}
.dupv strong{display:block;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;
line-height:1.4;margin-bottom:8px}
.dupv span{display:block;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}
.ansbody{text-align:left;max-height:46vh;overflow:auto;padding-right:6px}
.ansbody p{font-size:16.5px;line-height:1.7;margin-bottom:16px}
.ansbody h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin:22px 0 10px}
.modal h2{font-size:19px;text-align:center;margin-bottom:8px}
.modal .sub{font-size:15px;line-height:1.65;color:var(--ink-soft);text-align:center;margin-bottom:18px}
.modal img.m{display:block;margin:0 auto 12px}
.saved{background:var(--mist);border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:13.5px;
line-height:1.5;color:var(--ink)}
.saved b{display:block;font-size:12.5px;color:var(--ink-faint);font-weight:400;margin-bottom:3px}
.field{width:100%;font-size:16px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;
margin-bottom:11px;outline:none;font-family:inherit}
.field:focus{border-color:var(--gold)}
.privnote-top{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;
color:var(--ink-soft);background:var(--mist);border-radius:999px;padding:6px 14px;margin:0 auto 18px}
.modal .privnote-top,.privcard .privnote-top{display:table}
.cardmascot{display:block;margin:0 auto 12px}
.acctsec{text-align:left;padding:24px 0;border-top:1px solid var(--line)}
.acctsec:first-of-type{border-top:0;padding-top:6px}
.acctsec h2{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin:0 0 6px}
.acctsec .hint{font-size:14.5px;line-height:1.6;color:var(--ink-soft);margin:0 0 14px}
.acctpic{display:flex;align-items:center;gap:16px}
.acctpic .avatar-img{width:76px;height:76px}
.acctbtns{display:flex;gap:10px;flex-wrap:wrap}
.btn2{font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);background:#fff;
border:1px solid var(--line);border-radius:8px;padding:10px 16px;cursor:pointer;
transition:border-color .16s ease,color .16s ease}
.btn2:hover{border-color:var(--gold);color:var(--gold)}
.btn2:disabled{opacity:.6;cursor:default}
.acctrow{display:flex;gap:10px;align-items:flex-start}
.acctrow .field{margin-bottom:0;flex:1 1 auto;min-width:0}
.acctrow .btn2{flex:0 0 auto;height:48px}
.acctnow{font-size:16px;font-weight:500;word-break:break-all;margin:0 0 14px}
.ok{font-size:14.5px;color:#1F7A4D;margin:10px 0 0}
.acctsec .err{margin:10px 0 0}
.fieldlab{display:block;text-align:left;font-size:14px;font-weight:500;color:var(--ink);
margin:0 0 6px 2px}
.chk{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.55;
color:var(--ink);margin-bottom:13px;cursor:pointer}
.chk input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--gold)}
.chk small{display:block;font-size:13px;color:var(--ink-soft);margin-top:2px}
.go{width:100%;background:linear-gradient(101deg,#F5A623 0%,#F0574C 52%,#EC2E8C 100%);
color:#fff;font-size:16px;font-weight:500;padding:15px;
border:none;border-radius:10px;cursor:pointer;font-family:inherit;
text-shadow:0 1px 2px rgba(122,32,12,.3);
box-shadow:0 6px 20px -9px rgba(240,87,76,.6);transition:filter .16s ease,box-shadow .16s ease}
.go:hover{filter:brightness(1.06)}
.go:active{filter:brightness(.97);box-shadow:0 3px 12px -8px rgba(240,87,76,.6)}
.go:disabled{background:var(--mist);color:var(--ink-faint);text-shadow:none;
box-shadow:none;filter:none;cursor:not-allowed}
.err{color:#B0342C;font-size:14px;margin-bottom:12px}
.fine{font-size:13px;color:var(--ink-faint);text-align:center;line-height:1.55;margin-top:14px}
.post-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;
border-top:1px solid var(--line);margin-top:14px;padding-top:14px;flex-wrap:wrap}
.post-foot span{font-size:13.5px;color:var(--ink-faint)}
.askbtn{background:linear-gradient(101deg,#F5A623 0%,#F0574C 34%,#EC2E8C 67%,#12BFA8 100%);
color:#fff;font-size:16px;font-weight:500;padding:13px 34px;border-radius:999px;
border:none;cursor:pointer;margin-left:auto}
.sec{padding:30px 0;border-top:1px solid var(--line)}
.article .sec{padding:26px 0}
.sec-h{font-size:14px;color:var(--ink-faint);margin-bottom:18px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.sec-head .sec-h{margin-bottom:18px}
.seeall{font-size:14.5px;font-weight:500;color:var(--gold);white-space:nowrap}
.alltopics-row{display:flex;justify-content:flex-end;margin-top:16px}
.morerow{display:flex;justify-content:center;margin-top:22px}
.alltopics{display:inline-flex;align-items:center;gap:5px;font-family:inherit;
background:none;border:none;cursor:pointer;
font-size:14.5px;font-weight:500;color:var(--gold)}
.alltopics svg{transition:transform .18s ease}
.alltopics:hover svg{transform:translateY(2px)}
.seeall:hover{text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid .tile:last-child:nth-child(odd){grid-column:1 / -1}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.tile{border:1px solid var(--line);border-radius:8px;padding:20px;display:block;background:var(--paper)}
.tile:hover{border-color:var(--gold)}
.tileico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
border-radius:10px;background:var(--gold-soft);color:var(--gold);margin-bottom:12px}
.sortrow{display:flex;align-items:center;justify-content:space-between;gap:16px;
flex-wrap:wrap;margin-bottom:14px}
.sortby{display:flex;gap:4px;background:var(--mist);border-radius:999px;padding:3px}
.sortby a{font-size:14px;font-weight:500;color:var(--ink-soft);padding:6px 14px;border-radius:999px}
.sortby a.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(17,24,38,.08)}
.sortby a:hover{color:var(--ink)}
.topictitle{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
.topictitle h1{font-size:30px;line-height:1.2;margin:0}
.topicblurb{font-size:17px;line-height:1.65;color:var(--ink-soft);margin-bottom:22px}
.pillarq{font-family:Poppins,sans-serif;font-size:25px;line-height:1.25;font-weight:600;
letter-spacing:-.02em;margin:6px 0 18px}
@media(max-width:560px){.topictitle h1{font-size:25px}.pillarq{font-size:21px}}
.topichead{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-faint);margin-bottom:12px}
.topichead .tileico{width:32px;height:32px;margin-bottom:0}
.tile h3{font-size:18px;margin-bottom:6px}
.tile p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:10px}
.tile .n{font-size:13px;color:var(--ink-faint)}
.card{border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:14px;
display:block;background:var(--paper)}
.card:hover{border-color:var(--gold)}
.who{color:#6A55E0;font-weight:700}h1 .who{cursor:pointer;transition:color .14s ease}h1 .who:hover{color:var(--gold)}.who-role{color:#0B6E4F}
.card h2{font-size:20px;line-height:1.38;margin-bottom:11px;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .ans{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.is-featured{border-color:var(--gold);background:linear-gradient(180deg,#FDFBF6,var(--paper) 60%)}
.featuretag{display:inline-block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;
letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.card .ans{font-size:16.5px;line-height:1.65;color:var(--ink-soft)}
.card-by{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:15px;
border-top:1px solid var(--line)}
.by-n{font-size:14px;font-weight:500}
.by-m{font-size:13px;color:var(--ink-faint);margin-top:2px}
.by-go{margin-left:auto;font-size:14px;color:var(--gold);font-weight:500}
.qi{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.article{padding:34px 30px;background:var(--paper);border:1px solid var(--line);
border-radius:18px;margin:22px 0 26px}
.crumb{font-size:14px;color:var(--ink-faint);margin-bottom:14px;display:inline-block}
.article h1{font-size:32px;line-height:1.22;margin-bottom:22px}
.verdict{border-left:3px solid var(--gold);padding-left:20px;margin-bottom:26px}
.verdict p{font-family:Poppins,sans-serif;font-size:21px;line-height:1.45;font-weight:500}
.byline{display:flex;align-items:center;gap:12px;padding-bottom:20px;
border-bottom:1px solid var(--line);margin-bottom:26px}
.vbadge{margin-left:auto;position:relative;flex-shrink:0;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;padding:8px;margin-right:-8px;
-webkit-appearance:none;appearance:none;background:transparent;background-color:transparent;
border:0;border-radius:0;box-shadow:none;outline:none;font:inherit;color:inherit;
-webkit-tap-highlight-color:transparent}
.vbadge::-moz-focus-inner{border:0;padding:0}
.vbadge:focus{outline:none;box-shadow:none}
.vbadge:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.minimark{display:inline-block;vertical-align:-2px;margin-left:6px}
.minimark.is-rev path:first-child{fill:#27A04B}
.minimark.is-twin path:first-child{fill:#C2C7CE}
.qrow .t .minimark{margin-left:8px}
.vbadge .vb-disc{transition:fill .2s ease}
.vbadge.is-rev .vb-disc{fill:#27A04B}
.vbadge.is-twin .vb-disc{fill:#C2C7CE}
.vbadge:hover{opacity:.85}
.vtip{position:absolute;right:0;top:calc(100% + 9px);background:#111826;color:#fff;font-size:13px;
font-weight:400;line-height:1.35;white-space:nowrap;padding:8px 12px;border-radius:8px;
opacity:0;visibility:hidden;transition:opacity .16s ease;pointer-events:none;z-index:30;
box-shadow:0 6px 20px -6px rgba(17,24,38,.35)}
.vtip::before{content:"";position:absolute;right:11px;top:-4px;width:8px;height:8px;
background:#111826;transform:rotate(45deg)}
.vbadge:hover .vtip,.vbadge:focus .vtip,.vbadge:focus-visible .vtip{opacity:1;visibility:visible}
@media(max-width:560px){.vtip{font-size:12.5px;padding:7px 11px}}
.privnote{background:#EDEAF8;color:#5544A6}
.profile{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.avatar{display:block;flex:0 0 auto;cursor:pointer;text-align:center}
.avatar-img{display:block;width:76px;height:76px;border-radius:50%;overflow:hidden;
background:var(--mist);color:var(--ink-faint)}
.avatar-img img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-img svg{width:100%;height:100%;display:block}
.avatar{position:relative}
.pencil{display:flex;align-items:center;justify-content:center;
opacity:0;transition:opacity .16s ease}
.pencil svg{width:14px;height:14px;display:block}
.avatar .pencil{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;
border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--gold)}
.avatar:hover .pencil,.namebtn:hover .pencil,.namebtn:focus-visible .pencil{opacity:1}
.namebtn{display:inline-flex;align-items:center;gap:9px;background:none;border:none;
padding:0;cursor:pointer;font-family:inherit;color:inherit;text-align:left}
.namebtn #uname{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;
line-height:1.2;letter-spacing:-.02em;word-break:break-word}
.namebtn .pencil{width:22px;height:22px;flex:0 0 auto;color:var(--gold)}
/* No hover on a touch screen, so the pencils stay visible there. */
@media(hover:none){.pencil{opacity:1}}
.profile{align-items:flex-start}
.profile-t{padding-top:10px}
.profile-t{min-width:0}
.profile-sub{font-size:15px;line-height:1.6;color:var(--ink-soft);margin-top:4px}
.profile-sub a{color:var(--gold)}
@media(max-width:560px){.profile{gap:14px}.avatar-img{width:64px;height:64px}
.namebtn #uname{font-size:24px}.profile-t{padding-top:4px}}
.melabel{font-size:12.5px;color:var(--ink-soft);background:var(--mist);padding:5px 11px;
border-radius:20px;margin-right:8px}
.melabel.is-rev{background:#E3F1E6;color:#2C6B3C}
.btn-del{background:none;color:#B0342C;border:1px solid #E9C8C4;border-radius:999px;
font-size:15px;font-weight:500;padding:12px 24px;cursor:pointer;font-family:inherit}
.btn-del:hover{background:#FDF3F2}
.btn-del:disabled{opacity:.5;cursor:not-allowed}
.privcard{border:1px solid var(--line);border-radius:16px;padding:34px 30px;text-align:center}
.privcard .field,.privcard .go{text-align:left}
.privlock{width:56px;height:56px;border-radius:50%;background:#EDEAF8;color:#5544A6;
display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.privtoggle{font-size:13.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.privtoggle input{width:15px;height:15px;accent-color:var(--gold)}
.follow{border-left:4px solid var(--line);padding:4px 0 4px 22px;margin:26px 0}
.follow.is-pending{border-left-color:var(--gold);opacity:.85}
.pending-note{font-size:16px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}
.dots{display:inline-flex;gap:4px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--gold);display:block;
animation:pulse 1.2s infinite ease-in-out}
.dots i:nth-child(2){animation-delay:.18s}
.dots i:nth-child(3){animation-delay:.36s}
@keyframes pulse{0%,80%,100%{opacity:.25}40%{opacity:1}}
.follow-q{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:1.35;margin-bottom:12px}
.follow-v{margin-bottom:16px}
.follow-v p{font-size:18px}
.follow-b{font-size:17px}
.follow-b p{margin-bottom:16px}
.follow-b h2{font-size:18px;margin:22px 0 10px}
.follow-link{display:inline-block;font-size:14.5px;color:var(--gold);font-weight:500;margin-top:4px}
.follow-link:hover{text-decoration:underline}
.followfrom{font-size:14.5px;color:var(--ink-faint);margin:0 0 20px}
.followfrom a{color:var(--gold);font-weight:500}
.related{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}
.comments{border-top:1px solid var(--line);margin-top:36px;padding-top:26px}
.cmt{padding:16px 0;border-bottom:1px solid var(--line)}
.cmt.is-author{background:var(--gold-soft);border-bottom:none;border-radius:12px;
padding:16px 18px;margin:10px 0}
.cmt-h{font-size:14.5px;font-weight:500;margin-bottom:6px;display:flex;gap:10px;align-items:baseline}
.cmt-h span{font-size:13px;color:var(--ink-faint);font-weight:400}
.cmt p{font-size:16.5px;line-height:1.7;white-space:pre-wrap}
.cmt-box{margin-top:22px}
.cmt-box .field{margin-bottom:10px}
.cmt-box textarea{resize:vertical;line-height:1.6}
.replystate{font-size:14px;color:var(--ink-faint);margin-top:10px;padding-top:10px;
border-top:1px solid var(--line)}
.followsignin{border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:8px 0 6px}
.followsignin p{font-size:16.5px;line-height:1.65;color:var(--ink-soft)}
.followsignin p.small{font-size:14px;color:var(--ink-faint);margin-top:8px}
.followsignin a{color:var(--gold);font-weight:500}
.cmt-signin{font-size:16px;line-height:1.7;color:var(--ink-soft);margin-top:18px}
.cmt-signin a{color:var(--gold);font-weight:500}
.twinnote{font-size:14.5px;line-height:1.6;color:var(--ink-faint);background:var(--mist);
border-radius:10px;padding:13px 16px;margin:0 0 24px}
.body{font-size:18px;line-height:1.75}
.body p{margin-bottom:20px}
.body h2{font-size:21px;margin:34px 0 14px}
.body ul{margin:0 0 20px 20px}
.body li{margin-bottom:9px}
.cta{position:relative;background:#fff;border-radius:18px;padding:30px;margin:38px 0;
border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(118deg,#FF9A3D 0%,#F2594B 28%,#EC2E8C 58%,#9B4DE0 84%,#5B5BE8 100%);
background-origin:border-box;background-clip:padding-box,border-box;
box-shadow:0 0 0 1px rgba(236,46,140,.06),0 6px 26px -6px rgba(236,46,140,.28),0 2px 10px -4px rgba(91,91,232,.22)}
.cta h2{font-size:22px;line-height:1.35;margin-bottom:10px;color:var(--ink)}
.cta p{font-size:16px;line-height:1.6;color:var(--ink-soft);margin-bottom:22px}
.cta a{display:inline-block;background:linear-gradient(118deg,#FF9A3D 0%,#F2594B 28%,#EC2E8C 58%,#9B4DE0 84%,#5B5BE8 100%);color:#fff;font-weight:500;
font-size:16px;padding:14px 30px;border-radius:999px}
.cta a:hover{filter:brightness(1.07)}
.qrow{display:block;padding:16px 0;border-top:1px solid var(--line)}
.qrow .t{font-size:17px;line-height:1.5;font-family:Poppins,sans-serif}
.qrow:hover .t{color:var(--gold)}
.qrow .m{font-size:13px;color:var(--ink-faint);margin-top:4px}
.foot{border-top:1px solid var(--line);margin-top:30px;padding:26px 0 40px}
.foot-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot-top span{font-size:13.5px;color:var(--ink-faint);line-height:1.6;flex:1;min-width:260px}
.legal .body h2{font-size:19px;margin:34px 0 12px}
.legal .body p,.legal .body li{font-size:16.5px;line-height:1.7}
.legal .body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
.body .flaglist{counter-reset:fl;display:flex;flex-direction:column;gap:12px;margin:16px 0 22px}.body .flagrow{display:flex;gap:20px;align-items:center;padding:16px 18px;border:1px solid var(--line,#E3E3DE);border-radius:14px;background:#fff}.body .flagimg{flex:0 0 128px;width:128px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #E3E3DE;box-shadow:0 1px 3px rgba(17,24,38,.08);background:#F4F4F1}.body .flagtxt{min-width:0}.body .flagname{font-family:Poppins,system-ui,sans-serif;font-size:19px;font-weight:600;margin-bottom:4px}.body .flagname::before{counter-increment:fl;content:counter(fl) ". ";color:var(--ink-faint,#8A93A1)}.body .flagtxt p{margin:0}.body .flagrow{display:block}.body .flagtop{display:flex;gap:20px;align-items:flex-start}.body .flagimg{margin-top:4px}.body .ffacts{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#E3E3DE);display:grid;gap:8px}.body .ffact{font-size:17px;line-height:1.6}.body .flab{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint,#8A93A1);margin-right:4px}@media (max-width:560px){.body .flagtop{gap:14px}}@media (max-width:560px){.body .flagrow{gap:14px;padding:14px;align-items:flex-start}.body .flagimg{flex-basis:64px;width:64px;height:48px;margin-top:4px}.body .flagname{font-size:18px}}
.body blockquote.pq{margin:14px 0 16px;padding:14px 18px 14px 20px;border-left:3px solid #A8761F;background:#FBF8F1;border-radius:0 12px 12px 0}.body .pqlead{margin:14px 0 6px}.body blockquote.pq .pqsrc{display:block;margin-top:6px;font-size:15px;color:var(--ink-soft)}
.body blockquote.pq{cursor:pointer;transition:box-shadow .2s,background .2s}.body blockquote.pq:hover{background:#F7F0DF;box-shadow:0 0 0 2px rgba(201,162,74,.35)}.body blockquote.pq p{margin:0;font-size:18px;line-height:1.6;color:var(--ink);font-style:normal}
.tblwrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 22px;border:1px solid var(--line);border-radius:12px}
.tblwrap table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px;line-height:1.5}
.tblwrap th{text-align:left;font-weight:600;background:var(--mist);padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:bottom}
.tblwrap td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tblwrap tr:last-child td{border-bottom:0}
.tblwrap strong.num{white-space:normal}
@media(max-width:560px){.tblwrap table{min-width:540px}}
.legal .body th,.legal .body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.foot-links{display:flex;gap:18px;white-space:nowrap;flex-wrap:wrap}
.foot-links a{font-size:13.5px;font-weight:500;
background:linear-gradient(118deg,#FF9A3D 0%,#F2594B 28%,#EC2E8C 58%,#9B4DE0 84%,#5B5BE8 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#EC2E8C}
.foot-links a:last-child{background:linear-gradient(118deg,#EC2E8C 0%,#9B4DE0 45%,#5B5BE8 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.foot-links a:hover{filter:brightness(1.12)}
.foot-legal{font-size:13px;color:var(--ink-faint);margin-top:22px;padding-top:18px;
border-top:1px solid var(--line);display:flex;justify-content:space-between;
align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:720px){.hero h1{font-size:29px}
.article{padding:24px 18px;border-radius:14px;margin:14px 0 20px}
.article h1{font-size:25px}.verdict p{font-size:19px}.body{font-size:17px}}

/* The bar is the one row that cannot wrap. It used to scroll sideways below
   620px, but a scrolling box clips anything that hangs out of it, and that hid
   the account menu on phones. The links are few enough now to simply fit. */
@media(max-width:620px){
.bar-in{padding:12px 16px;gap:10px}
.logo{flex:0 0 auto}
.nav{white-space:nowrap;flex:0 1 auto;min-width:0}
.nav a{font-size:14.5px;margin-left:14px}
.navacct{margin-left:14px}
.post-foot{gap:10px}
.post-foot span{display:none}
.privtoggle{font-size:14px}
}

.ovl{position:fixed;inset:0;background:rgba(17,24,38,.55);z-index:100;display:none;
align-items:flex-start;justify-content:center;padding:40px 18px;overflow:auto}
.ovl.on{display:flex}
.modal{background:#fff;border-radius:16px;padding:26px 22px;max-width:420px;width:100%;
transition:max-width .25s ease}
.modal.wide{max-width:640px}
.dupv{background:var(--mist);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
padding:14px 16px;margin-bottom:16px;text-align:left}
.dupv strong{display:block;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;
line-height:1.4;margin-bottom:8px}
.dupv span{display:block;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}
.ansbody{text-align:left;max-height:46vh;overflow:auto;padding-right:6px}
.ansbody p{font-size:16.5px;line-height:1.7;margin-bottom:16px}
.ansbody h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin:22px 0 10px}
.modal h2{font-size:19px;text-align:center;margin-bottom:8px}
.modal .sub{font-size:15px;line-height:1.65;color:var(--ink-soft);text-align:center;margin-bottom:18px}
.modal img.m{display:block;margin:0 auto 12px}
.saved{background:var(--mist);border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:13.5px;line-height:1.5}
.saved b{display:block;font-size:12.5px;color:var(--ink-faint);font-weight:400;margin-bottom:3px}
.field{width:100%;font-size:16px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;
margin-bottom:11px;outline:none;font-family:inherit}
.field:focus{border-color:var(--gold)}
.chk{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.55;margin-bottom:13px;cursor:pointer;text-align:left}
.chk input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--gold)}
.chk small{display:block;font-size:13px;color:var(--ink-soft);margin-top:2px}
.err{color:#B0342C;font-size:14px;margin-bottom:12px}
.fine{font-size:13px;color:var(--ink-faint);text-align:center;line-height:1.55;margin-top:14px}
.post textarea{width:100%;border:none;outline:none;resize:none;font-size:19px;line-height:1.6;
min-height:88px;font-family:inherit;color:var(--ink);background:transparent;
overflow:hidden;scrollbar-width:none}
.post textarea::-webkit-scrollbar{display:none}
.post textarea::placeholder{color:var(--ink-faint)}
.askbtn:disabled,.askbtn.is-dim{opacity:.45;cursor:not-allowed}
.toolintro{font-size:17px;line-height:1.65;color:var(--ink-soft);margin-bottom:22px}
.tile.is-mine ~ .tile:last-child:nth-child(odd){grid-column:auto}
.tile.is-mine{grid-column:1 / -1;order:-1;border-color:#F0A45A;
background:linear-gradient(101deg,#FEF4E6 0%,#FDEAE6 54%,#FCE8F2 100%)}
.tile.is-mine:hover{border-color:#EC2E8C}
.tile.is-mine .n{color:#C4457A;font-weight:500}
.tile.is-mine .tileico{background:rgba(255,255,255,.72)}
.crumb+h1{margin-top:6px}
.vstamp{color:var(--ink-faint);opacity:.6;font-size:12.5px;margin-left:8px}
.vstamp:hover{opacity:1;color:var(--gold)}
.listen{background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:18px 0 26px;display:flex;flex-direction:column;gap:12px}
.lrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lbtn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.lbtn:hover,.lbtn:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
.lbtn.lmain{background:linear-gradient(90deg,#1DB980,#14A3C7 55%,#7B61FF);border-color:transparent;color:#fff}
.lbtn.lmain.is-playing{background:#16A34A;border-color:#16A34A}
.lbtn.lmain:hover,.lbtn.lmain:focus-visible{color:#fff;border-color:transparent;filter:brightness(1.07)}
.lbtn.lghost{background:transparent}
.lstat{font-size:14px;color:var(--ink-soft)}
.lstat.is-paused{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ink-soft)}
.lprog{display:flex;align-items:center;gap:12px}
.lsbar{position:relative;flex:1;height:10px;border-radius:999px;background:#E3E1DA;cursor:pointer}
.lsbar:focus-visible{outline:2px solid #14A3C7;outline-offset:3px}
.lfill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#1DB980,#14A3C7 55%,#7B61FF);transition:width .3s ease}
.lknob{position:absolute;left:0;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:2px solid #7B61FF;box-shadow:0 1px 4px rgba(17,24,38,.2);transition:left .3s ease}
.lpct{min-width:40px;text-align:right;font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.lspeed{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lsl{font-size:14px;color:var(--ink-faint);margin-right:4px}
.lsp{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:Inter,sans-serif;font-size:14px;color:var(--ink-soft);cursor:pointer}
.lsp:hover{border-color:var(--gold);color:var(--gold)}
.lsp.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--ink);font-weight:600}
.is-reading{background:var(--gold-soft);box-shadow:0 0 0 6px var(--gold-soft);border-radius:4px}
.featcard{display:block;margin:22px 0 6px;padding:24px 24px 22px;border-radius:18px;border:1px solid #CFE9DF;background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%);color:var(--ink);text-decoration:none;box-shadow:0 10px 30px -18px rgba(20,163,199,.45);transition:box-shadow .15s ease,transform .15s ease}
.featcard:hover{box-shadow:0 14px 34px -16px rgba(123,97,255,.45);transform:translateY(-1px)}
.feattag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0B6E4F;background:#fff;border-radius:999px;padding:5px 12px;margin-bottom:12px}
.feath{display:block;font-family:Poppins,sans-serif;font-size:24px;line-height:1.3;font-weight:500;margin-bottom:10px}
.featv{display:block;font-size:17px;line-height:1.6;color:var(--ink-soft)}
.featgo{display:block;text-align:right;margin-top:14px;font-size:15px;font-weight:600;color:#14A3C7}
@media(max-width:560px){.feath{font-size:21px}}
.keepbox,.sec.keepbox{background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:22px 24px 20px;margin-top:22px}
.keepbox .sec-h,.sec.keepbox .sec-h{margin-top:0}
.keepbox .fine,.keepbox .signedout{margin-bottom:0}
.keepbox .linkbtn,.keepbox .sharebtn{background:#fff}
.body strong.num,.verdict strong.num{color:#0B6E4F;font-weight:700;white-space:nowrap}
.body strong.ent,.verdict strong.ent{cursor:pointer;
transition:color .14s ease}
.body strong.ent:hover,.body strong.ent:focus-visible,.verdict strong.ent:hover,.verdict strong.ent:focus-visible{color:var(--gold);outline:none}
.body strong.ent.person,.verdict strong.ent.person{color:#6A55E0}.body strong.ent.person:hover,.body strong.ent.person:focus-visible,.verdict strong.ent.person:hover,.verdict strong.ent.person:focus-visible{color:var(--gold)}
.body strong.ent.place,.verdict strong.ent.place{background:linear-gradient(90deg,#1565D8,#0E9BBF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1565D8}
.body strong.ent.place:hover,.body strong.ent.place:focus-visible,.verdict strong.ent.place:hover,.verdict strong.ent.place:focus-visible{-webkit-text-fill-color:var(--gold)}
.body strong.ent.place::after,.verdict strong.ent.place::after{-webkit-text-fill-color:#fff}
.body strong.ent::after,.verdict strong.ent::after{content:'Click for more';position:absolute;z-index:40;
margin:-30px 0 0 8px;padding:4px 9px;border-radius:7px;white-space:nowrap;
font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.01em;
background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:opacity .14s ease}
.body strong.ent:hover::after,.verdict strong.ent:hover::after{opacity:.92}
@media(hover:none){.body strong.ent::after,.verdict strong.ent::after{content:none}}
.entpop{position:absolute;left:0;right:0;z-index:50;max-width:420px;
background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;
box-shadow:0 14px 40px -16px rgba(17,24,38,.4)}
.entpop-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin-bottom:10px}
.entpop-x{background:none;border:none;font-size:22px;line-height:1;color:var(--ink-faint);
cursor:pointer;padding:0 2px}
.entpop-x:hover{color:var(--ink)}
.entq{display:block;width:100%;text-align:left;font-family:inherit;font-size:15.5px;
line-height:1.45;color:var(--ink);background:var(--mist);border:none;border-radius:10px;
padding:11px 13px;margin-bottom:7px;cursor:pointer}
.entq:last-child{margin-bottom:0}
.entq:hover{background:var(--gold-soft)}
/* Two sets of questions in one panel: one for somebody already doing the work,
   one for somebody who is not. The label is what tells them which is theirs. */
/* The topic on a card goes to the topic, not to the answer. */
.totopic{cursor:pointer;border-radius:6px}
.by-m .totopic:hover{color:var(--gold);text-decoration:underline}
.card-by > .totopic:hover{opacity:.75}
/* Says plainly, in admin, that what you are looking at is not on the web. */
.warn{background:#FEF3C7;border:1px solid #FCD34D;color:#7C2D12;border-radius:10px;
padding:11px 13px;font-size:14.5px;line-height:1.45;margin:0 0 16px}
.entq-h{margin:0 0 8px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
color:var(--ink-soft);font-weight:600}
.entq + .entq-h{margin-top:16px}
.entwait{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-soft)}
.camefrom{margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;
background:var(--mist)}
.camefrom-h{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
color:var(--ink-faint);margin-bottom:9px}
.camefrom-q{display:block;font-family:Poppins,sans-serif;font-size:18.5px;font-weight:500;
line-height:1.4;color:var(--ink);margin-bottom:8px}
.camefrom-q:hover{color:var(--gold)}
.camefrom-v{font-size:16px;line-height:1.6;color:var(--ink-soft);margin-bottom:12px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.camefrom-go{font-size:15px;font-weight:500;color:var(--gold)}
.upvote{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.upvote button{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 20px;
font-family:inherit;font-size:15.5px;font-weight:500;color:var(--ink);cursor:pointer;
background:var(--paper);border:1px solid var(--line);border-radius:999px;
transition:border-color .16s ease,transform .16s ease}
.upvote button:hover{border-color:var(--gold);transform:translateY(-1px)}
.upvote button:disabled{cursor:default;transform:none;border-color:var(--line);
color:var(--ink-faint)}
.upvote span{font-size:14.5px;color:var(--ink-faint)}
.upvote.is-done button svg{color:var(--gold)}
.fromwheel{display:flex;align-items:center;gap:18px;border:1px solid var(--line);
border-radius:16px;padding:16px 20px;margin-bottom:26px;background:var(--gold-soft)}
.fromwheel:hover{border-color:var(--gold)}
.fromwheel-w{flex-shrink:0;width:92px}
.fromwheel-w .wheelsvg{width:92px;max-width:92px;margin:0;cursor:pointer}
.fromwheel-w.love{display:flex;gap:6px;width:auto}
.fromwheel-w.love i{width:22px;height:22px;border-radius:50%;display:block}
/* A tool's mark, the same drawing wherever the tool appears. */
.toolmark{display:block;width:48px;height:48px}
.toolmark svg{display:block;width:100%;height:100%}
.tile .toolmark,.toolempty .toolmark{width:42px;height:42px;margin-bottom:12px}
.toolempty .toolmark{margin-bottom:0;flex:0 0 auto}
.toolmini-ico .toolmark{width:56px;height:56px}
.fromwheel-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.fromwheel-h{font-family:Poppins,sans-serif;font-size:17px;font-weight:500}
.fromwheel-s{font-size:14.5px;color:var(--ink-soft)}
.fromwheel-go{font-size:14.5px;color:var(--gold);font-weight:500;margin-top:4px}
@media(max-width:560px){.fromwheel{padding:14px 16px;gap:14px}
.fromwheel-w,.fromwheel-w .wheelsvg{width:76px;max-width:76px}}
.restlead{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:-8px 0 16px}
.resrow{display:block;border:1px solid var(--line);border-radius:14px;padding:16px 18px;
margin-bottom:10px;background:var(--paper)}
.resrow:hover{border-color:var(--gold)}
.resrow .t{font-family:Poppins,sans-serif;font-size:17px;line-height:1.4;font-weight:500;
margin-bottom:6px}
.resrow .s{font-size:15px;line-height:1.55;color:var(--ink-soft)}
.resrow .m{font-size:13px;color:var(--ink-faint);margin-top:8px}
.pairbar{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin:4px 0 26px}
.pairbar span{display:block;height:100%;border-radius:999px;
background:linear-gradient(101deg,#F5A623 0%,#F0574C 52%,#EC2E8C 100%);
width:0;transition:width .3s ease}
.pair-n{font-size:13.5px;color:var(--ink-faint);margin-bottom:14px}
.pick{display:block;width:100%;text-align:left;font-family:Poppins,sans-serif;font-size:19px;
line-height:1.4;font-weight:500;color:var(--ink);background:var(--paper);cursor:pointer;
border:1px solid var(--line);border-radius:16px;padding:22px 24px;
transition:border-color .16s ease,transform .16s ease}
.pick:hover{border-color:var(--gold);transform:translateY(-1px)}
.pick:active{transform:translateY(0)}
.pair-or{text-align:center;font-size:14px;color:var(--ink-faint);padding:12px 0}
.pairback{margin-top:20px}
@media(max-width:560px){.pick{font-size:17.5px;padding:18px 18px}}
.lovelede{font-family:Poppins,sans-serif;font-size:21px;line-height:1.45;font-weight:500;
margin:0 0 24px}
.lbars{display:flex;flex-direction:column;gap:16px}
.lbar{opacity:.55}
.lbar.is-yours{opacity:1}
.lbar-t{display:flex;justify-content:space-between;align-items:baseline;
font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin-bottom:7px}
.lbar-t b{font-size:16px}
.lbar-track{height:10px;background:var(--mist);border-radius:999px;overflow:hidden}
.lbar-track span{display:block;height:100%;border-radius:999px}
.lbar-l{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin-top:7px}
/* A class that sets display beats the hidden attribute, which left "Back"
   showing on the first question of a tool and a few other things visible that
   had been hidden in script. */
[hidden]{display:none!important}
.jobsbox{margin:0 0 22px}
/* Links in answers, official sources only (v256). */
.body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.body a:hover{color:var(--ink)}
/* A video in an answer: thumbnail, play button, title. Opens YouTube in a new tab (v261). */
.body a.vidcard{display:flex;align-items:center;gap:14px;max-width:560px;margin:12px 0;padding:10px;
border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none;
transition:border-color .16s ease,box-shadow .16s ease}
.body a.vidcard:hover{border-color:var(--gold);box-shadow:0 8px 24px -14px rgba(17,24,38,.35);color:var(--ink)}
.igcard{max-width:420px;margin:14px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.igcard iframe{display:block;width:100%;height:560px;border:0}
.igcard .igtitle{display:block;padding:10px 14px;font-size:15px;border-top:1px solid var(--line)}
.unthumb{background:linear-gradient(135deg,#0B6FB8,#009EDB)!important;display:flex;align-items:flex-end;justify-content:flex-start}
.unthumb .unlabel{position:absolute;left:10px;bottom:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#fff;letter-spacing:.02em}
.vidthumb{position:relative;flex:0 0 auto;width:168px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#111}
.vidthumb img{width:100%;height:100%;object-fit:cover;display:block}
.vidplay{position:absolute;left:50%;top:50%;width:44px;height:31px;margin:-15px 0 0 -22px;border-radius:9px;background:rgba(220,0,0,.92)}
.vidplay::after{content:"";position:absolute;left:18px;top:9px;border-style:solid;border-width:6.5px 0 6.5px 11px;border-color:transparent transparent transparent #fff}
.vidtitle{font-weight:500;font-size:16px;line-height:1.4}
@media(max-width:520px){.body a.vidcard{flex-direction:column;align-items:stretch}.vidthumb{width:100%}}
/* Each section of a calling result gets its own tint, so three blocks of chips
   read as three things rather than one long file. Chips stay white on the tint. */
.jobsec{border-radius:14px;padding:18px 18px 16px;margin-bottom:12px;border:1px solid transparent}
.jobsec.s1{background:#F7EFE0;border-color:#EBDDC2}
.jobsec.s2{background:#EAF1FB;border-color:#D5E2F4}
.jobsec.s3{background:#EEF5EF;border-color:#D9E8DB}
.jobsec .jobs-h{color:var(--ink-soft);font-size:14.5px;line-height:1.55}
.jobsec .jobchips.is-second .chipq{background:#fff;color:var(--ink)}
.chipq.is-name.is-inline{font-family:inherit;font-size:inherit;font-weight:700;color:var(--ink);
padding:0;line-height:inherit;vertical-align:baseline;border-bottom:1px dotted var(--ink-faint)}
.jobs-n{padding:0 4px}
.jobs-h{font-size:13.5px;font-weight:500;color:var(--ink-faint);margin-bottom:10px}
.jobchips{display:flex;flex-wrap:wrap;gap:8px}
.jobchips span,.jobchips .chipq{display:inline-block;background:#fff;border:1px solid var(--line);
border-radius:999px;padding:7px 13px;font-size:14.5px;line-height:1.3;color:var(--ink)}
/* A chip you can ask about, and the panel of questions it opens. */
.chipq{font-family:inherit;font-size:14.5px;line-height:1.3;color:var(--ink);background:#fff;
border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;
transition:border-color .16s ease,color .16s ease}
.chipq:hover{border-color:var(--gold);color:var(--gold)}
.chipq.is-name{background:none;border:none;padding:0;font-family:Poppins,sans-serif;
font-size:16.5px;font-weight:500;border-radius:0;border-bottom:1px dotted var(--line)}
.chipq.is-name:hover{color:var(--gold);border-bottom-color:var(--gold)}
.jobchips.is-second .chipq{background:transparent;color:var(--ink-soft)}
.jobchips.is-second .chipq:hover{color:var(--gold)}
.rolepop{position:relative;max-width:460px;margin:14px 0 18px;background:var(--paper);
border:1px solid var(--line);border-radius:14px;padding:14px;
box-shadow:0 14px 40px -16px rgba(17,24,38,.4)}
.jobs-h2{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.jobchips.is-second span{background:transparent;color:var(--ink-soft)}
.jobs-n{font-size:13.5px;line-height:1.6;color:var(--ink-faint);margin-top:12px}
.costline{margin-top:8px;color:var(--ink-soft)}
.costline b{color:var(--ink);font-weight:500}
.lovecredit{font-size:13.5px;line-height:1.6;color:var(--ink-faint);margin-top:22px}
.worry{border-left:3px solid var(--gold);padding-left:18px;margin-bottom:22px}
.worry:last-child{margin-bottom:0}
.worry-q{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;line-height:1.4;
margin-bottom:8px}
.worry p{font-size:17px;line-height:1.7;color:var(--ink-soft)}
.lovenames{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 4px;
font-family:Poppins,sans-serif;font-size:17px;font-weight:500}
.lovenames span{display:flex;align-items:center;gap:8px}
.wheelwrap{margin:6px 0 26px}
.wheelwrap.big{margin:14px 0 8px}
.wheelwrap.big .wheelsvg{max-width:520px;cursor:default}
.crumbsep{color:var(--ink-faint);font-size:14px;margin:0 3px}
.crumbnow{font-size:14px;color:var(--gold);font-weight:500}
.wheelh1{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.wheelh1 b{font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1;
background:linear-gradient(101deg,#F5A623 0%,#F0574C 60%,#EC2E8C 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
-webkit-text-fill-color:transparent}
.wheelh1 span{font-family:Inter,sans-serif;font-size:15.5px;font-weight:400;color:var(--ink-faint)}
.wheelh1{padding-bottom:20px;border-bottom:1px solid var(--line)}
.toolspent{font-size:15.5px;line-height:1.6;color:var(--ink-faint);margin:12px 0 4px}
.emptylead{font-size:16.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:16px}
.emptyrow{display:flex;gap:12px;flex-wrap:wrap}
.toolempty{display:flex;align-items:center;gap:16px}
.toolempty .tileico{flex:0 0 auto;margin:0}
.toolempty-t{flex:1;min-width:0}
.toolempty-t h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-bottom:3px}
.toolempty-t p{font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
@media(max-width:560px){.toolempty{gap:12px}.toolempty .by-go{display:none}}
@media(max-width:560px){.wheelh1 b{font-size:28px}}
.closer.grad{background:linear-gradient(101deg,#F5A623 0%,#F0574C 48%,#EC2E8C 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
-webkit-text-fill-color:transparent;padding:26px 0 4px}
.qsug{transition:opacity .24s ease,transform .24s ease;background:var(--paper);
border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px;
display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.qsug.is-first{border-color:var(--gold);background:var(--gold-soft)}
.qsug.is-going{opacity:0;transform:translateY(-6px)}
.freshrow{margin-top:14px}
.allasked .restlead{margin:0 0 14px}
.allasked .go{width:auto;padding:0 24px;height:44px;font-size:15.5px}
.carried{font-size:15.5px;line-height:1.6;color:var(--ink-soft);background:var(--mist);
border-radius:10px;padding:14px 16px;margin-bottom:20px}
.qsug p{flex:1;min-width:220px;font-family:Poppins,sans-serif;font-size:17.5px;
line-height:1.45;font-weight:500}
.qsug .askq{width:auto;flex-shrink:0;height:44px;padding:0 24px;font-size:15.5px}
@media(max-width:560px){.qsug{flex-direction:column;align-items:stretch}
.qsug .askq{width:100%}}
@keyframes wheelin{from{transform:rotate(-45deg) scale(.3);opacity:0}
60%{opacity:1}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes wedgein{from{transform:scale(0) rotate(-20deg);opacity:0}
to{transform:scale(1) rotate(0);opacity:1}}
.wheelsvg{animation:wheelin 1.05s cubic-bezier(.2,1,.3,1) both;transform-origin:50% 50%}
.wheelsvg .wdg{transform-box:view-box;transform-origin:240px 240px;
animation:wedgein .6s cubic-bezier(.34,1.45,.5,1) backwards;animation-delay:inherit}
@media(prefers-reduced-motion:reduce){
.wheelsvg,.wheelsvg .wdg{animation:none}}
.wheelsvg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;cursor:pointer;
touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.wheelsvg.mini{cursor:default}
.wheelhint{font-size:14.5px;color:var(--ink-faint);text-align:center;margin-top:10px}
.wheelsvg.mini{max-width:250px;margin:0 auto}
.wlab{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;fill:var(--ink)}
.wnum{font-family:Poppins,sans-serif;font-size:16px;font-weight:600}
.slidbox{border:1px solid var(--line);border-radius:16px;padding:8px 22px;margin-bottom:22px;
background:var(--paper)}
.slid{padding:13px 0;border-bottom:1px solid var(--line)}
.slid:last-child{border-bottom:none}
.slid-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.slid-name{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}
.slid-val{font-family:Poppins,sans-serif;font-size:21px;font-weight:600;min-width:26px;text-align:right}
.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}
.slid input[type=range]{width:100%;height:30px;cursor:pointer}
.closer{font-family:Poppins,sans-serif;font-size:27px;font-weight:500;line-height:1.3;
letter-spacing:-.01em;text-align:center;padding:34px 0 6px}
.supportline{font-size:16px;line-height:1.7;color:var(--ink-soft);background:var(--mist);
border-radius:10px;padding:16px 18px;margin-top:18px}
.signedout{font-size:16.5px;line-height:1.7;color:var(--ink-soft)}
.signedout a{color:var(--gold);font-weight:500}
.cta-wheel a{display:inline-block}
.toolcard-in{display:flex;gap:20px;align-items:center}
/* A saved love or calling result has no wheel to show, so it carries the same
   icon the tool has everywhere else. */
.toolmini-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.toolmini-ico .tileico{margin:0;width:56px;height:56px;border-radius:16px}
.toolmini-ico .tileico svg{width:28px;height:28px}
.toolmini{flex-shrink:0;width:132px}
.toolmini .wheelsvg{cursor:default;max-width:132px;margin:0}
.toolcard-t{flex:1;min-width:0}
@media(max-width:560px){.toolcard-in{flex-direction:column;align-items:flex-start}}
.toolavg{font-family:Poppins,sans-serif;font-size:26px;font-weight:600;margin:6px 0 8px}
.toolavg span{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:var(--ink-faint)}
.toolscores{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14.5px;color:var(--ink-soft)}
.toolscores span{display:flex;align-items:center;gap:6px}
.toolq{font-family:Poppins,sans-serif;font-size:17px;line-height:1.5;font-weight:500;
border-left:3px solid var(--gold);padding-left:16px;margin:18px 0 4px}
.toolcloser{font-family:Poppins,sans-serif;font-size:19px;font-weight:500;line-height:1.35;
margin-top:14px}
.toolacts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.linkbtn{display:inline-flex;align-items:center;justify-content:center;height:44px;
font-family:inherit;font-size:15.5px;font-weight:500;color:var(--gold);
background:none;border:1px solid var(--line);border-radius:999px;padding:0 22px;cursor:pointer}
.linkbtn:hover{border-color:var(--gold)}
.linkbtn:hover{filter:brightness(1.1)}
.sharewrap{position:relative;display:inline-flex}
.sharemenu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:190px;
background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;
box-shadow:0 10px 30px -12px rgba(17,24,38,.3)}
.smi{display:block;width:100%;text-align:left;font-family:inherit;font-size:15.5px;
padding:11px 14px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--ink)}
.smi:hover{background:var(--mist)}
.sharepanel{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.shareerr{font-size:15.5px;line-height:1.6;color:var(--ink-soft)}
.toolread{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);text-align:left}
.sharebtn{font-family:inherit;font-size:15.5px;font-weight:500;color:#fff;border:none;
cursor:pointer;height:44px;padding:0 24px;border-radius:999px;
background:linear-gradient(101deg,#F5A623 0%,#F0574C 52%,#EC2E8C 100%);
text-shadow:0 1px 2px rgba(122,32,12,.3)}
.sharebtn:hover{filter:brightness(1.06)}
.sharebtn:disabled{background:var(--mist);color:var(--ink-faint);text-shadow:none;cursor:default}
@media(max-width:560px){
.toolcloser{font-size:18px}
.wheelwrap.big .wheelsvg{max-width:100%}
.closer{font-size:23px}
.wlab{font-size:19px}
.wnum{font-size:18px}
}
.body strong.lbl{font-weight:700;color:var(--ink);cursor:auto;border:0}
.body .iq,.verdict .iq{font-style:italic;color:#1F7AE0}.body blockquote.pq .iq{font-style:inherit;color:inherit}
.portrait{float:right;width:240px;margin:6px 0 18px 24px}.portrait img{display:block;width:100%;height:auto;border-radius:16px;background:#F4F4F1;box-shadow:0 2px 10px rgba(17,24,38,.08)}.portrait figcaption{margin-top:8px;font-size:12px;line-height:1.45;color:var(--ink-faint,#8A93A1)}.portrait figcaption a{color:inherit;text-decoration:underline}
@media (max-width:640px){.portrait{float:none;max-width:none;width:100%;margin:4px 0 20px}.portrait img{border-radius:14px}}
.card .ctop{display:grid;grid-template-columns:1fr 80px;grid-template-areas:'h h' 'a i';column-gap:22px;align-items:start}.card .ctop .ctxt{display:contents}.card .ctop h2{grid-area:h;margin-bottom:10px}.card .ctop .ans{grid-area:a;margin:0}.card .cthumb{grid-area:i;align-self:start;margin-top:5px;width:80px;height:80px;object-fit:cover;object-position:center 20%;border-radius:16px;background:#F4F4F1}
.featcard .feattop{display:block}.featcard .feattop.hasthumb{display:grid;grid-template-columns:1fr 104px;grid-template-areas:'h h' 'v i';column-gap:24px;align-items:start}.featcard .hasthumb .feath{grid-area:h}.featcard .hasthumb .featv{grid-area:v}.featcard .featpic{grid-area:i;display:block}.featcard .featthumb{display:block;align-self:start;margin-top:5px;width:104px;height:104px;object-fit:cover;object-position:center 20%;border-radius:18px;background:#F4F4F1}
@media (max-width:640px){.card .ctop{grid-template-columns:1fr 88px;column-gap:14px;align-items:center}.card .cthumb{width:88px;height:88px;align-self:center;margin-top:0}.featcard .feattop.hasthumb{grid-template-columns:1fr;grid-template-areas:'h' 'i' 'v'}.featcard .featpic{margin:2px 0 16px}.featcard .featthumb{width:100%;height:auto;aspect-ratio:16/9;margin-top:0;border-radius:14px}}
.banner{margin:6px 0 24px}.banner img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover;border-radius:18px;background:#F4F4F1}.banner figcaption{margin-top:8px;font-size:12px;color:var(--ink-faint,#8A93A1)}.banner figcaption a{color:inherit;text-decoration:underline}
.sbar{background:var(--paper);border-bottom:1px solid var(--line)}.sbar[hidden]{display:none}
.navsearch{display:inline-flex;align-items:center;justify-content:center;padding:4px;margin-left:10px;border:none;background:none;color:var(--ink-soft);cursor:pointer;border-radius:50%;transition:color .15s ease,background .15s ease}.navsearch:hover,.navsearch[aria-expanded="true"]{color:#14A3C7;background:var(--mist)}
.sform{position:relative;max-width:720px;margin:0 auto;padding:10px 22px 12px}
.sico{position:absolute;left:38px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}
#ssq{width:100%;height:46px;border:1px solid var(--line);border-radius:23px;background:var(--mist);padding:0 18px 0 46px;font:inherit;font-size:17px;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
#ssq::placeholder{color:var(--ink-faint)}
#ssq:focus{background:#fff;border-color:#14A3C7;box-shadow:0 0 0 3px rgba(20,163,199,.15)}
.sdrop{position:absolute;left:22px;right:22px;top:calc(100% - 4px);z-index:50;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 14px 34px -14px rgba(17,24,38,.35);max-height:70vh;overflow:auto}
.sdrop[hidden]{display:none}
.sdrop a{display:block;padding:11px 14px;border-radius:11px}
.sdrop a:hover,.sdrop a.on{background:var(--mist)}
.sdrop .st{display:block;font-size:16px;line-height:1.4;color:var(--ink);font-weight:500}
.sdrop .sm{display:block;font-size:13px;color:var(--ink-faint);margin-top:2px}
/* v784: each answer's photo next to it in the search box */
.sdrop a.sres{display:flex;align-items:center;gap:14px}
.sdrop .sb{flex:1;min-width:0}
.sdrop .si{flex:0 0 52px;width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--mist)}
.sdrop .sni{display:block;background:linear-gradient(135deg,#F3F2EE,#E9E7E1)}
.sdrop .sall{font-size:15px;font-weight:600;color:#14A3C7;border-top:1px solid var(--line);border-radius:0 0 11px 11px;margin-top:4px}
.shead{font-size:26px;line-height:1.3;margin:28px 0 16px}
.stopics{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.stopic{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:500}
.stopic .tileico{display:inline-flex}
.saskwrap{margin:30px 0 40px}
.ssugg{margin:6px 0 10px}
.ssl{display:flex;flex-direction:column;gap:10px}
.sload{font-size:16px;color:var(--ink-faint)}
.sq1{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#fff;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.sq1:hover{border-color:#14A3C7;box-shadow:0 8px 22px -14px rgba(20,163,199,.5)}
.sq1 span{font-family:Poppins,sans-serif;font-size:17px;line-height:1.4;font-weight:500;color:var(--ink)}
.sq1 b{flex:0 0 auto;font-size:15px;font-weight:600;color:#14A3C7;white-space:nowrap}
@media (max-width:620px){.navsearch{margin-left:4px;padding:3px}.navsearch svg{width:21px;height:21px}.sform{padding:8px 16px 10px}.sico{left:32px}.sdrop{left:16px;right:16px}.shead{font-size:22px}}
.pcompose{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--ink-faint)}
.pcompose:hover{border-color:#14A3C7}
.pav{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--mist);flex:0 0 auto}.pav.sm{width:30px;height:30px}
.pcfake{flex:1;font-size:17px;padding:10px 16px;border-radius:22px;background:var(--mist)}
.pcbtn{flex:0 0 auto;font-size:15px;font-weight:600;color:#14A3C7}
.pcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px 8px;margin:0 0 16px}
.phead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pwho{flex:1;min-width:0}.pwho b{display:block;font-size:16px;font-weight:600;color:var(--ink)}
.pwhen{font-size:14px;color:var(--ink-faint)}
.pdel{border:0;background:none;font-size:26px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:2px 6px;border-radius:8px}.pdel:hover{background:var(--mist);color:var(--ink)}
.ptext{font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 12px;overflow-wrap:anywhere}
.ptag{color:#6B4EE6;font-weight:500}
.pmwrap{margin:0 -20px 6px;background:var(--mist);overflow:hidden}.pmwrap a{display:block}
.pmedia{display:block;width:100%;height:auto;object-fit:cover}
.pm-tall .pmedia,.pm-wide .pmedia{object-fit:cover;object-position:center 35%}
video.pmedia{background:#000;object-fit:contain}
.pdetail .pmwrap{background:none}.pdetail img.pmedia{width:100%;height:auto;max-height:none;object-fit:cover}.pdetail video.pmedia{max-height:88vh}
.pmenu{position:relative;flex:0 0 auto}
.pdots{border:0;background:none;color:var(--ink-faint);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.pdots:hover,.pdots[aria-expanded="true"]{background:var(--mist);color:var(--ink)}
.pmenul{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 14px 34px -14px rgba(17,24,38,.35)}
.pmenul[hidden]{display:none}
.pmenul button{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:16px;padding:11px 12px;border-radius:10px;cursor:pointer;color:var(--ink)}
.pmenul button:hover{background:var(--mist)}.pmenul .pdanger{color:#B42318}
.pedit{margin:0 0 12px}.pedit textarea{display:block;width:100%;border:1px solid #14A3C7;border-radius:14px;padding:12px 14px;font:inherit;font-size:17px;line-height:1.5;resize:vertical;outline:none}
.perr2{flex:1;font-size:15px;color:#B42318}
.pcap.on{border-color:#14A3C7;background:#E9F8FC;box-shadow:inset 0 0 0 1px #14A3C7}
.pnote{font-size:14px;line-height:1.5;color:#8A5A00;background:#FFF6E0;border-radius:12px;padding:10px 12px;margin:0 0 12px}
.pacts{display:flex;gap:6px;border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
.pact{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;font:inherit;font-size:15px;color:var(--ink-soft);padding:10px 6px;border-radius:10px;cursor:pointer}
.pact:hover{background:var(--mist)}
.pact span:empty{display:none}.pact span{font-weight:600}
.pact em{font-style:normal}
.plike.on{color:#E0245E}.plike.on svg{fill:#E0245E}
.pcomments{border-top:1px solid var(--line);padding:12px 0 8px}
.pc{display:flex;gap:10px;margin:0 0 12px}.pc b{font-size:15px}.pc p{font-size:16px;line-height:1.5;margin:2px 0 0;overflow-wrap:anywhere}
.pcload{font-size:15px;color:var(--ink-faint);margin:6px 0}.pcload a{color:#14A3C7;font-weight:600}
.pcform{display:flex;gap:8px}.pcform input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:22px;padding:0 16px;font:inherit;font-size:16px;background:var(--mist);outline:none}.pcform input:focus{border-color:#14A3C7;background:#fff}
.pcform button{border:0;border-radius:22px;padding:0 18px;font:inherit;font-size:15px;font-weight:600;background:#14A3C7;color:#fff;cursor:pointer}
.povl{position:fixed;inset:0;z-index:120;background:rgba(17,24,38,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.povl[hidden]{display:none}
body.pnoscroll{overflow:hidden}
.pmodal{width:100%;max-width:560px;background:#fff;border-radius:22px;padding:18px 20px 20px;box-shadow:0 30px 70px -20px rgba(17,24,38,.5)}
.pmhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pmhead b{font-family:Poppins,sans-serif;font-size:20px;font-weight:600}
.pmx{border:0;background:var(--mist);width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:var(--ink-soft)}
.ppick{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:28px 16px;border:2px dashed #CFD6DF;border-radius:18px;background:var(--mist);font:inherit;color:var(--ink-soft);cursor:pointer}
.ppick span{font-size:17px;font-weight:600;color:var(--ink)}.ppick small{font-size:14px}
.ppick:hover{border-color:#14A3C7}
.pprev{position:relative}.pprev img,.pprev video{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:16px;background:#0F1115}
.prm{position:absolute;top:10px;right:10px;border:0;border-radius:18px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;background:rgba(17,24,38,.75);color:#fff;cursor:pointer}
.psug{margin:14px 0 4px}
.psh{font-size:14px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 8px}.psh span{text-transform:none;letter-spacing:0;font-weight:500}
.pcaps{display:flex;flex-direction:column;gap:8px}
.pcap{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 14px;font:inherit;font-size:16px;line-height:1.45;color:var(--ink);cursor:pointer}
.pcap:hover{border-color:#14A3C7;background:#F3FBFD}
.ptags{display:flex;flex-wrap:wrap;gap:8px}
.ptagb{border:1px solid #DCD3FB;background:#F6F3FF;color:#6B4EE6;border-radius:16px;padding:6px 12px;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.ptagb.on{background:#6B4EE6;color:#fff;border-color:#6B4EE6}
#pbody{display:block;width:100%;margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font:inherit;font-size:17px;line-height:1.5;resize:vertical;outline:none}
#pbody:focus{border-color:#14A3C7}
.pmfoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.perr{flex:1;font-size:15px;color:#B42318}
.pmore{border:1px solid var(--line);background:#fff;border-radius:22px;padding:10px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--ink-soft);cursor:pointer;text-decoration:none}
.ppost{border:0;border-radius:22px;padding:11px 24px;font:inherit;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(101deg,#14A3C7,#6B4EE6);cursor:pointer}
.ppost:disabled{opacity:.45;cursor:default}
/* v736: upload and preparing progress */
.pbar{margin:14px 0 0;padding:13px 15px 14px;border-radius:16px;background:linear-gradient(120deg,#E3F6F3 0%,#EAF3FB 38%,#FFF5EC 72%,#FCEBEF 100%);border:1px solid #CFE6EC}
.pbar[hidden]{display:none}
.pbar-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 9px}
.pbar-top b{font-size:16px;font-weight:600;color:var(--ink)}
.pbar-top span{font-size:15px;font-weight:700;color:#A4513F;font-variant-numeric:tabular-nums}
.pbar-tr{position:relative;height:10px;border-radius:6px;background:rgba(20,120,140,.12);overflow:hidden}
.pbar-tr i{display:block;height:100%;width:2%;border-radius:6px;background:linear-gradient(90deg,#B4566B,#E08A7A 55%,#EDB64A);transition:width .3s ease}
.pbar.is-ind .pbar-tr i{width:38%!important;animation:pbarind 1.3s ease-in-out infinite}
@keyframes pbarind{0%{transform:translateX(-105%)}100%{transform:translateX(265%)}}
.pbar-prep{margin:4px 0 6px}
#pbar{margin:4px 0 14px}
.pbar-ok{display:inline-block;width:24px;height:24px;margin:-4px 0 -6px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat,linear-gradient(135deg,#169C6B,#2BB88C 55%,#4CC6B4);box-shadow:0 0 0 3px rgba(255,255,255,.7),0 5px 12px -4px rgba(22,156,107,.6);animation:pbarok .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes pbarok{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.pbar.is-ind .pbar-tr i{animation:none;width:100%!important;opacity:.5}}
.ptoast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:200;background:#111826;color:#fff;font-size:16px;padding:12px 20px;border-radius:24px;box-shadow:0 10px 30px -10px rgba(0,0,0,.4);transition:opacity .4s ease}.ptoast.go{opacity:0}
.pone{margin-top:28px}.pback{margin:0 0 40px;font-size:16px}.pback a{color:#14A3C7;font-weight:600}
.padm{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 12px}
.padm p{font-size:16px;line-height:1.5;margin:6px 0}.padm-why{color:#B42318;font-size:14px!important}
.padm-acts{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
@media (max-width:620px){.pcard{padding:14px 16px 6px;border-radius:0;border-left:0;border-right:0;margin-left:-22px;margin-right:-22px}.pmwrap{margin:0 -16px 6px}.pcompose{border-radius:16px}.pact em{display:none}.pcbtn{display:none}.povl{padding:0;align-items:stretch}.pmodal{max-width:none;border-radius:0;min-height:100%}.padm{flex-direction:column}.padm-acts{flex-direction:row}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ptop{margin-top:22px}.ptop .pcompose{margin:0}
.feedsort{margin:26px 0 14px}.sortby a.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(17,24,38,.12)}
.pdrop.drag .ppick{border-color:#14A3C7;background:#E9F8FC}.pdrop.drag .pprev{outline:3px dashed #14A3C7;outline-offset:4px;border-radius:16px}
.ptagb:disabled{opacity:.4;cursor:default}
.ppick .plimits{font-size:15px;line-height:1.5;color:var(--ink-faint);margin-top:4px}
.pform{margin-top:16px}
.plab{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:600;color:var(--ink);margin:14px 0 8px}
.plab label{cursor:default}.pmuted{font-weight:500;color:var(--ink-faint)}
.pregen{border:1px solid var(--line);background:#fff;border-radius:18px;padding:6px 14px;font:inherit;font-size:15px;font-weight:600;color:#14A3C7;cursor:pointer}
.pregen:hover{border-color:#14A3C7;background:#F3FBFD}
.pgen{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#14A3C7;margin:4px 0 -4px}
.pgen[hidden]{display:none}
.pspin{width:18px;height:18px;border-radius:50%;border:2.5px solid #CDEFF7;border-top-color:#14A3C7;animation:pspin .8s linear infinite;flex:0 0 auto}
@keyframes pspin{to{transform:rotate(360deg)}}
#ptitle{display:block;width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--ink);outline:none}
#ptitle:focus,#pbody:focus{border-color:#14A3C7}
#pbody{margin-top:0}
.pload{background:linear-gradient(90deg,#F3F4F2 0%,#E7F6FA 40%,#F3F4F2 80%)!important;background-size:200% 100%!important;animation:pshim 1.2s ease-in-out infinite}
@keyframes pshim{0%{background-position:100% 0}100%{background-position:-100% 0}}
.ptagsk{display:inline-block;width:92px;height:34px;border-radius:16px;background:linear-gradient(90deg,#F1EEFD 0%,#E4DDFB 50%,#F1EEFD 100%);background-size:200% 100%;animation:pshim 1.2s ease-in-out infinite}
.ptagadd{display:flex;gap:8px;margin-top:10px}.ptagadd input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:21px;padding:0 16px;font:inherit;font-size:16px;outline:none}.ptagadd input:focus{border-color:#6B4EE6}
.ptitle{font-family:Poppins,sans-serif;font-size:19px;line-height:1.35;font-weight:600;color:var(--ink);margin:0 0 6px}
.pedt{display:block;width:100%;height:46px;border:1px solid #14A3C7;border-radius:12px;padding:0 14px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;outline:none}
.pedit .plab{margin:8px 0 6px}
.pbadges{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:8px;vertical-align:middle}
.pbadge{font-size:12.5px;font-weight:600;color:#5B4BB5;background:#F1EEFD;border-radius:10px;padding:2px 8px}
.pc{position:relative}.pcb{flex:1;min-width:0}
.pcdel{flex:0 0 auto;border:0;background:none;color:var(--ink-faint);font-size:22px;line-height:1;width:30px;height:30px;border-radius:50%;cursor:pointer}
.pcdel:hover{background:var(--mist);color:#B42318}
.pdlgw{position:fixed;inset:0;z-index:300;background:rgba(17,24,38,.5);display:flex;align-items:center;justify-content:center;padding:20px;animation:pfade .15s ease}
.pdlg{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:24px 24px 20px;box-shadow:0 30px 70px -20px rgba(17,24,38,.5)}
.pdlgt{display:block;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px}
.pdlgm{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0 0 20px}
.pdlgb{display:flex;justify-content:flex-end;gap:10px}
.ppost.pdang{background:#D92D20}
@keyframes pfade{from{opacity:0}to{opacity:1}}
.pic{flex:0 0 auto;display:block}
.pmenul button{display:flex!important;align-items:center;gap:12px}
.pmenul button .pic{color:var(--ink-soft)}.pmenul .pdanger .pic{color:#B42318}
.pmenul button.on{color:#14A3C7;font-weight:600}.pmenul button.on .pic{color:#14A3C7}.pmenul button.on .pic:last-child{margin-left:auto}
.pmsep{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);padding:10px 12px 4px;border-top:1px solid var(--line);margin-top:4px}
.pmsep:empty{padding:0;margin:4px 0}
.pmenul{min-width:230px}
.pmeta{display:flex;align-items:center;gap:6px}.paudi{display:inline-flex;color:var(--ink-faint)}
.pfol{flex:0 0 auto;border:1px solid #14A3C7;background:#fff;color:#14A3C7;border-radius:18px;padding:6px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pfol.on{border-color:var(--line);color:var(--ink-soft)}
.plock{position:relative;margin:4px -20px 6px;min-height:300px;overflow:hidden;background:linear-gradient(135deg,#E9F8F1,#E7F4FA 50%,#EEEBFF)}
.plockbg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(22px) saturate(1.2);transform:scale(1.15)}
.plockin{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:300px;padding:30px 20px;text-align:center;color:#fff;background:rgba(17,24,38,.38)}
.plockin b{font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.plockin p{font-size:16px;margin:0 0 10px;opacity:.95}
.plockin .ppost{text-decoration:none;display:inline-block}
.popts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ptog{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 13px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink-faint);cursor:pointer}
.ptog.on{color:var(--ink);border-color:#BFE6F0;background:#F3FBFD}.ptog.on .pic{color:#14A3C7}
.paud{position:relative}.paudb{color:var(--ink)!important;border-color:#BFE6F0;background:#F3FBFD}.paudb .pic{color:#14A3C7}
.paudm{left:0;right:auto;top:calc(100% + 6px);min-width:260px}
.paudm button span{display:flex;flex-direction:column;text-align:left}.paudm small{font-size:13.5px;color:var(--ink-faint);font-weight:400}
.paudm button.on b{color:#14A3C7}
@media (max-width:620px){.plock{margin:4px -16px 6px}}
.paudw{position:relative;flex:0 0 auto}
.paudc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:5px 11px;font:inherit;font-size:14px;font-weight:500;color:var(--ink-soft);cursor:pointer;white-space:nowrap}
.paudc .pic{color:#14A3C7}
button.paudc:hover,button.paudc[aria-expanded="true"]{border-color:#14A3C7;color:var(--ink)}
.paudc.ro{cursor:default;border-color:transparent;background:var(--mist);flex:0 0 auto}
.paudw .paudm{left:auto;right:0}
.pmsep0{border-top:0;margin-top:0;padding-top:6px}
.pfol{display:inline-flex;align-items:center;gap:6px}
.pfollow{display:inline-flex!important;align-items:center;gap:8px}
.pmhr{display:flex;align-items:center;gap:10px}
.pmhead .paud .paudm{left:auto;right:0}
.pmhead .paudb{padding:7px 12px}
@media (max-width:620px){.paudc{padding:5px 9px;font-size:13.5px;gap:5px}.pfol{padding:6px 11px}.phead{gap:10px}.pwho b{font-size:15.5px}}
.picons{display:inline-flex;gap:8px;margin-right:auto}
.pico{width:42px;height:42px;border-radius:50%;border:1px solid #BFE6F0;background:#F3FBFD;color:#14A3C7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.pico.off{background:#FEF0EF;border-color:#F9C9C4;color:#D92D20}
.pmfoot .perr{flex:0 1 auto}
.pviews{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--ink-faint);padding:0 6px;flex:0 0 auto}
.pviews span{font-weight:600}
.pfav{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.85);flex:0 0 auto}
.pfollow{padding-left:8px!important}
.prm{width:36px;height:36px;padding:0!important;border-radius:50%!important;font-size:24px!important;line-height:1;display:flex;align-items:center;justify-content:center;background:rgba(17,24,38,.7)!important}.prm:hover{background:rgba(17,24,38,.9)!important}
.pmenul button.st-on .pic{color:#14A3C7}.pmenul button.st-off,.pmenul button.st-off .pic{color:#D92D20}
.nbellw{position:relative;display:inline-flex;margin-left:14px}
.nbell{position:relative;border:0;background:none;color:var(--ink-soft);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.nbell:hover,.nbell[aria-expanded="true"]{background:var(--mist);color:var(--ink)}
.nbadge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#D92D20;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:2px solid var(--paper)}
.nbadge[hidden]{display:none}
.npanel{position:absolute;top:calc(100% + 8px);right:-50px;z-index:70;width:360px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -16px rgba(17,24,38,.35);overflow:hidden;white-space:normal}
.npanel[hidden]{display:none}
.nhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.nhead b{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:var(--ink)}
.nlist{display:block;max-height:60vh;overflow:auto}
.nitem{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #F1F1EE;color:var(--ink)!important;margin:0!important;font-size:15px!important}
.nitem:hover{background:var(--mist)}
.nav2{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--mist);flex:0 0 auto}
.nico{width:36px;height:36px;border-radius:50%;background:var(--mist);display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}
.ntxt{display:flex;flex-direction:column;min-width:0;flex:1}.ntxt b{font-size:15px;font-weight:600;line-height:1.35}.ntxt span{font-size:14px;color:var(--ink-soft);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ntxt small{font-size:13px;color:var(--ink-faint);margin-top:2px}
.nempty{display:block;padding:18px 16px;font-size:15px;color:var(--ink-faint);line-height:1.5}
.nsubs{position:relative;margin:22px 0 6px}
.nsubsb{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:22px;padding:10px 16px;font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
.nsubsb svg:first-child{color:#14A3C7}.nsubsn{background:#E9F8FC;color:#0E7C98;border-radius:12px;padding:1px 9px;font-size:14px}
.nsubsb:hover,.nsubsb[aria-expanded="true"]{border-color:#14A3C7}
.nsubsl{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:380px;max-width:calc(100vw - 32px);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -16px rgba(17,24,38,.35);padding:6px 0}
.nsubsl[hidden]{display:none}
.nsub{display:flex;align-items:center;gap:12px;padding:10px 14px}
@media (max-width:620px){.nbellw{margin-left:8px}.npanel{position:fixed;left:12px;right:12px;top:58px;width:auto}}
.nall{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#14A3C7;cursor:pointer;padding:4px 6px;border-radius:8px}.nall:hover{background:var(--mist)}.nall[hidden]{display:none}
.nitem{position:relative;padding-right:30px!important}
.ndot{position:absolute;right:14px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:linear-gradient(135deg,#2EDB8F 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 0 0 3px #fff,0 0 12px 2px rgba(20,163,199,.45);animation:nglow 2.6s ease-in-out infinite}
@keyframes nglow{0%,100%{box-shadow:0 0 0 3px #fff,0 0 10px 1px rgba(20,163,199,.35)}50%{box-shadow:0 0 0 3px #fff,0 0 16px 4px rgba(123,97,255,.4)}}
@media (prefers-reduced-motion:reduce){.ndot{animation:none}}
.nitem.unread{background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%)!important}
.nsubspage .nsubsl{position:static;width:auto;max-width:none;max-height:none;box-shadow:none;margin-top:14px}.nsubspage .nsubsb{cursor:default}.nsubspage .nsubsb svg:last-child{display:none}
.navmenu a{display:flex!important;align-items:center;gap:11px}
.navmenu a .mico{flex:0 0 auto;color:#14A3C7}.navmenu a.is-sep .mico{color:var(--ink-faint)}
.navmenu a span{flex:1}
.mcount{margin-left:12px;min-width:24px;padding:1px 8px;border-radius:11px;background:#E9F8FC;color:#0E7C98;font-size:13px;font-weight:700;text-align:center}
.mcount[hidden]{display:none}
.navmenu{min-width:230px!important}
.nsubsmenu{margin:4px 4px 6px}
.nsubsmenu .nsubsb{width:100%;justify-content:flex-start;font-size:15px;padding:9px 14px}
.nsubsmenu .nsubsb svg:last-child{margin-left:auto}
.nsubsmenu .nsubsl{position:static;width:auto;max-width:none;max-height:300px;box-shadow:none;border:0;border-radius:12px;background:var(--mist);margin-top:6px;padding:4px 0}
.nsubsmenu .nsub{padding:8px 10px}
.navmenu .nsubsmenu a,.navmenu .nsub{display:flex}
.nsall{display:block!important;text-align:center;font-size:14px!important;font-weight:600;color:#14A3C7!important;padding:8px!important;margin:0!important}

/* v426: a wider account menu so names and Follow back never collide */
.navmenu{min-width:330px!important}
.nsub .ntxt{flex:1;min-width:0;display:flex;flex-direction:column}
.nsub .ntxt b,.nsub .ntxt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsub .pfol{flex:none;white-space:nowrap}
.nsub .nav2{flex:none}
.nsubsmenu .nsubsb span{white-space:nowrap}
@media (max-width:420px){.navmenu{min-width:0!important;width:calc(100vw - 24px)}}
/* v426: long notification lines wrap instead of running off the edge */
.nitem .ntxt b{white-space:normal;overflow-wrap:anywhere}
/* v426: notifications respond to the pointer */
.nitem{transition:background-color .25s ease,box-shadow .25s ease}
.nitem::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#2EDB8F,#14A3C7 50%,#7B61FF);transform:scaleY(0);transition:transform .25s ease}
.nitem>.nav2,.nitem>.nico,.nitem .ntxt{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nitem:hover{background:#F4F8FA!important;box-shadow:inset 0 0 0 1px rgba(20,163,199,.12)}
.nitem.unread:hover{background:linear-gradient(135deg,#DDF5EA 0%,#DBEFF8 50%,#E6E1FF 100%)!important}
.nitem:hover::before{transform:scaleY(1)}
.nitem:hover>.nav2,.nitem:hover>.nico{transform:scale(1.07)}
.nitem:hover .ntxt{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.nitem,.nitem::before,.nitem>.nav2,.nitem>.nico,.nitem .ntxt{transition:none}.nitem:hover .ntxt,.nitem:hover>.nav2,.nitem:hover>.nico{transform:none}}

/* v427: subscribers respond to the pointer, like notifications */
.nsub{position:relative;border-radius:10px;transition:background-color .25s ease,box-shadow .25s ease}
.nsub::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#2EDB8F,#14A3C7 50%,#7B61FF);transform:scaleY(0);transition:transform .25s ease}
.nsub>.nav2,.nsub .ntxt{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nsub:hover{background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%);box-shadow:inset 0 0 0 1px rgba(20,163,199,.12)}
.nsub:hover::before{transform:scaleY(1)}
.nsub:hover>.nav2{transform:scale(1.07)}
.nsub:hover .ntxt{transform:translateX(4px)}
.nsubsmenu .nsubsl{padding:4px}
@media (prefers-reduced-motion:reduce){.nsub,.nsub::before,.nsub>.nav2,.nsub .ntxt{transition:none}.nsub:hover .ntxt,.nsub:hover>.nav2{transform:none}}

/* v429: the share pop-up: Copy link on top, then the apps */
.pshpop{position:absolute;z-index:120;width:236px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px -14px rgba(17,24,38,.35);padding:8px;animation:pshin .16s ease-out}
@keyframes pshin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pshcopy{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink);padding:10px 12px;border-radius:12px;cursor:pointer}
.pshcopy svg{color:#14A3C7}
.pshcopy:hover{background:var(--mist)}
.pshgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.pshb{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;color:var(--ink)!important;text-decoration:none!important;transition:background-color .2s ease,transform .2s ease}
.pshb:hover{background:var(--mist);transform:translateY(-1px)}
.pshb[data-sh="whatsapp"]:hover{color:#25D366!important}.pshb[data-sh="x"]:hover{color:#000!important}.pshb[data-sh="facebook"]:hover{color:#1877F2!important}
.pshb[data-sh="linkedin"]:hover{color:#0A66C2!important}.pshb[data-sh="reddit"]:hover{color:#FF4500!important}.pshb[data-sh="pinterest"]:hover{color:#E60023!important}
.pshb[data-sh="telegram"]:hover{color:#26A5E4!important}.pshb[data-sh="email"]:hover{color:#14A3C7!important}
@media (prefers-reduced-motion:reduce){.pshpop{animation:none}.pshb{transition:none}}
/* v429: the toast is a small pill, centred, whatever else the page styles */
.ptoast{left:50%!important;right:auto!important;top:auto!important;bottom:28px!important;width:max-content!important;max-width:calc(100vw - 32px)!important;display:block!important;text-align:center;opacity:1;background:#111826!important;color:#fff!important;margin:0!important;overflow-wrap:anywhere}
.ptoast.go{opacity:0}

/* v430: the share box: write, or pick Photo, Video or Post */
.pcompose{cursor:default}
.pcfake{border:0;font:inherit;font-size:17px;text-align:left;color:var(--ink-faint);cursor:text;text-decoration:none!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcfake:hover{background:#ECECE8}
.pckinds{display:flex;gap:4px;flex:0 0 auto}
.pckind{display:inline-flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink-soft)!important;padding:9px 12px;border-radius:14px;cursor:pointer;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
.pckind:hover{background:var(--mist)}
.pck-photo .pic{color:#14A3C7}.pck-video .pic{color:#7B61FF}.pck-post .pic{color:#1FA971}
@media (max-width:620px){.pckind span{display:none}.pckind{padding:9px}.pcompose{gap:8px;padding:12px}.pcfake{font-size:16px;padding:10px 14px}}
/* v430: kind tabs in the post window */
.pktabs{display:flex;gap:6px;background:var(--mist);padding:4px;border-radius:14px;margin:4px 0 14px}
.pktabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink-soft);padding:9px 10px;border-radius:11px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.pktabs button:hover{color:var(--ink)}
.pktabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(17,24,38,.25)}
.pktabs [data-k="photo"].on .pic{color:#14A3C7}.pktabs [data-k="video"].on .pic{color:#7B61FF}.pktabs [data-k="post"].on .pic{color:#1FA971}
.pdrop[hidden],.paddph[hidden],.pwrite[hidden]{display:none!important}
.pwrite{display:inline-flex;align-items:center;gap:8px}
.plen{display:inline-flex;background:var(--mist);border-radius:16px;padding:3px}
.plen button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);padding:5px 11px;border-radius:13px;cursor:pointer}
.plen button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px -1px rgba(17,24,38,.2)}
.paigen{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:18px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 6px 16px -8px rgba(20,163,199,.8)}
.paigen:hover{filter:brightness(1.06)}
.paddph{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border:1px dashed #BFD9E2;background:#fff;border-radius:14px;padding:10px 14px;font:inherit;font-size:15px;font-weight:600;color:#0E7C98;cursor:pointer}
.paddph:hover{background:#F2FAFC}
.pmpost #pbody{min-height:220px}
@media (max-width:620px){.pwrite{gap:6px}.plen button{padding:5px 9px}.paigen{padding:7px 11px}}
/* v430: long posts */
.ptext p{margin:0 0 14px}.ptext p:last-child{margin-bottom:0}
.ptext .psub{font-family:Poppins,Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.3;margin:22px 0 8px;color:var(--ink)}
.pdetail .ptext.plong{font-size:18px;line-height:1.7}
.preadmore{display:inline-block;margin-top:6px;font-weight:600;color:#14A3C7!important;text-decoration:none!important}
.preadmore:hover{text-decoration:underline!important}
.ptext .pquote{margin:22px 0;padding:4px 0 4px 20px;border-left:3px solid var(--gold);font-family:Poppins,Inter,system-ui,sans-serif;font-size:21px;font-weight:500;line-height:1.45;color:var(--ink)}
.ptext .pquote::before{content:'“'}.ptext .pquote::after{content:'”'}
.pexcerpt .pquote{font-size:17px;margin:12px 0}
/* v457: key phrases are gradient words, like places on the answer pages; the pop-up is the answer pages' own */
.ptext .pkey{display:inline;border:0;padding:0;margin:0;background:linear-gradient(90deg,#1565D8,#0E9BBF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1565D8;font:inherit;font-weight:600;cursor:pointer;border-radius:0}
.ptext .pkey:hover,.ptext .pkey:focus-visible{-webkit-text-fill-color:var(--gold);outline:none}
.pkpop{max-width:none}
.pkload{display:block;padding:10px;color:#8A8A84;font-size:15px}
/* v457: three lines with … on every card, then More */
/* v458: three lines with …, and More on the third line right after it. The
   empty float pushes More down to the last line; the text wraps around it. */
.imw{display:flex!important}
.imt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-width:0;--lh:1.6em}
.imt::before{content:'';float:right;height:calc(100% - var(--lh) + 1px);width:0}
.imm{float:right;clear:both;margin-left:10px;font-weight:600;white-space:nowrap}
.imm[hidden]{display:none}
.imt.imj{display:block;-webkit-line-clamp:unset;overflow:visible}.imt.imj::before{display:none}
.imt.imj .imm{float:none;margin-left:6px;display:inline}.imt.imj .imm[hidden],.imdots[hidden]{display:none}
.pcard:not(.pdetail) .ptitle,.pcard:not(.pdetail) .pclampw{cursor:pointer}
.pclampw{margin:0 0 12px}.pclampw .ptext{margin:0}
.pmorel{font-size:15px;color:var(--gold)!important;text-decoration:none!important}
.pmorel:hover{text-decoration:underline!important}
.featv .imt{--lh:1.6em}.feath .imt{--lh:1.3em}
.featcard .imm{color:#14A3C7;font-size:15px}
.featv.imw .imm{line-height:1.6}
.feath .imm{font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.3em}
/* v458: a really long question: no answer under it, thumbnail beside it */
.card .ctop.longq{grid-template-areas:'h i';align-items:center}.card .ctop.longq h2{margin:0}
.featcard .feattop.longq.hasthumb{grid-template-areas:'h i'}
@media (max-width:640px){.featcard .feattop.longq.hasthumb{grid-template-areas:'h' 'i'}}
/* v459: one writing box for post comments, answer comments and Messages:
   emoji, the sparkle and the round send button */
.pcform{flex-wrap:wrap;align-items:flex-end;gap:10px}
.pcin{flex:1;min-width:0;position:relative}
.pcin textarea{display:block;width:100%;min-height:44px;max-height:240px;resize:none;border:1px solid var(--line);border-radius:22px;padding:11px 90px 11px 16px;font:inherit;font-size:16px;line-height:1.4;background:var(--mist);outline:none;overflow:auto;transition:border-radius .15s,min-height .15s,background .15s}
.pcin textarea:focus{border-color:#14A3C7;background:#fff}
.pcform.open .pcin textarea,.dmfoot.open .pcin textarea{min-height:132px;border-radius:16px;padding:14px 16px 78px;background:#fff}
/* v464: once opened, the buttons sit on their own row under a thin line */
.pcform.open .pctools,.dmfoot.open .pctools{left:1px;right:1px;bottom:1px;padding:6px 8px;align-items:center;border-top:1px solid var(--line);border-radius:0 0 15px 15px;background:#fff}
.pctools{position:absolute;left:6px;right:6px;bottom:4px;display:flex;justify-content:flex-end;gap:2px;pointer-events:none}
.pctools button{pointer-events:auto}
/* v462: the emoji button sits at the bottom left and shows once the box is opened */
.pctools .pcemo{margin-right:auto;display:none}
.pcform.open .pctools .pcemo,.dmfoot.open .pctools .pcemo{display:flex}
.pctools button{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:none;color:#6B6B66;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.pctools button:hover,.pctools .pcemo[aria-expanded="true"]{background:var(--gold-soft);color:var(--gold)}
.pctools .pcgen:hover,.pctools .pcemo:hover,.pctools .pcemo[aria-expanded="true"]{background:#EAF6F4;transform:scale(1.08)}
.pctools .pcgen.busy .spk{animation:pcspin 1s linear infinite}
@keyframes pcspin{to{transform:rotate(360deg)}}
.pctools .pcsend{margin-left:2px;color:#fff;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);transition:opacity .2s,transform .2s}
.pctools .pcsend:hover{background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);color:#fff;transform:scale(1.06)}
.pctools .pcsend:disabled{opacity:.4;cursor:default;transform:none}
.pcemos{flex-basis:100%;margin-top:8px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.pcemos[hidden]{display:none}
.pcemo-top{padding:8px 8px 4px}
.pcemo-q{width:100%;height:38px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:15px;background:var(--mist);outline:none}
.pcemo-q:focus{border-color:#14A3C7;background:#fff}
.pcemo-tabs{display:flex;gap:2px;padding:2px 6px;border-bottom:1px solid var(--line);overflow-x:auto}
.pcemos .pcemo-tabs button{flex:none;border:0;background:none;color:inherit;height:36px;width:40px;padding:0;border-radius:10px;font-size:19px;cursor:pointer}
.pcemos .pcemo-tabs button:hover{background:var(--mist)}
.pcemo-grid{height:260px;overflow-y:auto;padding:4px 8px 10px;position:relative}
.pcemo-h{position:sticky;top:0;background:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A8A84;padding:8px 2px 4px;z-index:1}
.pcemo-set{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}
.pcemos .pcemo-set button{border:0;background:none;color:inherit;padding:0;height:40px;border-radius:10px;font-size:23px;line-height:1;cursor:pointer;transition:background .12s,transform .12s}
.pcemos .pcemo-set button:hover{background:var(--mist);transform:scale(1.15)}
.pcemos .pcemo-set button[hidden]{display:none}
.paigen .pspk{display:inline-flex}.paigen .spk path{fill:#fff}
/* Messages */
.dmfoot:not(.dmno){flex-direction:column;align-items:stretch;gap:0}
.dmfoot .pcin textarea{border-color:transparent;max-height:240px;padding:11px 90px 11px 16px}.dmfoot .pcin textarea:focus{border-color:#14A3C7}.dmfoot.open .pcin textarea{border-color:var(--line)}.dmfoot.open .pcin textarea:focus{border-color:#14A3C7}
.dmfoot .pcemos{margin-top:10px}
/* answer comments */
.acomments{margin:0 0 6px}.acomments:empty{display:none}
.cmt-box .pcform{margin-top:6px}
.cnote{margin:8px 0 0;font-size:13.5px;color:var(--ink-faint)}
.pc.is-author .pcb > b{color:var(--ink)}
.pcard > .pmwrap:first-of-type + .ptitle{margin-top:14px}

/* v430: messages */
.nmail{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;margin-left:14px;color:var(--ink-soft)!important;text-decoration:none!important}
.nmail:hover{background:var(--mist);color:var(--ink)!important}
.nmail .nbadge{top:2px;right:0}
.nmail+.nbellw{margin-left:4px}
@media (max-width:620px){.nmail{margin-left:6px;width:34px;height:34px}.nmail+.nbellw{margin-left:0}}
.mcount.mnew{background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF);color:#fff}
.nsmsg{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#14A3C7!important;margin-left:6px;transition:background-color .2s ease,border-color .2s ease}
.nsmsg:hover{border-color:#14A3C7;background:#F2FAFC}
.dmmain{max-width:1080px;padding-top:18px;padding-bottom:18px}
.dmwrap{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 130px);min-height:480px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(17,24,38,.35)}
.dmside{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line)}
.dmsidehead{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}
.dmsidehead h1{font-family:Poppins,Inter,system-ui,sans-serif;font-size:22px;font-weight:600;margin:0}
.dmnew{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--mist);color:#14A3C7;cursor:pointer}
.dmnew:hover{background:#E4F4F9}
.dmlist,.dmpl{flex:1;overflow:auto;padding:0 8px 10px;min-height:0}
.dmrow{position:relative;display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:14px;color:var(--ink)!important;text-decoration:none!important;transition:background-color .2s ease}
.dmrow::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#2EDB8F,#14A3C7 50%,#7B61FF);transform:scaleY(0);transition:transform .25s ease}
.dmrow:hover{background:var(--mist)}.dmrow:hover::before,.dmrow.on::before{transform:scaleY(1)}
.dmrow.on{background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%)}
.dmav{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--mist)}
.dmav.sm{width:36px;height:36px}
.dmrt{flex:1;min-width:0;display:flex;flex-direction:column}
.dmrt b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmrt span{font-size:14px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmrow.unread .dmrt b{font-weight:800}.dmrow.unread .dmrt span{color:var(--ink);font-weight:600}
.dmrm{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dmrm small{font-size:12px;color:var(--ink-faint)}
.dmdot{min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-style:normal;font-size:12px;font-weight:700;line-height:20px;text-align:center;color:#fff;background:linear-gradient(135deg,#2EDB8F 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 0 10px 1px rgba(20,163,199,.35)}
.dmempty{padding:24px 12px;text-align:center;color:var(--ink-soft);font-size:15px;line-height:1.5}
.dmlink{border:0;background:none;font:inherit;font-weight:600;color:#14A3C7;cursor:pointer;padding:4px 6px}
.dmchat{display:flex;flex-direction:column;min-height:0;min-width:0}
.dmblank{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--ink-soft);padding:24px}
.dmblank svg{color:#14A3C7}.dmblank b{font-size:18px;color:var(--ink)}
.dmstart{margin-top:8px;border:0;border-radius:22px;padding:10px 20px;font:inherit;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.dmhead{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:62px}
.dmhead>b{font-size:17px}
.dmback{display:none;border:0;background:none;color:var(--ink);width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;margin-left:-6px}
.dmback:hover{background:var(--mist)}
.dmwho{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.dmwho b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmmenuw{position:relative}
.dmdots{border:0;background:none;color:var(--ink-soft);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dmdots:hover{background:var(--mist);color:var(--ink)}
.dmmenu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 14px 34px -14px rgba(17,24,38,.35)}
.dmmenu[hidden]{display:none}
.dmmenu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--ink);text-align:left}
.dmmenu button:hover{background:var(--mist)}.dmmenu .dmwarn{color:#C2362B}
.dmmsgs{flex:1;overflow:auto;padding:16px 18px 8px;display:flex;flex-direction:column;gap:6px;min-height:0;background:linear-gradient(180deg,#FBFBF9,#fff)}
.dmday{align-self:center;font-size:12px;font-weight:600;color:var(--ink-faint);background:var(--mist);border-radius:10px;padding:3px 10px;margin:10px 0 4px}
.dmmsg{max-width:74%;display:flex;flex-direction:column;align-items:flex-start;animation:dmin .18s ease-out}
.dmmsg.mine{align-self:flex-end;align-items:flex-end}
@keyframes dmin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.dmb{padding:10px 14px;border-radius:18px 18px 18px 6px;background:#F0F1EE;color:var(--ink);font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.dmmsg.mine .dmb{border-radius:18px 18px 6px 18px;color:#fff;background:linear-gradient(135deg,#14A3C7 0%,#5B7BF0 100%)}
.dmmsg.mine .dmb a{color:#fff;text-decoration:underline}
.dmmsg time{font-size:11px;color:var(--ink-faint);margin:3px 6px 0}
.dmseen{font-size:11px;font-weight:600;color:#14A3C7;margin:0 6px}
.dmfoot{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}
.dmfoot textarea{flex:1;resize:none;border:1px solid transparent;background:var(--mist);border-radius:22px;padding:11px 16px;font:inherit;font-size:16px;line-height:1.4;max-height:160px;outline:none}
.dmfoot textarea:focus{border-color:#14A3C7;background:#fff}
.dmsend{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);transition:opacity .2s ease,transform .2s ease}
.dmsend:disabled{opacity:.4;cursor:default}.dmsend:not(:disabled):hover{transform:scale(1.05)}
.dmfoot.dmno{flex-direction:column;align-items:center;gap:4px;text-align:center}
.dmfoot.dmno p{margin:0;color:var(--ink-soft);font-size:15px}
.dmpick{display:flex;flex-direction:column;min-height:0;flex:1}
.dmpick input{margin:12px 16px;border:1px solid var(--line);border-radius:22px;padding:11px 16px;font:inherit;font-size:16px;outline:none}
.dmpick input:focus{border-color:#14A3C7}
.dmreason{width:100%;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:15px;resize:vertical;outline:none}
.dmreason:focus{border-color:#14A3C7}
@media (max-width:760px){
 .dmmain{padding:0 0 0;max-width:none}
 .dmwrap{grid-template-columns:minmax(0,1fr);height:calc(100vh - 64px);height:calc(100dvh - 64px);border-radius:0;border-left:0;border-right:0;box-shadow:none;min-height:0}
 .dmwrap .dmchat{display:none}.dmwrap.dm-open .dmchat{display:flex}.dmwrap.dm-open .dmside{display:none}
 .dmside{border-right:0}.dmback{display:inline-flex}.dmmsg{max-width:84%}
 /* v761: the bottom tab bar covered the typing area; in a conversation it steps aside, in the list the page leaves room for it */
 body:has(.dmwrap.dm-open) .tnav{display:none!important}
 body:has(.dmwrap.dm-open){padding-bottom:0!important}
 .dmwrap:not(.dm-open){height:calc(100dvh - 64px - 62px - env(safe-area-inset-bottom))}
 .dmwrap.dm-open .dmfoot{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.dmmsg{animation:none}.dmrow::before{transition:none}}
.dmrep{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:10px 0;background:#fff}
.dmrepm{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.dmrepm li{background:var(--mist);border-radius:10px;padding:6px 10px;font-size:14px}.dmrepm li.them{background:#FDECEA}
.dmrepm small{display:block;color:var(--ink-faint);font-size:12px}

.navmenu a.nsmsg{display:inline-flex!important;justify-content:center;align-items:center;padding:0!important;margin:0 0 0 6px!important;width:34px;height:34px;border-radius:50%!important;flex:none}
.navmenu a.nsmsg:hover{background:#F2FAFC;color:#14A3C7!important}
.navmenu a.nsmsg svg{width:18px;height:18px;flex:none}
.pexcerpt .psub{font-size:17px;margin:14px 0 4px}

/* v436: Ask page list heading with Popular / Latest */
.asksort{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.asksort .sec-h{margin:0}
.hero+.featcard{margin-top:26px}

/* v441: top navigation. The page you are on is marked with the gradient bar
   used in Messages; the others show it on hover. */
.nav a.navl{position:relative;color:var(--ink-soft)!important;font-weight:500;padding:6px 2px;transition:color .2s ease}
.nav a.navl::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2EDB8F,#14A3C7 50%,#7B61FF);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.nav a.navl:hover{color:var(--ink)!important}
.nav a.navl:hover::after{transform:scaleX(.6)}
.nav a.navl.on{color:var(--gold)!important;font-weight:600}
.nav a.navl.on::after{transform:scaleX(1)}
.nmail{transition:background-color .2s ease,color .2s ease}
.nmail.on{background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%);color:#14A3C7!important;box-shadow:inset 0 0 0 1px rgba(20,163,199,.18)}
@media (prefers-reduced-motion:reduce){.nav a.navl::after{transition:none}}

/* v441: notification icons, drawn in the site's colors */
.nico{width:42px;height:42px;font-size:0;background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%);color:#14A3C7;box-shadow:inset 0 0 0 1px rgba(20,163,199,.14)}
.nico svg{width:20px;height:20px}
.nico-confirmed{background:none!important;box-shadow:none!important;filter:drop-shadow(0 4px 8px rgba(20,163,199,.4))}.nico-confirmed svg{width:44px;height:44px}
.nico-followup{color:#7B61FF}.nico-like{color:#E0457B}.nico-answer{color:#1FA971}
/* v441: Follow back inside a follow notification */
.nitem.hasfb{align-items:center}
.nfb{flex:none;align-self:center;border:1px solid #14A3C7;background:#fff;color:#0E7C98;font:inherit;font-size:14px;font-weight:600;border-radius:18px;padding:6px 14px;cursor:pointer;margin-right:6px;transition:background-color .2s ease,color .2s ease}
.nfb:hover{background:#F2FAFC}
.nfb.on{border-color:var(--line);color:var(--ink-soft)}
.nfb:disabled{opacity:.6}
/* v441: a person's page */
.pavl{flex:none;display:inline-flex;border-radius:50%}
.pname{color:inherit!important;text-decoration:none!important}.pname:hover b{text-decoration:underline}
.prof{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 20px 24px;margin:22px 0 18px}
.profav{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--mist);box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(20,163,199,.25)}
.profname{font-family:Poppins,Inter,system-ui,sans-serif;font-size:26px;font-weight:600;margin:14px 0 4px}
.profnote{margin:0 0 6px;font-size:14px;font-weight:600;color:#0E7C98;background:#E9F8FC;border-radius:12px;padding:2px 10px}
.profstats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;color:var(--ink-soft);font-size:15px;margin:8px 0 16px}
.profstats b{color:var(--ink);font-weight:700}
.profact{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.profact .ppost,.profact .pmore{text-decoration:none!important;display:inline-flex;align-items:center}

.navmenu .nsub a.nsubp,.navmenu .nsub a.nsubn{display:inline!important;padding:0!important;margin:0!important;border-radius:50%!important;background:none!important}
.navmenu .nsub a.nsubp{display:inline-flex!important;flex:none}
.nsub a.nsubn{color:inherit!important;text-decoration:none!important}.nsub a.nsubn:hover{text-decoration:underline!important}
.dmwhol{display:flex;align-items:center;gap:10px;min-width:0;color:inherit!important;text-decoration:none!important}.dmwhol:hover b{text-decoration:underline}

/* v442: in notifications a person's photo opens their page */
.nprof{cursor:pointer;transition:box-shadow .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.nprof:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #14A3C7}

/* v445: Subscribers / Following tabs */
.nsubtabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.nsubtab{cursor:pointer!important}
.nsubtab:not(.on){color:var(--ink-soft)}
.nsubtab.on{border-color:#14A3C7;box-shadow:0 0 0 1px #14A3C7 inset}
.nsubtab svg:last-child{display:inline!important}
.nsubspage[hidden]{display:none!important}

/* v447: following topics */
.topictitle{flex-wrap:wrap}
.tfolw{display:inline-flex;align-items:center;gap:10px;margin-left:auto}
.tfol{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:20px;padding:8px 16px;font:inherit;font-size:15px;font-weight:700;color:#fff!important;text-decoration:none!important;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 6px 16px -8px rgba(20,163,199,.8);transition:filter .2s ease}
.tfol:hover{filter:brightness(1.06)}
.tfol.on{background:#fff;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}
.tfol.on svg{color:#1FA971}
.tfol:disabled{opacity:.6}
.tfoln{font-size:14px;color:var(--ink-faint)}
.tile{position:relative}
.tilefol{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#fff;border-radius:16px;padding:6px 12px;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 4px 12px -6px rgba(20,163,199,.8);transition:filter .2s ease,opacity .2s ease}
.tilefol:hover{filter:brightness(1.06)}
.tilefol.on{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.tilefol.on svg{color:#1FA971}
.tilefol.busy{opacity:.6;pointer-events:none}
.nico-topic{color:#A8761F}
@media (max-width:620px){.tfolw{margin-left:0;width:100%;margin-top:10px}}

/* v462: titles of books, songs, films and other works: italic, in the same
   gradient as places, with the same questions on tap or hover */
.body strong.ent.work,.verdict strong.ent.work{font-style:italic;background:linear-gradient(90deg,#1565D8,#0E9BBF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1565D8}
/* v465: gradient words keep their last letter when they wrap or lean (italics) */
.body strong.ent.place,.verdict strong.ent.place,.body strong.ent.work,.verdict strong.ent.work{padding-right:.12em;margin-right:-.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.body strong.ent.work:hover,.body strong.ent.work:focus-visible,.verdict strong.ent.work:hover,.verdict strong.ent.work:focus-visible{-webkit-text-fill-color:var(--gold)}
.body strong.ent.work::after,.verdict strong.ent.work::after{-webkit-text-fill-color:#fff;font-style:normal}
/* v461: the books an answer names */
.shelf{margin:34px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
.shelf-h{font-size:19px;margin:0 0 14px}
.shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}
.book{display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:var(--ink)!important;border-radius:14px;transition:transform .15s}
.book:hover{transform:translateY(-3px)}
.bcover{position:relative;display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--mist);box-shadow:0 10px 24px -14px rgba(17,24,38,.55);margin-bottom:6px}
.bcover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bph{display:none}
.bcover.nocov{background:linear-gradient(150deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.bcover.nocov .bph{display:flex;flex-direction:column;justify-content:center;gap:8px;position:absolute;inset:0;padding:14px;color:#fff;text-align:center}
.bph i{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.3}.bph small{font-size:12.5px;opacity:.9}
.bt{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;font-style:italic;line-height:1.3}
.ba{font-size:13.5px;color:var(--ink-soft)}
.bbuy{margin-top:4px;font-size:14px;font-weight:600;color:#14A3C7}
.book:hover .bbuy{text-decoration:underline}
.shelf-note{margin:14px 0 0;font-size:12.5px;color:var(--ink-faint)}
/* v467: up and down votes on the answer cards */
.qvote{margin-left:auto;display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:#fff;flex:none}
.qvote + .by-go{margin-left:14px}
.qv{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#8A8A84;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.qv:hover{background:var(--mist);color:var(--ink)}
.qv:focus-visible{outline:2px solid #14A3C7;outline-offset:1px}
.qvn{min-width:18px;text-align:center;font-size:14.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.qvote.up .qup{color:#fff;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.qvote.down .qdown{color:#fff;background:#8A8A84}
.qv.pop{animation:qvpop .28s ease}
.qvn.neg{color:#D93025}
.qv.no{animation:qvno .3s ease}
@keyframes qvno{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes qvpop{50%{transform:scale(1.25)}}
@media (max-width:560px){.qv{width:30px;height:30px}.qvote + .by-go{margin-left:10px}}
/* v469/v470: riddles */
.rdl{margin:18px 0 22px;padding:18px 20px;border:1px solid #D9D2F5;border-radius:18px;background:linear-gradient(135deg,#F1FAF6 0%,#EEF6FB 50%,#F3F0FF 100%)}
.rdl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}
.rdl-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 9px;border-radius:999px;background:#fff;color:#6A55E0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.rdl-lead{margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;color:var(--ink)}
.rdl-main{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.rdl-clock{flex:none;width:max-content;display:inline-flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px 26px 12px;border-radius:18px;border-radius:14px;background:#fff;box-shadow:0 8px 22px -16px rgba(17,24,38,.5)}
.rdl-clock b{white-space:nowrap;font-family:'SF Mono',ui-monospace,Menlo,Consolas,monospace;font-size:56px;font-weight:600;letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.rdl-bar{display:block;height:7px;border-radius:3px;background:#E4E0F5;overflow:hidden}
.rdl-bar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#1FA971,#14A3C7,#7B61FF)}
.rdl-units{display:flex;justify-content:space-around;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}
.rdl-acts{display:flex;flex-direction:column;align-items:center;gap:6px}
.rdl-go{border:0;border-radius:24px;padding:12px 28px;font:inherit;font-size:16.5px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);box-shadow:0 6px 16px -8px rgba(20,163,199,.8)}
.rdl-hint{font-size:15.5px;font-weight:500;color:#2F3B4A;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.rdl.up .rdl-go{animation:rdlpulse 3.2s ease-in-out infinite}
/* v472: calm, not a race: a soft breathing glow, slow colours */
.rdl-clock{animation:rdlbreathe 6s ease-in-out infinite}
@keyframes rdlbreathe{50%{box-shadow:0 10px 30px -14px rgba(20,163,199,.45)}}
.rdl-clock b{font-family:Poppins,Inter,system-ui,sans-serif!important;font-weight:500!important;color:#3B4A5C!important}
@media (prefers-reduced-motion:reduce){.rdl-clock,.rdl.up .rdl-go{animation:none}}
.rdl.up .rdl-clock b{color:#1FA971!important}
@keyframes rdlpulse{50%{transform:scale(1.03);box-shadow:0 10px 22px -10px rgba(20,163,199,.7)}}
.rdl.done .rdl-main,.rdl.done .rdl-lead{display:none}
.rdl.done .rdl-head{margin:0}
@media (max-width:560px){.rdl{padding:16px}.rdl-clock b{font-size:44px}.rdl-lead{font-size:21px}}
/* the answer and anything that could give it away wait for the reveal */
.article.riddle.locked .verdict{position:relative}
.article.riddle.locked .verdict p,.article.riddle.locked .body,.article.riddle.locked .listen,.article.riddle.locked .banner,.article.riddle.locked .portrait,.article.riddle.locked .acomments,.article.riddle.locked #thread,.article.riddle.locked .shelf{filter:blur(9px);user-select:none;pointer-events:none}
.article.riddle.locked .verdict::after{content:'The answer shows when you reveal it';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--ink-soft)}
.article.riddle .verdict p,.article.riddle .body{transition:filter .5s ease}
.rdl-tease{font-style:italic;color:#6A55E0!important}
@media (max-width:560px){.rdl-main{gap:14px}}
/* v473: the ocean behind a riddle */
.rdl{position:relative;overflow:hidden;isolation:isolate;padding-bottom:78px!important}
.rdl.done{padding-bottom:18px!important}
.rdl > :not(.rdl-sea){position:relative;z-index:1}
.rdl-sea{position:absolute;inset:0;z-index:0;pointer-events:none}
.rdl-sun{position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,196,.75) 0%,rgba(255,236,196,0) 70%);animation:rdlsun 14s ease-in-out infinite}
@keyframes rdlsun{50%{transform:translate(-18px,10px) scale(1.08);opacity:.75}}
.rdl-wave{position:absolute;left:0;bottom:0;width:200%;height:70px}
.rdl-wave path{fill:currentColor}
.rdl-wave.w1{color:rgba(20,163,199,.10);height:92px;animation:rdlsea 38s linear infinite}
.rdl-wave.w2{color:rgba(123,97,255,.09);height:74px;animation:rdlsea 26s linear infinite reverse}
.rdl-wave.w3{color:rgba(31,169,113,.10);height:56px;animation:rdlsea 18s linear infinite}
@keyframes rdlsea{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.rdl.done .rdl-sea{display:none}
@media (prefers-reduced-motion:reduce){.rdl-wave,.rdl-sun{animation:none}}
/* v476: Fun & Games, one card that swipes */
.rcar{position:relative;overflow:hidden;isolation:isolate;margin:0 0 18px;padding:18px 20px 20px;border:1px solid #D9D2F5;border-radius:18px;background:linear-gradient(135deg,#F1FAF6 0%,#EEF6FB 50%,#F3F0FF 100%)}
.rcar > :not(.rdl-sea){position:relative;z-index:1}
.rcar-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rcar-count{font-size:14px;font-weight:600;color:#3B4A5C;font-variant-numeric:tabular-nums}
.rcar-nav{margin-left:auto;display:flex;gap:6px}
.rcar-btn{width:38px;height:38px;border-radius:50%;border:1px solid #D9D2F5;background:#fff;color:#3B4A5C;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}
.rcar-btn:hover{background:#F3F0FF;transform:scale(1.06)}
.rcar-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rcar-track::-webkit-scrollbar{display:none}
.rslide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:6px 2px 2px;text-decoration:none!important;color:var(--ink)!important}
.rs-q{text-align:center;padding:0 44px;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rshare{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#3B4A5C;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.rshare:hover{background:var(--mist)}
.rcar-tag{text-decoration:none!important;transition:transform .15s}.rcar-tag:hover{transform:translateY(-1px)}
.rs-go{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:30px;font-size:18px;box-shadow:0 8px 20px -10px rgba(20,163,199,.8);font-weight:600;color:#fff;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.rs-done{display:none;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#1FA971}
.rslide.seen .rs-done{display:inline}
.rslide.seen .rs-go{background:#fff;color:#3B4A5C;border:1px solid #D9D2F5}
.rcar-all{display:inline-block;margin-top:10px;font-size:14.5px;font-weight:600;color:#6A55E0!important}
@media (max-width:560px){.rs-q{font-size:19px;padding:0 6px}.rcar{padding:16px 16px 18px}}
.twinnote.delnote{background:#FDECEA;border-color:#F3C2BC;color:#8A2A20}
/* v480: a big, faint dandelion seed drifting across on the breeze */
.rdl-seed{position:absolute;left:-30%;opacity:0;pointer-events:none;animation:rdlwind 60s linear infinite}
.rdl-seed svg{width:100%;height:100%;overflow:visible;animation:rdlbob 9s ease-in-out infinite}
.rdl-seed .pp path{fill:none;stroke:rgba(122,110,170,.2);stroke-width:.5;stroke-linecap:round}
.rdl-seed .stalk{fill:none;stroke:rgba(255,255,255,.9);stroke-width:.8}
.rdl-seed .achene{fill:rgba(190,160,120,.55)}
.rdl-seed .glow{fill:url(#pglow)}
.rdl-seed .knot{fill:#fff;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px rgba(255,255,255,.9))}
.rdl-seed svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.95))}
.rdl-seed.big{top:8%;width:130px;height:109px;animation-delay:-24s}
.rdl-seed.far{display:none;top:26%;width:84px;height:71px;animation-duration:85s;animation-delay:-60s}
.rdl-seed.far svg{filter:blur(1.2px) drop-shadow(0 0 1px rgba(90,80,140,.3));animation-duration:12s}
@keyframes rdlwind{0%{left:-30%;opacity:0}8%{opacity:.8}88%{opacity:.7}100%{left:105%;opacity:0}}
@keyframes rdlbob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-22px) rotate(10deg)}}
@media (prefers-reduced-motion:reduce){.rdl-seed,.rdl-seed svg{animation:none}.rdl-seed.big{left:58%;opacity:.45}.rdl-seed.far{left:18%;opacity:.35}}
/* v478: the riddle card uses the same footer as the other cards */
.rslide{gap:0!important}
.rs-mid{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:20px 0 22px}
/* v487: the bottom row sits at the very bottom, whatever the question's length */
.rcar-track{align-items:flex-start;transition:height .3s ease}
.rs-by{margin-top:0!important}
.rcar .card-by{margin-top:0;padding-top:22px}
.rcar-head{justify-content:flex-end}
.rs-by{width:100%}
.rs-by .by-n,.rs-by .by-m{display:block}
.rcar .card-by{border-top:1px solid rgba(17,24,38,.1)}
.qshare{flex:none;width:38px;height:38px;margin-left:8px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#6B6B66;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}
.qshare:hover{background:var(--mist);color:var(--ink)}
.qshare:focus-visible{outline:2px solid #14A3C7;outline-offset:1px}
.qshare + .by-go{margin-left:14px}
@media (max-width:560px){.qshare{width:34px;height:34px;margin-left:6px}.qshare + .by-go{margin-left:10px}.card-by > .totopic:not(.rs-topic){display:none}.card-by{gap:8px}}
.rs-topic{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#6A55E0;cursor:pointer}
.rs-topic:hover{text-decoration:underline}

/* v498: the post box's bottom row sits under a line, with room above it */
.pmfoot{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}

/* v499: Add a photo is a wide drop area; the writing box gives up the room so the window stays the same height */
.paddph{display:flex;width:100%;justify-content:center;gap:12px;min-height:104px;margin-top:12px;border:1.5px dashed #BFD9E2;border-radius:16px;background:#FBFDFE;transition:background-color .2s ease,border-color .2s ease}
.paddph span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.paddph b{font-size:16px}.paddph small{font-size:14px;font-weight:500;color:var(--ink-faint)}
.paddph:hover,.paddph.drag{background:#EEF8FB;border-color:#14A3C7}
.pmpost #pbody{min-height:0;height:clamp(96px, calc(100vh - 610px), 240px)}
@media (max-height:820px) and (min-width:621px){.povl{padding-top:16px;padding-bottom:16px}}

.ptitlew[hidden]{display:none!important}

/* v502: the riddle answer box sits where the clock was; the clock is a small pill down in the sea */
.rdl-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px}
.rdl-in{width:100%;height:56px;border:1.5px solid #D9D2F5;border-radius:16px;background:#fff;padding:0 18px;font:inherit;font-size:19px;text-align:center;color:var(--ink);outline:none;box-shadow:0 8px 22px -16px rgba(17,24,38,.5);transition:border-color .2s ease,box-shadow .2s ease}
.rdl-in::placeholder{color:#9AA3B2}
.rdl-in:focus{border-color:#14A3C7;box-shadow:0 0 0 4px rgba(20,163,199,.14)}
.rdl-go:disabled{opacity:.55;cursor:default;box-shadow:none}
.rdl.up .rdl-go:disabled{animation:none}
.rdl > .rdl-clock{position:absolute;z-index:1;left:50%;bottom:16px;transform:translateX(-50%);flex-direction:row;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.82);animation:none}
.rdl > .rdl-clock b{font-size:17px!important;letter-spacing:.02em}
.rdl > .rdl-clock .rdl-bar{width:84px;height:5px}
.rdl.done > .rdl-clock{display:none}
.rdl-mine{font-size:15.5px;color:#2F3B4A}.rdl-mine span{font-weight:600}.rdl-mine a{color:#14A3C7;font-weight:600}.rdl-mine em{color:var(--ink-faint)}
.rdl-mine[hidden]{display:none}

/* v503: a bigger answer box, a gray Reveal Answer until they type, and the clock alone in the top corner */
.rdl-form{max-width:540px}
.rdl-in{height:66px;font-size:21px;border-radius:18px}
.rdl-go:disabled{background:#D3D8E0!important;color:#fff;opacity:1;box-shadow:none}
.rdl > .rdl-clock{left:auto;right:22px;top:20px;bottom:auto;transform:none;padding:0;background:none!important;box-shadow:none!important;border-radius:0}
.rdl > .rdl-clock b{font-size:22px!important;font-weight:500!important;color:#3B4A5C!important}
.rdl > .rdl-clock .rdl-bar{display:none}
.rdl.up > .rdl-clock b{color:#1FA971!important}
@media (max-width:560px){.rdl > .rdl-clock{right:18px;top:20px}.rdl-in{height:60px;font-size:19px}}

/* v504: a big answer box with Reveal Answer beside it, and the hint down in the sea */
.rdl-main{gap:18px}
.rdl-form{flex-direction:row;align-items:stretch;gap:12px;max-width:620px}
.rdl-in{flex:1;min-width:0;height:76px;font-size:25px;border-radius:20px;padding:0 22px}
.rdl-form .rdl-go{flex:none;align-self:center;height:60px;padding:0 28px;border-radius:30px;font-size:17px}
.rdl > .rdl-hint{position:absolute;z-index:1;left:0;right:0;bottom:24px;text-align:center;padding:0 16px}
.rdl{padding-bottom:84px!important}
.rdl.done > .rdl-hint{display:none}
@media (max-width:560px){.rdl-form{flex-direction:column;align-items:stretch;gap:14px}.rdl-in{flex:none;width:100%;height:70px;font-size:23px}.rdl-form .rdl-go{align-self:center;height:56px}.rdl > .rdl-hint{bottom:20px;font-size:15px}}

/* v505: Reveal sits centred under the answer box on every screen, and is smaller than the box */
.rdl-form{flex-direction:column;align-items:center;gap:14px;max-width:560px}
.rdl-in{flex:none;width:100%}
.rdl-form .rdl-go{align-self:center;height:50px;min-width:150px;padding:0 30px;font-size:17px;border-radius:25px}
@media (max-width:560px){.rdl-form .rdl-go{height:48px}}

/* v508: the member's own address under their name */
.profurl{margin:-2px 0 8px;font-size:15.5px;color:var(--ink-faint);user-select:all}

/* v509: Mary's byline and the twin note share one quiet box */
.abyline{background:var(--mist);border-radius:16px;padding:14px 18px;margin-bottom:26px}
.abyline .byline{padding-bottom:0;border-bottom:0;margin-bottom:0}
.bynote{margin:8px 0 0 54px;font-size:14.5px;line-height:1.55;color:var(--ink-faint)}
@media (max-width:560px){.abyline{padding:12px 14px}.bynote{margin-left:0;margin-top:10px}}

/* v509: an archived post (only its author sees it, in My Posts) is grayed out with a border */
.pcard.parch{background:#F1F1EF;border:1.5px solid #B4B8BF!important;position:relative}
.pcard.parch > :not(.phead){opacity:.62}

/* v510: a deleted page (admin preview only) carries a red Deleted sign above the question */
.delbadge{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px 10px;vertical-align:middle;padding:5px 12px 5px 10px;border-radius:999px;background:#FDECEA;border:1px solid #F3C2BC;color:#B42318;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* v512: the twin note runs flush left under the photo, the full width of the box */
.bynote{margin:12px 0 0!important}

/* v514: the Restore button on a deleted page (admin only) */
.delnote{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.delrestore{flex:none;border:0;border-radius:20px;padding:9px 20px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:#1FA971;cursor:pointer}
.delrestore:disabled{opacity:.7;cursor:default}

/* v515: no Riddle tag; once solved the box goes, unless it is showing their guess */
.rdl.done{display:none}
.rdl.done.has-mine{display:block;padding:14px 18px!important}
.rdl.done.has-mine .rdl-head{margin:0}
.rdl-head:empty,.rdl-head:has(> .rdl-mine[hidden]:only-child){display:none}
.toolsfun .rcar{margin-top:6px}

/* v515: the topic on the left and a small Listen button on the right; the player opens under them */
.atop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.atop .crumb{margin:0}
.atop .delbadge{margin:0}
.lpill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 15px 7px 12px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.lpill svg{color:#14A3C7}
.lpill:hover{border-color:#14A3C7;color:#0E7C98}
.lpill[hidden]{display:none}
.atop + .listen{margin:10px 0 18px}
.article.riddle.locked .lpill{display:none}

/* v518: × closes the player */
.lclose{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.lclose:hover{border-color:#14A3C7;color:#0E7C98}

/* v518: the line and the spio.com mark on a page photo, softly shadowed so they read on any picture */
.bnwrap{position:relative;border-radius:18px;overflow:hidden}
.bnwrap img{border-radius:0!important}
.bnwrap::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(10,20,35,.42) 100%)}
.bnline{position:absolute;z-index:1;left:0;right:0;bottom:44px;margin:0;padding:0 28px;text-align:center;font-family:Poppins,sans-serif;font-size:clamp(19px,2.6vw,27px);line-height:1.3;font-weight:600;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.35)}
.bnline b{font-weight:700}
.bnwrap .bnshare{position:absolute;z-index:2;right:14px;bottom:46px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#1B2330;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer}
.bnwrap .bnshare:hover{background:#fff}
@media (max-width:560px){.bnwrap .bnshare{right:10px;bottom:36px;width:40px;height:40px}}
.bnmark{position:absolute;z-index:1;right:16px;bottom:12px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.55)}
@media (max-width:560px){.bnline{bottom:36px;padding:0 16px;font-size:18px}.bnmark{font-size:13px;right:12px;bottom:10px}}

/* v518: Share on the answer page, at the end of the Upvote row */
.upvote .pgshare{margin-left:auto}

/* v518: a right guess gets praise in green and a burst of confetti */
.rdl.is-right{border-color:#9FDDBF!important;background:linear-gradient(135deg,#E9F8F0 0%,#EAF6FB 60%,#F1EEFF 100%)!important}
.rdl.is-right .rdl-mine span{color:#157A52}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.confetti i{position:absolute;top:-24px;display:block;opacity:.95;animation-name:confall;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards}
@keyframes confall{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(var(--dx),108vh,0) rotate(var(--r));opacity:.9}}
.upvote .pgshare{width:44px;height:44px}

/* v519: comment threads: actions under each comment, replies indented, small forms for reply and edit */
.pcacts{display:flex;gap:16px;margin-top:6px}
.pcacts button{border:0;background:none;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--ink-faint);cursor:pointer;width:auto;height:auto;border-radius:0;display:inline;margin:0}
.pcacts button:hover{color:#0E7C98}
.pcacts button[data-a="delete"]:hover{color:#B42318}
.pcacts[hidden]{display:none}
.pcreplies{margin-top:10px;display:flex;flex-direction:column;gap:12px}
.pcreplies:empty{display:none}
.pc.is-reply{padding-left:0}
.pc:target{animation:pcflash 2.4s ease-out}
@keyframes pcflash{0%{background:#E6F6FB}100%{background:transparent}}
.pcmini{margin:10px 0 4px;display:flex;flex-direction:column;gap:8px}
.pcmini textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font:inherit;font-size:16px;line-height:1.5;resize:vertical;outline:none;background:#fff}
.pcmini textarea:focus{border-color:#14A3C7}
.pcmini-b{display:flex;gap:10px;justify-content:flex-end}
.pcmini-b button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;color:var(--ink)}
.pcmini-b .go{border:0;color:#fff;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.pcmini-b .go:disabled{opacity:.6}
.cauth,.rdl-auth{margin:12px 0 0;padding:12px 16px;border-radius:14px;background:#EEF8FB;border:1px solid #CBE7F0;color:#2F3B4A;font-size:15.5px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cauth a,.rdl-auth a{display:inline-flex;align-items:center;padding:7px 16px;border-radius:18px;font-weight:600;text-decoration:none!important}
.cauth .cauth-in,.rdl-auth .cauth-in{background:#fff;border:1px solid #CBE7F0;color:#0E7C98!important}
.cauth .cauth-up,.rdl-auth .cauth-up{color:#fff!important;background:linear-gradient(135deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.rdl-auth{justify-content:center;text-align:center}
.cconfirm{position:fixed;inset:0;z-index:300;background:rgba(17,24,38,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.cconfirm-in{background:#fff;border-radius:18px;padding:22px;max-width:380px;width:100%;box-shadow:0 20px 50px -20px rgba(17,24,38,.5)}
.cconfirm-in p{margin:0 0 18px;font-size:16px;line-height:1.5}
.cconfirm-in div{display:flex;gap:10px;justify-content:flex-end}
.cconfirm-in button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer}
.cconfirm-in .danger{background:#B42318;border-color:#B42318;color:#fff}
.pcshare{border:0!important;background:none!important;width:auto!important;height:auto!important;border-radius:0!important;margin:0!important;display:inline!important;font:inherit;font-size:14px;font-weight:600;color:var(--ink-faint)!important;cursor:pointer}
.pcshare:hover{color:#0E7C98!important}

/* v520: riddle cards on the Fun & Games page, one per riddle */
.rone{margin:0 0 18px}
.rone .rcar-track{overflow:visible}
.rone .rs-q{padding:0 12px}
/* v520: the player's × is a soft glowing mark tucked in its top corner */
.listen{position:relative}
.lclose{position:absolute;top:8px;right:10px;margin:0;width:32px;height:32px;border:0!important;background:none!important;color:#14A3C7;font-size:26px;text-shadow:0 0 8px rgba(20,163,199,.55),0 0 2px rgba(20,163,199,.4);transition:transform .2s ease,text-shadow .2s ease}
.lclose:hover{transform:scale(1.12);color:#0E7C98;text-shadow:0 0 12px rgba(20,163,199,.8)}
.listen .lrow{padding-right:34px}
.rdl.is-wrong .rdl-mine span{color:#8A5E10}

/* v520: the photo softens and dims behind the line so the words stand out */
.bnwrap.has-line img{filter:blur(4px) brightness(.82) saturate(1.05);transform:scale(1.06)}
.bnwrap.has-line::after{background:radial-gradient(ellipse at center,rgba(10,20,35,.28) 0%,rgba(10,20,35,.12) 60%,rgba(10,20,35,.3) 100%)}
.bnwrap.has-line .bnline{top:50%;bottom:auto;transform:translateY(-50%);font-size:clamp(21px,3vw,31px)}

/* v521: hashtags in the post editor */
.petags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.ptagx{opacity:.7}

/* v521: the Upvote and Share row, and the follow-up box, each sit on their own soft panel */
.upvote{margin-top:30px!important;padding:14px 16px!important;border-top:0!important;background:var(--mist);border-radius:18px}
.upvote button{background:#fff}
.fupanel{margin-top:22px;padding:18px 18px 20px;border-radius:18px;background:linear-gradient(135deg,#F1FAF6 0%,#EEF6FB 55%,#F3F0FF 100%);border:1px solid #DCE9F0}
.fupanel .asklead{margin:0 0 12px!important}
@media (max-width:560px){.fupanel{padding:14px 12px 16px}.upvote{padding:12px!important}}

/* v523: threads are drawn with thin coloured lines that curve into each reply,
   one colour per level: blue, green, violet, amber. The line runs down from a
   comment's photo and bends into the photo of each reply to it. */
.pc.d1{--rail:#14A3C7;--kid:#1FA971}.pc.d2{--rail:#1FA971;--kid:#7B61FF}.pc.d3{--rail:#7B61FF;--kid:#E0A030}.pc.d4{--rail:#E0A030;--kid:#E0A030}
.pc .pav.sm{width:30px!important;height:30px!important;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--rail)}
.pcreplies{margin-left:0;position:relative}
.pc:has(> .pcb > .pcreplies > .pc) > .pcb{position:relative}
.pc:has(> .pcb > .pcreplies > .pc) > .pcb::before{content:'';position:absolute;left:-26px;top:38px;bottom:0;border-left:1.5px solid var(--kid);opacity:.85}
.pcreplies > .pc::before{content:'';position:absolute;z-index:2;left:-26px;top:-16px;width:21px;height:31px;border-left:1.5px solid var(--rail);border-bottom:1.5px solid var(--rail);border-bottom-left-radius:20px;opacity:.85}
/* v525: the straight line stops where the last curve begins, so nothing hangs below it */
.pcreplies > .pc:last-child::after{content:'';position:absolute;z-index:1;left:-29px;top:-5px;bottom:-14px;width:7px;background:var(--cbg,#fff)}
.pcomments,.comments{--cbg:#fff}
.pcflash{animation:pcflash 2.4s ease-out}
.cauth{justify-content:space-between}
.cauth .cauth-b{display:inline-flex;gap:10px;margin-left:auto}
@media (max-width:560px){.cauth .cauth-b{margin-left:0}}
.rdl-auth .cauth-b{display:inline-flex;gap:10px}
.pcmini-b button,.pcmini-b .go{width:auto!important;flex:none;height:auto;margin:0;padding:9px 20px;box-shadow:none}
.pcacts{flex-wrap:wrap;gap:6px 16px}

/* v524: photo and name open the profile */
.pcav{flex:0 0 auto;display:block;border-radius:50%;line-height:0}
.pcav:hover .pav{filter:brightness(.95)}
.pcname{color:inherit!important;text-decoration:none!important}
.pcname:hover b{text-decoration:underline}

/* v526: likes on comments */
.pcacts .pclike{display:inline-flex!important;align-items:center;gap:5px;color:var(--ink-faint)}
.pcacts .pclike svg{fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s ease}
.pcacts .pclike:hover{color:#E0457B}
.pcacts .pclike.on{color:#E0457B}
.pcacts .pclike.on svg{fill:currentColor}
.pcacts .pclike.pop svg{animation:plpop .35s ease}
.pcacts .pclike span:empty{display:none}
@keyframes plpop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
/* v526: every pop-up the same: rounded card, brand line on top, an icon, Poppins title, pill buttons */
.pdlgw{background:rgba(17,24,38,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .12s ease}
.pdlgw.out{opacity:0}
.pdlg{position:relative;overflow:hidden;max-width:400px;border-radius:24px;padding:30px 26px 22px;text-align:center;box-shadow:0 30px 80px -24px rgba(17,24,38,.55);animation:pdlgin .18s ease}
.pdlg:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.pdlg.is-danger:before{background:linear-gradient(101deg,#F97066,#D92D20)}
.pdlgi{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF)}
.pdlg.is-danger .pdlgi{background:#FEE4E2;color:#D92D20}
.pdlgt{font-size:20px;line-height:1.3;margin-bottom:8px}
.pdlgm{margin:0 0 22px;font-size:16px}
.pdlgin{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;margin:4px 0 20px;outline:none}
.pdlgin:focus{border-color:#14A3C7;box-shadow:0 0 0 3px rgba(20,163,199,.18)}
.pdlgb{justify-content:center;gap:10px}
.pdlgb button{flex:1 1 0;max-width:170px;min-height:46px}
.pdlgb .ppost{background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.pdlgb .ppost.pdang{background:#D92D20}
@keyframes pdlgin{from{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}

/* v526: vote and share sit in the top row beside Listen */
.atools{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.atools .lpill{margin-left:0}
.atools .qvote{margin-left:0}
.atools .qshare{margin-left:0;width:38px;height:38px}
.article.riddle.locked .atools .lpill{display:none}
/* v526: a solved riddle says so on its button */
.rslide.seen .rs-go{color:#138A5C;border-color:#BFE8D3;background:#fff;box-shadow:none;letter-spacing:.02em}
.rs-done{display:none!important}

/* v526: the time sits on the same line as the title */
.ntxt .nttl{display:flex;-webkit-line-clamp:unset;align-items:baseline;gap:8px;overflow:visible;white-space:normal;color:inherit;font-size:inherit}
.ntxt .nttl b{flex:0 1 auto;min-width:0}
.ntxt .nttl small{flex:none;margin:0;font-size:13px;color:var(--ink-faint);white-space:nowrap}

/* v526: the note text wraps to two lines and ends in … when there is more */
.nitem .ntxt>span:not(.nttl){white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}


/* v535: free photos from Unsplash, in the post window and when editing a post */
.pfind{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font:inherit;font-size:15px;font-weight:600;color:#0E7C98;cursor:pointer}
.pdrop .pfind{display:flex;width:max-content}
.pfind:hover{background:#F2FAFC;border-color:#BFE3EE}
.pfind[hidden]{display:none!important}
.pfind2{margin:8px 0 4px}
.pupw{position:fixed;inset:0;z-index:400;background:rgba(17,24,38,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.pup{position:relative;overflow:hidden;background:#fff;border-radius:22px;width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;padding:20px 20px 14px;box-shadow:0 30px 80px -24px rgba(17,24,38,.55)}
.pup:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.puph{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.puph b{font-family:Poppins,sans-serif;font-size:20px;font-weight:600}
.pupf{display:flex;gap:8px;margin-bottom:12px}
.pupf input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font:inherit;font-size:16px;outline:none}
.pupf input:focus{border-color:#14A3C7;box-shadow:0 0 0 3px rgba(20,163,199,.18)}
.pupf .ppost{padding:10px 20px}
.pupg{flex:1 1 auto;min-height:120px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:8px;align-content:start}
.pupg .pupn{grid-column:1/-1}
.pupn{color:var(--ink-soft);font-size:15px;margin:18px 4px;text-align:center}
/* v800: the tile's shape comes from a spacer, not aspect-ratio, so a long list (hundreds of Faves) can't squash the rows together */
.pupt{position:relative;border:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--mist);min-height:0}
.pupt::before{content:'';display:block;padding-top:75%}
.pupt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.pupt:hover img{transform:scale(1.04)}
.pupt span{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:12px;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pupg.getting .pupt{opacity:.45;pointer-events:none}.pupg.getting .pupt.on{opacity:1;outline:3px solid #14A3C7}
.pupc{font-size:13px;color:var(--ink-faint);margin:10px 2px 0}.pupc a{color:inherit}
@media (max-width:520px){.pupg{grid-template-columns:repeat(2,1fr)}.pup{padding:18px 14px 12px}}
.pmwrap{position:relative}
.pmcredit{position:absolute;right:8px;bottom:8px;font-size:11.5px;color:#fff;background:rgba(17,24,38,.45);padding:3px 8px;border-radius:999px;backdrop-filter:blur(4px)}
.pmcredit a{color:#fff;text-decoration:underline}
.pephoto{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pephoto .pedanger{color:#B42318}

/* v536: Find a free photo lines up with the photo box; emoji in the caption */
.pdrop .pfind{display:flex;width:100%;box-sizing:border-box;margin:10px 0 0;border-radius:16px;padding:12px 18px}
.pfind2{width:100%;box-sizing:border-box;border-radius:16px;padding:12px 18px}
.pbodyw{position:relative}
.pbodyw #pbody{padding-right:50px}
.pbemo{position:absolute;right:10px;bottom:12px;width:36px;height:36px;border:0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.pbemo:hover{background:var(--mist)}
.pbodyw .pcemos{margin-top:8px}
.pmodal.nudge{animation:pnudge .35s ease}
@keyframes pnudge{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* v537: photo pop-up: tabs, photos as you type, hearts for Faves; plain credit under a post's photo */
.pmcredit{position:static;display:block;background:none;color:var(--ink-faint);font-size:13px;padding:0;margin:6px 0 4px;border-radius:0;backdrop-filter:none}
.puptabs{display:flex;gap:6px;background:var(--mist);border-radius:14px;padding:4px;margin-bottom:12px}
.puptabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;border-radius:10px;padding:9px 10px;font:inherit;font-size:15px;font-weight:600;color:var(--ink-soft);cursor:pointer}
.puptabs button svg{fill:none;stroke:currentColor;stroke-width:2}
.puptabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(17,24,38,.1)}
.puptabs button[data-t="f"].on svg{fill:#E0457B;stroke:#E0457B}
.pupfn{font-style:normal;font-size:12px;min-width:18px;padding:1px 6px;border-radius:999px;background:#FCE7EF;color:#B4235A}.pupfn:empty{display:none}
.pupf{position:relative;display:block}
.pupf[hidden]{display:none}
.pupf input{width:100%;box-sizing:border-box;padding-left:42px!important;padding-right:40px!important}
.pupfi{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink-faint);display:flex}
.pupspin{position:absolute;right:14px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;border:2px solid #CDEAF2;border-top-color:#14A3C7;animation:pspin .8s linear infinite}
.pupspin[hidden]{display:none}
@keyframes pspin{to{transform:rotate(360deg)}}
.pupt .pupby{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:12px;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pupfav{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.pupfav svg{fill:none;stroke:#6B6B66;stroke-width:2}
.pupfav:hover svg{stroke:#E0457B}
.pupfav.on svg{fill:#E0457B;stroke:#E0457B}
.pupt{outline:none}.pupt:focus-visible{outline:3px solid #14A3C7}
.pup{height:min(88vh,780px)}

/* v539: the share box at the top of Topics and a post's page */
.pshare-top{margin:22px 0 8px}
.pbackt{display:inline-block;margin:18px 0 0;text-decoration:none}.pbackt + .pshare-top{margin-top:12px}

/* v542: "+ Create" on the Topics pages and a post's page, instead of a second share bar */
.ptopbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px}
.ptopbar .crumb{margin:0}
.ptoph{margin:0 0 18px}
.article > .ptopbar{margin-top:0}
.pcmini{display:inline-flex}
.pcreate{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 16px 7px 12px;font:inherit;font-size:14.5px;font-weight:600;color:#fff;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);cursor:pointer;text-decoration:none!important;box-shadow:0 6px 16px -8px rgba(20,163,199,.8);white-space:nowrap}
.pcreate:hover{filter:brightness(1.05)}
.pbackt + .pcmini, .pbackt + .pcreate{margin-left:auto}

/* v543: + in the header; message alert on the profile photo */
.ncreate{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:none;border-radius:50%;margin-left:12px;color:var(--ink-soft);cursor:pointer;padding:0}
.ncreate:hover{background:var(--mist);color:var(--ink)}
.ncreate+.nbellw{margin-left:2px}
.navface{position:relative}
.nfaceb{position:absolute;top:-7px;right:-9px;pointer-events:none;z-index:2;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#D92D20;color:#fff;font-size:11.5px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
.nfaceb[hidden]{display:none}
@media (max-width:620px){.ncreate{margin-left:4px;width:34px;height:34px}}
/* v543: phones: a card's byline gets its own line, votes and share line up under it */
@media (max-width:560px){
 .card .card-by{flex-wrap:wrap;row-gap:12px}
 .card .card-by > div{flex:1 1 calc(100% - 50px);min-width:0}
 .card .card-by > .qvote{margin-left:0}
 .card .card-by > .by-go{margin-left:auto}
 .topictitle{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:10px;align-items:center}
 .topictitle > :nth-child(n+3){grid-column:2;justify-self:start}
}
@media (max-width:560px){.pwho .pbadges{display:flex;margin:5px 0 0}}
/* v545: Follow sits right under the topic name, on every screen */
.topictitle{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:10px;align-items:center}
.topictitle > :nth-child(n+3){grid-column:2;justify-self:start;margin:0!important}
.topictitle{row-gap:8px!important}.topictitle > script{display:none}
.topictitle h1{margin:0!important}
/* v546: + first in the header, search after the links */
.nav > .ncreate:first-child{margin-left:0;margin-right:6px}
.nav > a + .navsearch{margin-left:10px}
.nav > .navsearch + .nbellw{margin-left:4px}
/* v547: unread messages stand out in red */
.mcount.mnew{background:linear-gradient(135deg,#FF7A59 0%,#F0446B 55%,#D92D6B 100%)!important;color:#fff!important;box-shadow:0 2px 8px -2px rgba(217,45,107,.5)}
.nico-dm{background:linear-gradient(135deg,#FFE9E4,#FDE3EC)!important;color:#E0245E!important}
/* v548: the bell count uses the same red gradient as My Messages */
.nbadge{background:linear-gradient(135deg,#FF7A59 0%,#F0446B 55%,#D92D6B 100%)!important}
/* v549: + sits right beside the logo, on the left */
.logow{display:inline-flex;align-items:center;gap:10px;flex:none}
.logow .ncreate{margin:0}
@media (max-width:620px){.logow{gap:6px}}
/* v550: + in the middle of the menu */
.nav > .ncreate{margin:0 0 0 12px;width:34px;height:34px}
.nav > .ncreate + .navl{margin-left:12px}
@media (max-width:620px){.nav > .ncreate{margin:0 0 0 8px}.nav > .ncreate + .navl{margin-left:8px}}

/* v556: on wider screens the featured photo matches the three lines of the
   answer beside it, so the text and the photo end level */
@media (min-width:641px){.featcard .feattop.hasthumb{grid-template-columns:1fr 82px}.featcard .feattop.hasthumb .featthumb{width:82px;height:82px;margin-top:1px;border-radius:16px}}

/* v561: Share on every quote, shown when the pointer is over it */
.body blockquote.pq{position:relative;padding-right:58px}
.body blockquote.pq .pqshare{position:absolute;top:10px;right:10px;margin:0;width:36px;height:36px;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease,background .15s,color .15s;box-shadow:0 2px 8px -4px rgba(17,24,38,.25)}
.body blockquote.pq:hover .pqshare,.body blockquote.pq:focus-within .pqshare,.body blockquote.pq .pqshare[aria-expanded="true"]{opacity:1;transform:none}
.body blockquote.pq .pqshare:hover{background:#fff;color:#14A3C7;border-color:#BFE3EE}
@media (hover:none){.body blockquote.pq .pqshare{opacity:.85;transform:none}}
.body blockquote.pq{scroll-margin-top:90px}
.body blockquote.pq.pqhit{background:linear-gradient(135deg,#E9F8F1 0%,#E7F4FA 50%,#EEEBFF 100%);box-shadow:0 0 0 2px rgba(20,163,199,.35);transition:background .6s,box-shadow .6s}

/* v562: races with each candidate's chance of winning */
.body .races{display:flex;flex-direction:column;gap:12px;margin:14px 0 22px}
.body .race{border:1px solid #DCE9F0;border-radius:16px;padding:14px 16px 12px;background:#fff}
.body .rhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.body .rtitle{font-family:Poppins,sans-serif;font-weight:500;font-size:17px;color:var(--ink)}
.body .rtitle strong{font-weight:500;color:inherit}
.body .rlean{flex-shrink:0;font-size:13px;font-weight:600;color:#4A5361;background:#F1F4F7;border-radius:999px;padding:3px 10px}
.body .rbar{display:flex;height:26px;border-radius:9px;overflow:hidden;background:#EEF1F4;gap:2px}
.body .rseg{display:flex;align-items:center;justify-content:center;min-width:3px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}
.body .rseg.pd{background:#2F6FD6}.body .rseg.pr{background:#D2443F}.body .rseg.pi{background:#7B61FF}.body .rseg.pl{background:#C9A227}.body .rseg.pg{background:#1FA971}.body .rseg.po{background:#8A93A1}
.body .rseg.prest{background:#C5CCD5;color:#3B4A5C}
.body .rseg.rsafe{font-weight:600;font-size:12.5px;opacity:.85}
.body .rcands{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:9px;font-size:15px;color:var(--ink)}
.body .rcand{display:inline-flex;align-items:center;gap:6px}
.body .rcand a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:#BFD3E6;text-underline-offset:3px}
.body .rcand a:hover{color:#14A3C7;text-decoration-color:#14A3C7}
.body .rcand b{font-weight:700}
.body .rpty{font-size:12px;color:#6B7684}
.body .rdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.body .rdot.pd{background:#2F6FD6}.body .rdot.pr{background:#D2443F}.body .rdot.pi{background:#7B61FF}.body .rdot.pl{background:#C9A227}.body .rdot.pg{background:#1FA971}.body .rdot.po{background:#8A93A1}
.body .rwhy{margin:8px 0 0;font-size:15px;line-height:1.55;color:#3B4A5C}
.body .rnote{margin:6px 0 0;font-size:12.5px;color:#8A93A1}
@media (max-width:560px){.body .race{padding:12px 13px 11px}.body .rtitle{font-size:16px}.body .rhead{flex-wrap:wrap;gap:6px}}

/* v563: the overall tally (projected seats), with the line for control */
.body .race.tally{background:linear-gradient(135deg,#F1FAF6 0%,#EEF6FB 55%,#F3F0FF 100%);border-color:#CFE3EC;padding:16px 18px 14px}
.body .tbarw{position:relative}
.body .tbar{height:34px;border-radius:10px}
.body .tbar .rseg{font-size:15px}
.body .tmark{position:absolute;top:-5px;bottom:-5px;width:0;border-left:2px dashed #111826;transform:translateX(-1px)}
.body .tneed{font-size:12.5px;font-weight:600;color:#111826;margin-top:6px;white-space:nowrap}
.body .tneed span{display:inline-block;transform:translateX(-50%)}
.body .tally .rcands{font-size:16px}

/* v565: the race label in the leader's color */
.body .rlean.pd{background:#E6EEFB;color:#1F55B8}.body .rlean.pr{background:#FBE7E6;color:#B3322D}.body .rlean.pi{background:#EEEAFE;color:#5B44D6}.body .rlean.pl{background:#F8F1D8;color:#8A6D0B}.body .rlean.pg{background:#E3F6EC;color:#127A4E}

/* v569: recommended books in an answer, the Amazon way: cover, title, author, why, Buy on Amazon */
.bklist{display:flex;flex-direction:column;gap:14px;margin:14px 0 22px}
.bkrow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.bkrow .bcover{margin:0;width:96px;text-decoration:none!important}
.bkrow .bcover.nocov .bph{padding:10px 8px;overflow:hidden}.bkrow .bcover.nocov .bph i{font-size:12.5px;line-height:1.25;overflow-wrap:normal;word-break:normal;hyphens:auto}
.bkinfo{display:flex;flex-direction:column;gap:4px;min-width:0}
.bkt{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.35;color:var(--ink)!important;text-decoration:none!important}
.bkt:hover{color:#0E7C98!important}
.bkinfo .ba{font-size:14.5px;color:var(--ink-soft,#4A5361)}
.bkwhy{margin:6px 0 4px!important;font-size:15.5px;line-height:1.55}
.bkbuy{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;border-radius:999px;background:#FFD814;border:1px solid #F2C200;color:#0F1111!important;font-weight:600;font-size:14.5px;text-decoration:none!important}
.bkbuy:hover{background:#F7CA00}
@media (max-width:520px){.bkrow{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px}.bkrow .bcover{width:76px}.bkrow .bcover.nocov .bph{padding:8px 5px}.bkrow .bcover.nocov .bph i{font-size:11px}.bkt{font-size:16px}}

/* v575: Start Your Business */
.lp h1{font-size:30px;line-height:1.25;margin:4px 0 12px}
.lp h2{font-size:24px;line-height:1.3;margin:4px 0 18px}
.lp-kicker{font-size:14px;font-weight:600;letter-spacing:.02em;color:#0E7C98;margin:0 0 4px}
.lp-n{font-size:14px;color:var(--ink-faint);margin:0 0 8px}
.lp-lede{font-size:18px;line-height:1.6;color:var(--ink-soft);margin:0 0 22px}
.lp .pick.lp-opt{margin-bottom:12px;font-size:18px;padding:18px 22px}
.lp .pick.lp-opt.on{border-color:#14A3C7;background:#F2FAFC;box-shadow:0 0 0 1px #14A3C7 inset}
.lp-go{margin-top:16px;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);text-shadow:none;box-shadow:0 8px 22px -12px rgba(20,163,199,.7);font-size:17px;font-weight:600;border-radius:999px;padding:16px}
.lp-lab{display:block;font-size:16px;font-weight:600;color:var(--ink);margin:22px 0 8px}
.lp-in,.lp-sel{display:block;width:100%;font:inherit;font-size:17px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);margin-bottom:10px;box-sizing:border-box}
.lp-in:focus,.lp-sel:focus{outline:none;border-color:#14A3C7;box-shadow:0 0 0 3px rgba(20,163,199,.15)}
.lp-money{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:0 16px;max-width:260px}
.lp-money span{font-size:18px;color:var(--ink-faint)}.lp-money input{border:0;outline:0;font:inherit;font-size:18px;padding:14px 8px;width:100%;background:transparent}
.lp .pairbar span{background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.lp-score{display:flex;gap:24px;align-items:center;margin:8px 0 26px}
.lp-score h1{margin:0 0 6px}.lp-score .lp-lede{margin:0}
.lp-ring{flex:none}
.lp-idea{font-size:15.5px;color:var(--ink-faint);margin:8px 0 0}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.lp-box{border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:var(--paper);margin-bottom:16px}
.lp-grid .lp-box{margin-bottom:0}
.lp-box h3{font-size:18px;margin:0 0 12px}
.lp-box p{font-size:16.5px;line-height:1.6;margin:0 0 10px}
.lp-gaps,.lp-str,.lp-3l{list-style:none;padding:0;margin:0}
.lp-gaps li{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line)}.lp-gaps li:last-child{border-bottom:0}
.lp-gaps b{font-size:17px;color:#B4501B}.lp-gaps span{font-size:15px;color:var(--ink-faint)}
.lp-str li{display:inline-block;margin:0 8px 8px 0;padding:6px 14px;border-radius:999px;background:#E9F7F0;color:#13784F;font-size:15.5px;font-weight:600}
.lp-3l li{font-size:16.5px;line-height:1.6;padding:4px 0}
.lp-muted{font-size:15px!important;color:var(--ink-faint)}
.lp-day{border-radius:20px;padding:22px 24px;margin-bottom:16px;background:linear-gradient(135deg,rgba(31,169,113,.08),rgba(20,163,199,.08) 50%,rgba(123,97,255,.08));border:1px solid #DCEBEF}
.lp-dayh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.lp-pill{background:#fff;border:1px solid #CFE7EE;color:#0E7C98;font-size:13.5px;font-weight:600;padding:4px 12px;border-radius:999px}
.lp-week{font-size:14px;color:var(--ink-faint)}
.lp-day h3{font-size:22px;margin:4px 0 6px}
.lp-why{font-size:16.5px;color:var(--ink-soft);margin:0 0 14px}
.lp-3{display:flex;flex-direction:column;gap:10px}
.lp-3>div{background:rgba(255,255,255,.75);border-radius:14px;padding:12px 16px}
.lp-3 b{display:block;font-size:14px;color:#0E7C98;margin-bottom:2px}.lp-3 span{font-size:16.5px;line-height:1.55}
.lp-3 a,.lp-box a,.lp-links a,.lp a.lp-more{color:#0E7C98;font-weight:500}
.lp-more{display:inline-block;margin-top:14px;font-size:16px}
.lp-cta{display:flex;flex-direction:column;gap:6px;border:1px solid #CFE7EE;border-radius:20px;padding:22px 24px;background:#fff;margin:0 0 16px}
.lp-cta b{font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.lp-cta>span{font-size:16.5px;line-height:1.6;color:var(--ink-soft)}
.lp-cta.on{background:#F2FAF6;border-color:#BFE6D3}
.lp-ans-cta{margin:30px 0 8px}
.lp-chk{display:flex;gap:10px;align-items:center;font-size:16px;margin-top:10px}
.lp-chk input{width:18px;height:18px;accent-color:#14A3C7}
.lp-links{font-size:15.5px;color:var(--ink-faint);margin:10px 0 0}
.lp-foot{margin-top:22px}
.lp-struct{background:#FFF9EE;border-color:#F2DFB8}
.lp-sizes{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.lp-sizes>div{border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:var(--paper)}
.lp-sizes>div.on{border-color:#14A3C7;box-shadow:0 0 0 1px #14A3C7 inset;background:#F2FAFC}
.lp-sizes b{display:block;font-size:14.5px;color:#0E7C98;margin-bottom:2px}.lp-sizes span{font-size:17px;line-height:1.55}
.lp-acts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:12px 20px;border-radius:999px;border:1px solid #CFD6DE;background:#fff;font-weight:600;font-size:16px;color:var(--ink)!important}
.lp-btn.done{border:0;color:#fff!important;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.lp-nav{display:flex;justify-content:space-between;margin:28px 0 22px;font-size:16.5px}.lp-nav a{color:#0E7C98;font-weight:500}
.lp-ans{border:1px solid #CFE7EE;background:#F2FAFC;border-radius:16px;padding:18px 20px;margin:16px 0}
.lp-ans p{font-size:17px;line-height:1.6;margin:0 0 10px}.lp-step{padding-left:4px}
.lp .tblwrap{margin:6px 0 16px}
.lp-body{margin-top:8px}.lp-body>p,.lp-body li{font-size:17px;line-height:1.65}.lp-body>p{margin:0 0 22px}.lp-body h2{margin:30px 0 14px}.lp-body h3{font-size:19px;margin:22px 0 10px}.lp-body ul{padding-left:20px;margin:0 0 20px}.lp-body li{margin-bottom:8px}.lp-body a{color:#0E7C98;font-weight:500}
@media(max-width:640px){.lp h1{font-size:25px}.lp h2{font-size:21px}.lp-score{flex-direction:column;align-items:flex-start;gap:14px}.lp-grid{grid-template-columns:1fr}}

/* v576: the 7-Day Business Launch Plan */
.lp-note{border-radius:22px;overflow:hidden;margin:6px 0 26px;background:linear-gradient(135deg,rgba(31,169,113,.09),rgba(20,163,199,.09) 50%,rgba(123,97,255,.09));border:1px solid #DCEBEF}
.lp-video{display:block;width:100%;max-height:520px;background:#000}
.lp-notebody{padding:22px 26px 8px}
.lp-from{font-size:14px;font-weight:600;color:#0E7C98;margin:0 0 10px!important}
.lp-notebody p{font-family:Poppins,sans-serif;font-size:19px;line-height:1.6;margin:0 0 16px;color:var(--ink)}
.lp-steps{padding-left:22px;margin:0 0 20px}.lp-steps li{font-size:17.5px;line-height:1.6;margin-bottom:12px}
.lp-share{background:#F2FAFC;border:1px solid #CFE7EE;border-radius:14px;padding:14px 18px}
.lp-h{font-size:22px;margin:34px 0 4px}
.lp .post.compact{margin-top:10px}
.lp-days{display:flex;flex-direction:column;gap:10px;margin:8px 0 20px}
.lp-dayrow{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:var(--paper)}
.lp-dayrow b{display:block;font-size:14px;color:#0E7C98}.lp-dayrow span:last-child{font-size:17px}
.lp-dn{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#F1F0EC;color:var(--ink-soft)}
.lp-dayrow.done .lp-dn{background:#E9F7F0;color:#13784F}
.lp-dayrow.next{border-color:#14A3C7;box-shadow:0 0 0 1px #14A3C7 inset}.lp-dayrow.next .lp-dn{background:linear-gradient(101deg,#1FA971,#14A3C7 50%,#7B61FF);color:#fff}
.lp-coderow{display:flex;gap:10px;align-items:stretch}.lp-coderow .lp-in{margin:0;flex:1}.lp-coderow .lp-go{margin:0;width:auto;padding:0 22px;white-space:nowrap}
.lp-or{text-align:center;color:var(--ink-faint);margin:14px 0 0}
.lp-join-list{margin:0 0 24px}.lp-join-list li{border-bottom:1px solid var(--line);padding:9px 0}
@media(max-width:560px){.lp-coderow{flex-direction:column}.lp-coderow .lp-go{padding:15px}.lp-notebody p{font-size:17.5px}}

/* v577: Build Your Empire: a colorful quiz */
.lpq-bar{height:8px;border-radius:999px;background:#ECEBE6;overflow:hidden;margin:6px 0 26px}
.lpq-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1FA971,#14A3C7,#7B61FF,#EC2E8C,#F5A623);background-size:300% 100%;animation:lpqflow 6s linear infinite;transition:width .35s ease}
@keyframes lpqflow{to{background-position:300% 0}}
.lpq-screen{animation:lpqin .32s ease}
@keyframes lpqin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lpq-head{display:flex;gap:14px;align-items:center;margin:0 0 20px}
.lpq-head h2{margin:2px 0 0!important;font-size:24px;line-height:1.3}
.lpq-k{font-size:14px;font-weight:600;margin:0}
.lpq-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,#fff)}
.lpq-head .lpq-ico{width:54px;height:54px;border-radius:16px}
.lpq-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;font-family:Poppins,sans-serif;font-size:17.5px;font-weight:500;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.lpq-opt:hover{transform:translateY(-2px);border-color:#BFE3EE;box-shadow:0 10px 24px -16px rgba(20,163,199,.55)}
.lpq-opt.on{border-color:#14A3C7;background:linear-gradient(135deg,rgba(31,169,113,.07),rgba(20,163,199,.08),rgba(123,97,255,.07));box-shadow:0 0 0 1px #14A3C7 inset}
.lpq-t{display:flex;flex-direction:column;gap:2px}
.lpq-t small{font-family:Inter,sans-serif;font-size:14.5px;font-weight:400;color:var(--ink-faint)}
.lpq-bars{flex:none;display:inline-flex;align-items:flex-end;gap:3px;width:34px;height:20px;justify-content:center}
.lpq-bars i{display:block;width:5px;border-radius:2px;background:#E3E3DE}
.lpq-bars i.on{background:var(--c)}
.lpq-grid{display:flex;flex-wrap:wrap;gap:10px}
.lpq-chip{font:inherit;font-size:16px;font-weight:500;padding:11px 16px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 35%,#fff);background:color-mix(in srgb,var(--c) 8%,#fff);color:var(--ink);cursor:pointer;transition:transform .15s ease,background .15s ease}
.lpq-chip:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c) 16%,#fff)}
.lpq-chip.on{background:var(--c);border-color:var(--c);color:#fff}
.lpq-hero{position:relative;height:150px;display:flex;align-items:center;justify-content:center;margin:0 0 12px;border-radius:22px;background:radial-gradient(circle at 30% 30%,rgba(245,166,35,.25),transparent 55%),radial-gradient(circle at 75% 70%,rgba(123,97,255,.22),transparent 55%),linear-gradient(135deg,#E9F7F0,#E6F4FA 50%,#F0ECFF)}
.lpq-crown .lpq-ico{width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,#F5A623,#EC2E8C 55%,#7B61FF);box-shadow:0 18px 36px -18px rgba(236,46,140,.7);animation:lpqbob 3s ease-in-out infinite}
@keyframes lpqbob{50%{transform:translateY(-6px) rotate(-3deg)}}
.lpq-spark{position:absolute;width:10px;height:10px;border-radius:50%;animation:lpqtw 2.4s ease-in-out infinite}
.lpq-spark.s1{left:22%;top:28%;background:#1FA971}.lpq-spark.s2{right:24%;top:22%;background:#14A3C7;animation-delay:.6s}.lpq-spark.s3{right:30%;bottom:22%;background:#F5A623;animation-delay:1.2s}
@keyframes lpqtw{50%{transform:scale(1.8);opacity:.4}}
.lpq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.lpq-chips span{font-size:14.5px;font-weight:600;padding:6px 12px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.lpq-wait{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 0;font-size:17px;color:var(--ink-soft)}
.lpq-spin{width:44px;height:44px;border-radius:50%;border:4px solid #ECEBE6;border-top-color:#14A3C7;border-right-color:#7B61FF;animation:lpqspin 1s linear infinite}
@keyframes lpqspin{to{transform:rotate(360deg)}}
.lp-score{position:relative}
.lp-confetti{position:absolute;inset:-10px 0 auto 0;height:0;pointer-events:none}
.lp-confetti i{position:absolute;left:var(--x);top:0;width:8px;height:12px;border-radius:2px;background:var(--c);opacity:0;animation:lpfall 1.8s ease-out var(--d) 1 forwards}
@keyframes lpfall{0%{opacity:1;transform:translateY(-10px) rotate(0)}100%{opacity:0;transform:translateY(170px) rotate(320deg)}}
.lp-opps{background:linear-gradient(135deg,rgba(123,97,255,.06),rgba(236,46,140,.05));border-color:#E2DAFB}
.lp-oppl{list-style:none;padding:0;margin:0}
.lp-oppl li{position:relative;padding:8px 0 8px 30px;font-size:16.5px;line-height:1.55;border-bottom:1px solid #EEE9FC}.lp-oppl li:last-child{border-bottom:0}
.lp-oppl li::before{content:'';position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,#7B61FF,#EC2E8C);transform:rotate(45deg)}
@media(max-width:560px){.lpq-head h2{font-size:21px}.lpq-opt{font-size:16.5px;padding:13px 15px}.lpq-hero{height:126px}}

/* v578: industry search, 10 ways, multi-select */
.lpq-search{font-size:18px!important;padding:16px 18px!important;border-width:1.5px!important;margin-bottom:14px!important}
.lpq-ce{margin-right:7px}
.lpq-add{font-weight:600}
.lpq-sub{font-size:16.5px;color:var(--ink-soft);margin:-6px 0 18px}
.lpq-way{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;font:inherit;background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.lpq-way:hover{transform:translateY(-2px);border-color:#F2D29B;box-shadow:0 10px 24px -16px rgba(245,166,35,.7)}
.lpq-way.on{border-color:#F5A623;box-shadow:0 0 0 1px #F5A623 inset;background:#FFFAF1}
.lpq-emo{flex:none;font-size:30px;line-height:1;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF4E0,#FDEBF4)}
.lpq-wt{display:flex;flex-direction:column;gap:4px}
.lpq-wt b{font-family:Poppins,sans-serif;font-size:17.5px;font-weight:600;color:var(--ink)}
.lpq-wt small{font-size:15.5px;line-height:1.5;color:var(--ink-soft)}
.lpq-wt em{font-style:normal;font-size:14px;color:#B4501B;font-weight:500}
.lpq-other{margin-top:6px;font-size:16px}

/* v579: Empire Builder */
.lp-emp{border:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#F5A623,#EC2E8C 50%,#7B61FF) border-box;border:2px solid transparent}
.lp-empk{align-self:flex-start;font-size:14px;font-weight:700;color:#B4501B;background:#FFF4E0;border-radius:999px;padding:5px 12px;margin-bottom:4px}
.lp-empl{list-style:none;padding:0;margin:6px 0 4px}
.lp-empl li{position:relative;padding:7px 0 7px 28px;font-size:16.5px;line-height:1.55}
.lp-empl li::before{content:'✓';position:absolute;left:2px;top:7px;color:#1FA971;font-weight:700}
.lp-sub{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px dashed #CFD6DE;border-radius:16px;padding:14px 18px;margin:0 0 16px;font-size:16px;color:var(--ink-soft)}
.lp-sub .lp-btn{flex:none;min-width:0}
.lp-subok{font-size:16px;color:#13784F;background:#E9F7F0;border-radius:14px;padding:12px 16px;margin:0 0 16px}
@media(max-width:560px){.lp-sub{flex-direction:column;align-items:stretch;text-align:center}}
.lp-join-what{margin:0 0 22px}.lp-join-what li{font-size:17px}
.lp-ups{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.lp-up{border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:var(--paper)}
.lp-up summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;list-style:none}.lp-up summary::-webkit-details-marker{display:none}
.lp-up summary b{font-size:17px}.lp-up summary span{font-size:14px;color:var(--ink-faint);flex:none}
.lp-up p{font-size:16.5px;line-height:1.6;margin:12px 0 0}

/* v580: personal results, the watch outs and first moves, way icons */
.lp-dream{font-size:20px;line-height:1.45;font-weight:600;margin:6px 0 10px;background:linear-gradient(101deg,#1FA971,#14A3C7 50%,#7B61FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-intro{font-size:17px;line-height:1.6;color:var(--ink);margin:4px 0 18px}
.lp-hi{display:inline-block;margin-right:8px}
.lp-b-str{background:linear-gradient(135deg,rgba(31,169,113,.07),rgba(20,163,199,.04));border-color:#CDEBDD}
.lp-b-gap{background:linear-gradient(135deg,rgba(245,166,35,.08),rgba(240,87,76,.04));border-color:#F6DDB4}
.lp-watch{background:linear-gradient(135deg,rgba(240,87,76,.06),rgba(245,166,35,.05));border-color:#F7D3C8}
.lp-watchl{list-style:none;padding:0;margin:0}
.lp-watchl li{position:relative;padding:8px 0 8px 30px;font-size:16.5px;line-height:1.55;border-bottom:1px solid #F8E3DC}.lp-watchl li:last-child{border-bottom:0}
.lp-watchl li::before{content:'!';position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:#F0574C;color:#fff;font-size:13px;font-weight:700;line-height:20px;text-align:center}
.lp-moves{background:linear-gradient(135deg,rgba(20,163,199,.06),rgba(123,97,255,.06));border-color:#D8E3F7}
.lp-movel{list-style:none;counter-reset:mv;padding:0;margin:0}
.lp-movel li{counter-increment:mv;position:relative;padding:9px 0 9px 42px;font-size:16.5px;line-height:1.55;border-bottom:1px solid #E5EAF6}.lp-movel li:last-child{border-bottom:0}
.lp-movel li::before{content:counter(mv);position:absolute;left:0;top:8px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#14A3C7,#7B61FF);color:#fff;font-weight:700;font-size:14.5px;line-height:28px;text-align:center}
.lp-tip{margin:18px 0;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(123,97,255,.08),rgba(20,163,199,.06));border:1px solid #DED7FA}
.lp-tip p{margin:0!important}.lp-tip .lp-tipk{font-size:14px;font-weight:700;letter-spacing:.02em;color:#6A4FE0;margin-bottom:4px!important}
.lpq-head0{display:block}
.lpq-art{background:linear-gradient(135deg,#FFF6E8,#F6EEFF)!important;width:60px!important;height:60px!important;border-radius:18px!important}
.lpq-art svg{width:46px;height:46px;display:block}
.lpq-opt-l{font-weight:400;color:var(--ink-faint)}
@media(max-width:560px){.lp-dream{font-size:18.5px}}

/* v582: header banner, add your own industry, type to find a country */
.lpq-banner{display:block;width:100%;height:auto;border-radius:18px;margin:4px 0 22px;box-shadow:0 16px 40px -28px rgba(20,40,80,.5)}
.lpq-wh{margin-top:0}
.lpq-own{margin-top:14px}.lpq-own [hidden]{display:none!important}
.lpq-own .lp-coderow{margin-top:4px}
.lpq-cty{position:relative}
.lpq-ctyl{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:20;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -20px rgba(20,30,60,.35);padding:6px;max-height:340px;overflow:auto}
.lpq-ctyl button{display:block;width:100%;text-align:left;font:inherit;font-size:16.5px;background:none;border:0;border-radius:10px;padding:11px 12px;cursor:pointer;color:var(--ink)}
.lpq-ctyl button:hover,.lpq-ctyl button.on{background:#EEF7FA}
.lpq-none{margin:8px 12px!important;color:var(--ink-faint);font-size:15px}

/* v583: tick boxes for "tap up to 2" */
.lpq-tick{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #CFD5DE;background:#fff;position:relative}
.lpq-opt.on .lpq-tick{background:var(--c);border-color:var(--c)}
.lpq-opt.on .lpq-tick::after{content:'✓';position:absolute;inset:0;color:#fff;font-size:14px;font-weight:700;line-height:18px;text-align:center}
.lpq-sells{margin-bottom:6px}

/* v584: a big, centered "Add my own" */
.lpq-own{text-align:center;margin-top:22px}
.lpq-own .lp-coderow{text-align:left}
.lpq-ownbtn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-family:Poppins,sans-serif;font-size:17.5px;font-weight:600;color:#fff;border:0;border-radius:999px;padding:16px 30px;cursor:pointer;background:linear-gradient(101deg,#F5A623 0%,#F0574C 50%,#EC2E8C 100%);box-shadow:0 12px 28px -14px rgba(236,46,140,.7);transition:transform .15s ease,box-shadow .15s ease}
.lpq-ownbtn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(236,46,140,.8)}
.lpq-ownbtn span{font-size:16px}

/* v587: plain question icons, clear location area, white "Add my own" */
.lpq-head .lpq-ico{background:none;width:auto;height:auto;border-radius:0;padding:0 2px}
.lpq-head .lpq-ico svg{width:34px;height:34px}
.lpq-sits.picked .lpq-opt:not(.on){opacity:.42}
.lpq-sits.picked .lpq-opt:not(.on):hover{opacity:.8}
.lpq-loc{margin:18px 0 6px;padding:4px 18px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(20,163,199,.08),rgba(123,97,255,.07));border:1px solid #D6E6F2}
.lpq-loc .lp-lab{margin-top:16px}
.lpq-loc .lp-in,.lpq-loc .lp-sel{background:#fff}
.lpq-ownbtn{color:#E0457B;border:2.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(101deg,#F5A623 0%,#F0574C 50%,#EC2E8C 100%) border-box;box-shadow:0 10px 26px -16px rgba(236,46,140,.6)}
.lpq-ownbtn span{color:#F0574C;font-size:24px;font-weight:700;line-height:1}

/* v588: two clear groups on "Which describes you", and "Add my own" in the site colors */
.lpq-sits{padding:16px 16px 4px;border-radius:18px;background:linear-gradient(135deg,rgba(31,169,113,.07),rgba(20,163,199,.05));border:1px solid #D3EBE0}
.lpq-sits .lpq-opt{background:#fff}
.lpq-loc{background:linear-gradient(135deg,rgba(123,97,255,.08),rgba(20,163,199,.06));border-color:#DDD7F7}
.lpq-ownbtn{color:#1F2433;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%) border-box;box-shadow:0 10px 26px -16px rgba(20,163,199,.55)}
.lpq-ownbtn:hover{box-shadow:0 14px 30px -14px rgba(123,97,255,.5)}
.lpq-ownbtn span{color:#1F2433}

/* v589: plain box around "Which describes you", the struggle and the invite */
.lpq-sits{background:none}
.lp-struggle{font-size:17px!important;line-height:1.6;margin:0 0 10px!important}
.lp-invite{margin:14px 0 0!important;font-weight:600}
.lp-invite a{color:#0E7C98}

/* v592: progress, saved results, the daily plan */
.lp-prog{background:linear-gradient(135deg,rgba(31,169,113,.06),rgba(123,97,255,.05));border-color:#D7E5EF}
.lp-progscore{font-size:16.5px!important}
.lp-up{display:inline-block;padding:2px 9px;border-radius:999px;background:#E9F7F0;color:#13784F;font-weight:700;font-size:14px}
.lp-progl{list-style:none;padding:0;margin:8px 0 0}
.lp-progl li{padding:9px 0;border-bottom:1px solid #E8EEF4}.lp-progl li:last-child{border-bottom:0}
.lp-pg{display:flex;justify-content:space-between;gap:10px;font-size:16px;margin-bottom:6px}
.lp-pg em{font-style:normal;color:var(--ink-faint);font-size:14.5px;white-space:nowrap}
.lp-pbar{display:block;height:8px;border-radius:999px;background:#E9EDF2;overflow:hidden}
.lp-pbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1FA971,#14A3C7,#7B61FF)}
.lp-learned{font-size:15.5px!important;color:var(--ink-soft);margin-top:12px!important}
.lp-saved{font-size:15.5px;color:#13784F;background:#EEF8F3;border-radius:12px;padding:10px 14px;margin:0 0 16px}
.lp-save{margin-bottom:16px}
.lp-opts{list-style:none;padding:0;margin:10px 0 18px}
.lp-opts li{padding:10px 14px;border-radius:12px;background:#F6F7FA;margin-bottom:8px;font-size:16.5px;line-height:1.55}
.lp-more-steps{margin:10px 0}
.lp-more-steps summary{cursor:pointer;font-weight:600;font-size:16px;padding:10px 0;color:var(--ink)}
.lpa-more summary{cursor:pointer;font-weight:600;padding:10px 0}

/* v593: the struggle line inside the Empire Builder box */
.lp-emp .lp-struggle{color:var(--ink-soft);margin:10px 0 4px!important}

/* v595: up to 3 industries */
.lpq-picks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.lpq-picks:empty{display:none}
.lpq-picks .lpq-chip span{margin-left:6px;opacity:.85}

/* v603: the 2 Empire boxes: the daily program and the quiz */
.eb-cards{display:grid;gap:16px;margin:18px 0}
.eb-card{display:flex;gap:18px;align-items:flex-start;padding:20px;border-radius:22px;background:var(--paper);border:1.5px solid var(--line)}
.eb-prog{border:2px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(120deg,#F5C451,#D99A2B 40%,#7B61FF) border-box;box-shadow:0 18px 40px -26px rgba(217,154,43,.6)}
.eb-ico{flex:none;width:96px;height:96px;border-radius:22px;object-fit:cover;box-shadow:0 10px 24px -14px rgba(20,30,60,.45)}
.eb-body{flex:1;min-width:0}
.eb-k{margin:0 0 2px!important;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#B07A12}
.eb-quiz .eb-k{color:#0E7C98}
.eb-body h3{font-size:21px;margin:0 0 6px}
.eb-day{display:flex;align-items:baseline;gap:8px;margin:2px 0 4px}
.eb-day span{font-size:15px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}
.eb-day b{font-family:Poppins,sans-serif;font-size:52px;line-height:1;font-weight:800;background:linear-gradient(120deg,#D99A2B,#B07A12 45%,#7B61FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb-quiz .eb-day b{background:linear-gradient(120deg,#1FA971,#14A3C7,#7B61FF);-webkit-background-clip:text;background-clip:text}
.eb-t{font-size:16.5px!important;line-height:1.5;color:var(--ink-soft);margin:0 0 12px!important}
.eb-go{display:flex!important;align-items:center;justify-content:center;text-decoration:none;margin:0!important}
.eb-acts{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){.eb-card{flex-direction:column}.eb-ico{width:84px;height:84px}.eb-day b{font-size:46px}}

/* v604: My Tools page */
.mytools-h{font-family:Poppins,sans-serif;font-size:34px;font-weight:600;letter-spacing:-.01em;margin:30px 0 4px}
.mytools-page .eb-pin{padding-top:14px}
.mytools-page .eb-pin .eb-cards{margin-top:0}
.toolsum{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:6px 0 2px}
.toolsum b{color:var(--ink);font-weight:600}
.toolcard .by-go{margin-top:10px}

/* v605: the image fills the left side of the card on desktop and the top on mobile */
.eb-card{padding:0;gap:0;align-items:stretch;overflow:hidden}
.eb-media{position:relative;flex:none;width:240px;min-height:250px;overflow:hidden}
.eb-media .eb-ico{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;object-fit:cover;transform:scale(1.13)}
.eb-bg,.eb-mhead{display:none}
.eb-quiz .eb-bg{display:block;position:absolute;left:-30px;top:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(14px) brightness(.85) saturate(1.2)}
.eb-quiz .eb-media .eb-ico{object-fit:contain;transform:none}
.eb-body{padding:22px 26px 24px}
.toolcard-media{padding:0;overflow:hidden}
.toolcard-media .toolcard-in{align-items:stretch;gap:0}
.toolmini-img{position:relative;flex:none;width:240px;min-height:230px;overflow:hidden}
.toolmini-img .eb-bg{display:block;position:absolute;left:-30px;top:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(14px) brightness(.85) saturate(1.2)}
.toolmini-img .tm-ico{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.toolcard-media .toolcard-t{padding:22px 24px}
@media(max-width:560px){
.eb-card{flex-direction:column}
.eb-media{width:100%;min-height:0;height:230px}
.eb-media .eb-ico,.eb-quiz .eb-media .eb-ico{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;object-fit:cover;object-position:50% 45%;transform:scale(1.1)}
.eb-bg,.eb-quiz .eb-bg,.eb-mhead{display:none}
.eb-body{padding:18px 20px 22px}
.toolcard-media .toolcard-in{flex-direction:column}
.toolmini-img{width:100%;min-height:0;height:230px}
.toolmini-img .eb-bg{display:none}
.toolmini-img .tm-ico{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.1)}
.toolcard-media .toolcard-t{padding:18px 20px 22px}
}

/* v606: the quiz card is the link */
a.eb-link{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.eb-link:hover{border-color:#14A3C7;box-shadow:0 14px 34px -24px rgba(20,163,199,.7)}
.eb-link .lp-btn{display:inline-flex}

/* v607: a tool taken more than once is 1 card, with back and forward */
.tc-multi{position:relative}
.tc-slide{display:block;color:inherit;text-decoration:none}
.tc-slide[hidden]{display:none}
.tc-multi:not(.toolcard-media){padding-bottom:66px}
.tc-multi.toolcard-media .toolcard-t{padding-bottom:66px}
.tc-nav{position:absolute;right:18px;bottom:14px;display:flex;align-items:center;gap:8px}
.tc-b{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:24px;line-height:1;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.tc-b:hover:not(:disabled){border-color:#14A3C7;color:#14A3C7}
.tc-b:disabled{opacity:.35;cursor:default}
.tc-c{font-size:14.5px;color:var(--ink-faint);min-width:54px;text-align:center}

/* v608: each tool has its own background, on My Tools and the Tools page, desktop and mobile */
.bg-wheel,.tc-wheel .toolmini{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 26px,rgba(20,40,60,.05) 26px 27px),radial-gradient(circle at 15% 25%,rgba(47,107,255,.22),transparent 38%),radial-gradient(circle at 85% 20%,rgba(242,183,5,.26),transparent 38%),radial-gradient(circle at 80% 85%,rgba(34,197,94,.22),transparent 40%),radial-gradient(circle at 18% 88%,rgba(255,61,127,.2),transparent 40%),#FBFAF6}
.bg-love,.tc-love .toolmini{background:radial-gradient(circle,rgba(236,46,140,.14) 1.6px,transparent 2px) 0 0/18px 18px,radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),transparent 42%),radial-gradient(circle at 12% 20%,rgba(255,61,127,.28),transparent 45%),radial-gradient(circle at 88% 85%,rgba(245,166,35,.25),transparent 45%),#FFF5F8}
.bg-calling,.tc-calling .toolmini{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(123,97,255,.07) 0 6deg,transparent 6deg 18deg),radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),transparent 40%),radial-gradient(circle at 15% 80%,rgba(20,163,199,.25),transparent 45%),radial-gradient(circle at 85% 18%,rgba(168,85,247,.28),transparent 45%),#F7F5FF}
.bg-mine{background:radial-gradient(circle,rgba(217,154,43,.16) 1.6px,transparent 2px) 0 0/18px 18px,radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),transparent 42%),radial-gradient(circle at 15% 25%,rgba(245,196,81,.32),transparent 45%),radial-gradient(circle at 85% 80%,rgba(236,46,140,.2),transparent 45%),#FFF8EE}
.bg-hub{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(20,163,199,.07) 22px 23px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),transparent 40%),radial-gradient(circle at 15% 20%,rgba(31,169,113,.24),transparent 45%),radial-gradient(circle at 85% 85%,rgba(20,163,199,.26),transparent 45%),#F2FAF8}
.toolcard-media .toolmini:not(.toolmini-img){flex:none;width:240px;min-height:200px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}
.toolcard-media .toolmini .wheelsvg{max-width:132px}
.toolcard-media .toolmini-ico .toolmark{width:84px;height:84px}
.tc-love .toolmini-ico .toolmark{border-radius:50%;box-shadow:0 12px 28px -12px rgba(236,46,140,.55)}
@media(max-width:560px){
.toolcard-media .toolmini:not(.toolmini-img){width:100%;min-height:0;height:170px;border-right:none;border-bottom:1px solid var(--line)}
}
.tile{overflow:hidden}
.tile-band{display:flex;align-items:center;justify-content:center;height:150px;margin:-20px -20px 16px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.tile-band .toolmark,.tile-band .tileico{width:76px;height:76px;margin:0}
.tile-band .tileico{border-radius:22px;background:rgba(255,255,255,.85);box-shadow:0 12px 26px -14px rgba(20,40,60,.45)}
.tile-band .tileico svg{width:36px;height:36px}
.tb-love .toolmark{border-radius:50%;box-shadow:0 12px 28px -12px rgba(236,46,140,.55)}
.tile-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.tile.is-mine .tile-band .tileico{background:rgba(255,255,255,.85)}

/* v610: the tool name leads, then the result, the summary, and the date at the bottom */
.toolcard-media .toolcard-t{display:flex;flex-direction:column}
.tc-name{font-family:Poppins,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--ink);margin:0 0 10px}
.toolcard .toolavg{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:34px;font-weight:700;line-height:1}
.toolcard .toolavg span{font-size:14.5px;font-weight:500;color:var(--ink-faint)}
.toolcard .lovenames{font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:6px 18px;margin:0 0 10px;color:var(--ink)}
.toolcard .lovenames .dot{width:10px;height:10px}
.toolcard .toolsum{font-size:16.5px;line-height:1.6;color:var(--ink-soft);margin:0}
.tc-date{margin:auto 0 0!important;padding-top:16px;font-size:14px;color:var(--ink-faint);min-height:38px;display:flex;align-items:flex-end}
.tc-multi .toolcard-t .tc-date{padding-right:150px}
.tc-multi.toolcard-media .toolcard-t{padding-bottom:22px}
.tc-nav{bottom:20px;right:22px}

/* v611: the score number in the site gradient; the label stays gray */
.toolcard .toolavg b{font-family:Poppins,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(100deg,#1FA971 0%,#14A3C7 45%,#7B61FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:3px}

/* v613: All Tools / My Tools switch */
.tt-head{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.tt-head h1{margin-bottom:0!important}
.mytools-page .tt-head{margin:30px 0 4px}
.mytools-page .tt-head .mytools-h{margin:0}
.tooltabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--paper);border:1px solid var(--line);gap:2px}
.tooltabs a{padding:9px 18px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.tooltabs a:hover{color:var(--ink)}
.tooltabs a.on{color:#fff;background:linear-gradient(100deg,#1FA971,#14A3C7 50%,#7B61FF)}
.tt-head + .toolintro{margin-top:10px}
@media(max-width:560px){.mytools-h{font-size:28px!important}.tooltabs a{padding:8px 14px;font-size:14.5px}}

/* v615: the pill switch, the current page in the site gold, no gradient */
.tooltabs a.on{background:#F6ECD9;color:var(--gold)}
.tooltabs a:hover{color:var(--gold)}

/* v616: the business name, with a pencil on hover to change it */
.eb-biz{margin:0 0 6px}
.eb-bizbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.eb-bizn.is-empty{color:var(--ink-faint)}
.eb-pen{display:inline-flex;color:var(--gold);opacity:0;transition:opacity .15s}
.eb-bizbtn:hover .eb-pen,.eb-bizbtn:focus-visible .eb-pen{opacity:1}


/* v618: the Empire Builder year, day page */
.yd .yd-k{margin:0 0 4px!important;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:6px}
.yd-story{margin:22px 0 6px;padding:20px 22px;border-radius:18px;background:#FBF7EF;border:1px solid #EFE3CC}
.yd-story h3{font-size:20px;margin:0 0 8px}
.yd-story p{font-size:16.5px;line-height:1.7;margin:0 0 6px}
.yd-src{font-size:13.5px;color:var(--ink-faint)}
.yd-tool{display:flex;gap:18px;align-items:center;margin:6px 0 18px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff}
.yd-tool h3{font-size:20px;margin:0 0 4px}
.yd-tool p{margin:0 0 12px!important;font-size:15.5px;color:var(--ink-soft)}
.yd-toolacts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.yd-go{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none;width:auto!important;padding:0 26px!important;margin:0!important}
.yd-tool.tb-wheel{background:linear-gradient(120deg,rgba(47,107,255,.07),rgba(242,183,5,.09) 50%,rgba(34,197,94,.08)),#fff}
.yd-tool.tb-calling{background:linear-gradient(120deg,rgba(168,85,247,.09),rgba(20,163,199,.08)),#fff}
.yd-tool.tb-why{background:linear-gradient(120deg,rgba(217,154,43,.12),rgba(236,46,140,.07)),#fff}
.yd-posts{display:grid;gap:14px;margin:6px 0 18px}
.yd-post{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#fff}
.yd-post.is-priv{background:#F6F4FF;border-color:#E4DEFA}
.yd-post.is-priv .yd-k{color:#6A4FD8}
.yd-post.is-comm .yd-k{color:#0E7C98}
.yd-prompt{font-size:16.5px;line-height:1.6;margin:0 0 12px!important;color:var(--ink)}
.yd-compose{margin:0!important;cursor:pointer!important}
.yd-compose .pcfake{cursor:pointer}
.yd-aff{margin:8px 0 16px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,#FFF7E8,#FDEFF6);border:1px solid #F3E2C4;text-align:center}
.yd-aff .yd-k{justify-content:center}
.yd-afft{font-family:Poppins,sans-serif;font-size:21px;line-height:1.45;font-weight:500;margin:4px 0 0!important;color:var(--ink)}
.yd-vis{margin:14px 0 0!important;font-size:15.5px;line-height:1.65;color:var(--ink-soft);text-align:left}
.yd-read{margin:0 0 18px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff}
.yd-book{font-family:Poppins,sans-serif;font-size:19px;font-weight:600;margin:0!important}
.yd-bsub{font-size:14.5px;color:var(--ink-faint);margin:0 0 8px!important}
.yd-read p{margin:0 0 8px}
.yd-read a{font-weight:600;color:#14A3C7}
.yd-ask{margin:22px 0 10px}
.yd-nextopen{border-color:#1FA971!important;color:#137A52!important;font-weight:600}
.yd-lock{margin:20px 0;padding:24px;border-radius:18px;border:1px solid var(--line);background:#fff;text-align:center}
.yd-lockic{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;background:#F6ECD9;color:var(--gold);margin-bottom:10px}
.yd-lock p{font-size:17px;line-height:1.6;margin:0 0 16px}
.yd-month{margin:22px 0 6px;padding:18px 20px;border-radius:18px;background:#FBF7EF;border:1px solid #EFE3CC}
.yd-month .yd-k{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}
.yd-month h3{font-size:20px;margin:0 0 6px}
.yd-month p{margin:0;color:var(--ink-soft)}
.lp-dayrow.is-locked{opacity:.55;cursor:default}
.lp-dayrow.is-locked .lp-dn{background:var(--mist);color:var(--ink-faint)}
.yd-mon{margin:10px 0;border:1px solid var(--line);border-radius:14px;padding:4px 14px;background:#fff}
.yd-mon summary{cursor:pointer;padding:10px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.yd-mon summary span{color:var(--ink-faint);font-size:14px;margin-left:auto}
@media(max-width:560px){.yd-tool{flex-direction:column;align-items:stretch}.yd-afft{font-size:19px}}

/* v618: Find Your Why */
.bg-why,.tc-why .toolmini{background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.95),transparent 40%),radial-gradient(circle at 18% 22%,rgba(245,196,81,.38),transparent 45%),radial-gradient(circle at 85% 80%,rgba(236,46,140,.22),transparent 45%),repeating-conic-gradient(from 0deg at 50% 60%,rgba(217,154,43,.08) 0 8deg,transparent 8deg 20deg),#FFF6EA}
.tc-why .toolmini-ico .toolmark,.tb-why .tileico{width:84px;height:84px}
.toolmark .tileico,.tb-why .tileico{color:#B07A12}
.why-form .lp-lab{display:flex;gap:10px;align-items:baseline;font-size:17px;line-height:1.45;margin-top:22px}
.why-n{flex:none;display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:#F6ECD9;color:var(--gold);font-size:14px;font-weight:700}
.why-form .lp-go{margin-top:24px}
.why-hero{margin:18px 0 18px;padding:28px 26px;border-radius:22px;background:linear-gradient(120deg,#FFF7E8,#FDEFF6);border:1px solid #F3E2C4;text-align:center}
.why-hero p{font-family:Poppins,sans-serif;font-size:24px;line-height:1.45;font-weight:600;margin:0;color:var(--ink)}
.why-words{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.why-words span{padding:6px 14px;border-radius:999px;background:#fff;border:1px solid #EFE3CC;color:var(--gold);font-weight:600;font-size:15px}
.why-card{margin:0 0 14px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff}
.why-card h3{font-size:22px;margin:0 0 6px}
.why-card p{font-size:16.5px;line-height:1.65;margin:0 0 6px}
.why-reach{margin:4px 0 0;padding-left:22px}
.why-reach li{margin:0 0 10px;line-height:1.6}
.why-reach li b{display:block}
.why-move{background:linear-gradient(120deg,#F1FAF6,#EEF6FB 55%,#F3F0FF)}
.why-line{font-family:Poppins,sans-serif;font-size:19px!important;font-weight:500}
@media(max-width:560px){.why-hero p{font-size:20px}}

/* v618: My Plan in the switch */
.yd-tabs{margin-bottom:8px}
.yd-tabs .crumb{margin:0}
@media(max-width:560px){.tooltabs a{padding:8px 12px;font-size:14px}}

/* v618: fixes */
.yd-posts{grid-template-columns:minmax(0,1fr)}
.yd-post{min-width:0}
.yd-compose{min-width:0;max-width:100%}
.yd-tool a.yd-go{color:#fff!important;text-decoration:none!important;font-weight:600;height:46px;font-size:16px}
.yd-tool a.lp-btn{text-decoration:none!important;color:var(--ink)!important}

/* v620: the industry lens */
.yd-ind{margin:6px 0 18px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,#F1FAF6,#EEF6FB 55%,#F3F0FF);border:1px solid #DCE9F0}
.yd-ind .yd-k{color:#0E7C98}
.yd-ind h3{font-size:20px;margin:0 0 8px}
.yd-ind p{font-size:16.5px;line-height:1.65;margin:0}
.yd-brands{margin:0;padding-left:20px}
.yd-brands li{margin:0 0 10px;line-height:1.6;font-size:16.5px}
.yd-brands li b{margin-right:4px}
.yd-indstory{background:#F2F8FB;border-color:#D7E8F0}
.yd-indstory .yd-k{color:#0E7C98}

/* v621: starting later */
.yd-late{background:#FFF8EE;border-color:#F3E2C4}
.yd-late .yd-k{color:#B0532A}
.lpq-agen{margin:-4px 0 14px!important;font-size:16px}

/* v622: age as a number */
.lpq-agein{max-width:200px;font-size:20px}

/* v624: About you */
.lpq-gens{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.lpq-chip{padding:11px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
.lpq-chip.on{border-color:#14A3C7;background:#E9F7FB;color:#0E7C98}
.lpq-bday{max-width:260px;font-size:18px}

/* v626: day page polish */
.yd-banner{margin:0 0 18px!important}
.yd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.yd-listen{flex:none;display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.yd-listen:hover,.yd-listen.on{border-color:#14A3C7;color:#0E7C98;background:#E9F7FB}
.yd-tool{gap:0;padding:0;overflow:hidden;align-items:stretch;flex-direction:row-reverse}
.yd-tooltx{flex:1;padding:20px 22px}
.yd-toolart{flex:none;width:190px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line)}
.yd-toolart .toolmark,.yd-toolart .tileico{width:96px;height:96px}
.yd-read{display:flex;gap:20px;align-items:center}
.yd-coverlink{flex:none;display:block;width:120px;text-decoration:none!important}
.yd-cover{display:block;width:120px;height:auto;border-radius:6px;box-shadow:0 12px 26px -12px rgba(20,30,60,.5)}
.yd-coverph{display:none}
.yd-coverlink.nocover .yd-coverph{display:flex;flex-direction:column;justify-content:space-between;width:120px;height:178px;padding:14px 12px;border-radius:6px;background:linear-gradient(160deg,#101828,#24304A 55%,#14A3C7);color:#fff;box-shadow:0 12px 26px -12px rgba(20,30,60,.5)}
.yd-coverph b{font-family:Poppins,sans-serif;font-size:17px;line-height:1.2}
.yd-coverph span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#F5C451}
.yd-done{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px 0 8px;text-align:center}
.yd-donebtn{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important;min-width:min(340px,100%);height:60px;font-size:19px!important;padding:0 34px!important;margin:0!important}
.yd-donek{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:#137A52;margin:0!important}
.yd-yay{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;background:rgba(17,24,38,.35);padding:20px}
.yd-yay[hidden]{display:none}
.yd-yaybox{background:#fff;border-radius:22px;padding:28px 30px;text-align:center;max-width:380px;box-shadow:0 24px 60px -20px rgba(0,0,0,.4)}
.yd-yaye{font-size:52px!important;line-height:1.1;margin:0!important}
.yd-yaybox h2{margin:6px 0 8px}
.yd-yaybox p{font-size:17px;margin:0}
.yd-conf{position:fixed;inset:0;z-index:140;pointer-events:none}
@media(max-width:560px){.yd-tool{flex-direction:column}.yd-toolart{width:100%;height:150px;border-left:none;border-bottom:1px solid var(--line)}.yd-read{align-items:flex-start}.yd-coverlink,.yd-cover{width:92px}.yd-coverlink.nocover .yd-coverph{width:92px;height:138px}.yd-listen span{display:none}.yd-listen{padding:10px}}

/* v628: the day's opening line as a big quote */
.yd-quote{position:relative;margin:20px 0 26px;padding:44px 44px 46px 46px;border:none;background:none}
.yd-quote::before{content:'';position:absolute;left:0;top:70px;bottom:0;right:104px;border-left:3px solid #D99A2B;border-bottom:3px solid #D99A2B;border-bottom-left-radius:20px}
.yd-quote::after{content:'';position:absolute;left:104px;top:0;right:0;bottom:70px;border-top:3px solid #D99A2B;border-right:3px solid #D99A2B;border-top-right-radius:20px}
.yd-quote p{position:relative;z-index:1;margin:0!important;font-family:Poppins,sans-serif;font-size:22px;line-height:1.5;font-weight:500;color:var(--ink)}
.yd-q{position:absolute;font-family:Georgia,'Times New Roman',serif;font-size:118px;line-height:1;font-weight:700;background:linear-gradient(120deg,#D99A2B,#B07A12 45%,#7B61FF);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.yd-q1{left:-4px;top:-14px}
.yd-q2{right:-2px;bottom:-62px}
@media(max-width:560px){.yd-quote{padding:36px 26px 40px 30px}.yd-quote::before{top:56px;right:80px}.yd-quote::after{left:80px;bottom:56px}.yd-quote p{font-size:19px}.yd-q{font-size:92px}.yd-q2{bottom:-48px}}

/* v629: Mary's quote, signed and shareable */
.yd-qwrap{margin:20px 0 26px}
.yd-qwrap .yd-quote{margin:0}
.yd-qby{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:18px 0 0;font-style:normal;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#B07A12}
.yd-qline{display:inline-block;width:34px;height:3px;border-radius:2px;background:#D99A2B}
.yd-qacts{position:relative;display:flex;gap:10px;margin:30px 0 0 46px;flex-wrap:wrap}
.yd-qbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.yd-qbtn:hover{border-color:#D99A2B;color:#B07A12}
.yd-qmenu{position:absolute;top:48px;left:0;z-index:20;display:flex;flex-direction:column;min-width:170px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(20,30,60,.35)}
.yd-qmenu[hidden]{display:none}
.yd-qmenu a,.yd-qmenu button{padding:10px 12px;border-radius:10px;font:inherit;font-size:15px;text-align:left;background:none;border:none;color:var(--ink);cursor:pointer;text-decoration:none!important}
.yd-qmenu a:hover,.yd-qmenu button:hover{background:var(--mist)}
@media(max-width:560px){.yd-qacts{margin-left:30px}.yd-qby{margin-top:14px;font-size:17px}}
/* v632: small circle photo of Mary by the quote */
.yd-qav{position:absolute;right:16px;bottom:-34px;z-index:1;width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #D99A2B;background:#fff;box-shadow:0 4px 14px rgba(176,122,18,.22)}
@media(max-width:560px){.yd-qav{right:12px;bottom:-27px;width:56px;height:56px}}
/* v634: welcome by name and the lines that connect each section */
.yd-hi{margin:10px 0 6px;padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,#FFF7E8,#FDEFF6)}
.yd-hin{margin:0 0 6px!important;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;color:#B07A12}
.yd-hi p:not(.yd-hin){margin:0!important;font-size:17px;line-height:1.6;color:var(--ink)}
.yd-link{margin:30px 0 14px!important;padding:2px 0 2px 16px;border-left:3px solid #D99A2B;font-size:17px;line-height:1.6;color:#3D4655}
.yd-lessons{list-style:none;margin:16px 0 0!important;padding:0!important;display:grid;gap:10px}
.yd-lessons li{margin:0!important;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #F0E2C6;font-size:15.5px;line-height:1.55}
.yd-lessons li .yd-src{display:inline;margin:0}
.yd-ins{display:block;margin-top:6px;font-weight:600;color:#B07A12}
.yd-ins i{font-style:normal;display:inline-block;margin-right:8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8A6410}
.yd-you{margin:16px 0 4px;padding:14px 16px;border-radius:12px;background:#fff;border-left:4px solid #D99A2B}
.yd-you p:not(.yd-k){margin:0!important;font-size:16px;line-height:1.6}
@media(max-width:560px){.yd-hin{font-size:21px}.yd-link{font-size:16px}}
.yd-hi.is-short{padding:16px 22px}.yd-hi.is-short .yd-hin{margin:0!important}
/* v638: right side column (home: join + popular topics; post: related posts) */
.rwrap{max-width:1140px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}
.rmain{min-width:0;max-width:720px;width:100%}
.rail{padding-top:22px;min-width:0;align-self:stretch}
.rail-in{display:flex;flex-direction:column;gap:18px}
body:has(.rwrap) .bar-in,body:has(.rwrap) .sform,body:has(.rwrap) .foot{max-width:1140px}
body:has(.rwrap) > .wrap:has(> .foot){max-width:1140px}
.rbox{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 18px 12px}
.rbox-h{margin:0 0 10px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.rbox-more{display:block;text-align:center;margin:6px 0 4px;font-size:14.5px;font-weight:600;color:#14A3C7}
.rtop-l{list-style:none;margin:0;padding:0}
.rtop-l a{display:flex;align-items:center;gap:12px;padding:9px 6px;margin:0 -6px;border-radius:12px;color:var(--ink);text-decoration:none}
.rtop-l a:hover{background:var(--mist)}
.rtop-ic{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF3DD,#F6E9FF);color:#B07A12}
.rtop-t{display:flex;flex-direction:column;min-width:0}
.rtop-t b{font-size:16px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtop-t span{font-size:13.5px;color:var(--ink-faint)}
.rj{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#FFF8EC 100%);border:1px solid #F0E2C6;box-shadow:0 14px 34px -22px rgba(176,122,18,.45)}
.rj-in{padding:24px 22px 14px;text-align:center}
.rj-h{margin:0;font-family:Poppins,sans-serif;font-size:24px;line-height:1.2;font-weight:700;color:var(--ink)}
.rj-free{margin:4px 0 0!important;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;background:linear-gradient(100deg,#D99A2B,#B07A12 45%,#7B61FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.rj-sub{margin:10px 0 16px!important;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.rj-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:999px;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);color:#fff!important;font-size:16.5px;font-weight:600;text-decoration:none!important;box-shadow:0 8px 20px -10px rgba(20,163,199,.7)}
.rj-go:hover{filter:brightness(1.05)}
.rj-log{margin:12px 0 0!important;font-size:14.5px;color:var(--ink-soft)}.rj-log a{color:#14A3C7;font-weight:600}
.rj-fine{margin:10px 0 0!important;font-size:12.5px;line-height:1.5;color:var(--ink-faint)}.rj-fine a{color:#14A3C7}
.rj-art{display:block;width:100%;height:150px}
.rrel{padding:16px 16px 6px}
.rrel-l{list-style:none;margin:0;padding:0}
.rrel-i + .rrel-i{border-top:1px solid var(--line)}
.rrel-i a{display:flex;gap:12px;padding:12px 0;color:var(--ink);text-decoration:none}
.rrel-i a:hover .rrel-t{color:#14A3C7}
.rrel-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.rrel-by{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-faint);min-width:0}
.rrel-by img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;background:var(--mist)}
.rrel-by b{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.rrel-t{font-size:15.5px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rrel-s{font-size:13px;color:var(--ink-faint)}
.rrel-img{position:relative;flex:none;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--mist)}
.rrel-img img{width:100%;height:100%;object-fit:cover;display:block}
.rrel-play{position:absolute;left:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:rgba(17,24,38,.75);color:#fff;display:flex;align-items:center;justify-content:center}
.rcta{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#FFF6E6,#F6EEFF);border:1px solid #F0E2C6}
.rcta b{font-family:Poppins,sans-serif;font-size:18px}.rcta span{font-size:15px;line-height:1.55;color:var(--ink-soft);margin-bottom:6px}
@media(max-width:1000px){.rwrap{display:block;max-width:720px}.rail{padding-top:0;margin:8px 0 36px}.rail .rtop{display:none}body:has(.rwrap) .bar-in,body:has(.rwrap) .sform,body:has(.rwrap) .foot,body:has(.rwrap) > .wrap:has(> .foot){max-width:720px}}
.pfuask{margin:4px 0 22px}
.rrel-q{-webkit-line-clamp:3;font-family:Poppins,sans-serif;font-weight:500;font-size:15.5px}
.rwrap .article{margin-top:22px}
.vmore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:12px 0 4px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--ink-soft);cursor:pointer}
.vmore:hover{border-color:#D99A2B;color:#B07A12}.vmore svg{transition:transform .2s}.vmore:hover svg{transform:translateY(2px)}
/* v643: the right column is 1 panel that runs to the bottom of the page */
@media(min-width:1001px){
.rail{margin-top:22px;padding:0;background:#fff;border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;align-self:stretch}
.rail-in{position:sticky;top:18px;padding:6px 10px 12px;gap:0}
.rail-in > .rbox{border:none;border-radius:0;background:none;padding:16px 4px 8px}
.rail-in > .rbox + .rbox,.rail-in > .rj + .rbox,.rail-in > .rcta + .rbox{border-top:1px solid var(--line)}
.rail-in > .rj,.rail-in > .rcta{margin:10px 0 12px}
.rmain > .foot{margin-top:40px}
.rail .rj-in{padding:22px 14px 12px}.rail .rj-h{font-size:22px;white-space:nowrap}
}
/* v648 */
.authpage{max-width:none}.authpage .privcard{padding:40px 48px}
@media(max-width:560px){.authpage .privcard{padding:28px 20px}}
.navmenu a{display:flex;align-items:center;gap:10px}
.fu-c > .follow-q{cursor:pointer;display:flex;align-items:flex-start;gap:8px}
.fu-c .fu-act{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:8px 0 2px}
.fu-c .fu-act .qvote{transform:scale(.9);transform-origin:left center}
.fu-c .fu-top{display:none;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;background:#FFF4D6;color:#A86A00;font-size:13px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.fu-c.is-top .fu-top{display:inline-flex;animation:futop .5s ease}
.fu-c .fu-br{display:none}
/* v808: on phones the badge has its own short line above the votes, comments and Share */
@media (max-width:480px){.fu-c .fu-act{gap:8px 12px}.fu-c .fu-cmt{gap:4px}.fu-c.is-top .fu-br{display:block;flex-basis:100%;height:0}}
@keyframes futop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
.fu-c .fu-cmt{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;color:var(--ink-faint);text-decoration:none}
.fu-c .fu-cmt:hover{color:var(--ink)}
.fu-c .fu-act .qshare{transform:scale(.9)}   /* v805: Share at the end of each follow-up's row */
.fu-c > .follow-q .minimark{flex:none;width:18px;height:18px;margin-top:6px}   /* v800: the mark keeps its size beside a long question */
.fu-c > .follow-q .fu-chev{flex:none;margin:4px 0 0 auto;color:var(--ink-faint);transition:transform .2s}
.fu-c.open > .follow-q .fu-chev{transform:rotate(180deg)}
.fu-c:not(.open) > .follow-v,.fu-c:not(.open) > .follow-b,.fu-c:not(.open) > .follow-link{display:none}
.fu-c:not(.open){margin:14px 0}.fu-c:not(.open) > .follow-q{margin-bottom:0}
/* v804: a thin line between follow-ups, centered in the gap (open or closed, they keep the same 16px gap) */
.fu-c,.fu-c:not(.open){margin:16px 0;position:relative}
.fu-c + .fu-c::before{content:'';position:absolute;left:-4px;right:0;top:-8.5px;height:1px;background:var(--line);pointer-events:none}
/* v650: verified mark, audio posts, playlist, member page tabs */
.vmark{display:inline-block;vertical-align:-3px;margin-left:5px;flex:none}
.pwho .pname{display:inline-flex;align-items:center;max-width:100%}.pwho > b + .vmark,.pwho .pname .vmark{margin-left:5px}
.profname .vmark{vertical-align:-2px;margin-left:8px}
.paudw0{background:transparent;border-radius:0;overflow:hidden}
.paudcov{position:relative;aspect-ratio:1/1;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF)}
.paudcov img.pmedia{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:auto!important}
.paudtag{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(15,23,36,.62);color:#fff;font-size:13px;font-weight:600;backdrop-filter:blur(6px)}
.paudio{display:block;width:calc(100% - 24px);height:46px;margin:10px 12px 2px;background:transparent}
.pact.pplist.on{color:#14A3C7}
.proftabs{display:flex;gap:6px;margin:6px 0 18px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line);overflow-x:auto}
.proftabs a{flex:1;text-align:center;padding:9px 14px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink-soft);text-decoration:none!important;white-space:nowrap}
.proftabs a.on{background:var(--gold-soft);color:#B07A12}
.plply{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin:0 0 18px}
.plply-stage{border-radius:14px;overflow:hidden;background:#F3F3F0}
.plply-stage video{display:block;width:100%;max-height:440px;background:#F3F3F0}
.plply-stage video.isaud{aspect-ratio:1/1;max-height:420px;object-fit:contain}
.plply-now{display:flex;flex-direction:column;gap:2px;margin:12px 4px 8px}.plply-now b{font-family:Poppins,sans-serif;font-size:18px}.plply-now span{font-size:14px;color:var(--ink-faint)}
.plply-ctl{display:flex;align-items:center;gap:10px;margin:0 4px 10px}
.plply-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;min-width:42px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font:inherit;font-weight:600}
.plply-main{background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%);color:#fff;border:none;padding:0 18px}
.plply-l{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto;border-top:1px solid var(--line)}
.plply-l button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 6px;border:none;background:none;font:inherit;text-align:left;cursor:pointer;border-bottom:1px solid var(--line)}
.plply-l button:hover,.plply-l button.on{background:var(--mist)}
.plply-l button.on .plply-n{color:#14A3C7;font-weight:700}
.plply-n{width:22px;text-align:center;font-size:14px;color:var(--ink-faint)}
.plply-l img,.plply-l i{width:46px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:var(--mist)}
.plply-tx{display:flex;flex-direction:column;min-width:0}.plply-tx b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plply-tx small{font-size:13px;color:var(--ink-faint)}
.pverify{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:6px 0 14px;padding:22px 18px;border-radius:16px;background:linear-gradient(135deg,#F1FAF6,#EEF6FB 55%,#F3F0FF);border:1px solid #DCE9F0}
.pverify[hidden]{display:none}.pverify b{font-family:Poppins,sans-serif;font-size:18px}.pverify span{font-size:14.5px;line-height:1.55;color:var(--ink-soft);max-width:420px}.pverify .vmark{margin:0}
.paudprev{position:relative;max-width:360px;margin:0 auto 10px;border-radius:14px;overflow:hidden}.paudprev img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.pcovb{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:12px 16px;border-radius:14px;border:1.5px dashed #9CD3E3;background:#F2FAFC;font:inherit;text-align:left;color:#14A3C7;cursor:pointer}.pcovb:hover{background:#E6F5FA}.pcovb span{display:flex;flex-direction:column}.pcovb b{font-size:15.5px}.pcovb small{font-size:13px;color:var(--ink-faint)}
.pprev audio{display:block;width:100%;margin-top:6px}
.plply-tip{margin:0 4px 8px;font-size:13.5px;color:var(--ink-faint)}
.plply-l li{display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}
.plply-l li > button{flex:1;border-bottom:none!important;min-width:0}
.plply-grip{flex:none;padding:0 2px 0 6px;color:#B9BEC7;cursor:grab}
.plply-l li.dragging{opacity:.5;background:var(--mist)}
.plply-mv{display:flex;flex-direction:column;gap:2px;padding:0 8px}
.plply-mv button{width:28px;height:22px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink-soft);font-size:10px;cursor:pointer;line-height:1}
.plply-mv button:hover{color:#14A3C7;border-color:#9CD3E3}
.pcard .pmwrap + .pacts,.pcard .pmcredit + .pacts{border-top:none;margin-top:4px;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:8px}
/* v654: player over the cover, moving sound bars, no download */
.paudw0{border-radius:0}
.paudcov{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF)}
.paudcov > img.pmedia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.paudcov .paudio{display:none}
.pviz{position:absolute;left:8%;right:8%;bottom:118px;height:22%;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;opacity:0;transition:opacity .4s;pointer-events:none}
.pviz i{flex:1;max-width:10px;height:var(--h);border-radius:6px;background:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(255,255,255,.35);transform-origin:bottom;transform:scaleY(.25)}
.is-playing .pviz{opacity:1}.is-playing .pviz i{animation:pviz .9s ease-in-out infinite alternate}
@keyframes pviz{0%{transform:scaleY(.18)}50%{transform:scaleY(1)}100%{transform:scaleY(.4)}}
.pctl{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 12px;background:linear-gradient(to top,rgba(10,14,24,.78),rgba(10,14,24,.35) 60%,rgba(10,14,24,0));color:#fff}
.pctl-row{display:flex;align-items:center;gap:10px}
.pctl-t{font-size:12.5px;font-variant-numeric:tabular-nums;min-width:34px;opacity:.9}
.pctl-dur{text-align:right}
.pctl-seek{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:rgba(255,255,255,.35);outline:none;cursor:pointer}
.pctl-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.pctl-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none}
.pctl-btns{justify-content:center;gap:22px;margin-top:8px}
.pctl-btns button{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%}
.pctl-play{width:54px;height:54px;background:rgba(255,255,255,.22)!important;backdrop-filter:blur(6px)}
.pctl-play .pi-pause,.is-playing .pctl-play .pi-play{display:none}.is-playing .pctl-play .pi-pause{display:block}
.pctl-mute .pi-mute,.is-muted .pctl-mute .pi-vol{display:none}.is-muted .pctl-mute .pi-mute{display:block}
.pctl-sp{width:34px}
.plply-stage{position:relative;aspect-ratio:1/1;max-height:560px;width:100%;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF)!important}
.plply-stage video{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain;background:transparent!important}
.plply-stage:not(.is-aud):not(.is-cover) .plply-cov{filter:blur(28px) brightness(.75);transform:scale(1.2);z-index:0}
.plply-stage.is-aud video,.plply-stage.is-cover video{opacity:0}
.plply-cov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.plply-stage .pviz,.plply-stage .pctl{z-index:2}
.plply-badge{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(15,23,36,.6);color:#fff;font-size:13.5px;font-weight:600;backdrop-filter:blur(6px)}
.plply-badge[hidden]{display:none}
.plply-stage:not(.is-aud):not(.is-cover) .pviz{display:none}
.plply-stage:not(.is-aud):not(.is-cover) .pctl{opacity:0;transition:opacity .25s}.plply-stage:not(.is-aud):not(.is-cover):hover .pctl,.plply-stage:not(.is-aud):not(.is-cover):not(.is-playing) .pctl{opacity:1}
@media(max-width:560px){.pviz{bottom:104px}.pctl{padding:34px 12px 10px}.pctl-play{width:48px;height:48px}}
/* v655: playlist header, full-frame image, controls on the right, views likes share */
.plply{padding:0 0 6px;overflow:hidden}
.plply-head{padding:14px 18px 10px}
.plply-name{display:flex;align-items:center;gap:8px;margin:0;font-family:Poppins,sans-serif;font-size:21px;font-weight:600}
.plply-pen{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer;opacity:0;transition:opacity .15s}
.plply-head:hover .plply-pen,.plply-pen:focus-visible{opacity:1}
@media(hover:none){.plply-pen{opacity:1}}
.plply-stage{border-radius:0!important;max-height:620px}
.plply-stage video{object-fit:cover!important}
.plply-stage:not(.is-aud):not(.is-cover) .plply-cov{filter:none;transform:none}
.plply-imgedit{position:absolute;right:14px;top:14px;z-index:3}
.plply-penimg{background:rgba(255,255,255,.92);border:none;width:38px;height:38px}
.plply-stage:hover .plply-penimg{opacity:1}
.plply-imgm{position:absolute;right:0;top:44px;display:flex;flex-direction:column;min-width:240px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(20,30,60,.35)}
.plply-imgm[hidden]{display:none}
.plply-imgm button{padding:10px 12px;border:none;background:none;border-radius:10px;font:inherit;font-size:15px;text-align:left;cursor:pointer;color:var(--ink)}.plply-imgm button:hover{background:var(--mist)}
.plply-imgm button[hidden]{display:none}
.plply-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px 4px}
.plply-bar .plply-now{margin:0;min-width:0}.plply-bar .plply-now b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plply-bar .plply-ctl{margin:0;flex:none}
.plply-soc{display:flex;align-items:center;gap:6px;margin:6px 18px 10px;padding:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plply-views{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:var(--ink-faint);font-size:15px}
.plply-act{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:none;border-radius:999px;font:inherit;font-size:15px;color:var(--ink-soft);cursor:pointer}
.plply-act:hover{background:var(--mist)}.plply-act em{font-style:normal}
.plply-like.on{color:#E8508C}.plply-like.on svg{fill:currentColor}
.plply-tip,.plply-l{margin-left:18px!important;margin-right:18px!important}
@media(max-width:560px){.plply-bar{flex-direction:column;align-items:flex-start}.plply-bar .plply-ctl{align-self:flex-end}}
/* v656: colored sound bars that follow the music, gradient for the played part */
.pviz{height:20%;gap:4px}
.pviz i{max-width:8px;box-shadow:0 0 10px rgba(10,20,40,.18)}
.pviz.live i{height:100%;animation:none!important;transform:scaleY(.06);transition:transform .06s linear}
.is-playing .pviz:not(.live){height:10%}
.is-playing .pviz:not(.live) i{animation-name:pvizs}
@keyframes pvizs{0%{transform:scaleY(.25)}50%{transform:scaleY(.7)}100%{transform:scaleY(.4)}}
.pctl-seek{height:5px;background:linear-gradient(90deg,#3DF2A6,#33D6FF 40%,#A98BFF 75%,#FF7AC6) 0 50%/var(--p,0%) 100% no-repeat,rgba(255,255,255,.35)}
.pctl-seek::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 10px rgba(51,214,255,.7)}
/* v656: slimmer member header, photo on the left */
.prof{flex-direction:row;align-items:center;text-align:left;gap:16px;padding:16px 20px;margin:16px 0 14px;border-radius:18px}
.profav{width:72px;height:72px;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(20,163,199,.25)}
.profinfo{flex:1;min-width:0}
.profname{font-size:22px;margin:0;line-height:1.25}
.profurl{margin:0 0 4px;font-size:14.5px}
.profnote{display:inline-block;margin:0 0 4px}
.profstats{justify-content:flex-start;gap:14px;margin:0;font-size:14.5px}
.profact{flex:none;justify-content:flex-end}
@media(max-width:640px){.prof{flex-wrap:wrap;gap:12px 14px;padding:14px 16px}.profav{width:60px;height:60px}.profname{font-size:20px}.profstats{gap:12px;font-size:14px}.profact{width:100%;justify-content:flex-start}.profact > *{flex:1;justify-content:center}}
.rmain > .prof:first-child{margin-top:22px}
/* v657: edit profile is a pencil in the corner */
.prof{position:relative}
.profedit{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-soft);text-decoration:none!important}
.profedit:hover{color:#14A3C7;border-color:#9CD3E3;background:#F2FAFC}
.prof:has(.profedit) .profname,.prof:has(.profedit) .profurl{padding-right:36px}
@media(max-width:640px){.profstats{gap:2px 12px}}
/* v658: playlist hero. Name over the image, Play all on the image, half height, frosted player */
.plply{padding:0 0 4px}
.plply-stage{aspect-ratio:2/1!important;max-height:none!important;border-radius:0!important}
.plply-stage:not(.is-aud):not(.is-cover){aspect-ratio:16/9!important}
.plply-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(8,10,20,.82) 0%,rgba(8,10,20,.35) 45%,rgba(8,10,20,0) 70%),linear-gradient(to bottom,rgba(8,10,20,.45),rgba(8,10,20,0) 30%);transition:opacity .3s}
.plply-hero{position:absolute;left:24px;right:120px;bottom:22px;z-index:3;color:#fff;transition:all .3s ease}
.plply-hero small{display:block;font-size:14px;font-weight:600;letter-spacing:.02em;opacity:.92;margin-bottom:2px}
.plply-hero .plply-song{display:flex;align-items:center;gap:10px;margin:0;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(32px,6.4vw,58px);line-height:1.02;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.plply-hero .plply-song span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plply-hero p{margin:8px 0 0;font-size:15px;opacity:.92}.plply-hero p b{font-weight:700}
.plply-big{position:absolute;right:24px;bottom:24px;z-index:3;width:68px;height:68px;border-radius:50%;border:none;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF);box-shadow:0 10px 30px -6px rgba(20,163,199,.65);transition:transform .15s}
.plply-big:hover{transform:scale(1.06)}.plply-big svg{margin-left:3px}
/* before playing: name and Play all show; the player is hidden */
.plply-stage.is-cover .pctl,.plply-stage.is-cover .pviz{opacity:0;pointer-events:none}
/* playing: the name moves small to the top left, Play all hides */
.plply-stage:not(.is-cover) .plply-big{opacity:0;pointer-events:none;transform:scale(.6)}
.plply-stage:not(.is-cover) .plply-hero{bottom:auto;top:14px;left:18px;right:70px}
.plply-stage:not(.is-cover) .plply-hero small,.plply-stage:not(.is-cover) .plply-hero p{display:none}
.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:20px;font-weight:700;letter-spacing:0}
.plply-stage:not(.is-cover)::after{background:linear-gradient(to bottom,rgba(8,10,20,.5),rgba(8,10,20,0) 28%)}
.plply-stage:not(.is-aud):not(.is-cover) .plply-hero{opacity:0;transition:opacity .25s}.plply-stage:not(.is-aud):not(.is-cover):hover .plply-hero,.plply-stage:not(.is-aud):not(.is-cover):not(.is-playing) .plply-hero{opacity:1}
.plply-imgedit{z-index:4}
.plply-imgm{min-width:170px}
.plply-imgm button{display:flex;align-items:center;gap:10px}.plply-imgm button svg{color:var(--ink-soft)}
#plimgrm{color:#C2334D}#plimgrm svg{color:#C2334D}
/* the frosted player */
.plply-stage .pctl{left:14px;right:14px;bottom:14px;padding:10px 16px 8px;border-radius:20px;background:rgba(14,18,30,.42);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 12px 34px -12px rgba(0,0,0,.5);z-index:3}
.plply-stage .pctl-btns{gap:14px;margin-top:4px}
.plply-stage .pctl-btns button{width:40px;height:40px;color:rgba(255,255,255,.85);transition:color .15s,background .15s}
.plply-stage .pctl-btns button:hover{color:#fff;background:rgba(255,255,255,.12)}
.plply-stage .pctl-play{width:50px!important;height:50px!important;color:#fff!important;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF)!important;box-shadow:0 6px 18px -4px rgba(20,163,199,.7)}
.plply-stage .pctl-play svg{width:24px;height:24px}
.pctl-rep{position:relative}
.pctl-rep.on{color:#33D6FF!important;background:rgba(51,214,255,.16)!important}
.pctl-rep.on::after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#33D6FF}
.plply-stage .pviz{bottom:112px;height:30%;z-index:2}
/* now playing, with views, like and share on the same row */
.plply-bar{align-items:center;padding:14px 18px 6px;flex-direction:row!important}
.plply-soc{margin:0;padding:0;border:none;flex:none;gap:2px}
.plply-tip{margin-top:6px!important}
@media(max-width:640px){.plply-stage{aspect-ratio:16/10!important}.plply-hero{left:16px;right:92px;bottom:16px}.plply-hero small{font-size:12.5px}.plply-hero p{font-size:13.5px;margin-top:5px}.plply-big{width:56px;height:56px;right:16px;bottom:16px}
.plply-stage .pctl{left:8px;right:8px;bottom:8px;padding:6px 10px 4px;border-radius:16px}.plply-stage .pctl-btns{gap:6px;margin-top:0}.plply-stage .pctl-btns button{width:36px;height:36px}.plply-stage .pctl-play{width:42px!important;height:42px!important}
.plply-stage .pviz{bottom:92px;height:22%}.plply-hero .plply-song{font-size:28px}.plply-hero .plply-song span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plply-stage:not(.is-cover) .plply-hero .plply-song span{white-space:nowrap;display:block}.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:16px}
.plply-bar{flex-wrap:wrap;gap:6px 10px}.plply-soc{width:100%;margin-left:-10px}}
/* v659: the song is over the image with its own views, like and share; the playlist name is below with the playlist's */
.plply-hero .plply-song{margin:0;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(30px,5.6vw,52px);line-height:1.04;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plply-hero .plply-art{margin:6px 0 0;font-size:16px;font-weight:600;opacity:.95}
.plply-hero small{font-variant-numeric:tabular-nums}
.plply-sacts{display:flex;align-items:center;gap:8px;margin-top:12px}
.plply-sv,.plply-sbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.plply-sv[hidden]{display:none}.plply-sbtn{cursor:pointer}.plply-sbtn:hover{background:rgba(255,255,255,.26)}
.plply-sbtn b:empty{display:none}
.plply-sbtn.on{color:#FF7AB0}.plply-sbtn.on svg{fill:currentColor}
.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:20px;font-weight:700;letter-spacing:0}
.plply-stage:not(.is-cover) .plply-art{display:block!important;font-size:13.5px;margin-top:2px}
.plply-stage:not(.is-cover) .plply-sacts{position:absolute;top:0;right:0;margin:0;transform:translateX(calc(100% + 8px))}
.plply-stage:not(.is-cover) .plply-hero{right:auto;max-width:calc(100% - 230px)}
.plply-stage:not(.is-cover) .plply-sv,.plply-stage:not(.is-cover) .plply-sbtn{height:30px;padding:0 10px;font-size:13px}
.plply-bar .plply-name{display:flex;align-items:center;gap:8px;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}
.plply-bar .plply-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:inherit}
.plply-bar .plply-now:hover .plply-pen{opacity:1}
.plply-bar .plply-now > span{font-size:14px;color:var(--ink-faint)}
.plply-tip{text-align:center}
@media(max-width:640px){.plply-hero .plply-song{font-size:26px}.plply-hero .plply-art{font-size:14px}.plply-sacts{margin-top:8px}
.plply-stage:not(.is-cover) .plply-hero{max-width:none;right:62px}.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:15px}.plply-stage:not(.is-cover) .plply-art{display:none!important}
.plply-stage:not(.is-cover) .plply-sacts{position:static;transform:none;margin-top:4px}.plply-stage:not(.is-cover) .plply-sv,.plply-stage:not(.is-cover) .plply-sbtn{height:26px;padding:0 8px;font-size:12px}}
/* v661: artist photo on the song, playlist visibility, photo positioner, copyright note */
.plply-who{display:flex;align-items:center;gap:14px;min-width:0}
.plply-avl{flex:none;display:block;border-radius:50%;line-height:0}
.plply-av{width:64px;height:64px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.2);box-shadow:0 0 0 3px rgba(255,255,255,.85),0 6px 18px rgba(0,0,0,.35)}
.plply-tt{min-width:0}
.plply-stage:not(.is-cover) .plply-av{width:40px;height:40px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.plply-stage:not(.is-cover) .plply-who{gap:10px}
.plply-visw{position:absolute;right:66px;top:14px;z-index:4}
.plply-vis{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;border:none;background:rgba(255,255,255,.92);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.plply-vis.is-ro{position:absolute;right:14px;top:14px;z-index:4;cursor:default}
.plply-vism{right:0;left:auto;min-width:250px}
.plply-vism button{align-items:flex-start}.plply-vism button span{display:flex;flex-direction:column}.plply-vism small{font-size:13px;color:var(--ink-faint)}
.plply-vism button.on{background:var(--mist)}.plply-vism button.on b{color:#0E7C98}
.pcrop{position:fixed;inset:0;z-index:2000;background:rgba(10,14,24,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.pcrop-box{width:min(560px,100%);background:#fff;border-radius:20px;padding:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.pcrop-h{display:block;font-family:Poppins,sans-serif;font-size:18px;margin:0 0 12px}
.pcrop-f{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#111;touch-action:none;cursor:grab;user-select:none}
.pcrop-f:active{cursor:grabbing}
.pcrop-f img{position:absolute;left:0;top:0;max-width:none!important;pointer-events:none;user-select:none}
.pcrop-f::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85);border-radius:14px;background-image:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.25)),linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.25));background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 33.33%,0 66.66%,33.33% 0,66.66% 0;background-repeat:no-repeat}
.pcrop-zl{display:flex;align-items:center;gap:10px;margin:14px 4px 4px;color:var(--ink-soft)}
.pcrop-z{flex:1;accent-color:#14A3C7}
.pcrop-b{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.pcrop-b button{height:44px;padding:0 20px;border-radius:999px;font:inherit;font-weight:600;font-size:15.5px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink)}
.pcrop-b .pcrop-ok{border:none;color:#fff;background:linear-gradient(101deg,#1FA971 0%,#14A3C7 50%,#7B61FF 100%)}
.paudprev{position:relative}.paudprev.can-move{cursor:pointer}
.paudmove{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(15,23,36,.65);color:#fff;font-size:13px;font-weight:600;pointer-events:none}
.pcopy{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:12px 14px;border-radius:14px;background:#FFF8EA;border:1px solid #F3DDAE;color:#6B4E12;font-size:14px;line-height:1.5}
.pcopy svg{flex:none;margin-top:1px;color:#B07A12}.pcopy[hidden]{display:none}
.plply-stage:has(.plply-visw):not(.is-cover) .plply-hero,.plply-stage:has(.is-ro):not(.is-cover) .plply-hero{max-width:calc(100% - 400px)}
@media(max-width:640px){.plply-av{width:46px;height:46px}.plply-who{gap:10px}.plply-stage:not(.is-cover) .plply-av{width:30px;height:30px}.plply-visw{right:58px;top:10px}.plply-vis{height:34px;padding:0 10px;font-size:13px}.plply-vis.is-ro{top:10px;right:10px}.plply-stage:not(.is-cover) .plply-visw,.plply-stage:not(.is-cover) .plply-vis.is-ro{display:none}.plply-stage:has(.plply-visw):not(.is-cover) .plply-hero,.plply-stage:has(.is-ro):not(.is-cover) .plply-hero{max-width:none}
.plply-stage.is-cover .plply-hero .plply-song{font-size:24px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* v662: channel before play, song while playing; song actions in the player; corner; list links; delete on the image */
.plply-hero a{color:#fff;text-decoration:none}
.plply-hero a.plply-song{display:block}.plply-hero a.plply-art{display:block}
.plply-hero a[href]:hover{text-decoration:underline;text-underline-offset:3px}
.plply-corner{position:absolute;top:14px;right:14px;z-index:4;display:flex;align-items:center;gap:8px}
.plply-corner > .plply-imgedit,.plply-corner > .plply-visw,.plply-corner > .plply-vis.is-ro{position:relative!important;right:auto!important;top:auto!important}
.plply-stage:not(.is-cover) .plply-imgedit{display:none}
.plply-songed{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);opacity:1!important;text-decoration:none}
.plply-songed[hidden]{display:none}
.plply-stage .pl-btns{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.pctl-mid{display:flex;align-items:center;justify-content:center;gap:14px}
.pctl-side{display:flex;align-items:center;gap:4px;min-width:0}.pctl-side.pctl-r{justify-content:flex-end}
.pctl-sv,.pctl-sb{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:rgba(255,255,255,.88);background:none;border:none}
.plply-stage .pctl-btns .pctl-sb{width:auto;height:36px;padding:0 10px;border-radius:999px}
.pctl-sb{cursor:pointer}.pctl-sb:hover{color:#fff;background:rgba(255,255,255,.12)}
.pctl-sb b:empty{display:none}.pctl-sv[hidden]{display:none}
.pctl-sb.on{color:#FF7AB0!important}.pctl-sb.on svg{fill:currentColor}
.plply-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:9px 6px;cursor:pointer;outline-offset:-2px}
.plply-row:hover,.plply-row.on{background:var(--mist)}
.plply-row.on .plply-n{color:#14A3C7;font-weight:700}
.plply-tx a{text-decoration:none;color:inherit}.plply-tx a:hover{text-decoration:underline;text-underline-offset:2px}
.plply-tl{font-size:15px;font-weight:700;color:var(--ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plply-ta{font-size:13px;color:var(--ink-faint)!important}
.pmwrap.has-del{position:relative}
.pphdel{position:absolute;top:12px;right:12px;z-index:6;width:40px;height:40px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#C2334D;cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.4)}
.pphdel:hover{background:#fff;transform:scale(1.05)}
@media(max-width:640px){.plply-corner{top:10px;right:10px;gap:6px}.plply-stage .pl-btns{gap:2px}.pctl-mid{gap:4px}.pctl-sv,.plply-stage .pctl-btns .pctl-sb{height:32px;padding:0 6px;font-size:12.5px}.pctl-sv svg,.pctl-sb svg{width:16px;height:16px}.plply-stage .pl-btns .pctl-mute{display:none}.plply-stage .pl-btns{grid-template-columns:auto 1fr auto}.plply-stage .pl-btns .pctl-mid button{width:34px;height:34px}.plply-stage .pl-btns .pctl-mid .pctl-play{width:42px!important;height:42px!important}}
/* v664: Photos, Audio and Videos as a grid on a member's page */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 24px}
.pgi{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF);text-decoration:none!important;color:#fff}
.pgi-video{aspect-ratio:4/5}
.pgi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.pgi:hover img{transform:scale(1.04)}
.pgi::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(8,10,20,.62),rgba(8,10,20,0) 45%);opacity:0;transition:opacity .2s}
.pgi-audio::after,.pgi-video::after{opacity:1}.pgi:hover::after{opacity:1}
.pgi-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85)}.pgi-ph svg{width:40px;height:40px}
.pgi-ic,.pgi-lock{position:absolute;top:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(15,23,36,.55);backdrop-filter:blur(6px);color:#fff}
.pgi-ic{right:8px}.pgi-lock{left:8px}
.pgi-t{position:absolute;left:10px;right:10px;bottom:9px;z-index:1;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.pgi-v{position:absolute;left:9px;bottom:8px;z-index:1;display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.pgi.is-locked img{filter:blur(14px);transform:scale(1.15)}
@media(max-width:640px){.pgrid{gap:3px}.pgi{border-radius:6px}.pgi-ic,.pgi-lock{width:24px;height:24px;top:5px}.pgi-ic{right:5px}.pgi-lock{left:5px}.pgi-ic svg,.pgi-lock svg{width:13px;height:13px}.pgi-t{font-size:12px;left:6px;right:6px;bottom:5px}.pgi-v{font-size:12px;left:6px;bottom:5px}}
@media(max-width:420px){.proftabs a{padding:9px 8px;font-size:14px}}
/* v665: photo tools on the image while editing; drop area; the Spark on every text box */
.pedov{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}
.pedov.has-img{background:linear-gradient(rgba(8,10,20,.18),rgba(8,10,20,.18))}
.pedov-h{color:#fff;font-family:Poppins,sans-serif;font-size:19px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.pedov-b{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto;padding:0 12px}
.pedov-b button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:none;background:rgba(255,255,255,.94);color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px -8px rgba(0,0,0,.45)}
.pedov-b button:hover{background:#fff;color:#0E7C98}
.pedrop{position:relative;min-height:220px;margin:0 0 14px;border:2px dashed #9CD3E3;border-radius:16px;background:linear-gradient(135deg,rgba(31,169,113,.85),rgba(20,163,199,.85) 50%,rgba(123,97,255,.85))}
.pmwrap.pedrag,.pedrop.pedrag{outline:3px dashed #fff;outline-offset:-10px}
.pmwrap.pedrag .pedov,.pedrop.pedrag .pedov{background:rgba(20,163,199,.35)}
.spkauto{position:absolute;z-index:3;width:34px;height:34px;border-radius:50%;border:none;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px -2px rgba(20,30,60,.25)}
.spkauto:hover{background:var(--mist)}
.spkauto[hidden]{display:none}
.spkauto.busy svg{animation:spkspin 1s linear infinite}
@keyframes spkspin{to{transform:rotate(360deg)}}
textarea.has-spk{padding-right:48px!important}
.pbodyw textarea.has-spk{padding-right:92px!important}
.ptoast.has-undo{display:flex!important;align-items:center;gap:14px}
.ptoast.has-undo button{border:none;background:none;color:#7FE0FF;font:inherit;font-weight:700;cursor:pointer;padding:0}
/* v667: one player look everywhere (feed audio, feed video, playlist): the frosted bar */
.pplayer .pctl{left:14px;right:14px;bottom:14px;padding:10px 16px 8px;border-radius:20px;background:rgba(14,18,30,.42);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 12px 34px -12px rgba(0,0,0,.5);z-index:3}
.pplayer .pl-btns{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:4px}
.pplayer .pctl-mid button{width:40px;height:40px;color:rgba(255,255,255,.85);transition:color .15s,background .15s}
.pplayer .pctl-mid button:hover{color:#fff;background:rgba(255,255,255,.12)}
.pplayer .pctl-play{width:50px!important;height:50px!important;color:#fff!important;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF)!important;box-shadow:0 6px 18px -4px rgba(20,163,199,.7)}
.pplayer .pctl-play svg{width:24px;height:24px}
.pplayer .pviz{bottom:112px;height:30%}
.pvid{position:relative;background:#0B0F19;line-height:0}
.pvid video{display:block;width:100%;cursor:pointer}
.pvid .pctl{transition:opacity .25s}
.pvid.is-playing .pctl{opacity:0}.pvid.is-playing:hover .pctl{opacity:1}
.pvid:fullscreen{display:flex;align-items:center;background:#000}.pvid:fullscreen video{height:100%;object-fit:contain}
.pladd{position:absolute;top:12px;right:12px;z-index:4;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(14,18,30,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .15s,background .15s}
.pladd:hover{transform:scale(1.06);background:rgba(14,18,30,.6)}
.pladd.on{border-color:transparent;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF)}
.has-del .pladd{display:none}
.pgw{position:relative;min-width:0}
.pgw .pladd{top:8px;right:8px;width:32px;height:32px}.pgw .pladd svg{width:17px;height:17px}
.pgi-ic{right:auto!important;left:8px}
@media(max-width:640px){.pplayer .pctl{left:8px;right:8px;bottom:8px;padding:6px 10px 4px;border-radius:16px}.pplayer .pl-btns{grid-template-columns:auto 1fr auto;gap:2px;margin-top:0}.pplayer .pctl-mid{gap:4px}.pplayer .pctl-mid button{width:34px;height:34px}.pplayer .pctl-mid .pctl-play{width:42px!important;height:42px!important}.pplayer .pctl-mute{display:none}.pplayer .pviz{bottom:92px;height:22%}.pladd{width:36px;height:36px;top:10px;right:10px}.pgw .pladd{width:26px;height:26px;top:5px;right:5px}.pgw .pladd svg{width:14px;height:14px}.pgi-ic{left:5px}}
/* v667: on phones the post composer's white sheet runs the full length, so nothing shows through behind hashtags and buttons */
@media (max-width:620px){.povl{display:block}.pmodal{min-height:100%}}
/* v668: the Spark sits flat in the box (no background, not raised) */
.spkauto{background:none!important;box-shadow:none!important;width:30px;height:30px}
.spkauto:hover{background:none!important;transform:scale(1.1)}
/* v668: ±10 seconds; Back and Next in every player */
.pctl-j10[hidden]{display:none!important}
@media(max-width:640px){.pplayer .pctl-mid{gap:1px}.pplayer .pctl-mid button{width:31px;height:31px}.pplayer .pctl-mid button svg{width:19px;height:19px}.pplayer .pctl-mid .pctl-play{width:40px!important;height:40px!important}.pplayer .pctl-mid .pctl-play svg{width:20px;height:20px}.pctl-sv,.plply-stage .pctl-btns .pctl-sb{padding:0 4px;gap:4px}.pplayer .pctl-sv,.pplayer .pctl-sb b{display:none!important}}
/* v668: question cards fill the full width on phones, like post cards */
@media(max-width:620px){a.card{border-radius:0;border-left:0;border-right:0;margin-left:-22px;margin-right:-22px}}
/* v669: Spark and emoji sit flat on one line, same size, with a soft glow (no raised button) */
.spkauto{width:36px!important;height:36px!important}
.pbemo,.spkauto,.pctools .pcemo,.pctools .pcgen{background:none!important;box-shadow:none!important}
.pbemo:hover,.spkauto:hover,.pctools .pcemo:hover,.pctools .pcgen:hover{background:none!important}
.pbemo svg,.spkauto svg,.pctools .pcemo svg,.pctools .pcgen svg{filter:drop-shadow(0 0 5px rgba(20,163,199,.35)) drop-shadow(0 1px 1px rgba(20,30,60,.12));transition:filter .15s,transform .15s}
.pbemo:hover svg,.spkauto:hover svg,.pctools .pcemo:hover svg,.pctools .pcgen:hover svg{filter:drop-shadow(0 0 8px rgba(123,97,255,.55)) drop-shadow(0 1px 1px rgba(20,30,60,.12));transform:scale(1.08)}
.spkauto:hover{transform:none!important}
/* v670: owner clicks the playlist name to edit it; artist name under the title while playing (phones too) */
.plply.is-mine .plply-bar #plname,.plply.is-mine .plply-stage.is-cover #plt{cursor:text;border-radius:8px;transition:background .15s,box-shadow .15s}
.plply.is-mine .plply-bar #plname:hover{background:var(--mist);box-shadow:0 0 0 4px var(--mist)}
.plply.is-mine .plply-stage.is-cover #plt:hover{background:rgba(255,255,255,.14);box-shadow:0 0 0 6px rgba(255,255,255,.14)}
.plply #plname.is-editing,.plply #plt.is-editing{outline:2px solid #14A3C7;outline-offset:4px;background:transparent;box-shadow:none;white-space:normal;text-overflow:clip}
.plply-imgm button span{white-space:nowrap}
@media(max-width:640px){.plply-stage:not(.is-cover) .plply-hero .plply-art{display:block!important;font-size:12.5px;margin-top:1px;opacity:.92}}
/* v670: Similar Members in the right column */
.rmem-l{list-style:none;margin:0;padding:0}
.rmem-l li + li{border-top:1px solid var(--line)}
.rmem-l a{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none!important;color:var(--ink)}
.rmem-l img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;background:var(--mist)}
.rmem-t{display:flex;flex-direction:column;min-width:0}.rmem-t b{font-size:15.5px;display:flex;align-items:center;gap:5px}.rmem-t small{font-size:13px;color:var(--ink-faint)}
.rmem-l a:hover b{color:#0E7C98}
/* v671: pencil beside the playlist name on the image (owner, before playing) */
.plply-tt{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:10px}
.plply-tt .plply-art{grid-column:1 / -1}
.plply-heroed{width:36px;height:36px;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;backdrop-filter:blur(8px);opacity:0;transition:opacity .15s}
.plply-hero:hover .plply-heroed,.plply-heroed:focus-visible{opacity:1}
@media(hover:none){.plply-heroed{opacity:1}}
.plply-stage:not(.is-cover) .plply-heroed{display:none}
#plimgrm[data-none]{opacity:.55}
/* v672: the shortcut menu. Desktop: a slim icon rail on the left that opens to show labels on hover.
   Phones: a bottom tab bar with the key items and + More for the rest. One menu list feeds both. */
.snav-i,.tnav-i,.tsh-i{position:relative;display:inline-flex;flex:none}
.snc{position:absolute!important;top:-6px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E5484D;color:#fff!important;font-size:11px;font-weight:700;line-height:18px;text-align:center;margin:0!important}
.snc[hidden]{display:none!important}
@media(min-width:1001px){
 body.has-side{padding-left:76px}
 .snav{position:fixed;left:0;top:0;bottom:0;z-index:45;width:76px;padding:12px 12px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;overflow:hidden auto;scrollbar-width:none;transition:width .2s ease,box-shadow .2s ease}
 .snav:hover,.snav:focus-within{width:250px;box-shadow:12px 0 40px -18px rgba(20,30,60,.28)}
 .snav-a{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:0 14px;border:none;border-radius:12px;background:none;color:var(--ink);font:inherit;font-size:16px;text-align:left;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:background .12s}
 .snav-a:hover{background:var(--mist)}
 .snav-a.on{font-weight:700}.snav-a.on svg{stroke-width:2.5}
 .snav-a.on .snav-i::after{content:"";position:absolute;left:-14px;top:50%;width:4px;height:22px;margin-top:-11px;border-radius:0 4px 4px 0;background:linear-gradient(#1FA971,#14A3C7,#7B61FF)}
 .snav-l{opacity:0;transition:opacity .12s}
 .snav:hover .snav-l,.snav:focus-within .snav-l{opacity:1}
 .snav-a.is-sep{margin-top:12px;position:relative}.snav-a.is-sep::before{content:"";position:absolute;left:14px;right:14px;top:-7px;border-top:1px solid var(--line)}
 .tnav,.tsheet{display:none!important}
}
@media(max-width:1000px){
 .snav{display:none}
 body.has-side{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .tnav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;height:calc(62px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
 .tnav-a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--ink-soft);font:inherit;font-size:11.5px;font-weight:600;text-decoration:none!important;cursor:pointer}
 .tnav-a.on{color:var(--ink)}.tnav-a.on svg{stroke-width:2.5}
 .tnav-a[aria-expanded="true"]{color:#0E7C98}
 .tsheet{position:fixed;inset:0;z-index:55;background:rgba(17,24,38,.45);display:flex;align-items:flex-end}
 .tsheet[hidden]{display:none}
 .tsheet-in{width:100%;max-height:78vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:8px 14px calc(76px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px -20px rgba(0,0,0,.35);animation:tsheetUp .2s ease}
 @keyframes tsheetUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
 .tsheet-grab{display:block;width:44px;height:5px;margin:4px auto 10px;border-radius:3px;background:#D9DCE2}
 .tsh-a{display:flex;align-items:center;gap:16px;width:100%;min-height:52px;padding:0 10px;border:none;border-radius:12px;background:none;color:var(--ink);font:inherit;font-size:16.5px;text-align:left;text-decoration:none!important;cursor:pointer}
 .tsh-a:hover,.tsh-a:active{background:var(--mist)}.tsh-a.on{font-weight:700}
 .tsh-a.is-sep{margin-top:8px;border-top:1px solid var(--line);border-radius:0 0 12px 12px;padding-top:6px}
 body.has-side .ptoast{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
/* v674: Explore */
.xhead{margin:22px 0 14px}.xhead h1{font-family:Poppins,sans-serif;font-size:30px;margin:0 0 4px}.xhead p{margin:0;color:var(--ink-soft);font-size:16px}
.pgenrew{margin-top:12px}.pgenrew .plab{display:block;margin-bottom:6px}
.pgenrebox{position:relative;display:block}
.pgenre{display:block;width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:var(--ink);background:#fff;outline:none}
.pgenre::placeholder{font-weight:500;color:var(--ink-faint)}
.pgenrels{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(20,20,40,.16);padding:6px;max-height:300px;overflow-y:auto}
.pgenrels button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;border:0;background:none;border-radius:10px;padding:11px 12px;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.pgenrels button b{font-family:Poppins,sans-serif;font-size:16.5px;font-weight:600}
.pgenrels button small{font-size:13.5px;color:var(--ink-faint);white-space:nowrap}
.pgenrels button:hover,.pgenrels button.on{background:#FFF3E6}.pgenrels button.on b{color:#A4501B}
.pgenre:focus{border-color:#14A3C7}
/* v690: up to 3 genres, as chips above the field */
.pgenrechips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.pgenrechips:empty{display:none}
.pgchip{display:inline-flex;align-items:center;gap:7px;font:inherit;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(135deg,#E8742A,#B8452A);border:0;border-radius:999px;padding:7px 12px 7px 14px;cursor:pointer}
.pgchip span{font-size:18px;line-height:1;opacity:.85}
.plabs{font-weight:500;color:var(--ink-faint);font-size:.82em;margin-left:4px}
.pegenrew{margin:10px 0}
.xgenres{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:2px 0 10px;margin:0 0 4px;scrollbar-width:none}
.xgenres-l{flex:none;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-right:2px}
.xgenre{flex:none;padding:7px 14px;border-radius:999px;background:#FFF6EC;border:1px solid #F0D4B4;color:#A4501B;font-weight:600;font-size:14.5px;text-decoration:none!important}
.xgenre:hover{border-color:#D9965A}
.xgenre.on{background:linear-gradient(135deg,#E8742A,#B8452A);border-color:#B8452A;color:#fff}
.xtabs{display:flex;gap:6px;margin:0 0 14px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line);overflow-x:auto}
.xtabs a{flex:1;text-align:center;padding:9px 14px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink-soft);text-decoration:none!important;white-space:nowrap}
.xtabs a.on{background:var(--gold-soft);color:#B07A12}
.xtags{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin:0 0 6px;scrollbar-width:none}
.xtag{flex:none;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#5B47D6;font-weight:600;font-size:14.5px;text-decoration:none!important}
.xtag:hover{border-color:#B9AEF5}.xtag.on{background:#5B47D6;border-color:#5B47D6;color:#fff}
.xsec{margin:6px 0 26px}
.xsec-h{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
.xsec-h h2{font-family:Poppins,sans-serif;font-size:20px;margin:0}
.xsec-h a{font-weight:600;font-size:15px;color:#0E7C98;text-decoration:none!important}
.pgi-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;opacity:.88}
.pgi-video .pgi-t,.pgi-photo .pgi-t{position:absolute}
.plcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plcard{display:block;text-decoration:none!important;color:var(--ink)}
.plcard-img{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1FA971,#14A3C7 50%,#7B61FF);box-shadow:0 10px 24px -14px rgba(20,30,60,.45)}
.plcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.plcard:hover .plcard-img img{transform:scale(1.04)}
.plcard-n{position:absolute;left:8px;top:8px;padding:4px 10px;border-radius:999px;background:rgba(15,23,36,.6);color:#fff;font-size:12.5px;font-weight:600;backdrop-filter:blur(6px)}
.plcard-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF);box-shadow:0 8px 20px -6px rgba(20,163,199,.7);opacity:0;transform:translateY(6px);transition:all .2s}
.plcard:hover .plcard-play{opacity:1;transform:none}
.plcard-img{container-type:inline-size}
.plcard-img:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,rgba(10,10,20,0),rgba(10,10,20,.72));pointer-events:none}
/* v682: name, creator and "3 Items 3:41" on the cover, all on one left edge */
.plcard-ov{position:absolute;z-index:1;left:7%;right:7%;bottom:7%;display:flex;flex-direction:column;gap:5cqi;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.plcard-nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(18px,12cqi,42px);line-height:1;letter-spacing:-.03em;padding-bottom:.06em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.35);text-wrap:balance;overflow-wrap:normal}
.plcard-nm.is-long{font-size:clamp(16px,9cqi,32px)}
.plcard-who{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:3.4cqi;align-items:center}
.plcard-who>img{grid-row:1 / span 2;width:clamp(26px,12cqi,44px);height:clamp(26px,12cqi,44px);border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.9);background:rgba(255,255,255,.2)}
.plcard-wt{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.plcard-wt b{font-size:clamp(12.5px,5.4cqi,17px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plcard-wt small{font-size:clamp(11.5px,4.8cqi,15px);opacity:.92;font-variant-numeric:tabular-nums;white-space:nowrap}
.plcard-play{z-index:2;bottom:auto;top:10px}
.plcard-tx{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.plcard-tx b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plcard-tx small{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-faint)}.plcard-tx small img{width:20px;height:20px;border-radius:50%;object-fit:cover}
@media(hover:none){.plcard-play{opacity:1;transform:none}}
@media(max-width:640px){.xhead h1{font-size:26px}.plcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xtabs a{padding:9px 8px;font-size:14px}.pgi-t small{font-size:11px}}
.pgrid.is-square .pgi{aspect-ratio:1/1}
/* v675: Explore search; Trending Hashtags in the right column; My Account at the bottom of the rail */
.xsearch{position:relative;display:flex;align-items:center;margin:0 0 12px}
.xsearch svg{position:absolute;left:16px;color:var(--ink-faint);pointer-events:none}
.xsearch input{width:100%;height:50px;padding:0 44px 0 46px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:16px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
.xsearch input:focus{border-color:#9CD3E3;box-shadow:0 0 0 4px rgba(20,163,199,.12)}
.xsearch-x{position:absolute;right:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-soft);text-decoration:none!important;background:var(--mist)}
.xres{margin:-2px 4px 12px;color:var(--ink-soft);font-size:15px}
.rtags-l{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}
.rtags-l .xtag{font-size:14px;padding:6px 12px}
@media(min-width:1001px){.snav-a.is-bottom{margin-top:auto}}
/* v679: playlist hero like a music app. Before play: a small label, the name huge, then who made it, how many songs and how long.
   While a sound plays: Now Playing, the song title and the artist, sitting above the player. */
.plply-eye[hidden]{display:none!important}
.plply-eye{display:block;font-size:16px;font-weight:600;color:#fff;margin:0 0 2px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.plply .plply-stage .plply-hero .plply-tt{display:flex;align-items:flex-end;gap:12px;min-width:0}
/* v681: the creator photo on the left, the name and "3 Assets 2:54" stacked beside it on one left edge */
.plply .plply-hero .plply-who{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center;justify-content:start;margin-top:14px;color:#fff;font-size:16px;line-height:1.25;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.plply .plply-hero .plply-avl{grid-row:1 / span 2;grid-column:1;display:block;line-height:0}
.plply .plply-hero .plply-who .plply-art{grid-row:1;grid-column:2;align-self:end}
.plply .plply-hero .plply-who .plply-meta{grid-row:2;grid-column:2;align-self:start}
.plply .plply-hero .plply-who:has(.plply-meta[hidden]) .plply-art{grid-row:1 / span 2;align-self:center}
.plply .plply-hero .plply-av{width:46px;height:46px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.plply .plply-hero .plply-art{display:block!important;margin:0!important;font-size:17px!important;font-weight:700;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plply-meta{display:block;font-size:15.5px;opacity:.92;font-variant-numeric:tabular-nums}.plply-meta[hidden]{display:none}
.plply .plply-stage.is-cover .plply-hero{top:auto;left:30px;right:150px;bottom:28px;max-width:none}
.plply .plply-stage.is-cover .plply-hero .plply-song{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;overflow-wrap:normal;word-break:normal;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(46px,7.4vw,96px);line-height:1;letter-spacing:-.04em;padding-bottom:.06em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.plply .plply-stage.is-cover .plply-hero .plply-song.is-long{font-size:clamp(38px,5.6vw,72px)}
.plply .plply-stage.is-cover .plply-hero .plply-song.is-xlong{font-size:clamp(30px,4.2vw,52px);letter-spacing:-.025em}
.plply .plply-stage.is-cover .plply-hero:before{content:"";position:absolute;z-index:-1;left:-30px;right:-150px;bottom:-28px;height:calc(100% + 120px);background:linear-gradient(180deg,rgba(8,8,16,0),rgba(8,8,16,.6));pointer-events:none}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{top:76px;bottom:auto;left:30px;right:30px;max-width:none}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,56px);line-height:1.02;letter-spacing:-.03em;text-shadow:0 2px 22px rgba(0,0,0,.4)}
@media(max-width:640px){
.plply-eye{font-size:13.5px}
.plply .plply-stage.is-cover .plply-hero{left:16px;right:16px;bottom:16px}
.plply .plply-stage.is-cover .plply-hero .plply-song{font-size:clamp(34px,10.5vw,46px)}
.plply .plply-stage.is-cover .plply-hero .plply-song.is-long{font-size:clamp(28px,8.4vw,38px)}
.plply .plply-stage.is-cover .plply-hero .plply-song.is-xlong{font-size:24px}
.plply .plply-stage.is-cover .plply-hero .plply-who{padding-right:92px}
.plply .plply-hero .plply-heroed{display:none!important}
.plply .plply-hero .plply-who{margin-top:10px;column-gap:10px}.plply .plply-hero .plply-art{font-size:15px!important}.plply-meta{font-size:14px!important}
.plply .plply-hero .plply-av{width:40px;height:40px}
.plply .plply-stage.is-cover .plply-hero:before{left:-16px;right:-16px;bottom:-16px}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{top:14px;left:16px;right:70px}
.plply .plply-stage.is-aud:not(.is-cover) .plply-eye{display:none}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song{font-size:22px;-webkit-line-clamp:1;letter-spacing:-.01em}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-who{margin-top:6px}.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-av{width:30px;height:30px}
}
/* v685: while a sound plays on a playlist, the picture is dimmed and shaded on the left and bottom so the title, artist and bars read clearly */
.plply .plply-stage.is-aud:not(.is-cover) .plply-cov{filter:brightness(.68) saturate(1.08);transition:filter .4s}
.plply .plply-stage.is-aud:not(.is-cover)::after{background:linear-gradient(90deg,rgba(8,10,20,.62) 0%,rgba(8,10,20,.28) 50%,rgba(8,10,20,0) 78%),linear-gradient(to top,rgba(8,10,20,.8) 0%,rgba(8,10,20,.22) 42%,rgba(8,10,20,0) 62%),linear-gradient(to bottom,rgba(8,10,20,.45),rgba(8,10,20,0) 30%)}
/* v685: slimmer, shorter sound bars everywhere (feed, post pages, playlist) */
/* v686: thinner and closer together, centered */
.pplayer .pviz.pviz,.plply-stage .pviz.pviz{left:12%;right:12%;height:11%;gap:3px;justify-content:center;opacity:.92}
.pviz.pviz i{flex:0 0 2.5px;width:2.5px;max-width:2.5px;border-radius:2px;box-shadow:none}
/* v689: once sized in the browser, the bars run the full width of the song bar */
.pplayer .pviz.pviz.fit,.plply-stage .pviz.pviz.fit{justify-content:space-between;gap:0}
@media(max-width:640px){.pplayer .pviz.pviz,.plply-stage .pviz.pviz{left:8%;right:8%;height:9%;gap:2.5px}.pviz.pviz i{flex-basis:2px;width:2px;max-width:2px}}
/* v689: after opening from Explore, if the browser wants a tap before sound, the play button calls for it */
.plply-big.is-call{animation:plcall 1.3s ease-in-out infinite}
@keyframes plcall{0%,100%{box-shadow:0 0 0 0 rgba(20,163,199,.55),0 10px 26px -8px rgba(20,163,199,.7)}60%{box-shadow:0 0 0 18px rgba(20,163,199,0),0 10px 26px -8px rgba(20,163,199,.7)}}
/* v690: the playlist picture is shaded only toward the bottom, with a light mist and soft blur along the top; no sound bars on the picture before play */
.plply .plply-stage::after,.plply .plply-stage:not(.is-cover)::after,.plply .plply-stage.is-aud:not(.is-cover)::after{background:linear-gradient(to top,rgba(8,10,20,.82) 0%,rgba(8,10,20,.4) 30%,rgba(8,10,20,0) 58%)}
.plply .plply-stage.is-aud:not(.is-cover) .plply-cov{filter:none}
.plply .plply-stage::before{content:"";position:absolute;left:0;right:0;top:0;height:34%;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(7px) saturate(1.05);backdrop-filter:blur(7px) saturate(1.05);background:linear-gradient(to bottom,rgba(255,255,255,.18),rgba(255,255,255,0));-webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent);mask-image:linear-gradient(to bottom,#000 35%,transparent)}
.plply .plply-stage.is-aud:not(.is-cover)::before{height:58%}
.plply .plply-stage.is-cover .pviz.pviz{opacity:0!important}
/* the shadow is a filter, so the boxes that crop long titles don't show as dark rectangles */
.plply .plply-stage .plply-hero .plply-song,.plply .plply-stage .plply-hero .plply-art,.plply .plply-stage .plply-hero .plply-meta,.plply .plply-stage .plply-eye{text-shadow:none!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5)) drop-shadow(0 1px 2px rgba(0,0,0,.35))}
/* v691: the player bar is tinted with the song picture's own color (set by AUD_JS); warm brown when the photo is gray */
.pplayer.is-tinted .pctl,.plply-stage.is-tinted .pctl{background:linear-gradient(120deg,var(--pc1),var(--pc2));border-color:rgba(255,255,255,.18);transition:background .6s ease}
/* v691: long song titles get smaller while playing, so they don't crowd the artist and the bars */
@media(min-width:641px){.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long{font-size:clamp(28px,3.6vw,46px)}.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{font-size:clamp(24px,3vw,38px)}}
/* v692: the top of the playlist picture is frosted (a light white haze), not blurred; videos get no frost and no sound bars */
.plply .plply-stage::before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.1) 55%,rgba(255,255,255,0))!important}
.plply .plply-stage:not(.is-aud):not(.is-cover)::before{display:none}
.plply .plply-stage:not(.is-aud):not(.is-cover) .pviz.pviz{display:none!important}
/* v693: Sunset play buttons (orange, pink, purple) everywhere: feed, post pages, playlists and Explore cards */
.pplayer .pctl .pctl-play,.plply-stage .pctl .pctl-play,.plply .plply-big,.plcard .plcard-play{background:linear-gradient(135deg,#FFB547,#FF5E7E 52%,#8B5CF6)!important;box-shadow:0 8px 22px -6px rgba(255,94,126,.6)!important}
.plply .plply-big.is-call{animation:plcall2 1.3s ease-in-out infinite}
@keyframes plcall2{0%,100%{box-shadow:0 0 0 0 rgba(255,94,126,.55),0 8px 22px -6px rgba(255,94,126,.6)}60%{box-shadow:0 0 0 18px rgba(255,94,126,0),0 8px 22px -6px rgba(255,94,126,.6)}}
/* v694: the song now playing: the artist's photo on the left, with Now Playing, the song (smaller) and the artist tucked beside it. The playlist look before play is unchanged. */
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:18px;row-gap:2px;align-items:center;align-content:start;right:30px}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-who{display:contents}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-avl{grid-column:1;grid-row:1 / span 3;align-self:center}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-av{width:76px;height:76px;box-shadow:0 0 0 2px rgba(255,255,255,.92),0 8px 22px rgba(0,0,0,.35)}
.plply .plply-stage.is-aud:not(.is-cover) .plply-eye{grid-column:2;grid-row:1;margin:0;font-size:14px;letter-spacing:.02em;opacity:.95}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-tt{grid-column:2;grid-row:2;min-width:0}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{font-size:clamp(24px,2.7vw,36px)!important;line-height:1.1;letter-spacing:-.02em;-webkit-line-clamp:2}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-art{grid-column:2;grid-row:3;margin-top:2px!important;font-size:17px!important;font-weight:600;opacity:.95}
@media(max-width:640px){
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{column-gap:12px;right:64px}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-av{width:48px;height:48px}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{font-size:19px!important;-webkit-line-clamp:1}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-art{font-size:14px!important}
}
/* v695: the song bar (progress) in the play button's Sunset colors */
.pctl .pctl-seek{background:linear-gradient(90deg,#FFB547,#FF5E7E 55%,#8B5CF6) 0 50%/var(--p,0%) 100% no-repeat,rgba(255,255,255,.35)}
.pctl .pctl-seek::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 10px rgba(255,94,126,.7)}
/* v695: the song now playing: the title always on one line (... when it's longer), and the title and artist centered on the artist's photo */
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{grid-template-rows:1fr auto auto auto 1fr;row-gap:0}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-avl{grid-row:1 / 6}
.plply .plply-stage.is-aud:not(.is-cover) .plply-eye{grid-row:2}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-tt{grid-row:3}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-art{grid-row:4}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{display:block!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;max-width:100%;padding-bottom:.08em}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-tt{display:block!important}
/* v697: the player controls hide while playing when the pointer is off the player (desktop) or until a tap (phones) */
.pplayer .pctl{transition:opacity .35s ease}
@media(hover:hover){.pplayer.is-playing:not(:hover) .pctl{opacity:0;pointer-events:none}}
@media(hover:none){.pplayer.is-playing:not(.show-ctl) .pctl{opacity:0}}
/* v697: the song now playing sits higher; NOW PLAYING is a small spaced label */
@media(min-width:641px){.plply .plply-stage.is-aud:not(.is-cover) .plply-hero{top:34px}}
.plply .plply-stage.is-aud:not(.is-cover) .plply-eye{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;font-weight:700}
/* v697: playlist pictures show more of their top (faces aren't cut off) */
.plply-cov{object-position:50% 18%}
/* v698: full screen and picture in picture */
.pplayer:fullscreen,.plply-stage:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#0B0E16}
.pplayer:fullscreen>img.pmedia,.plply-stage:fullscreen .plply-cov{object-fit:cover}
.pplayer:fullscreen video,.plply-stage:fullscreen video{object-fit:contain;background:#000}
.pctl-pip[hidden],.pctl-full[hidden]{display:none!important}
.pctl-full.on{color:#FFB547}
.pipph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;border-radius:18px;background:linear-gradient(135deg,#2A1E2E,#1A1420);color:#fff;font-size:16px;text-align:center}
.pipph button{font:inherit;font-weight:700;font-size:15px;color:#fff;border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,#FFB547,#FF5E7E 52%,#8B5CF6);cursor:pointer}
/* v698: phones: no picture in picture button (phones float videos on their own when you leave the app), and a tighter row so full screen fits */
@media(max-width:640px){.pplayer .pctl-pip{display:none!important}.pplayer .pctl-mid{gap:0}.pplayer .pctl-mid button{width:30px;height:30px}.pplayer .pctl-btns{gap:4px}.pplayer .pctl-side .pctl-sb{padding:0 2px}}
/* v699: videos are never cropped while playing, on their own page or in a playlist: the whole video shows, with a blurred copy of its picture filling the sides */
.pvid{position:relative;overflow:hidden;background:#0B0E16}
.pvid .pvbg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) brightness(.55) saturate(1.2);z-index:0;pointer-events:none}
.pvid video{position:relative;z-index:1}
.pvid.is-playing video,.pdetail .pvid video,.pvid:fullscreen video{object-fit:contain!important;background:transparent!important}
@media(max-width:640px){.pdetail .pv-reel video{aspect-ratio:var(--vr)!important;max-height:80vh;margin:0 auto}}
@media(min-width:641px){.pdetail .pv-reel video{max-height:80vh}}
.plply .plply-stage:not(.is-aud):not(.is-cover) .plply-cov{filter:blur(30px) brightness(.5) saturate(1.2)!important;transform:scale(1.15);z-index:0}
.plply .plply-stage:not(.is-aud):not(.is-cover) video{object-fit:contain!important;background:transparent!important;z-index:1}
/* v699: the player's Share button looks like the site's other Share buttons */
.pctl .pctl-share{display:inline-flex;align-items:center;gap:6px;width:auto!important;height:36px;padding:0 10px!important;border-radius:999px!important;background:none!important;box-shadow:none!important;color:rgba(255,255,255,.88);font:inherit}
.pctl .pctl-share em{font-style:normal;font-size:15px;font-weight:500}
.pctl .pctl-share:hover{background:rgba(255,255,255,.12)!important;color:#fff}
.pctl .pctl-share:focus{outline:none}.pctl .pctl-share:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}
@media(max-width:640px){.pctl .pctl-share em{display:none}.pctl .pctl-share{padding:0 6px!important}}
/* v699: desktop: views and likes on the left, the controls together in the middle, Share on the right, without crowding */
@media(min-width:641px){.pplayer .pl-btns{grid-template-columns:1fr auto 1fr!important;column-gap:12px}.pplayer .pl-btns .pctl-mid{justify-content:center;gap:6px}.pplayer .pl-btns .pctl-side{min-width:0}.pplayer .pl-btns .pctl-r{justify-content:flex-end}}
/* v702: the ask box has an emoji button next to the Spark, with room above them */
.askw{position:relative;flex:1;min-width:0}
.askw textarea{width:100%;display:block}
.post:not(.compact) .askw textarea,.post.compact:focus-within .askw textarea,.post.compact.has-text .askw textarea{padding-bottom:52px!important;box-sizing:border-box}
.post.compact:focus-within .askw textarea,.post.compact.has-text .askw textarea{height:128px}
.askw .askemo{right:4px;bottom:4px}
.post.compact:not(:focus-within):not(.has-text) .askemo{display:none}
.askemos{margin-top:10px}
/* v702: the song now playing is a little smaller: photo, title and artist */
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-av{width:60px!important;height:60px!important}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{font-size:clamp(20px,2.1vw,28px)!important}
.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-art{font-size:15px!important}
.plply .plply-stage.is-aud:not(.is-cover) .plply-eye{font-size:11.5px}
@media(max-width:640px){.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-av{width:42px!important;height:42px!important}.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-long,.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-song.is-xlong{font-size:17px!important}.plply .plply-stage.is-aud:not(.is-cover) .plply-hero .plply-art{font-size:13px!important}}
/* v702: the playlist and player Share buttons open the site's share menu */
.plply-act.qshare{cursor:pointer}
/* v704: closed compact ask box, the Spark sits centered on the one-line box */
.post.compact:not(:focus-within):not(.has-text) .askw .spkauto{top:50%!important;bottom:auto!important;margin-top:-18px}
/* v704: video cover picker in the composer */
.pvcov{margin:12px 0 4px}
.pvcov-h{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}
.pvcov-h b{font-size:15.5px;color:var(--ink)}
.pvcov-h small{font-size:13.5px;color:var(--ink-faint)}
.pvcov-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:6px}
.pvcf,.pvcup{height:100px;width:100%;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#0d1320;border:0;position:relative}
.pvcf img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .15s}
.pvcf:hover img{opacity:1}
.pvcf.on{box-shadow:0 0 0 3px #fff,0 0 0 5.5px #F7A531}
.pvcf.on img{opacity:1}
.pvcmine span{position:absolute;left:0;right:0;bottom:0;padding:14px 0 6px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.pvcup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#F2FAFC;border:1.5px dashed #9CD3E3;color:#14A3C7;font:inherit;font-size:12.5px;font-weight:600;line-height:1.2;padding:0 4px;text-align:center}
.pvcup:hover{background:#E6F5FA}
@media (max-width:640px){.pvcov-row{gap:7px;padding:5px}.pvcf,.pvcup{height:80px;border-radius:10px}.pvcup svg{width:20px;height:20px}.pvcup{font-size:11.5px}}
/* v709: trim a video in the composer */
.pvtrim{margin:12px 0 4px}
.pvtr{--s:0%;--e:100%;position:relative;height:64px;margin:0 14px;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
.pvtr-strip{position:absolute;inset:0;display:flex;border-radius:12px;overflow:hidden;background:#0d1320}
.pvtr-strip img{flex:1;min-width:0;width:auto!important;height:100%!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:cover;display:block;pointer-events:none}
.pvtr-dim{position:absolute;top:0;bottom:0;background:rgba(10,14,28,.62);pointer-events:none}
.pvtr-dl{left:0;width:var(--s);border-radius:12px 0 0 12px}
.pvtr-dr{left:var(--e);right:0;border-radius:0 12px 12px 0}
.pvtr-box{position:absolute;top:-3px;bottom:-3px;left:var(--s);width:calc(var(--e) - var(--s));border:3px solid #F7A531;border-radius:10px;box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.pvtr-ph{position:absolute;top:2px;bottom:2px;left:0;width:2px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.6);pointer-events:none}
.pvtr-h{position:absolute;top:-3px;bottom:-3px;width:22px;padding:0;border:0;background:#F7A531;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center}
.pvtr-h::after{content:'';width:3px;height:22px;border-radius:2px;background:rgba(255,255,255,.95)}
.pvtr-hs{left:var(--s);margin-left:-22px;border-radius:10px 0 0 10px}
.pvtr-he{left:var(--e);border-radius:0 10px 10px 0}
.pvtr-h:focus-visible{outline:2px solid #14A3C7;outline-offset:2px}
.pvtr-h.drag{background:#F0506E}
.pvtr-note{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--ink-faint);min-height:1.4em}
@media (max-width:640px){.pvtr{height:56px}.pvtr-h{width:24px}.pvtr-hs{margin-left:-24px}.pvtr-note{font-size:13.5px}}
/* v713: now playing: the artist photo in the top-left corner, "Now Playing", the title and the artist beside it, all smaller */
.plply-stage:not(.is-cover) .plply-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;column-gap:10px;align-items:center;top:12px!important;left:12px!important;bottom:auto!important;right:auto!important;max-width:min(60%,420px)!important}
.plply-stage:not(.is-cover) .plply-hero .plply-who{display:contents!important}
.plply-stage:not(.is-cover) .plply-hero .plply-avl{grid-column:1!important;grid-row:2 / span 2!important;align-self:center!important;margin:0!important}
.plply-stage:not(.is-cover) .plply-hero .plply-av{width:44px!important;height:44px!important;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 4px 12px rgba(0,0,0,.3)!important}
.plply-stage:not(.is-cover) .plply-hero .plply-eye{grid-column:1 / -1!important;grid-row:1!important;display:block;margin:0 0 6px!important;text-transform:uppercase;font-size:10.5px!important;font-weight:700;letter-spacing:.12em;line-height:1.2;opacity:.85}
.plply-stage:not(.is-cover) .plply-hero .plply-eye[hidden]{display:none}
.plply-stage:not(.is-cover) .plply-hero .plply-tt{grid-column:2!important;grid-row:2!important;align-self:end;min-width:0;display:flex!important;align-items:center;gap:6px;margin:0!important}
.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:15px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.plply-stage:not(.is-cover) .plply-hero .plply-art{grid-column:2!important;grid-row:3!important;align-self:start;margin:0!important;font-size:12.5px!important;font-weight:600;line-height:1.25;opacity:.92}
.plply-stage:not(.is-cover) .plply-hero .plply-meta{display:none!important}
@media(max-width:640px){.plply-stage:not(.is-cover) .plply-hero{top:10px!important;left:10px!important;max-width:calc(100% - 70px)!important;column-gap:8px}.plply-stage:not(.is-cover) .plply-hero .plply-av{width:38px!important;height:38px!important}.plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:14px!important}.plply-stage:not(.is-cover) .plply-hero .plply-eye{font-size:10px!important}.plply-stage:not(.is-cover) .plply-hero .plply-art{font-size:12px!important}}
/* v714: the same now playing rules, scoped to the player so older audio-player rules can't override them */
#plply .plply-stage:not(.is-cover) .plply-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;column-gap:10px;align-items:center;top:12px!important;left:12px!important;bottom:auto!important;right:auto!important;max-width:min(60%,420px)!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-who{display:contents!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-avl{grid-column:1!important;grid-row:2 / span 2!important;align-self:center!important;margin:0!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-av{width:44px!important;height:44px!important;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 4px 12px rgba(0,0,0,.3)!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-eye{grid-column:1 / -1!important;grid-row:1!important;display:block;margin:0 0 6px!important;text-transform:uppercase;font-size:10.5px!important;font-weight:700;letter-spacing:.12em;line-height:1.2;opacity:.85}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-eye[hidden]{display:none}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-tt{grid-column:2!important;grid-row:2!important;align-self:end;min-width:0;display:flex!important;align-items:center;gap:6px;margin:0!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:15px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-art{grid-column:2!important;grid-row:3!important;align-self:start;margin:0!important;font-size:12.5px!important;font-weight:600;line-height:1.25;opacity:.92}
#plply .plply-stage:not(.is-cover) .plply-hero .plply-meta{display:none!important}
@media(max-width:640px){#plply .plply-stage:not(.is-cover) .plply-hero{top:10px!important;left:10px!important;max-width:calc(100% - 70px)!important;column-gap:8px}#plply .plply-stage:not(.is-cover) .plply-hero .plply-av{width:38px!important;height:38px!important}#plply .plply-stage:not(.is-cover) .plply-hero .plply-song{font-size:14px!important}#plply .plply-stage:not(.is-cover) .plply-hero .plply-eye{font-size:10px!important}#plply .plply-stage:not(.is-cover) .plply-hero .plply-art{font-size:12px!important}}
/* v713: the chosen cover shows in the composer's video preview until it plays */
.pvwrap{position:relative;line-height:0}
.pvposter{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d1320;border-radius:inherit;cursor:pointer;z-index:1}
.pvposter[hidden]{display:none}
.pvposter-tag{position:absolute;left:12px;top:12px;z-index:2;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12.5px/1.2 Inter,system-ui,sans-serif;pointer-events:none}
.pvposter-tag[hidden]{display:none}
/* v716: emoji search results in one grid */
.pcemo-grid.is-filter{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;align-content:start}
.pcemo-grid.is-filter .pcemo-set{display:contents}
.pcemo-none{grid-column:1 / -1;margin:16px 6px;font-size:15px;color:var(--ink-faint);line-height:1.4}
.pcemo-none[hidden]{display:none}
/* v718: profile tabs: on phones Posts is an icon, so Playlist fits */
.proftabs .ptab-ic{display:none;vertical-align:-5px}
@media(max-width:560px){.proftabs a.ptab-posts{flex:0 0 auto;padding-left:14px;padding-right:14px}.proftabs .ptab-ic{display:inline-block}.proftabs .ptab-l{display:none}.proftabs a{padding-left:11px;padding-right:11px}.proftabs a.ptab-posts{padding-left:10px;padding-right:10px}.proftabs{gap:0}}
@media(max-width:380px){.proftabs a{padding-left:8px;padding-right:8px;font-size:13.5px}}
/* v718: notes that pop up (toasts) in a warm brownish pink, not black; amounts in gold */
.ptoast{background:linear-gradient(135deg,#7A3F45 0%,#9B5458 50%,#A8694F 100%)!important;color:#fff!important;box-shadow:0 14px 34px -14px rgba(110,45,50,.65)!important}
.ptoast .tgold{color:#FFD86B;font-weight:800}
.ptoast.has-undo button{color:#FFD86B}
/* v718: the share box points to its Share button */
.pshpop::before{content:'';position:absolute;left:var(--ax,50%);width:14px;height:14px;margin-left:-7px;background:#fff;transform:rotate(45deg);border:1px solid var(--line);bottom:-8px;border-top:0;border-left:0}
.pshpop.is-below::before{top:-8px;bottom:auto;border:1px solid var(--line);border-right:0;border-bottom:0}
/* v722: playlists you like, under your own playlist */
.plliked{margin-top:26px}
.plliked .xsec-h h2{font:700 21px Poppins,Inter,system-ui,sans-serif;margin:0 0 12px}
/* v723/v724: phones: the star bubble always sits in its soft round background; the chosen word tab keeps the original shaded pill */
@media(max-width:560px){
.proftabs a.ptab-posts{background:var(--gold-soft)!important;width:46px;height:46px;flex:0 0 46px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%}
.proftabs a.ptab-posts.on{box-shadow:0 0 0 2px #E9C98A}
.proftabs a:not(.ptab-posts){padding:9px 8px!important;flex:1 1 auto}
.proftabs{align-items:center}
}
/* v752: a little room between the progress bar and the player buttons */
.pctl .pctl-btns{margin-top:7px!important}
@media (max-width:640px){.pctl .pctl-btns{margin-top:6px!important}}
/* v752: My Gifts: the How gifts work card lines up with the top of the gifts bar */
@media(min-width:1001px){.rwrap:has(.gpage) > .rail{margin-top:6px}}
/* v754: full screen fills the screen with tall videos; on iPhone the player covers the screen itself (is-pfull) */
html.pfull-open,html.pfull-open body{overflow:hidden!important}
.pplayer.is-pfull{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;background:#000!important;transform:none!important}
.pplayer.is-pfull video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}
.pplayer.is-pfull .pctl{opacity:1}
.pplayer.is-tall:fullscreen video,.pplayer.is-tall.is-pfull video,.pvid.is-tall:fullscreen video{object-fit:cover!important}
/* v758: Messages: a thin line between conversations; previews stay on one line and end in … */
.dmlist .dmrow{border-radius:0;border-bottom:1px solid var(--line);margin:0 -8px;padding:12px 18px}
.dmlist .dmrow:last-child{border-bottom:0}
.dmlist .dmrow.on,.dmlist .dmrow:hover{border-radius:0}
/* v758: the featured question: third in the feed on phones (full width, like the posts), top of the right column on computers */
#pfeed > .featslot{margin:0 -22px 14px}
#pfeed > .featslot .featcard{margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}
.rail .featslot{margin:0 0 18px}
.rail .featslot .featcard{margin:0;padding:18px 18px 16px;box-shadow:none}
/* v759: on computers it fills the top of the right column, edge to edge, under its rounded corners */
/* v760: on phones it runs full width everywhere (Ask, Topics, Tools), like the posts on Home */
@media(max-width:1000px){.featslot,.rail .featslot{margin:14px -22px 14px}.featslot .featcard{margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}#pfeed > .featslot{margin:0 -22px 14px}}
@media(min-width:1001px){.rail .featslot{margin:-6px -10px 14px}.rail .featslot .featcard{border:0;border-bottom:1px solid var(--line);border-radius:19px 19px 0 0;padding:20px 20px 18px}}
.rail .featslot .feath{font-size:19px;line-height:1.3}
.rail .featslot .featv{font-size:15px}
/* v762: link preview cards in messages */
.dmcard{display:flex;gap:10px;align-items:stretch;margin:6px 0 0;max-width:min(320px,84%);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none!important;color:var(--ink)!important}
.dmmsg.mine .dmcard{margin-left:auto}
.dmb[hidden]{display:none}
.dmcimg{flex:none;width:84px;min-height:84px;background:#EEF1F5 center/cover no-repeat}
.dmctx{display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px 0;min-width:0}
.dmcard:not(:has(.dmcimg)) .dmctx{padding-left:12px}
.dmctx b{font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dmctx small{font-size:13px;color:var(--ink-soft);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dmctx i{font-style:normal;font-size:12px;color:var(--ink-faint)}
/* v762: Share > Send in a message */
.pshdm{margin-top:6px}
.dmsh{position:fixed;inset:0;z-index:2147483000;background:rgba(17,24,38,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.dmsh-box{width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:16px 16px 10px;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.dmsh-hd{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.dmsh-hd b{font:600 19px Poppins,Inter,system-ui,sans-serif}
.dmsh-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--mist);font-size:22px;line-height:1;cursor:pointer}
.dmsh-q,.dmsh-note{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;margin:0 0 8px;background:#fff}
.dmsh-note{resize:none}
.dmsh-list{overflow:auto;min-height:80px;margin:4px -6px 0}
.dmsh-row{display:flex;align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid var(--line)}.dmsh-row:last-child{border-bottom:0}
.dmsh-row img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.dmsh-row span{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmsh-send{border:0;border-radius:999px;padding:8px 16px;font:600 14px Inter,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#1FA971,#14A3C7 55%,#7B61FF);cursor:pointer}
.dmsh-send.is-sent{background:var(--mist);color:var(--ink-soft)}
.dmsh-empty{color:var(--ink-faint);font-size:14.5px;padding:14px 6px;text-align:center}
@media (max-width:640px){.dmsh{align-items:flex-end;padding:0}.dmsh-box{max-width:none;border-radius:22px 22px 0 0;max-height:85dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
/* v763: Quote, by the Caption label, and the card styles under the picture */
.pqchk{margin-left:auto;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);padding:6px 12px 6px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;user-select:none;-webkit-user-select:none;transition:border-color .15s,background .15s}
.pqchk:hover{border-color:#9ED6E4}
.pqchk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pqchk i{width:22px;height:22px;border-radius:7px;border:2px solid #A9B4C2;background:#fff;display:grid;place-items:center;transition:all .15s;flex:none}
.pqchk i::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.6px 2.6px 0;transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .15s}
.pqchk input:checked+i{border-color:transparent;background:linear-gradient(135deg,#14A3C7,#5B7BF0)}
.pqchk input:checked+i::after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}
.pqchk:has(input:checked){border-color:#9ED6E4;background:#F1FAFD}
.pqchk input:focus-visible+i{outline:2px solid #14A3C7;outline-offset:2px}
.pqsty{display:flex;gap:8px;justify-content:center;margin:12px 0 2px;flex-wrap:wrap}
.pqsty button{border:1px solid var(--line);background:#fff;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-soft);padding:8px 16px;border-radius:999px;cursor:pointer}
.pqsty button.on{border-color:transparent;color:#fff;background:linear-gradient(135deg,#14A3C7,#5B7BF0)}
.pqfont{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;margin:6px 0 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.pqfont::-webkit-scrollbar{display:none}
.pqfont button{flex:none;scroll-snap-align:center;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:17px;line-height:1.1;padding:9px 16px;border-radius:14px;cursor:pointer;white-space:nowrap}
.pqfont button.on{border-color:#14A3C7;box-shadow:0 0 0 2px #14A3C7 inset;background:#F1FAFD}
.pqfont .pqshuf{display:grid;place-items:center;padding:9px 12px;color:#0E8FB0}
.pqdes button{min-width:92px;text-align:center;border-color:rgba(0,0,0,.08)}
.pqdes button.on{border-color:#fff;box-shadow:0 0 0 3px #14A3C7}
.pqdes .pqshuf{min-width:0}
.pqdes .pqdph{display:flex;align-items:center;gap:6px;min-width:0;background:#fff;color:#0E8FB0;font:inherit;font-size:14.5px;font-weight:600}
@media(max-width:480px){.pqsty{gap:6px}.pqsty button{padding:7px 11px;font-size:13.5px}}
/* v779: a conversation's card shows its newest follow-up */
.card .ans.fulist{display:flex;flex-direction:column;gap:4px;-webkit-line-clamp:unset;overflow:visible;margin-top:2px}
.card .fuq{display:flex;align-items:flex-start;gap:8px;color:var(--ink);font-weight:500;font-size:16px;line-height:1.45;min-width:0}
.card .fuq svg{flex:0 0 auto;margin-top:4px;color:var(--fuc,#6A4FF0)}
.card .fuq span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card .fuq[data-go]{cursor:pointer}
.card .fuq[data-go]:hover span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--fuc,#6A4FF0)}
.card .fumore{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:2px 0;color:#6A4FF0;cursor:pointer;font-size:14.5px;font-weight:600}
.card .fumore:hover{color:#4B32D6}
.card .fumore svg{flex:0 0 auto}
.card .fumore:has(.fuarr){gap:8px;margin-left:-2px}
.card .fuarr{flex:0 0 96px;height:13px;margin:0 2px 9px 2px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-bottom-left-radius:7px;position:relative}
.card .fuarr::after{content:'';position:absolute;right:0;bottom:-4.5px;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.card .fumore .fumtx{white-space:nowrap}
@media (max-width:640px){.card .fumore:has(.fuarr){gap:6px}.card .fuarr{flex-basis:40px}}
.pqhint{margin:10px 4px 0;text-align:center;font-size:14px;color:var(--ink-soft)}

/* v766: dialogs that need a word typed first */
.pdlgtyp{font-size:15px;color:var(--ink-soft);margin:2px 0 8px;text-align:center}.pdlgtyp b{color:#D92D20;letter-spacing:.06em}
.pdlg.is-danger .pdlgin{text-align:center;letter-spacing:.08em;font-weight:600}.pdlg.is-danger .pdlgin:focus{border-color:#F0A39C;box-shadow:0 0 0 3px rgba(217,45,32,.12)}
.pdlgb button:disabled{opacity:.4;cursor:not-allowed}
/* v767: photo carousels */
.pcar .pcar-tr{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.pcar .pcar-tr::-webkit-scrollbar{display:none}
.pcar-s{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.pcar-s a{display:block}
.pcar img.pmedia{display:block;width:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.pcar img.pmedia,.pdetail .pcar img.pmedia{height:auto;max-height:none;object-fit:cover;object-position:center 35%}
.pcar-n{position:absolute;top:12px;right:12px;background:rgba(17,24,38,.62);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;pointer-events:none;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pcar-b{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px -2px rgba(17,24,38,.35);opacity:0;transition:opacity .15s}
.pcar-b[hidden]{display:none}.pcar:hover .pcar-b,.pcar-b:focus-visible{opacity:1}
.pcar-p{left:12px}.pcar-p svg{transform:rotate(90deg)}.pcar-nx{right:12px}.pcar-nx svg{transform:rotate(-90deg)}
.pcar-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.pcar-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 3px rgba(0,0,0,.35);transition:all .2s}.pcar-dots i.on{background:#fff;transform:scale(1.2)}
@media (hover:none){.pcar-b{display:none}}
/* v767: the composer's row of photos for a multi-photo post */
.pstrip{margin:10px 0 0}
.pst-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.pst-row::-webkit-scrollbar{display:none}
.pst-t{position:relative;flex:none;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--mist);box-shadow:0 0 0 1px var(--line) inset}
.pst-t img{width:100%;height:100%;object-fit:cover;display:block}
.pst-t b{position:absolute;left:5px;bottom:5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(17,24,38,.66);color:#fff;font-size:12px;line-height:20px;text-align:center}
.pst-1{box-shadow:0 0 0 2px #14A3C7}
.pst-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(17,24,38,.7);color:#fff;font-size:17px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.pst-add{flex:none;width:72px;height:72px;border-radius:12px;border:2px dashed #9ED6E4;background:#F1FAFD;color:#0E8FB0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;font:inherit}
.pst-add span{font-size:26px;line-height:1;font-weight:500}.pst-add small{font-size:12.5px;font-weight:600}
.pst-n{font-size:13.5px;color:var(--ink-faint);margin:6px 2px 0}
/* v770: Admin > Posts, what was held and what was decided */
.padm-note{font-size:14px;color:var(--ink-faint);margin:-4px 0 10px}
.padm-was{font-size:14px!important;color:#8A5A00;background:#FDF5E4;border-radius:10px;padding:6px 10px;display:inline-block}
.padm-dec{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.03em;padding:3px 10px;border-radius:999px;margin-right:4px;vertical-align:1px}
.padm-dec.is-ok{background:#E7F6EE;color:#1E7F5C}.padm-dec.is-no{background:#FDECEA;color:#B42318}
.padm-clip{color:var(--ink-soft)}
.padm-th{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block}
.padm-rv .padm-acts{align-items:center;align-self:flex-start}.padm-rv .padm-acts .pmore{align-self:center;height:auto}