/* MallowShare public launch — compact welcome story & unobtrusive maker identity */
html,body{max-width:100%;overflow-x:clip}
a:focus-visible,button:focus-visible{outline:3px solid #5da0f1;outline-offset:3px}
.artist-credit{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;font-weight:630;color:#6b7d93;letter-spacing:0;line-height:1.6}
.artist-credit a{color:#4580c9;font-weight:850;text-decoration:none;border-bottom:1px solid currentColor;text-underline-offset:3px}
.artist-credit a:hover{text-decoration:underline}
.credit-heart{color:#70eaec;font-size:13px}
.splash-credit{margin-top:11px;max-width:260px;text-align:center;display:flex;justify-content:center}
.splash-credit .artist-credit{color:#546e8d}
.splash-credit a{color:#427bc1}
.mallow-global-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,38px);flex-wrap:wrap;margin:28px auto 0;padding:26px 5%;border-top:1px solid #dee8f4;max-width:1260px;color:#6b798b}
.mallow-global-footer>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mallow-global-footer b{color:#324a68;font-size:14px;letter-spacing:-.03em}
.mallow-global-footer>div span{font-size:12px}
.mallow-global-footer>a{color:#4b80c0;text-decoration:none;font-weight:750;font-size:12px}
.room-artist-credit{display:inline-flex;margin-left:12px}
.room-artist-credit .artist-credit{font-size:11px}
body.dark .mallow-global-footer{border-color:#414e5f}
body.dark .mallow-global-footer b,body.dark .artist-credit{color:#d4e6fd}
body.dark .artist-credit a{color:#d1e5fe}

/* Backdrop always reveals the blurred homepage after splash. No horizontal scrollbar. */
.mallow-welcome{z-index:99990;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(10px,2.5vh,24px) clamp(10px,3vw,36px);background:rgba(19,42,69,.43);-webkit-backdrop-filter:blur(13px) saturate(.83);backdrop-filter:blur(13px) saturate(.83);isolation:isolate}
.mallow-welcome[hidden]{display:none!important}
body.welcome-open{overflow:hidden}
.welcome-aurora{display:none}
.welcome-shell{width:min(1040px,100%);max-height:calc(100dvh - clamp(20px,5vh,48px));height:auto;margin:0;display:flex;flex-direction:column;gap:clamp(12px,2.4vh,22px);padding:clamp(18px,3vw,30px);overflow:hidden;border-radius:clamp(20px,3vw,30px);background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,252,255,.985));border:1px solid #ffffffa8;box-shadow:0 35px 100px #10223977,0 0 0 1px #dee8f5}
.welcome-top{min-height:32px;flex:0 0 auto}
.welcome-brand{font-size:21px;gap:10px}
.welcome-brand img{width:34px;height:34px}
.welcome-counter{padding:9px 13px;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:8px;letter-spacing:.1em}
.welcome-counter-dot{display:block;width:6px;height:6px;border-radius:20px;background:#649fe7;box-shadow:0 0 0 4px #64a1eb1e}
.welcome-copy{flex:0 0 auto;margin:0;display:grid;justify-items:center;gap:8px;text-align:center}
.welcome-copy h2{font-size:clamp(30px,4.4vw,50px);max-width:none;letter-spacing:-.066em;margin:0;line-height:1.08}
.welcome-copy p{font-size:clamp(12px,1.3vw,14px);line-height:1.5;margin:0}
.welcome-kicker{font-size:10px;letter-spacing:.13em}
.welcome-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;min-height:0}
.journey-card{padding:clamp(13px,1.8vw,19px);border-radius:19px;min-width:0;min-height:157px;position:relative;box-shadow:0 8px 23px #4d719c0a;border-color:#e1eaf5;transition:transform .2s ease, box-shadow .2s ease}
.journey-card:hover{box-shadow:0 12px 24px #4a79b226;transform:translateY(-2px)}
.journey-card:not(:nth-last-child(1)):after{content:'➜';position:absolute;right:-20px;top:calc(50% - 11px);width:18px;height:22px;display:grid;place-items:center;color:#649add;font-size:18px;font-weight:900}
.journey-connector{display:none}
.journey-icon{height:42px;width:42px;font-size:20px;border-radius:13px;margin-bottom:10px}
.journey-number{font-size:9px;letter-spacing:.1em}
.journey-card h3{font-size:16px;margin:5px 0 5px;line-height:1.25}
.journey-card p{font-size:11.5px;line-height:1.48}
.welcome-footer{flex:0 0 auto;margin:0;display:flex;flex-direction:column;gap:10px}
.welcome-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}
.welcome-assurance{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.welcome-assurance span{font-size:11px;font-weight:750;color:#5c728e;padding:7px 9px;background:#eef6ff;border-radius:20px}
.welcome-continue{min-height:46px;padding:12px 21px;border-radius:13px;box-shadow:0 10px 24px #4c8fe243;font-size:14px;white-space:nowrap}
.welcome-continue span{margin-left:11px}
.welcome-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.welcome-bottom>span:first-child{font-size:10px;color:#818e9d}
.welcome-bottom .artist-credit{font-size:11px}
body.dark .mallow-welcome .artist-credit{color:#6e7d90}
body.dark .mallow-welcome .artist-credit a{color:#457ec4}
@media(max-width:800px){
 .welcome-shell{max-width:620px}
 .welcome-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .journey-card{min-height:113px;padding:12px 14px}
 .journey-card:after{display:none!important}
 .journey-icon{width:33px;height:33px;font-size:17px;display:inline-grid;vertical-align:middle;margin:0 5px 5px 0}
 .journey-number{display:inline-block}
 .journey-card h3{font-size:14px;margin:2px 0 5px}
 .journey-card p{font-size:11px}
 .welcome-footer-actions{align-items:stretch}
 .welcome-assurance{justify-content:flex-start;gap:5px}
 .welcome-assurance span{font-size:10px;padding:5px 7px}
}
@media(max-width:560px){
 .mallow-welcome{padding:9px}
 .welcome-shell{padding:15px;gap:11px;border-radius:20px;max-height:calc(100dvh - 18px)}
 .welcome-brand{font-size:17px}
 .welcome-brand img{height:28px;width:28px}
 .welcome-counter{font-size:9px;padding:7px 8px;letter-spacing:0}
 .welcome-copy h2{font-size:clamp(27px,7vw,36px)}
 .welcome-kicker{font-size:9px;letter-spacing:.08em}
 .welcome-copy p{font-size:12px}
 .journey-card{min-height:112px;padding:10px 12px;border-radius:14px}
 .journey-card h3{font-size:13px}
 .journey-card p{font-size:10.5px;line-height:1.4}
 .welcome-footer-actions{flex-direction:column-reverse;gap:9px}
 .welcome-assurance{justify-content:center}
 .welcome-continue{width:100%;min-height:44px;padding:10px 16px}
 .welcome-bottom{justify-content:center;text-align:center}
 .welcome-bottom>span:first-child{display:none}
 .room-artist-credit{display:block;margin:8px 0 0}
 .mallow-global-footer{gap:10px;padding:22px 14px}
 .mallow-global-footer>div{width:100%;justify-content:center}
}
@media(max-height:640px){
 .welcome-shell{gap:9px;padding:14px 19px}
 .welcome-copy{gap:4px}
 .welcome-copy h2{font-size:clamp(27px,3vw,36px)}
 .journey-card{min-height:125px;padding:11px}
 .journey-icon{height:32px;width:32px;font-size:17px;margin-bottom:6px}
 .journey-card h3{font-size:14px;margin:5px 0 4px}
 .journey-card p{font-size:10.5px;line-height:1.4}
 .welcome-continue{min-height:42px;padding:10px 18px}
 .welcome-footer{gap:6px}
 .welcome-assurance span{padding:5px 8px}
}
@media(max-width:800px) and (max-height:640px){
 .journey-card{min-height:92px}
 .welcome-shell{gap:8px}
 .welcome-copy h2{font-size:clamp(25px,5vw,33px)}
 .welcome-footer-actions{flex-direction:row;align-items:center}
 .welcome-assurance span:last-child{display:none}
}
@media(max-width:560px) and (max-height:570px){
 .welcome-shell{gap:7px;padding:10px}
 .welcome-copy{gap:3px}
 .welcome-copy h2{font-size:26px}
 .welcome-copy p{font-size:11px}
 .journey-card{min-height:78px;padding:8px}
 .journey-card p{display:none}
 .journey-icon{height:26px;width:26px;font-size:14px;margin:0}
 .journey-card h3{font-size:12px;margin:3px 0}
 .welcome-assurance{display:none}
 .welcome-footer-actions{display:block}
 .welcome-bottom{margin:0}
}
@media(max-height:425px){
 .welcome-kicker,.welcome-bottom,.welcome-copy p,.welcome-assurance{display:none!important}
 .welcome-shell{gap:6px;padding:10px}
 .journey-card{min-height:68px;padding:7px}
 .journey-icon{width:26px;height:26px;font-size:14px;margin:0}
 .journey-card p{display:none}
 .welcome-continue{min-height:38px}
 .welcome-footer-actions{display:block}
}
@media(prefers-reduced-motion:reduce){.journey-card,.welcome-continue{transition:none;animation:none}}

.mallow-global-footer .support-link{color:#457fc5;background:#eaf3ff;border:1px solid #d2e4fb;border-radius:18px;padding:7px 12px;font-weight:800}.mallow-global-footer .partnership-link{color:#4580c9}
/* No financial asks during active transfers or private-room interactions. */
body:has(#room-page:not([hidden])) .mallow-global-footer .support-link{display:none!important}
