/* Jason's Place welcome (founder 2026-10-21 4:54 PM PT, vivid): friendly and warm, between the sunny and concierge versions.
   Speech-style card with a coloured accent per speaker (--acc), photo portraits, friends pop in as they speak, three glowing
   choices, skip, welcome back, sound off by default. No confetti, emoji or bobbing; reduced motion shows everything at once. */
.jpwel-dlg{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:flex;justify-content:center;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none}
.jpwel-dlg[hidden]{display:none}
.jpwel-card{--acc:#ff2e88;pointer-events:auto;position:relative;width:min(520px,100%);border-radius:24px;padding:16px 18px 16px;background:linear-gradient(160deg,#ffffff,#fff4ec);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 60%,transparent),0 0 34px color-mix(in srgb,var(--acc) 30%,transparent),0 24px 60px rgba(28,15,51,.32);color:#24163a;font-family:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;transition:box-shadow .5s ease}
.jpwel-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,#ff2e88,#ff6a3d,#ffb020,#00d1c1)}
.jpwel-dlg.jpwel-in .jpwel-card{animation:jpwFade .6s ease both}
@keyframes jpwFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.jpwel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}
.jpwel-eyebrow{font:800 15px/1 "Bricolage Grotesque","Inter",system-ui,sans-serif;background:linear-gradient(90deg,#ff2e88,#ff6a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.jpwel-tools{display:flex;gap:6px;flex:0 0 auto}
.jpwel-tool{border:1.5px solid rgba(36,22,58,.14);border-radius:999px;padding:7px 12px;font:700 12px/1 "Inter",system-ui,sans-serif;background:#fff;color:#5b4d6e;cursor:pointer;min-height:34px;transition:border-color .25s ease,color .25s ease}
.jpwel-tool:hover{border-color:var(--acc);color:#24163a}
.jpwel-tool:focus-visible,.jpwel-choice:focus-visible,.jpwel-next:focus-visible,.jpwel-bubble:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.jpwel-row{display:flex;gap:12px;align-items:flex-end}
.jpwel-pop{animation:jpwPop .45s ease both}
@keyframes jpwPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jpwel-host{flex:0 0 auto;width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--acc),0 0 22px color-mix(in srgb,var(--acc) 50%,transparent);transition:box-shadow .4s ease}
.jpwel-bubble{position:relative;flex:1;min-height:60px;cursor:pointer;background:#fff;border-radius:18px 18px 18px 6px;padding:11px 14px 12px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--acc) 45%,transparent),0 8px 20px rgba(36,22,58,.08);border-left:5px solid var(--acc);transition:border-color .4s ease,box-shadow .4s ease}
.jpwel-who{display:block;font:800 13px/1 "Bricolage Grotesque","Inter",system-ui,sans-serif;color:var(--acc);filter:brightness(.85);margin:0 0 6px}
.jpwel-bubble>span:nth-child(2){display:block;font:600 18px/1.35 "Inter",system-ui,sans-serif;color:#1c0f33;transition:opacity .45s ease}
.jpwel-caret{display:none!important}
.jpwel-friends{display:flex;flex-wrap:wrap;gap:6px 8px;margin:14px 0 0}
.jpwel-friends span{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px rgba(36,22,58,.10);font:700 12px/1 "Inter",system-ui,sans-serif;color:#5b4d6e;opacity:.35;transform:scale(.92);transition:opacity .45s ease,transform .45s ease,box-shadow .45s ease}
.jpwel-friends span.on{opacity:1;transform:none;box-shadow:0 0 0 1.5px rgba(255,46,136,.35),0 4px 12px rgba(255,46,136,.14);color:#24163a}
.jpwel-friends img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.jpwel-next{display:block;margin:12px 0 0 auto;border:0;border-radius:999px;background:var(--acc);color:#fff;font:800 14px/1 "Bricolage Grotesque","Inter",system-ui,sans-serif;cursor:pointer;padding:11px 18px;min-height:40px;box-shadow:0 6px 16px color-mix(in srgb,var(--acc) 40%,transparent);transition:transform .2s ease,background-color .4s ease}
.jpwel-next::after{content:" \2192"}
.jpwel-next:hover{transform:translateY(-2px)}
.jpwel-choices{display:grid;gap:8px;margin-top:14px}
.jpwel-choice{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:16px;padding:15px 18px;font:800 16.5px/1.2 "Bricolage Grotesque","Inter",system-ui,sans-serif;color:#fff;cursor:pointer;text-align:left;min-height:54px;transition:transform .25s ease,box-shadow .3s ease}
.jpwel-choice::after{content:"\2192";font-size:18px}
.jpwel-choice:hover{transform:translateY(-2px)}
.jpwel-c1{background:linear-gradient(135deg,#ff2e88,#ff6a3d);box-shadow:0 8px 20px rgba(255,46,136,.35)}
.jpwel-c2{background:linear-gradient(135deg,#00b8ad,#2f7bff);box-shadow:0 8px 20px rgba(0,184,173,.32)}
.jpwel-c3{background:linear-gradient(135deg,#ff8a1f,#ffb020);box-shadow:0 8px 20px rgba(255,138,31,.32)}
.jpwel-choices[hidden],.jpwel-next[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.jpwel-card,.jpwel-friends span,.jpwel-bubble>span,.jpwel-pop,.jpwel-choice,.jpwel-next{transition:none!important;animation:none!important}}
/* one concept (Oct 21): dark glass + gold, matching the mansion hall. Fun lives in the characters, not the UI. */
.jpwel-card{--acc:#f0c46a !important;background:linear-gradient(160deg,rgba(32,20,28,.94),rgba(18,11,16,.96)) !important;color:#f4ead8 !important;backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(240,196,106,.55),0 24px 60px rgba(0,0,0,.55) !important;font-family:"Nunito",system-ui,sans-serif !important}
.jpwel-card::before{background:linear-gradient(90deg,transparent,#f0c46a,transparent) !important;height:2px !important}
.jpwel-eyebrow{color:#f0c46a !important;font-family:"Fraunces",Georgia,serif !important}
.jpwel-tool{background:transparent !important;color:#f4ead8 !important;border-color:rgba(240,196,106,.45) !important}
.jpwel-host{box-shadow:0 0 0 2px #1b1218,0 0 0 4px #e8b65a,0 0 22px rgba(240,196,106,.45) !important}
.jpwel-bubble{background:rgba(255,244,226,.06) !important;box-shadow:inset 0 0 0 1px rgba(240,196,106,.35) !important}
.jpwel-who{color:#f0c46a !important;filter:none !important;font-family:"Fraunces",Georgia,serif !important}
.jpwel-bubble>span:nth-child(2){color:#fbf3e4 !important;font-family:"Fraunces",Georgia,serif !important;font-weight:600 !important}
.jpwel-friends span{background:rgba(255,244,226,.06) !important;color:#e9dcc6 !important;box-shadow:inset 0 0 0 1px rgba(240,196,106,.3) !important}
.jpwel-friends span.on{color:#fbe3a2 !important;box-shadow:inset 0 0 0 1px rgba(240,196,106,.8) !important}
.jpwel-next{background:linear-gradient(180deg,#fbe3a2,#e8b65a 45%,#b27a26) !important;color:#2a1606 !important;border-radius:12px !important}
.jpwel-choice{background:transparent !important;color:#fbf3e4 !important;border-radius:14px !important;box-shadow:inset 0 0 0 1px rgba(240,196,106,.5) !important;font-family:"Fraunces",Georgia,serif !important}
.jpwel-choice.jpwel-c1{background:linear-gradient(180deg,#fbe3a2,#e8b65a 45%,#b27a26) !important;color:#2a1606 !important}