/*
 * Go PetiA Super App 2.1 — Liquid Glass beta for user testing.
 * Stronger visual reset than 2.0: centered shell, translucent layered surfaces,
 * quieter typography, adaptive segmented navigation and spring-like feedback.
 */
body.gopetia-design-v2{
  --p21-bg:#f5f3fa;
  --p21-ink:#21162b;
  --p21-muted:#776f80;
  --p21-purple:#6f35ff;
  --p21-purple-2:#a56bff;
  --p21-magenta:#d968b8;
  --p21-cyan:#76d7f4;
  --p21-yellow:#fec202;
  --p21-navy:#160a2e;
  --p21-glass:rgba(255,255,255,.56);
  --p21-glass-strong:rgba(255,255,255,.72);
  --p21-dark-glass:rgba(21,10,45,.82);
  --p21-line:rgba(255,255,255,.58);
  --p21-hairline:rgba(52,36,65,.08);
  --p21-shadow:0 22px 54px rgba(43,25,62,.10);
  --p21-shadow-soft:0 12px 30px rgba(43,25,62,.075);
  --p21-radius-xl:30px;
  --p21-radius-lg:24px;
  --p21-radius-md:18px;
  background:
    radial-gradient(circle at 11% 5%,rgba(168,111,255,.17),transparent 26rem),
    radial-gradient(circle at 92% 16%,rgba(118,215,244,.16),transparent 25rem),
    radial-gradient(circle at 64% 96%,rgba(254,194,2,.09),transparent 25rem),
    var(--p21-bg)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.gopetia-design-v2 *,body.gopetia-design-v2 *::before,body.gopetia-design-v2 *::after{box-sizing:border-box;}

/* --------------------- CENTERED LIQUID-GLASS SHELL --------------------- */
body.gopetia-design-v2.has-gpshell .gps-nav{
  position:relative!important;
  isolation:isolate!important;
  width:min(1180px,calc(100% - 20px))!important;
  max-width:calc(100% - 20px)!important;
  margin:10px auto 0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(126,79,255,.20),transparent 28%),
    linear-gradient(145deg,rgba(30,15,57,.90),rgba(18,8,39,.82))!important;
  backdrop-filter:saturate(150%) blur(30px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(30px)!important;
  box-shadow:0 22px 50px rgba(16,7,34,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:visible!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav::after{
  content:"";position:absolute;pointer-events:none;inset:1px 12px auto 12px;height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.72;
}
body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar{
  display:grid!important;
  grid-template-columns:minmax(104px,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:70px!important;
  width:100%!important;
  padding:9px 10px 8px!important;
  margin:0!important;
  background:transparent!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;width:auto!important;max-width:150px!important;height:48px!important;
  padding:0!important;margin:0!important;gap:10px!important;border:0!important;border-radius:16px!important;
  background:transparent!important;box-shadow:none!important;color:#fff!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__brand:active{transform:scale(.965)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brand:hover{background:rgba(255,255,255,.045)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph{
  position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;
  display:grid!important;place-content:center!important;gap:5px!important;
  border-radius:16px!important;border:1px solid rgba(255,238,153,.72)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.36),transparent 42%),
    linear-gradient(180deg,#ffd62b,#fec202)!important;
  box-shadow:0 10px 26px rgba(254,194,2,.22),inset 0 1px 0 rgba(255,255,255,.62)!important;
  overflow:hidden!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph::after{
  content:"";position:absolute;inset:-30% 45% -30% -60%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);opacity:.55;
}
body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph i{display:block!important;width:20px!important;height:3px!important;border-radius:999px!important;background:#6b2cff!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brandcopy{display:grid!important;gap:1px!important;text-align:left!important;min-width:0!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{color:#fff!important;font-size:1.08rem!important;line-height:1!important;font-weight:760!important;letter-spacing:-.035em!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brand small{display:block!important;color:rgba(255,255,255,.62)!important;font-size:.61rem!important;line-height:1.05!important;font-weight:620!important;letter-spacing:.01em!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quick{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  min-width:0!important;max-width:none!important;margin:0!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{
  position:relative!important;height:46px!important;min-height:46px!important;min-width:65px!important;
  padding:0 10px!important;gap:5px!important;border-radius:15px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  font-size:.82rem!important;font-weight:720!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .18s ease!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:hover{background:rgba(255,255,255,.20)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:active{transform:scale(.96)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickdot{background:#c79bff!important;box-shadow:0 0 0 3px rgba(199,155,255,.12)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__selectchev{color:rgba(255,255,255,.68)!important;opacity:1!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--country span{display:none!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--account{
  width:48px!important;min-width:48px!important;padding:0!important;border-radius:16px!important;
  background:rgba(255,255,255,.08)!important;overflow:hidden!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar,
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar img{
  width:100%!important;height:100%!important;border-radius:15px!important;object-fit:cover!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar{padding:2px!important;background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(161,103,255,.35))!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar img{border:1px solid rgba(255,255,255,.26)!important;}

/* Secondary nav: one continuous segmented glass surface. */
body.gopetia-design-v2.has-gpshell .gps-nav__inner{width:100%!important;padding:0 9px 9px!important;margin:0!important;background:transparent!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__list{
  width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;
  padding:3px!important;margin:0!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__list>li{min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__link{
  width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  padding:0 4px!important;border:0!important;border-radius:13px!important;background:transparent!important;
  color:rgba(255,255,255,.78)!important;box-shadow:none!important;font-size:10.4px!important;font-weight:640!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  transition:background .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__link:active{transform:scale(.97)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__link.is-active,
body.gopetia-design-v2.has-gpshell .gps-nav__link[aria-current="page"]{
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__icon{
  width:21px!important;height:21px!important;min-width:21px!important;border-radius:8px!important;border:0!important;
  background:linear-gradient(145deg,rgba(139,87,255,.72),rgba(91,45,201,.70))!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__icon svg{width:13px!important;height:13px!important;}

/* --------------------------- AMBIENT HERO --------------------------- */
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:min(1180px,calc(100% - 20px))!important;max-width:calc(100% - 20px)!important;
  min-height:560px!important;margin:10px auto 116px!important;padding:70px 18px 28px!important;
  border:1px solid rgba(255,255,255,.72)!important;border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.44))!important;
  backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  box-shadow:var(--p21-shadow)!important;
}
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome::before,
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome::after{
  content:"";position:absolute;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(45px);opacity:.62;
  animation:p21-float 10s ease-in-out infinite alternate;
}
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome::before{
  width:260px;height:260px;left:-70px;top:80px;
  background:radial-gradient(circle at 40% 40%,rgba(166,105,255,.62),rgba(103,69,255,.12) 62%,transparent 72%);
}
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome::after{
  width:280px;height:280px;right:-95px;top:250px;animation-delay:-4s;
  background:radial-gradient(circle at 45% 45%,rgba(112,215,244,.52),rgba(254,194,2,.12) 52%,transparent 72%);
}
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome>*{position:relative;z-index:1;}
@keyframes p21-float{from{transform:translate3d(0,-6px,0) scale(1)}to{transform:translate3d(16px,16px,0) scale(1.08)}}

body.gopetia-design-v2.gpshell-hero .gp-agent__brandmark{
  display:block!important;max-width:184px!important;max-height:82px!important;margin:0 auto!important;
  filter:drop-shadow(0 15px 23px rgba(76,38,115,.16))!important;
  transform:translateZ(0);
}
body.gopetia-design-v2.gpshell-hero .gp-kicker{
  margin:8px auto 0!important;color:#8f78a0!important;font-size:7.3px!important;line-height:1.2!important;
  font-weight:760!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading{
  max-width:17ch!important;margin:24px auto 0!important;color:#3f1d59!important;
  font-size:clamp(1.75rem,6vw,2.45rem)!important;line-height:1.02!important;font-weight:710!important;
  letter-spacing:-.045em!important;text-wrap:balance!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting]{
  display:table!important;margin:0 auto 18px!important;padding:8px 13px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.30))!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  color:#9f3d86!important;font-size:.43em!important;line-height:1.1!important;font-weight:690!important;
  letter-spacing:-.01em!important;box-shadow:0 7px 18px rgba(77,45,94,.055),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters{
  width:min(100%,450px)!important;max-width:450px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;margin:28px auto 0!important;padding:0!important;overflow:visible!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  height:104px!important;min-height:104px!important;min-width:0!important;padding:11px 7px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid rgba(255,255,255,.82)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.31))!important;
  backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  box-shadow:0 15px 34px rgba(51,29,69,.085),inset 0 1px 0 rgba(255,255,255,.70)!important;
  color:var(--p21-ink)!important;transition:transform .28s cubic-bezier(.2,.85,.2,1),box-shadow .25s ease,border-color .2s ease!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button::after,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a::after{
  content:"";position:absolute;z-index:-1;width:80px;height:80px;right:-28px;bottom:-38px;border-radius:50%;filter:blur(20px);opacity:.22;
  background:var(--p21-purple-2);
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:nth-child(2)::after,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:nth-child(2)::after{background:var(--p21-cyan);}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:nth-child(3)::after,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:nth-child(3)::after{background:var(--p21-magenta);}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:hover,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:hover{transform:translateY(-3px) scale(1.012)!important;border-color:rgba(255,255,255,.98)!important;box-shadow:0 19px 40px rgba(51,29,69,.11),inset 0 1px 0 #fff!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:active,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:active{transform:scale(.972)!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > i,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > .gp-ai-starter__icon,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > span:first-child,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > i,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > .gp-ai-starter__icon,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > span:first-child{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.80)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.35))!important;
  box-shadow:0 8px 18px rgba(55,31,73,.07),inset 0 1px 0 #fff!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{
  max-width:100%!important;color:#291c33!important;font-size:12.1px!important;line-height:1.12!important;font-weight:710!important;
  letter-spacing:-.02em!important;text-align:center!important;white-space:normal!important;text-wrap:balance!important;
}

/* ------------------------- FLOATING GLASS COMPOSER ------------------------- */
body.gopetia-design-v2 .gp-composer,
body.gopetia-design-v2 .gp-chat__composer,
body.gopetia-design-v2 #petia-page-form,
body.gopetia-design-v2 .petia-form{
  border:1px solid rgba(255,255,255,.13)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(29,16,44,.88),rgba(18,10,30,.78))!important;
  backdrop-filter:blur(30px) saturate(150%)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;
  box-shadow:0 20px 48px rgba(17,8,29,.24),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.gopetia-design-v2 .gp-composer input,
body.gopetia-design-v2 .gp-chat__composer input,
body.gopetia-design-v2 #petia-page-input,
body.gopetia-design-v2 .petia-input{
  border:1px solid rgba(255,255,255,.07)!important;border-radius:19px!important;
  background:rgba(255,255,255,.065)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-size:16px!important;
}
body.gopetia-design-v2 .gp-composer input::placeholder,
body.gopetia-design-v2 .gp-chat__composer input::placeholder,
body.gopetia-design-v2 #petia-page-input::placeholder,
body.gopetia-design-v2 .petia-input::placeholder{color:rgba(255,255,255,.56)!important;}
body.gopetia-design-v2 .gp-composer button,
body.gopetia-design-v2 .gp-chat__composer button,
body.gopetia-design-v2 .petia-form button{
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .18s ease!important;
}
body.gopetia-design-v2 .gp-composer button:active,
body.gopetia-design-v2 .gp-chat__composer button:active,
body.gopetia-design-v2 .petia-form button:active{transform:scale(.92)!important;}

/* --------------------- DYNAMIC CONTENT / NATIVE ADS --------------------- */
body.gopetia-design-v2 .gpa-dynamic,
body.gopetia-design-v2 .gps-growth,
body.gopetia-design-v2 .gpa-native-ad,
body.gopetia-design-v2 .gsp-card,
body.gopetia-design-v2 .gpb-card{
  border:1px solid rgba(255,255,255,.70)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.38))!important;
  backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  box-shadow:var(--p21-shadow-soft)!important;
}
body.gopetia-design-v2 .gpa-dynamic__actions button{
  border:1px solid rgba(255,255,255,.60)!important;border-radius:15px!important;background:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}

/* --------------------- ACCOUNT / MODAL GLASS --------------------- */
body.gopetia-design-v2.gpshell-menus .gp-account-shell{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(155deg,rgba(22,13,31,.94),rgba(17,10,24,.88))!important;
  backdrop-filter:blur(28px) saturate(140%)!important;-webkit-backdrop-filter:blur(28px) saturate(140%)!important;
  box-shadow:0 26px 70px rgba(10,5,17,.30)!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav{
  gap:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav>button,
body.gopetia-design-v2.gpshell-menus .gp-account-nav>a{
  min-height:54px!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:16px!important;
  background:rgba(255,255,255,.032)!important;color:rgba(255,255,255,.78)!important;box-shadow:none!important;
  transition:background .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav>button:hover,
body.gopetia-design-v2.gpshell-menus .gp-account-nav>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
body.gopetia-design-v2.gpshell-menus .gp-account-nav>button:active,
body.gopetia-design-v2.gpshell-menus .gp-account-nav>a:active{transform:scale(.985)!important;}
body.gopetia-design-v2.gpshell-menus .gp-account-nav>button.is-active,
body.gopetia-design-v2.gpshell-menus .gp-account-nav>a.is-active{
  background:linear-gradient(145deg,rgba(136,91,255,.22),rgba(102,61,204,.12))!important;color:#fff!important;
  border-color:rgba(190,166,255,.14)!important;box-shadow:inset 3px 0 0 #c6b3ff!important;
}
body.gopetia-design-v2 .gps-account-help-btn{background:rgba(254,194,2,.94)!important;color:#4c2678!important;border:1px solid rgba(255,235,143,.52)!important;box-shadow:0 10px 24px rgba(254,194,2,.13)!important;}
body.gopetia-design-v2 .gps-account-close-btn,
body.gopetia-design-v2 .gopetia-close-accent{
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;
}
body.gopetia-design-v2 .gps-shell-critical-pop,
body.gopetia-design-v2 .gps-shell-popover,
body.gopetia-design-v2 .locale-menu{
  border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(28,15,44,.92),rgba(16,9,26,.88))!important;
  backdrop-filter:blur(30px) saturate(150%)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;
  box-shadow:0 28px 66px rgba(9,4,16,.32)!important;
}

/* ----------------------------- MOBILE ----------------------------- */
@media(max-width:720px){
  body.gopetia-design-v2{overflow-x:hidden!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:10px auto 0!important;border-radius:26px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar{grid-template-columns:minmax(104px,1fr) auto!important;min-height:68px!important;padding:9px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__brand{max-width:136px!important;height:46px!important;gap:8px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quick{gap:5px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{height:44px!important;min-height:44px!important;min-width:61px!important;padding:0 8px!important;border-radius:14px!important;font-size:.78rem!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--account{width:44px!important;min-width:44px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__inner{padding:0 8px 8px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__list{border-radius:15px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__link{height:41px!important;min-height:41px!important;font-size:10.1px!important;gap:4px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__icon{width:20px!important;height:20px!important;min-width:20px!important;}

  body.gopetia-design-v2.gpshell-hero .gp-agent__welcome{
    width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;min-height:570px!important;
    margin:10px auto 112px!important;padding:82px 12px 26px!important;border-radius:28px!important;
  }
  body.gopetia-design-v2.gpshell-hero .gp-agent__brandmark{max-width:180px!important;max-height:80px!important;}
  body.gopetia-design-v2.gpshell-hero #petia-heading{max-width:16.5ch!important;margin-top:22px!important;font-size:clamp(1.72rem,6.35vw,2.12rem)!important;line-height:1.01!important;}
  body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting]{margin-bottom:16px!important;padding:7px 12px!important;font-size:.45em!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters{width:100%!important;max-width:430px!important;gap:8px!important;margin-top:27px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{height:102px!important;min-height:102px!important;border-radius:22px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{font-size:11.5px!important;}
}

@media(max-width:410px){
  body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar{grid-template-columns:minmax(98px,1fr) auto!important;padding:8px!important;gap:5px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__brand{max-width:118px!important;gap:7px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph{width:42px!important;height:42px!important;min-width:42px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{font-size:1rem!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{min-width:54px!important;height:42px!important;min-height:42px!important;padding:0 6px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--account{width:42px!important;min-width:42px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__link{font-size:9.4px!important;gap:3px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__icon{width:18px!important;height:18px!important;min-width:18px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-agent__welcome{padding-top:68px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters{gap:6px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{height:96px!important;min-height:96px!important;padding:9px 5px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{font-size:10.7px!important;}
}

@media(prefers-reduced-motion:reduce){
  body.gopetia-design-v2 .gp-agent__welcome::before,body.gopetia-design-v2 .gp-agent__welcome::after{animation:none!important;}
  body.gopetia-design-v2 *,body.gopetia-design-v2 *::before,body.gopetia-design-v2 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}


/* 2.1.1 — Glass legibility polish requested after mobile beta review.
   The segmented navigation keeps the liquid-glass treatment but uses PetiA
   purple typography and a soft individual shadow for each destination. */
body.gopetia-design-v2.has-gpshell .gps-nav__list{
  gap:6px!important;
  padding:5px!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link{
  color:#5f2ca8!important;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.40))!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 5px 14px rgba(54,27,84,.10),inset 0 1px 0 rgba(255,255,255,.76)!important;
  text-shadow:none!important;
  font-weight:720!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover{
  color:#4e208f!important;
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.52))!important;
  box-shadow:0 7px 18px rgba(54,27,84,.13),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link.is-active,
body.gopetia-design-v2.has-gpshell .gps-nav__link[aria-current="page"]{
  color:#4d1f91!important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(246,239,255,.60))!important;
  border-color:rgba(137,91,214,.20)!important;
  box-shadow:0 6px 16px rgba(68,32,106,.13),inset 0 1px 0 #fff!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link .gps-nav__icon{
  box-shadow:0 3px 9px rgba(92,45,174,.17),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
@media(max-width:720px){
  body.gopetia-design-v2.has-gpshell .gps-nav__list{gap:5px!important;padding:5px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__link{font-size:10.2px!important;}
}


/* 2.2.0 — Contrast, motion and iPhone input polish.
   1) Header copy + locale chips use PetiA purple for better contrast.
   2) The top menus gain more lift, sheen and hover motion.
   3) Mobile keyboard mode keeps the composer visible and preserves context. */
body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{
  color:#5c2cab!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__brand small{
  color:#7c6f92!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{
  color:#5f2ca8!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.52))!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:0 10px 22px rgba(66,32,102,.09),inset 0 1px 0 rgba(255,255,255,.88)!important;
  overflow:hidden!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip::before,
body.gopetia-design-v2.has-gpshell .gps-nav__link::before,
body.gopetia-design-v2 .gps-shell-popover__item::before{
  content:"";position:absolute;inset:-35% auto -35% -42%;width:52%;pointer-events:none;
  transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  opacity:0;transition:opacity .22s ease,transform .32s ease;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:hover,
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:focus-visible{
  transform:translateY(-1px)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,241,255,.66))!important;
  box-shadow:0 14px 26px rgba(66,32,102,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:hover::before,
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover::before,
body.gopetia-design-v2 .gps-shell-popover__item:hover::before{opacity:.8;transform:translateX(22%) rotate(18deg);}
body.gopetia-design-v2.has-gpshell .gps-nav__quickdot,
body.gopetia-design-v2.has-gpshell .gps-nav__selectchev{color:#8b55d2!important;background:#8b55d2!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__selectchev{background:none!important;opacity:1!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--country span{display:inline!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--account{
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.12))!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link{
  position:relative!important;
  transform:translateY(0)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .18s ease,color .18s ease!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover,
body.gopetia-design-v2.has-gpshell .gps-nav__link:focus-visible{
  transform:translateY(-2px)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link .gps-nav__icon{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover .gps-nav__icon,
body.gopetia-design-v2.has-gpshell .gps-nav__link:focus-visible .gps-nav__icon{
  transform:scale(1.06)!important;
  box-shadow:0 6px 14px rgba(92,45,174,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.gopetia-design-v2 .gps-shell-popover__item{
  position:relative!important;overflow:hidden!important;
  border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03))!important;
  color:#f6f2ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease!important;
}
body.gopetia-design-v2 .gps-shell-popover__item:hover,
body.gopetia-design-v2 .gps-shell-popover__item:focus-visible{
  transform:translateX(4px)!important;
  background:linear-gradient(145deg,rgba(131,88,255,.16),rgba(255,255,255,.05))!important;
  border-color:rgba(255,255,255,.16)!important;
}
body.gopetia-design-v2 .gps-shell-popover__item small,
body.gopetia-design-v2 .gps-shell-popover__item strong{color:#cdb9ff!important;}
body.gopetia-design-v2.gpshell-hero .gp-kicker,
body.gopetia-design-v2.gpshell-hero #petia-heading,
body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting],
body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong,
body.gopetia-design-v2 .gp-composer input,
body.gopetia-design-v2 .gp-chat__composer input,
body.gopetia-design-v2 #petia-page-input,
body.gopetia-design-v2 .petia-input{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading{
  font-weight:760!important;
  letter-spacing:-.055em!important;
  color:#4f1f8f!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting]{
  color:#8c48b3!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
body.gopetia-design-v2.gpshell-hero .gp-kicker{color:#9385a5!important;letter-spacing:.13em!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{
  transition:transform .28s cubic-bezier(.18,.85,.22,1),box-shadow .25s ease,border-color .22s ease,background .22s ease!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:hover,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:hover{
  transform:translateY(-4px) scale(1.018)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.40))!important;
  box-shadow:0 22px 42px rgba(51,29,69,.13),inset 0 1px 0 #fff!important;
}

@media(max-width:760px){
  body.gopetia-design-v2.keyboard-open .gp-agent__welcome,
  body.gopetia-design-v2.keyboard-open .petia-home-hero{
    scroll-margin-top:84px!important;
    padding-bottom:116px!important;
  }
  body.gopetia-design-v2.keyboard-open .gp-composer,
  body.gopetia-design-v2.keyboard-open .gp-chat__composer,
  body.gopetia-design-v2.keyboard-open .petia-home-form,
  body.gopetia-design-v2.keyboard-open #petia-page-form{
    position:sticky!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    z-index:90!important;
  }
  body.gopetia-design-v2.keyboard-open .gp-composer,
  body.gopetia-design-v2.keyboard-open .gp-chat__composer,
  body.gopetia-design-v2.keyboard-open #petia-page-form{
    margin-bottom:10px!important;
  }
}


/* ==========================================================================
   2.3.0 — Stable Liquid Glass shell + app-like panel motion
   ========================================================================== */
body.gopetia-design-v2{
  --p23-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --p23-purple:#5b2aa6;
  --p23-purple-strong:#4a1f8c;
  --p23-glass:rgba(255,255,255,.70);
  --p23-line:rgba(255,255,255,.76);
  --p23-shadow:0 14px 34px rgba(55,27,84,.10);
  font-family:var(--p23-font)!important;
}
body.gopetia-design-v2 *{font-family:inherit;}

/* Header NEVER changes visual language when a conversation starts. */
body.gopetia-design-v2.has-gpshell .gps-nav,
body.gopetia-design-v2.petia-page-active.has-gpshell .gps-nav,
body.gopetia-design-v2:has(#petify-ai-page-root.petia-conversation-started).has-gpshell .gps-nav{
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(244,239,252,.40))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 18px 42px rgba(61,31,92,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar,
body.gopetia-design-v2.has-gpshell .gps-nav__inner{background:transparent!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{color:var(--p23-purple)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brand small{color:#7c6d90!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{
  color:var(--p23-purple)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.56))!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 8px 20px rgba(68,35,99,.09),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip b,
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip span,
body.gopetia-design-v2.has-gpshell .gps-nav__selectchev{color:var(--p23-purple)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__list{
  background:linear-gradient(145deg,rgba(255,255,255,.44),rgba(255,255,255,.26))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link{
  color:var(--p23-purple)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48))!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 6px 16px rgba(63,32,94,.10),inset 0 1px 0 #fff!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover,
body.gopetia-design-v2.has-gpshell .gps-nav__link:focus-visible{
  transform:translateY(-2px) scale(1.01)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,240,255,.68))!important;
  box-shadow:0 10px 24px rgba(63,32,94,.14),inset 0 1px 0 #fff!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:active{transform:scale(.97)!important;}

/* Account / menu screens: lighter, more spatial, less game-like. */
body.gopetia-design-v2.gpshell-menus .gp-account-shell{
  background:linear-gradient(155deg,rgba(20,13,28,.965),rgba(13,9,19,.94))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 32px 80px rgba(7,3,13,.34)!important;
  backdrop-filter:blur(34px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(135%)!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a,
body.gopetia-design-v2.gpshell-menus .gps-account-section-btn{
  position:relative!important;overflow:hidden!important;
  min-height:56px!important;padding:12px 14px!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  color:rgba(255,255,255,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:transform .24s cubic-bezier(.2,.85,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button::after,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a::after{
  content:"›";margin-left:auto;color:#bfa9ff;font-size:1.25rem;line-height:1;opacity:.72;
  transition:transform .22s ease,opacity .22s ease;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button:hover,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a:hover{
  transform:translateX(4px)!important;
  background:linear-gradient(145deg,rgba(126,88,228,.13),rgba(255,255,255,.035))!important;
  border-color:rgba(187,166,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button:hover::after,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a:hover::after{transform:translateX(2px);opacity:1;}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button.is-active,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a.is-active{
  background:linear-gradient(145deg,rgba(126,88,228,.25),rgba(95,61,182,.14))!important;
  border-color:rgba(200,184,255,.16)!important;
  box-shadow:inset 3px 0 0 #c8b3ff,0 10px 24px rgba(70,39,124,.12)!important;
}

@keyframes gp23-panel-in{
  from{opacity:0;transform:translate3d(12px,0,0) scale(.992)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
body.gopetia-design-v2 .gp-account-shell.gps-panel-enter .gp-account-content{
  animation:gp23-panel-in .34s cubic-bezier(.2,.85,.2,1) both!important;
}

/* Close controls are always visible, compact, and consistent. */
body.gopetia-design-v2 .gps-account-mobilebar__close,
body.gopetia-design-v2 .gps-account-close-btn,
body.gopetia-design-v2 .gopetia-close-accent,
body.gopetia-design-v2 .gp-push-sheet__card button[aria-label*="errar"],
body.gopetia-design-v2 [role="dialog"] button[aria-label*="errar"],
body.gopetia-design-v2 [role="dialog"] button[aria-label*="lose"]{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.10)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:25px!important;font-weight:500!important;line-height:1!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
body.gopetia-design-v2 .gps-account-mobilebar__close:hover,
body.gopetia-design-v2 .gps-account-close-btn:hover,
body.gopetia-design-v2 .gopetia-close-accent:hover,
body.gopetia-design-v2 [role="dialog"] button[aria-label*="errar"]:hover{
  transform:scale(1.06)!important;background:rgba(255,255,255,.17)!important;border-color:rgba(255,255,255,.24)!important;
}
body.gopetia-design-v2 .gps-account-mobilebar__close:active,
body.gopetia-design-v2 .gps-account-close-btn:active,
body.gopetia-design-v2 .gopetia-close-accent:active{transform:scale(.94)!important;}

/* Light forms / reminder panels use the same design system. */
body.gopetia-design-v2 .gp-account-content input,
body.gopetia-design-v2 .gp-account-content select,
body.gopetia-design-v2 .gp-account-content textarea{
  border:1px solid rgba(86,42,166,.15)!important;border-radius:16px!important;
  background:rgba(255,255,255,.74)!important;color:#24172e!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80)!important;
  font-family:var(--p23-font)!important;font-size:16px!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.gopetia-design-v2 .gp-account-content input:focus,
body.gopetia-design-v2 .gp-account-content select:focus,
body.gopetia-design-v2 .gp-account-content textarea:focus{
  outline:none!important;border-color:rgba(91,42,166,.42)!important;
  box-shadow:0 0 0 4px rgba(91,42,166,.08),inset 0 1px 0 rgba(255,255,255,.90)!important;
  background:#fff!important;
}

@media(max-width:720px){
  body.gopetia-design-v2.gpshell-menus .gp-account-shell.gps-account-stack .gp-account-content{
    padding:18px 14px calc(32px + env(safe-area-inset-bottom))!important;
  }
}

/* ========================================================================== 
   2.4.0 — UX QA hardening across menus, panels and mobile forms
   ========================================================================== */
body.gopetia-design-v2{
  --p24-touch:44px;
  --p24-focus:0 0 0 4px rgba(91,42,166,.10);
}
body.gopetia-design-v2,
body.gopetia-design-v2 .gp-chat-main,
body.gopetia-design-v2 .gp-account-shell,
body.gopetia-design-v2 [role="dialog"]{overflow-x:clip!important;}
body.gopetia-design-v2 img,
body.gopetia-design-v2 video,
body.gopetia-design-v2 canvas,
body.gopetia-design-v2 svg{max-width:100%;}
body.gopetia-design-v2 button,
body.gopetia-design-v2 a,
body.gopetia-design-v2 input,
body.gopetia-design-v2 select,
body.gopetia-design-v2 textarea{touch-action:manipulation;}
body.gopetia-design-v2 button:focus-visible,
body.gopetia-design-v2 a:focus-visible,
body.gopetia-design-v2 input:focus-visible,
body.gopetia-design-v2 select:focus-visible,
body.gopetia-design-v2 textarea:focus-visible{
  outline:2px solid rgba(91,42,166,.48)!important;
  outline-offset:2px!important;
  box-shadow:var(--p24-focus)!important;
}

/* Dialogs/sheets may have very different origins. Keep every one inside the viewport. */
body.gopetia-design-v2 [role="dialog"],
body.gopetia-design-v2 .gp-push-sheet__card,
body.gopetia-design-v2 .locale-menu,
body.gopetia-design-v2 .gps-shell-popover,
body.gopetia-design-v2 .gp-account-content{
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
body.gopetia-design-v2 .gp-account-content{
  width:100%!important;
  margin-inline:auto!important;
}
body.gopetia-design-v2 .gp-account-content form,
body.gopetia-design-v2 [role="dialog"] form{
  width:100%!important;
  min-width:0!important;
}
body.gopetia-design-v2 .gp-account-content input,
body.gopetia-design-v2 .gp-account-content select,
body.gopetia-design-v2 .gp-account-content textarea,
body.gopetia-design-v2 [role="dialog"] input,
body.gopetia-design-v2 [role="dialog"] select,
body.gopetia-design-v2 [role="dialog"] textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  font-family:var(--p23-font)!important;
}

/* One unmistakable close language for dark AND light surfaces. */
body.gopetia-design-v2 .gps-account-mobilebar__close,
body.gopetia-design-v2 .gps-account-close-btn,
body.gopetia-design-v2 .gopetia-close-accent,
body.gopetia-design-v2 .gopetia-attach-sheet__close,
body.gopetia-design-v2 .gp-push-sheet__card button[aria-label*="errar"],
body.gopetia-design-v2 [role="dialog"] button[aria-label*="errar"],
body.gopetia-design-v2 [role="dialog"] button[aria-label*="lose"]{
  position:relative!important;
  z-index:30!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  border-radius:50%!important;border:1px solid rgba(91,42,166,.13)!important;
  background:rgba(255,255,255,.88)!important;color:#5b2aa6!important;
  box-shadow:0 8px 22px rgba(37,19,55,.12),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  font:500 25px/1 var(--p23-font)!important;
  opacity:1!important;visibility:visible!important;
}
body.gopetia-design-v2 .gps-account-mobilebar__close:hover,
body.gopetia-design-v2 .gps-account-close-btn:hover,
body.gopetia-design-v2 .gopetia-close-accent:hover,
body.gopetia-design-v2 [role="dialog"] button[aria-label*="errar"]:hover{
  transform:translateY(-1px) scale(1.04)!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(37,19,55,.15),inset 0 1px 0 #fff!important;
}

/* Menu rows behave like a modern settings list, not static game cards. */
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a,
body.gopetia-design-v2 .gps-shell-popover__item{
  will-change:transform;
  transition:transform .24s cubic-bezier(.2,.85,.2,1),background-color .2s ease,border-color .2s ease,box-shadow .22s ease!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button:active,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a:active,
body.gopetia-design-v2 .gps-shell-popover__item:active{
  transform:scale(.985)!important;
}

/* Cards and forms: consistent spacing and readable typographic rhythm. */
body.gopetia-design-v2 .gp-account-content h1,
body.gopetia-design-v2 .gp-account-content h2,
body.gopetia-design-v2 .gp-account-content h3{
  font-family:var(--p23-font)!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body.gopetia-design-v2 .gp-account-content p,
body.gopetia-design-v2 .gp-account-content li,
body.gopetia-design-v2 .gp-account-content label{
  font-family:var(--p23-font)!important;
  line-height:1.45!important;
}

@media(max-width:720px){
  body.gopetia-design-v2 input,
  body.gopetia-design-v2 textarea,
  body.gopetia-design-v2 select{
    font-size:16px!important; /* Safari: prevent focus zoom. */
  }
  body.gopetia-design-v2 [role="dialog"],
  body.gopetia-design-v2 .gp-push-sheet__card,
  body.gopetia-design-v2 .locale-menu,
  body.gopetia-design-v2 .gps-shell-popover{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  body.gopetia-design-v2 .gp-account-content{
    max-width:100%!important;
    min-height:0!important;
  }
  body.gopetia-design-v2 .gp-account-content button:not(.gps-account-mobilebar__close):not(.gps-account-close-btn),
  body.gopetia-design-v2 [role="dialog"] button:not([aria-label*="errar"]):not([aria-label*="lose"]){
    min-height:44px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.gopetia-design-v2 .gp-account-shell.gps-panel-enter .gp-account-content{animation:none!important;}
  body.gopetia-design-v2.gpshell-menus .gp-account-nav > button,
  body.gopetia-design-v2.gpshell-menus .gp-account-nav > a,
  body.gopetia-design-v2 .gps-shell-popover__item{transition:none!important;}
}