/* BucheeSocial welcome showcase v3: three real features, no fake user counts.
   Only affects the welcome surface, not the login/register forms or the splash. */
#auth-root.buchee-welcome-active .buchee-welcome-art{position:relative!important}
#auth-root.buchee-welcome-active .buchee-welcome-brand{
 top:calc(env(safe-area-inset-top,0px) + 9%)!important;
 left:50%!important;transform:translateX(-50%)!important;
 width:calc(100% - 36px)!important;max-width:410px!important;gap:7px!important
}
#auth-root.buchee-welcome-active .buchee-welcome-brand img{
 width:min(73%,325px)!important;height:auto!important;max-height:68px!important;
 filter:none!important;transform:none!important;object-fit:contain!important
}
#auth-root.buchee-welcome-active .buchee-welcome-brand h1{
 margin:10px 0 0!important;color:#251035!important;font-size:clamp(26px,7vw,37px)!important;
 line-height:1.12!important;letter-spacing:-.9px!important;font-weight:850!important;text-align:center!important
}
#auth-root.buchee-welcome-active .buchee-welcome-brand p{
 margin:4px auto 0!important;max-width:345px!important;color:#70607e!important;
 font-size:clamp(11px,3.35vw,14px)!important;line-height:1.42!important;
 letter-spacing:0!important;font-weight:500!important;text-align:center!important
}
#auth-root.buchee-welcome-active .buchee-feature-showcase{
 position:absolute!important;z-index:5!important;top:39%!important;left:50%!important;
 transform:translateX(-50%)!important;width:min(96%,455px)!important;
 height:clamp(207px,31dvh,320px)!important;pointer-events:none!important;
 display:block!important;box-sizing:border-box!important
}
#auth-root.buchee-welcome-active .buchee-feature-card{
 position:absolute!important;display:flex!important;flex-direction:column!important;
 box-sizing:border-box!important;overflow:hidden!important;
 border:4px solid rgba(255,255,255,.97)!important;border-radius:23px!important;
 background:linear-gradient(153deg,#fffaff 3%,#f2e5fb 99%)!important;
 box-shadow:0 19px 40px rgba(91,40,120,.18),0 3px 11px rgba(91,40,120,.10)!important;
 padding:10px 9px 9px!important
}
#auth-root.buchee-welcome-active .buchee-feature-discuss{
 left:0!important;top:14%!important;width:38%!important;height:79%!important;
 transform:rotate(-8deg)!important;z-index:1!important;
 background:linear-gradient(165deg,#fffaff,#efdefd)!important
}
#auth-root.buchee-welcome-active .buchee-feature-reels{
 left:28.5%!important;top:0!important;width:43%!important;height:100%!important;
 transform:rotate(0deg)!important;z-index:3!important;
 background:linear-gradient(145deg,#471365,#9a1c8b)!important;
 box-shadow:0 18px 48px rgba(70,19,110,.34)!important
}
#auth-root.buchee-welcome-active .buchee-feature-earn{
 right:0!important;top:14%!important;width:38%!important;height:79%!important;
 transform:rotate(8deg)!important;z-index:2!important;
 background:linear-gradient(145deg,#fffaff,#f9e1f4)!important
}
#auth-root.buchee-welcome-active .buchee-feature-label{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 flex:0 0 auto!important;gap:6px!important;min-height:65px!important;position:relative!important;z-index:2!important
}
#auth-root.buchee-welcome-active .buchee-feature-label strong{
 display:block!important;font-size:clamp(11px,2.9vw,18px)!important;
 font-weight:850!important;line-height:1.1!important;letter-spacing:-.3px!important;
 color:#30163e!important;white-space:normal!important
}
#auth-root.buchee-welcome-active .buchee-feature-reels .buchee-feature-label{
 flex-direction:row!important;align-items:center!important;min-height:63px!important;gap:7px!important
}
#auth-root.buchee-welcome-active .buchee-feature-reels .buchee-feature-label strong{color:#fff!important}
#auth-root.buchee-welcome-active .buchee-feature-glyph{
 width:28px!important;height:28px!important;flex:0 0 28px!important;
 display:grid!important;place-items:center!important;
 border-radius:10px!important;background:linear-gradient(145deg,#8b47d9,#5421b7)!important;
 color:#fff!important;font-size:17px!important;line-height:1!important;
 font-weight:900!important;box-shadow:0 4px 9px #5c188a22!important
}
#auth-root.buchee-welcome-active .buchee-glyph-talk{font-size:14px!important;letter-spacing:-2px!important;padding-right:2px}
#auth-root.buchee-welcome-active .buchee-glyph-reels{background:linear-gradient(140deg,#a365ff,#e534bb)!important;font-size:24px!important}
#auth-root.buchee-welcome-active .buchee-glyph-gift{background:linear-gradient(145deg,#ff6ba7,#ed217c)!important}
#auth-root.buchee-welcome-active .buchee-discuss-preview{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 flex:1!important;min-height:0!important;background:#fff!important;border-radius:12px!important;
 padding:9px 7px!important;box-shadow:0 2px 11px #6b3a8917!important
}
#auth-root.buchee-welcome-active .buchee-discuss-person{
 display:flex!important;align-items:center!important;gap:5px!important;color:#5e4e6c!important;
 font-size:clamp(8px,2vw,11px)!important;font-weight:750!important;white-space:nowrap!important
}
#auth-root.buchee-welcome-active .buchee-mini-avatar{
 width:21px;height:21px;flex:0 0 21px;border-radius:50%;display:grid;place-items:center;
 background:#8753c9;color:white;font-size:11px
}
#auth-root.buchee-welcome-active .buchee-mini-spark{margin-left:auto;color:#e4339e;font-size:12px}
#auth-root.buchee-welcome-active .buchee-discuss-preview p{
 margin:2px 0 1px!important;font-size:clamp(9px,2.3vw,12px)!important;
 font-weight:750!important;line-height:1.28!important;color:#321d42!important
}
#auth-root.buchee-welcome-active .buchee-vote-preview{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:4px!important;padding:6px 5px!important;
 background:#f4ebfa!important;border:1px solid #e6d5ef!important;border-radius:9px!important;
 color:#5e3b78!important;font-size:clamp(8px,2vw,10px)!important;line-height:1.1!important;
 white-space:normal!important;min-height:23px!important;box-sizing:border-box!important
}
#auth-root.buchee-welcome-active .buchee-vote-preview:first-of-type{background:#ead5fb!important}
#auth-root.buchee-welcome-active .buchee-vote-check{
 display:grid;place-items:center;border-radius:50%;width:16px;height:16px;flex:0 0 16px;
 background:#782aca;color:#fff;font-size:11px
}
#auth-root.buchee-welcome-active .buchee-reel-preview{
 position:relative!important;flex:1!important;min-height:0!important;overflow:hidden!important;
 border:2px solid #ffffff80!important;border-radius:14px!important;
 background:linear-gradient(#d682ad,#f8a269 55%,#38174a)!important
}
#auth-root.buchee-welcome-active .buchee-reel-preview::after{
 content:"";position:absolute;inset:35% 0 0;pointer-events:none;
 background:linear-gradient(transparent,#25102c80 88%)
}
#auth-root.buchee-welcome-active .buchee-reel-preview img{
 display:block!important;width:100%!important;height:100%!important;max-height:none!important;
 object-fit:cover!important;filter:none!important
}
#auth-root.buchee-welcome-active .buchee-play-disc{
 position:absolute!important;top:50%!important;left:50%!important;z-index:3!important;
 transform:translate(-50%,-50%)!important;width:45px!important;height:45px!important;
 border-radius:50%!important;display:grid!important;place-items:center!important;
 padding-left:3px!important;background:#1e0a32a6!important;color:#fff!important;
 border:1px solid #ffffff7a!important;font-size:18px!important
}
#auth-root.buchee-welcome-active .buchee-reel-actions{
 position:absolute!important;right:6px!important;bottom:25px!important;z-index:3!important;
 display:flex!important;flex-direction:column!important;gap:6px!important;
 color:#fff!important;font-size:19px!important;font-weight:750!important;text-shadow:0 1px 3px #211125
}
#auth-root.buchee-welcome-active .buchee-reel-caption{
 position:absolute!important;left:6px!important;bottom:8px!important;right:22px!important;
 z-index:3!important;color:#fff!important;font-weight:700!important;
 font-size:clamp(8px,2vw,11px)!important;text-shadow:0 1px 3px #211125
}
#auth-root.buchee-welcome-active .buchee-earn-preview{
 display:flex!important;flex-direction:column!important;gap:7px!important;flex:1!important;
 min-height:0!important;margin-top:2px!important
}
#auth-root.buchee-welcome-active .buchee-earn-wallet{
 display:flex!important;align-items:center!important;gap:5px!important;padding:7px 5px!important;
 color:#fff!important;border-radius:11px!important;
 background:linear-gradient(100deg,#6d25c6,#932ace)!important
}
#auth-root.buchee-welcome-active .buchee-coin-icon{
 display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;
 background:#ffbd45;color:#fff;font-size:15px;border:2px solid #ffe5a2;box-sizing:border-box
}
#auth-root.buchee-welcome-active .buchee-earn-wallet span:last-child{display:flex;flex-direction:column;min-width:0;gap:1px}
#auth-root.buchee-welcome-active .buchee-earn-wallet small{
 font-size:clamp(7px,1.6vw,9px)!important;color:#eed9ff!important;font-weight:700!important;letter-spacing:.3px
}
#auth-root.buchee-welcome-active .buchee-earn-wallet strong{
 color:#fff!important;font-size:clamp(8px,2vw,11px)!important;line-height:1.1!important
}
#auth-root.buchee-welcome-active .buchee-earn-task,
#auth-root.buchee-welcome-active .buchee-earn-reward{
 display:flex!important;align-items:center!important;gap:5px!important;min-height:25px!important;
 padding:5px!important;box-sizing:border-box!important;border-radius:9px!important;
 background:#fff!important;color:#493257!important;font-size:clamp(8px,1.9vw,10px)!important;
 line-height:1.2!important;font-weight:650!important
}
#auth-root.buchee-welcome-active .buchee-earn-task span{color:#7b36c9;font-size:13px}
#auth-root.buchee-welcome-active .buchee-earn-reward{
 margin-top:auto!important;background:#ffe8f3!important;color:#ae1873!important;font-weight:800!important
}
#auth-root.buchee-welcome-active .buchee-earn-reward span{font-size:17px}
#auth-root.buchee-welcome-active .buchee-earn-reward b{margin-left:auto;font-size:17px}
#auth-root.buchee-welcome-active .buchee-welcome-buttons{
 bottom:calc(env(safe-area-inset-bottom,0px) + 6%)!important;top:auto!important;
 left:50%!important;transform:translateX(-50%)!important;
 width:min(84%,370px)!important;gap:12px!important;z-index:9!important
}
#auth-root.buchee-welcome-active .buchee-welcome-buttons button{
 min-height:54px!important;border-radius:999px!important;
 font-weight:800!important;font-size:16px!important
}
#auth-root.buchee-welcome-active .buchee-welcome-buttons button:first-child{
 background:linear-gradient(105deg,#fc459d,#e82778)!important;color:white!important;
 border:0!important;box-shadow:0 9px 22px #ed3c8b38!important
}
#auth-root.buchee-welcome-active .buchee-welcome-buttons button:last-child{
 background:#ffffffd1!important;color:#5b1da5!important;border:2px solid #7134cc!important
}
@media(max-width:400px){
 #auth-root.buchee-welcome-active .buchee-feature-card{padding:8px 7px!important;border-width:3px!important;border-radius:18px!important}
 #auth-root.buchee-welcome-active .buchee-feature-label{min-height:59px!important;gap:4px!important}
 #auth-root.buchee-welcome-active .buchee-feature-reels .buchee-feature-label{min-height:58px!important}
 #auth-root.buchee-welcome-active .buchee-feature-glyph{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:8px!important}
 #auth-root.buchee-welcome-active .buchee-discuss-preview{gap:5px!important;padding:7px 5px!important}
 #auth-root.buchee-welcome-active .buchee-earn-preview{gap:5px!important}
}
@media(max-height:760px){
 #auth-root.buchee-welcome-active .buchee-welcome-brand{top:calc(env(safe-area-inset-top,0px) + 5%)!important}
 #auth-root.buchee-welcome-active .buchee-welcome-brand img{max-height:42px!important}
 #auth-root.buchee-welcome-active .buchee-welcome-brand h1{font-size:clamp(24px,6.4vw,31px)!important;margin-top:6px!important}
 #auth-root.buchee-welcome-active .buchee-welcome-brand p{font-size:11px!important;max-width:310px!important}
 #auth-root.buchee-welcome-active .buchee-feature-showcase{top:36%!important;height:clamp(180px,30dvh,225px)!important}
 #auth-root.buchee-welcome-active .buchee-welcome-buttons{bottom:calc(env(safe-area-inset-bottom,0px) + 3%)!important;gap:9px!important}
 #auth-root.buchee-welcome-active .buchee-welcome-buttons button{min-height:48px!important}
}
@media(max-height:620px){
 #auth-root.buchee-welcome-active .buchee-welcome-brand p{display:none!important}
 #auth-root.buchee-welcome-active .buchee-feature-showcase{top:33%!important;height:180px!important}
 #auth-root.buchee-welcome-active .buchee-welcome-buttons button{min-height:43px!important}
}
@media(prefers-reduced-motion:no-preference){
 #auth-root.buchee-welcome-active .buchee-feature-showcase{animation:bucheeFeatureAppear .55s cubic-bezier(.2,.85,.25,1) both}
 @keyframes bucheeFeatureAppear{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
}

/* Brand origin: readable on the welcome and the actual sign-in/up forms.
   Keep the flag out of the main feed logo. */
#auth-root.buchee-welcome-active .buchee-origin-note{
 position:absolute!important;z-index:8!important;left:16px!important;right:16px!important;
 bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;
 width:auto!important;max-width:none!important;margin:0!important;
 color:#6c597c!important;font-size:clamp(10px,2.65vw,12px)!important;
 line-height:1.4!important;font-weight:650!important;text-align:center!important;
 letter-spacing:0!important;white-space:normal!important;pointer-events:none!important
}
#auth-root.buchee-welcome-active .buchee-welcome-buttons{
 bottom:calc(env(safe-area-inset-bottom,0px) + clamp(49px,7vh,70px))!important
}
#auth-root:not(.buchee-welcome-active) .buchee-auth-origin{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;max-width:100%!important;margin:0 auto 15px!important;
 color:#6b5080!important;text-align:center!important;
 font-size:clamp(11px,3vw,13px)!important;font-weight:700!important;line-height:1.4!important
}
#auth-root:not(.buchee-welcome-active) .buchee-auth-origin::before{
 content:""!important;display:block!important;width:7px!important;height:7px!important;
 flex:0 0 7px!important;border-radius:50%!important;
 background:linear-gradient(140deg,#671acc,#ed3e92)!important
}
@media(max-height:760px){
 #auth-root.buchee-welcome-active .buchee-welcome-buttons{
  bottom:calc(env(safe-area-inset-bottom,0px) + 43px)!important
 }
 #auth-root.buchee-welcome-active .buchee-origin-note{
  bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
  font-size:10px!important
 }
}