/* Infinis v0606. Ordered, byte-preserving CSS concatenation. Edit original source files, then rebuild this generated bundle. */

/* BEGIN assets/css/core/root.css */
:root{
  --appBlue:#18b6ff;
  --appPink:#ff4fd8;
  --appBlueGlass:rgba(24,182,255,.18);
  --appPinkGlass:rgba(255,79,216,.16);
  --appAccentGlass:linear-gradient(135deg,var(--appBlueGlass),var(--appPinkGlass));
  --appAccentGlassSoft:linear-gradient(135deg,rgba(24,182,255,.12),rgba(255,79,216,.10));
  --appGreen:#28e0a3;
  --appBg:#f7f9ff;
  --appPanel:#ffffff;
  --appPanelSoft:#eef2ff;
  --appGlass:rgba(255,255,255,.72);
  --appGlassHard:rgba(255,255,255,.92);
  --appLine:rgba(24,34,60,.13);
  --appLineLite:rgba(255,255,255,.16);
  --appText:#111426;
  --appMuted:#596074;
  --appSoft:#7a8192;
  --appIcon:#111426;
  --appWhite:#ffffff;
  --appDark:#07080d;
  --appClear:transparent;
  --appFont:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --appW:100dvw;
  --appH:100dvh;
  --appSafeTop:env(safe-area-inset-top,0px);
  --appSafeBottom:env(safe-area-inset-bottom,0px);
  --zTop:30;
  --zNav:35;
  --zToast:2147483647;
  --topH:72px;
  --topMobH:64px;
  --topPadX:18px;
  --topDeskPadX:40px;
  --topRowH:44px;
  --brandImgH:30px;
  --bellSize:42px;
  --blurSm:12px;
  --blurMd:14px;
  --blurLg:24px;
  --blurXl:28px;
  --rSm:16px;
  --rMd:18px;
  --rLg:22px;
  --rXl:24px;
  --r2x:28px;
  --rFull:999px;
  --gapXs:2px;
  --gapSm:4px;
  --gapMd:10px;
  --gapLg:14px;
  --gapXl:18px;
  --gap2x:22px;
  --gap3x:26px;
  --padXs:6px;
  --padSm:8px;
  --padMd:10px;
  --padLg:12px;
  --padXl:14px;
  --pad2x:18px;
  --pad3x:24px;
  --pad4x:26px;
  --panelMaxW:1120px;
  --navMaxW:760px;
  --panelW:min(var(--panelMaxW),calc(var(--appW) - 28px));
  --panelMobW:calc(var(--appW) - 20px);
  --shadowCard:0 18px 46px rgba(0,0,0,.28);
  --shadowPanel:0 24px 70px rgba(0,0,0,.2);
  --shadowToast:0 20px 40px rgba(0,0,0,.3);
  --easeFast:.24s ease;
  --easeMed:.28s ease;
  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root{
    --appBg:#03040a;
    --appPanel:#10121a;
    --appPanelSoft:#191b24;
    --appGlass:rgba(255,255,255,.08);
    --appGlassHard:rgba(255,255,255,.12);
    --appLine:rgba(255,255,255,.12);
    --appText:#ffffff;
    --appMuted:#b9bbc8;
    --appSoft:#7e8499;
    --appIcon:#ffffff;
    color-scheme:dark;
  }
}

/* END assets/css/core/root.css */

/* BEGIN assets/css/core/shell.css */
*{
  box-sizing:border-box;
  -webkit-tap-highlight-color:var(--appClear);
}

html,
body{
  width:var(--appW);
  height:var(--appH);
  margin:0;
  overflow:hidden;
  background:var(--appBg);
  color:var(--appText);
  font-family:var(--appFont);
}

body:before{
  content:"";
  position:fixed;
  inset:-20dvh -20dvw;
  background:
    radial-gradient(circle at 18% 12%,rgba(24,182,255,.28),transparent 26%),
    radial-gradient(circle at 84% 10%,rgba(255,79,216,.24),transparent 24%),
    radial-gradient(circle at 58% 74%,rgba(24,182,255,.16),transparent 32%),
    radial-gradient(circle at 40% 40%,rgba(255,255,255,.08),transparent 18%);
  filter:blur(18px);
  pointer-events:none;
}

button{
  font:inherit;
  cursor:pointer;
}

[hidden]{
  display:none!important;
}

.app{
  position:relative;
  width:var(--appW);
  height:var(--appH);
  overflow:hidden;
  background:
    radial-gradient(circle at top left,rgba(24,182,255,.12),transparent 24%),
    radial-gradient(circle at top right,rgba(255,79,216,.1),transparent 26%),
    linear-gradient(180deg,color-mix(in srgb,var(--appBg) 72%,transparent),var(--appBg) 42%);
}

.topbar{
  position:fixed;
  z-index:var(--zTop);
  top:0;
  left:0;
  width:var(--appW);
  height:calc(var(--topH) + var(--appSafeTop));
  padding:var(--appSafeTop) var(--topPadX) 0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  -webkit-backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  box-shadow:0 10px 40px rgba(0,0,0,.18),inset 0 -1px 0 rgba(255,255,255,.14);
}

.toprow{
  width:100%;
  height:var(--topRowH);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gapLg);
}

.brand{
  height:var(--topRowH);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.header-logo{
  display:block;
  height:var(--brandImgH);
  width:auto;
  max-width:min(52vw, 220px);
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(24,182,255,.2));
}

.header-logo img{
  display:block;
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
}

.bell{
  width:var(--bellSize);
  height:var(--bellSize);
  padding:0;
  margin:0;
  border:1px solid var(--appLineLite);
  border-radius:var(--rFull);
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.14);
  color:var(--appIcon);
  font-size:1.06rem;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(var(--blurSm));
  -webkit-backdrop-filter:blur(var(--blurSm));
}

.scroller{
  position:absolute;
  inset:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:calc(var(--topH) + var(--appSafeTop)) 0 calc(112px + var(--appSafeBottom));
  scroll-behavior:smooth;
  overscroll-behavior:contain;
}

.scroller::-webkit-scrollbar{
  width:0;
}

.btn{
  border:0;
  border-radius:var(--rMd);
  padding:15px 18px;
  font-weight:950;
  font-size:1rem;
}

.btn.primary{
  background:var(--appWhite);
  color:var(--appDark);
}

.btn.secondary{
  background:var(--appGlass);
  color:var(--appText);
  border:1px solid var(--appLine);
}

.kicker{
  color:#d9d5ff;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.76rem;
  font-weight:900;
}

.toast{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:calc(84px + var(--appSafeBottom));
  z-index:2147483647!important;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:min(340px,calc(100dvw - 28px));
  padding:11px 13px;
  color:var(--appText);
  background:color-mix(in srgb,var(--appGlassHard) 96%,transparent);
  border:1px solid color-mix(in srgb,var(--appLine) 80%,var(--appBlue));
  border-radius:18px;
  box-shadow:0 14px 34px rgba(12,20,45,.18);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  transform:translate3d(0,18px,0) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.toast>i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue);font-size:1rem}
.toast>span{min-width:0}.toast b,.toast small{display:block}.toast b{font-size:.66rem;line-height:1.15}.toast small{margin-top:3px;color:var(--appMuted);font-size:.56rem;line-height:1.35;font-weight:700}
.toast-success>i{color:#11845e;background:color-mix(in srgb,#18a878 12%,var(--appPanel))}.toast-error>i{color:#c83e55;background:color-mix(in srgb,#e04b64 11%,var(--appPanel))}
.toast.show{transform:translate3d(0,0,0) scale(1);opacity:1}
@media(max-width:520px){.toast{right:12px;bottom:calc(76px + var(--appSafeBottom));width:min(310px,calc(100dvw - 24px));padding:10px 12px;border-radius:17px}.toast>i{width:32px;height:32px}.toast small{font-size:.54rem}}

@media (max-width:520px){
  .topbar{
    height:calc(var(--topMobH) + var(--appSafeTop));
  }

  .scroller{
    padding-top:calc(var(--topMobH) + var(--appSafeTop));
  }
}

@media (min-width:760px){
  .topbar{
    padding-left:var(--topDeskPadX);
    padding-right:var(--topDeskPadX);
  }

  .scroller{
    padding-top:calc(var(--topH) + var(--appSafeTop));
  }
}

/* Match the scroll clearance to the measured bottom navigation height.
   The navigation height already includes the iPhone safe-area inset.
   The extra 12px mirrors the 12px breathing room above the page content. */
.scroller{padding-bottom:calc(var(--bottomNavHeight, 84px) + 12px)}

#tabMount{
  position:relative;
  padding-top:24px;
}
@media (max-width:520px){
  #tabMount{padding-top:12px;}
}
@media (min-width:760px){
  #tabMount{padding-top:46px;}
}
#tabMount > .tabPreloading{position:absolute!important;inset:0!important;width:100%!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;}


/* Enlarged, smoother Infinity particle loader with a denser controlled trail. */
.tab-loader{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  width:100dvw;
  height:100vh;
  height:100dvh;
  max-width:100dvw;
  max-height:100dvh;
  touch-action:none;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  background:rgba(0,0,0,.3);
  z-index:calc(var(--zToast) + 20);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .34s cubic-bezier(.22,.8,.3,1),visibility 0s linear .34s;
}
.tab-loader.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .34s cubic-bezier(.22,.8,.3,1);
}
.tab-loader-particle{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  will-change:transform,opacity,background,box-shadow;
  transform:translate3d(0,0,0);
  transition:opacity .18s linear;
}


/* v0520 randomized spring-pop motion. Web Animations coordinates navigation;
   CSS keyframes remain as a matching progressive fallback. */
.bubble-awaiting-entry{
  opacity:0!important;
  visibility:visible!important;
  pointer-events:none!important;
}

.bubble-pop-out{
  animation:bubblePopOut .30s cubic-bezier(.35,.05,.58,1) both;
  animation-delay:var(--bubble-delay,0ms);
  pointer-events:none!important;
  transform-origin:center;
  will-change:transform,opacity;
}

.bubble-pop-in{
  animation:bubblePopIn .40s cubic-bezier(.18,.84,.24,1) both;
  animation-delay:var(--bubble-delay,0ms);
  transform-origin:center;
  will-change:transform,opacity;
}

@keyframes bubblePopOut{
  0%{opacity:1;scale:1;translate:0 0}
  21%{opacity:1;scale:1.027;translate:0 -1px}
  100%{opacity:0;scale:.76;translate:var(--bubble-x,0px) var(--bubble-y,-7px)}
}

@keyframes bubblePopIn{
  0%{opacity:0;scale:.77;translate:var(--bubble-x,0px) var(--bubble-y,9px)}
  67%{opacity:1;scale:1.045;translate:0 -1px}
  86%{opacity:1;scale:.989;translate:0 0}
  100%{opacity:1;scale:1;translate:0 0}
}

@media (prefers-reduced-motion:reduce){
  .bubble-pop-out,.bubble-pop-in{
    animation-duration:.01ms!important;
    animation-delay:0ms!important;
  }
}

}

/* Active cart button and drawer */
.topActions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end;gap:8px;flex:0 0 auto;flex-wrap:nowrap!important;white-space:nowrap}
.headerAction{position:relative;width:var(--bellSize);height:var(--bellSize);padding:0;margin:0;border:1px solid var(--appLineLite);border-radius:var(--rFull);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:var(--appIcon);font-size:1.06rem;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(var(--blurSm));-webkit-backdrop-filter:blur(var(--blurSm));transition:transform .2s ease,background .2s ease}
.headerAction:active{transform:scale(.94)}
.headerActionBadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--appBg);border-radius:999px;display:grid;place-items:center;background:var(--appAccentGlass);color:#fff;font-size:.56rem;font-weight:950;line-height:1}
.activeCartDrawer{position:fixed;inset:0;z-index:2147482000;display:grid;grid-template-columns:minmax(0,1fr) min(430px,94dvw);pointer-events:none}
.activeCartDrawer[hidden]{display:none!important}
.activeCartBackdrop{grid-column:1 / -1;grid-row:1;border:0;background:rgba(4,7,18,.44);opacity:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .25s ease}
.activeCartPanel{grid-column:2;grid-row:1;position:relative;height:100dvh;min-height:0;padding:calc(18px + var(--appSafeTop)) 16px calc(18px + var(--appSafeBottom));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--appPanel) 93%,transparent);border-left:1px solid var(--appLine);box-shadow:-24px 0 70px rgba(0,0,0,.24);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);transform:translateX(105%);transition:transform .28s cubic-bezier(.22,.8,.26,1)}
.activeCartDrawer.isOpen{pointer-events:auto}.activeCartDrawer.isOpen .activeCartBackdrop{opacity:1}.activeCartDrawer.isOpen .activeCartPanel{transform:translateX(0)}
.activeCartHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 15px;border-bottom:1px solid var(--appLine)}
.activeCartHeader small{display:block;color:var(--appMuted);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.activeCartHeader h2{margin:3px 0 0;font-size:1.45rem;letter-spacing:-.045em}.activeCartHeader button{width:40px;height:40px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText)}
.activeCartList{min-height:0;overflow-y:auto;padding:14px 1px;display:grid;align-content:start;gap:10px;scrollbar-width:none}.activeCartList::-webkit-scrollbar{display:none}
.activeCartItem{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--appLine);border-radius:19px;background:var(--appGlass)}
.activeCartThumb{width:64px;height:64px;min-width:0;min-height:0;box-sizing:border-box;border-radius:15px;overflow:hidden;contain:layout paint;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appMuted);padding:7px}.activeCartThumb img{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:9px;transform:none!important}.activeCartCopy{min-width:0}.activeCartCopy small,.activeCartCopy b,.activeCartCopy span{display:block}.activeCartCopy small{color:var(--appMuted);font-size:.57rem;font-weight:850;text-transform:uppercase}.activeCartCopy b{margin:4px 0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeCartCopy span{font-size:.65rem;color:var(--appMuted)}
.activeCartActions{display:grid;justify-items:end;gap:8px}.activeCartQuantity{height:30px;display:flex;align-items:center;border:1px solid var(--appLine);border-radius:999px;overflow:hidden;background:var(--appPanel)}.activeCartQuantity button{width:28px;height:28px;border:0;background:transparent;color:var(--appText);font-size:.7rem}.activeCartQuantity strong{min-width:20px;text-align:center;font-size:.67rem}.activeCartRemove{width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:var(--appMuted)}
.activeCartEmpty{min-height:0;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--appMuted);padding:30px}.activeCartEmpty>i{font-size:2rem}.activeCartEmpty b{color:var(--appText);font-size:.95rem}.activeCartEmpty small{max-width:230px;font-size:.7rem;line-height:1.45}.activeCartEmpty button{height:40px;margin-top:6px;padding:0 16px;border:0;border-radius:14px;background:var(--appAccentGlass);color:#fff;font-size:.7rem;font-weight:900}
.activeCartFooter{padding:14px 2px 0;border-top:1px solid var(--appLine);display:grid;gap:10px}.activeCartFooter>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.activeCartFooter span{font-size:.7rem;color:var(--appMuted);font-weight:800}.activeCartFooter strong{font-size:1rem}.activeCartFooter>small{font-size:.6rem;line-height:1.4;color:var(--appMuted)}.activeCartPrimary{height:44px;border:0;border-radius:15px;background:var(--appAccentGlass);color:#fff;font-size:.74rem;font-weight:950}.activeCartClear{height:35px;border:0;background:transparent;color:var(--appMuted);font-size:.65rem;font-weight:850}
body.cartOpen{touch-action:none}
@media(hover:hover){.headerAction:hover{background:rgba(255,255,255,.23)}.activeCartRemove:hover{background:rgba(255,80,100,.1);color:#e33}}
@media(max-width:520px){.topActions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end;flex-wrap:nowrap!important;gap:6px}.headerAction{width:38px;height:38px}.activeCartPanel{width:100dvw;padding-left:13px;padding-right:13px}.activeCartDrawer{grid-template-columns:0 1fr}.activeCartItem{grid-template-columns:58px minmax(0,1fr) auto;padding:8px;gap:9px}.activeCartThumb{width:58px;height:58px;box-sizing:border-box;padding:7px}.header-logo{max-width:min(42vw,180px)}}


.activeCartDates{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--appLine)}
.activeCartDates>div{min-width:0}.activeCartDates small,.activeCartDates strong{display:block}.activeCartDates small{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--appMuted)}.activeCartDates strong{margin-top:3px;font-size:.62rem;line-height:1.35;color:var(--appText)}
.activeCartDates button{flex:0 0 auto;height:34px;padding:0 12px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText);font-size:.61rem;font-weight:900}
.findDateGate{width:100%;max-width:100%;box-sizing:border-box;margin:0 0 12px;padding:12px;border:1px solid var(--appLine);border-radius:18px;background:var(--appGlass);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;box-shadow:var(--shadowSoft);overflow:hidden}
.findDateGateCopy{min-width:0;display:flex;align-items:center;gap:10px}.findDateGateCopy>i{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appBlue)}.findDateGateCopy>div{min-width:0}.findDateGateCopy span,.findDateGateCopy strong{display:block}.findDateGateCopy span{font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--appMuted)}.findDateGateCopy strong{max-width:100%;margin-top:3px;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.findDateGate.isReady .findDateGateCopy>i{color:#16a36a}
.findDateGate>button{flex:0 0 auto;height:36px;padding:0 13px;border:0;border-radius:12px;background:var(--appAccentGlass);color:#fff;font-size:.62rem;font-weight:900}
.findDateFields{min-width:0;width:100%;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-top:10px;border-top:1px solid var(--appLine);box-sizing:border-box}.findDateFields[hidden]{display:none!important}.findDateField{min-width:0;display:grid;gap:5px}.findDateField>span{font-size:.52rem;font-weight:850;color:var(--appMuted)}.findDateValue{min-width:0;width:100%;height:50px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--appLine);border-radius:11px;display:block;overflow:hidden;background:var(--appPanel);color:var(--appText);font:inherit;text-align:left}.findDateValue strong,.findDateValue small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.findDateValue strong{font-size:.62rem}.findDateValue small{margin-top:3px;color:var(--appMuted);font-size:.54rem}.findDateFields>#findDateApply{grid-column:1/-1;width:100%;height:40px;padding:0 12px;border:0;border-radius:11px;background:var(--appText);color:var(--appBg);font-size:.6rem;font-weight:900}
.findDatePicker{position:fixed;inset:0;z-index:2147483000;display:grid;align-items:end;overflow:hidden}.findDatePicker[hidden]{display:none!important}.findDatePickerBackdrop{position:absolute;inset:0;border:0;background:rgba(5,8,18,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.findDatePickerPanel{position:relative;width:min(100dvw,520px);max-height:min(88dvh,760px);margin:0 auto;padding:18px 16px calc(18px + var(--appSafeBottom));overflow-y:auto;border:1px solid var(--appLine);border-radius:28px 28px 0 0;background:color-mix(in srgb,var(--appPanel) 96%,transparent);box-shadow:0 -24px 70px rgba(0,0,0,.26)}.findDatePickerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.findDatePickerHeader span{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--appBlue)}.findDatePickerHeader h2{margin:3px 0 0;font-size:1.2rem;letter-spacing:-.035em}.findDatePickerHeader>button{width:38px;height:38px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText)}.findDatePickerStep{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0 12px}.findDatePickerStep button{height:38px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanelSoft);color:var(--appMuted);font-size:.65rem;font-weight:900}.findDatePickerStep button.isActive{border-color:color-mix(in srgb,var(--appBlue) 55%,transparent);background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appText)}.findDatePickerStep i{color:var(--appMuted)}.findCalendarHead{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin:6px 0 10px}.findCalendarHead strong{text-align:center;font-size:.82rem}.findCalendarHead button{width:38px;height:38px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText)}.findCalendarHead button:disabled{opacity:.3}.findCalendarWeek,.findCalendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.findCalendarWeek{margin-bottom:5px}.findCalendarWeek span{text-align:center;color:var(--appMuted);font-size:.51rem;font-weight:850}.findCalendarGrid button,.findCalendarBlank{aspect-ratio:1;min-width:0;border:0;border-radius:12px}.findCalendarGrid button{background:var(--appPanelSoft);color:var(--appText);font-size:.64rem;font-weight:850}.findCalendarGrid button.isToday{box-shadow:inset 0 0 0 1px var(--appBlue)}.findCalendarGrid button.isSelected{background:var(--appAccentGlass);color:#fff}.findCalendarGrid button:disabled{opacity:.24}.findTimePicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.findTimePicker>span{font-size:.62rem;font-weight:900;color:var(--appMuted)}.findTimeControls{display:flex;align-items:center;gap:6px}.findTimeSelect{position:relative}.findTimeSelectButton{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:58px;height:38px;padding:0 10px;border:1px solid var(--appLine);border-radius:11px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.65rem;font-weight:850}.findTimeSelect[data-time-select="minute"] .findTimeSelectButton{min-width:66px}.findTimeSelect[data-time-select="meridiem"] .findTimeSelectButton{min-width:72px}.findTimeSelectButton i{font-size:.7rem;transition:transform .2s ease}.findTimeSelectButton.isOpen i{transform:rotate(180deg)}.findTimeSelectButton:disabled{opacity:.4}.findTimeSelectMenu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:8;width:max-content;min-width:100%;max-height:min(42dvh,320px);padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--appLine);border-radius:15px;background:color-mix(in srgb,var(--appPanel) 98%,transparent);box-shadow:0 18px 48px rgba(8,12,28,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.findTimeSelectMenu[hidden]{display:none!important}.findTimeSelectOption{display:flex;align-items:center;justify-content:center;width:100%;min-width:54px;height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--appText);font:inherit;font-size:.68rem;font-weight:850}.findTimeSelectOption.isSelected{background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));color:var(--appBlue)}.findTimeSelectOption:active{transform:scale(.97)}.findDatePickerConfirm{width:100%;height:44px;border:0;border-radius:14px;background:var(--appText);color:var(--appBg);font-size:.7rem;font-weight:950}body.datePickerOpen{overflow:hidden;touch-action:none}
.findResultBtn.needsDates{opacity:.62}.findResultBtn.needsDates i::before{content:"\f1e8"}
@media(max-width:520px){.findDatePickerPanel{width:100dvw}.activeCartDates{padding-left:2px;padding-right:2px}}
.findRentalMinimum{margin:-4px 0 12px;text-align:center;color:var(--appMuted);font-size:.58rem;font-weight:850;letter-spacing:.01em}
.findCalendarHead .findCalendarJump{width:100%;min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;font-weight:900}.findCalendarJump i{font-size:.68rem;transition:transform .22s ease}.findCalendarJump.isOpen i{transform:rotate(180deg)}.findCalendarJumpPanel{min-height:245px;padding:4px 0 8px}.findCalendarYearHead{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin:2px 0 14px}.findCalendarYearHead strong{text-align:center;font-size:1rem}.findCalendarYearHead button{width:38px;height:38px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText)}.findCalendarYearHead button:disabled{opacity:.3}.findCalendarMonthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.findCalendarMonthGrid button{height:48px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanelSoft);color:var(--appText);font-size:.68rem;font-weight:900}.findCalendarMonthGrid button.isSelected{border-color:color-mix(in srgb,var(--appBlue) 55%,transparent);background:color-mix(in srgb,var(--appBlue) 13%,var(--appPanel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appPink) 32%,transparent)}.findCalendarMonthGrid button:disabled{opacity:.24}

/* Membership-aware cart hold status */
.activeCartHoldStatus{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 1px 0;padding:10px 11px;border:1px solid color-mix(in srgb,var(--appBlue) 30%,var(--appLine));border-radius:15px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass));overflow:hidden}
.activeCartHoldStatus[hidden]{display:none!important}.activeCartHoldIcon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));color:var(--appBlue)}
.activeCartHoldCopy{min-width:0}.activeCartHoldCopy small,.activeCartHoldCopy strong{display:block}.activeCartHoldCopy small{font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--appMuted)}.activeCartHoldCopy strong{margin-top:2px;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeCartHoldStatus>span{max-width:92px;text-align:right;font-size:.53rem;line-height:1.25;font-weight:850;color:var(--appMuted)}
.activeCartHoldStatus.isExpired{border-color:color-mix(in srgb,#e44 42%,var(--appLine));background:color-mix(in srgb,#e44 8%,var(--appGlass))}.activeCartHoldStatus.isExpired .activeCartHoldIcon{color:#e44;background:color-mix(in srgb,#e44 12%,var(--appPanel))}.activeCartHoldStatus.isError{border-color:color-mix(in srgb,#e79b24 45%,var(--appLine));background:color-mix(in srgb,#e79b24 8%,var(--appGlass))}.activeCartHoldStatus.isError .activeCartHoldIcon{color:#e79b24;background:color-mix(in srgb,#e79b24 12%,var(--appPanel))}

.activeCartHoldStatus{position:relative;flex-wrap:wrap}.activeCartRetain{width:100%;margin-top:10px;border:0;border-radius:12px;padding:11px 14px;font-weight:800;background:var(--accent,#3467ff);color:#fff}.activeCartHoldStatus.isExpired .activeCartRetain{display:block}.activeCartHoldCopy strong{font-variant-numeric:tabular-nums}.activeCartHoldCopy small:after{content:" · activity refreshes this hold";opacity:.72;font-weight:600}


/* Customer-facing rental cart refinements */
.activeCartHeader>div{min-width:0}.activeCartHeaderHint{margin:6px 0 0;max-width:290px;color:var(--appMuted);font-size:.62rem;line-height:1.4}
.activeCartHoldStatus{grid-template-columns:40px minmax(0,1fr) auto;padding:13px 14px;margin:12px 1px 2px;border-radius:18px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}
.activeCartHoldIcon{width:40px;height:40px;border-radius:13px;font-size:1rem}
.activeCartHoldCopy small{font-size:.54rem}.activeCartHoldCopy strong{margin-top:4px;font-size:.74rem;white-space:normal;line-height:1.25}
.activeCartHoldStatus>span{max-width:105px;font-size:.56rem}
.activeCartHoldHelp{grid-column:2/-1;margin:1px 0 0;color:var(--appMuted);font-size:.56rem;line-height:1.35}
.activeCartHoldCopy small:after{content:""}
.activeCartRetain{grid-column:1/-1}
@media(max-width:520px){.activeCartHeaderHint{font-size:.58rem}.activeCartHoldStatus{grid-template-columns:38px minmax(0,1fr);gap:9px}.activeCartHoldStatus>span{grid-column:2;text-align:left;max-width:none}.activeCartHoldHelp{grid-column:2}.activeCartHoldIcon{width:38px;height:38px}.activeCartHoldCopy strong{font-size:.7rem}}


/* Compact cart reservation timer */
.activeCartHoldStatus{grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;margin:10px 1px 0!important;padding:9px 11px!important;min-height:54px!important;border-radius:15px!important;align-items:center!important}
.activeCartHoldIcon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:.86rem!important}
.activeCartHoldCopy small{font-size:.48rem!important;line-height:1.1!important}
.activeCartHoldCopy strong{margin-top:2px!important;font-size:.68rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.activeCartHoldStatus>span{max-width:92px!important;font-size:.5rem!important;line-height:1.2!important;text-align:right!important}
.activeCartHoldHelp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.activeCartRetain{grid-column:1/-1!important;margin-top:2px!important;padding:9px 11px!important}
@media(max-width:520px){.activeCartHoldStatus{grid-template-columns:32px minmax(0,1fr) auto!important;padding:8px 10px!important;min-height:50px!important}.activeCartHoldIcon{width:32px!important;height:32px!important}.activeCartHoldStatus>span{grid-column:auto!important;max-width:72px!important;text-align:right!important}.activeCartHoldCopy strong{font-size:.65rem!important}}

/* Guided rental checkout */
.checkoutDrawer,.contractDialog{position:fixed;inset:0;z-index:calc(var(--zToast) + 30);display:grid;place-items:center;pointer-events:none}.checkoutDrawer[hidden],.contractDialog[hidden]{display:none!important}.checkoutBackdrop,.contractBackdrop{position:absolute;inset:0;border:0;background:rgba(4,7,18,.58);opacity:0;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:opacity .24s ease}.checkoutPanel{position:relative;width:min(760px,96dvw);height:min(860px,94dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--appPanel) 96%,transparent);border:1px solid var(--appLine);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden;transform:translateY(24px) scale(.985);opacity:0;transition:.24s ease}.checkoutDrawer.isOpen,.contractDialog.isOpen{pointer-events:auto}.checkoutDrawer.isOpen .checkoutBackdrop,.contractDialog.isOpen .contractBackdrop{opacity:1}.checkoutDrawer.isOpen .checkoutPanel{transform:none;opacity:1}.checkoutHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px 16px;border-bottom:1px solid var(--appLine)}.checkoutHeader small,.checkoutSectionHeading small{display:block;color:var(--appMuted);font-size:.56rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.checkoutHeader h2{margin:4px 0 4px;font-size:1.45rem;letter-spacing:-.04em}.checkoutHeader p{margin:0;color:var(--appMuted);font-size:.68rem;line-height:1.4}.checkoutHeader>button{width:40px;height:40px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText)}.checkoutProgress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 18px;border-bottom:1px solid var(--appLine)}.checkoutProgress button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:7px;border:0;border-radius:12px;background:transparent;color:var(--appMuted);font-size:.59rem}.checkoutProgress span{width:23px;height:23px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--appLine);font-size:.55rem;font-weight:950}.checkoutProgress button.isActive{color:var(--appText);background:color-mix(in srgb,var(--appBlue) 9%,var(--appGlass))}.checkoutProgress button.isActive span,.checkoutProgress button.isComplete span{background:var(--appBlue);border-color:var(--appBlue);color:#fff}.checkoutBody{overflow:auto;padding:18px 20px}.checkoutStep{display:none}.checkoutStep.isActive{display:grid;gap:14px}.checkoutSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkoutSectionHeading h3{margin:4px 0 0;font-size:1.05rem}.checkoutSectionHeading button{border:1px solid var(--appLine);border-radius:11px;padding:8px 11px;background:var(--appGlass);color:var(--appText);font-size:.61rem;font-weight:850}.checkoutDateCard,.checkoutPaymentSummary{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass)}.checkoutDateCard>i,.checkoutPaymentSummary>i{font-size:1.1rem;color:var(--appBlue)}.checkoutDateCard small,.checkoutDateCard strong,.checkoutPaymentSummary b,.checkoutPaymentSummary small{display:block}.checkoutDateCard small,.checkoutPaymentSummary small{font-size:.59rem;color:var(--appMuted)}.checkoutDateCard strong,.checkoutPaymentSummary b{margin-top:3px;font-size:.73rem}.checkoutItemList{display:grid;gap:8px}.checkoutItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 13px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass)}.checkoutItem b,.checkoutItem small{display:block}.checkoutItem b{font-size:.72rem}.checkoutItem small{margin-top:4px;color:var(--appMuted);font-size:.59rem}.checkoutItem strong{font-size:.7rem}.checkoutPromo{display:grid;gap:7px}.checkoutPromo label{font-size:.61rem;font-weight:900}.checkoutPromo>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.checkoutPromo input,.checkoutFormGrid input,.checkoutFormGrid select,.checkoutFormGrid textarea{width:100%;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText);padding:11px 12px;font:inherit;font-size:.68rem;outline:none}.checkoutPromo button{border:0;border-radius:13px;padding:0 16px;background:var(--appText);color:var(--appPanel);font-size:.64rem;font-weight:950}.checkoutPromo small{min-height:14px;color:var(--appMuted);font-size:.57rem}.checkoutTotals{display:grid;gap:7px;padding:13px 14px;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanelSoft)}.checkoutTotals>div{display:flex;justify-content:space-between;gap:12px;font-size:.65rem}.checkoutTotals>div:last-child{padding-top:8px;border-top:1px solid var(--appLine);font-size:.76rem;font-weight:950}.checkoutFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkoutFormGrid label{display:grid;gap:6px}.checkoutFormGrid label.isWide{grid-column:1/-1}.checkoutFormGrid label>span{font-size:.59rem;font-weight:850;color:var(--appMuted)}.checkoutFormGrid textarea{resize:vertical}.checkoutContract{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass)}.checkoutContract>div{display:flex;align-items:center;gap:11px;min-width:0}.checkoutContract i{font-size:1.05rem;color:var(--appBlue)}.checkoutContract b,.checkoutContract small{display:block}.checkoutContract b{font-size:.71rem}.checkoutContract small{margin-top:4px;font-size:.58rem;line-height:1.4;color:var(--appMuted)}.checkoutContract button{flex:0 0 auto;border:1px solid var(--appLine);border-radius:11px;padding:8px 11px;background:var(--appPanel);color:var(--appText);font-size:.59rem;font-weight:900}.checkoutAgreement{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);font-size:.63rem;line-height:1.4}.checkoutAgreement input{margin-top:2px}.checkoutPaymentMethods{display:grid;gap:8px}.checkoutPaymentMethods label{display:block}.checkoutPaymentMethods input{position:absolute;opacity:0}.checkoutPaymentMethods span{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass);font-size:.66rem;font-weight:850}.checkoutPaymentMethods input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 60%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 13%,transparent)}.checkoutFinalReview{display:grid;gap:7px;padding:14px;border:1px solid var(--appLine);border-radius:17px}.checkoutFinalReview>div{display:flex;justify-content:space-between;gap:12px;font-size:.66rem}.checkoutFinalReview>div:last-child{font-size:.8rem;font-weight:950}.checkoutPaymentNotice{margin:0;color:var(--appMuted);font-size:.58rem;line-height:1.45}.checkoutFooter{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--appLine)}.checkoutFooter button{min-height:43px;border-radius:14px;padding:0 18px;font-size:.68rem;font-weight:950}.checkoutPrimary{border:0;background:var(--appAccentGlass);color:#fff}.checkoutSecondary{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.contractPanel{position:relative;width:min(620px,94dvw);max-height:88dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--appPanel);border:1px solid var(--appLine);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.36);overflow:hidden;opacity:0;transform:translateY(18px);transition:.22s ease}.contractDialog.isOpen .contractPanel{opacity:1;transform:none}.contractPanel header,.contractPanel footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--appLine)}.contractPanel footer{border-top:1px solid var(--appLine);border-bottom:0;justify-content:flex-end}.contractPanel header h3{margin:0;font-size:1rem}.contractPanel header button{width:37px;height:37px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText)}.contractPanel>div{overflow:auto;padding:18px;font-size:.67rem;line-height:1.65;color:var(--appText)}.contractPanel footer button{border:0;border-radius:13px;padding:11px 15px;background:var(--appText);color:var(--appPanel);font-size:.65rem;font-weight:950}
@media(max-width:640px){.checkoutPanel{width:100dvw;height:100dvh;max-height:none;border-radius:0;border:0}.checkoutHeader{padding:calc(14px + var(--appSafeTop)) 15px 12px}.checkoutProgress{padding:9px 8px}.checkoutProgress b{display:none}.checkoutBody{padding:15px 13px}.checkoutFormGrid{grid-template-columns:1fr}.checkoutFormGrid label.isWide{grid-column:auto}.checkoutFooter{padding:11px 13px calc(11px + var(--appSafeBottom))}.checkoutFooter button{flex:1}.checkoutContract{align-items:flex-start}.contractPanel{width:100dvw;height:100dvh;max-height:none;border-radius:0}}

/* Refined guided checkout — adapted from the existing customer portal visual flow */
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.checkoutDrawer{padding:18px}.checkoutPanel{width:min(1120px,97dvw);height:min(900px,95dvh);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:30px;background:color-mix(in srgb,var(--appPanel) 97%,transparent);box-shadow:0 34px 110px rgba(3,8,24,.42)}
.checkoutHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:18px 20px 15px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 9%,var(--appPanel)),color-mix(in srgb,var(--appPink) 7%,var(--appPanel)));border-bottom:1px solid var(--appLine)}
.checkoutBrandMark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--appAccentGlass);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--appBlue) 25%,transparent);font-size:1.05rem}.checkoutHeaderCopy{min-width:0}.checkoutHeader small{font-size:.55rem}.checkoutHeader h2{font-size:1.38rem;margin:2px 0}.checkoutHeader p{font-size:.65rem}.checkoutHeader>button{align-self:start}
.checkoutProgress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 18px;background:color-mix(in srgb,var(--appPanelSoft) 72%,transparent)}.checkoutProgress button{justify-content:flex-start;text-align:left;padding:9px 10px;border:1px solid transparent;border-radius:15px}.checkoutProgress button>span{flex:0 0 auto;width:28px;height:28px}.checkoutProgress button b,.checkoutProgress button small{display:block}.checkoutProgress button b{font-size:.62rem}.checkoutProgress button small{font-size:.5rem;color:var(--appMuted);margin-top:2px}.checkoutProgress button.isActive{border-color:color-mix(in srgb,var(--appBlue) 28%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 10%,var(--appGlass))}.checkoutProgress button.isComplete{color:var(--appText)}
.checkoutWorkspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;overflow:hidden}.checkoutBody{padding:20px 22px 24px}.checkoutStep.isActive{gap:16px;animation:checkoutStepIn .2s ease both}@keyframes checkoutStepIn{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
.checkoutSectionHeading{align-items:flex-start}.checkoutSectionHeading h3{font-size:1.13rem;letter-spacing:-.035em}.checkoutSectionHeading p{margin:5px 0 0;color:var(--appMuted);font-size:.62rem;line-height:1.45}.checkoutSectionHeading button{display:flex;align-items:center;gap:6px}.checkoutDateCard{padding:14px 15px;border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appGlass)),color-mix(in srgb,var(--appPink) 5%,var(--appGlass)))}.checkoutDateCard>i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--appPanel);box-shadow:0 8px 22px rgba(0,0,0,.08)}.checkoutDateCard span{display:block;margin-top:3px;color:var(--appMuted);font-size:.55rem}
.checkoutItemList{gap:9px}.checkoutItem{padding:13px 14px;border-radius:18px;transition:border-color .18s ease,transform .18s ease}.checkoutItem:hover{border-color:color-mix(in srgb,var(--appBlue) 32%,var(--appLine));transform:translateY(-1px)}.checkoutItem b{font-size:.75rem}.checkoutItem strong{font-size:.74rem}
.checkoutPromo{padding:14px;border:1px dashed color-mix(in srgb,var(--appBlue) 35%,var(--appLine));border-radius:19px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appGlass))}.checkoutPromoHead>div{display:flex;align-items:center;gap:10px}.checkoutPromoHead i{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue)}.checkoutPromoHead b,.checkoutPromoHead small{display:block}.checkoutPromoHead b{font-size:.69rem}.checkoutPromoHead small{margin-top:2px;font-size:.54rem;color:var(--appMuted)}.checkoutPromo>div:not(.checkoutPromoHead){grid-template-columns:minmax(0,1fr) auto}.checkoutPromo input{background:var(--appPanel)}.checkoutPromo button{min-height:42px;background:var(--appText);white-space:nowrap}
.checkoutTotals{padding:15px 16px;border-radius:19px}.checkoutTotals>div{font-size:.67rem}.checkoutTotals>div:last-child{font-size:.84rem}
.checkoutFormGrid{gap:14px}.checkoutFormGrid label>span{display:flex;justify-content:space-between;gap:8px}.checkoutFormGrid label>span em{font-style:normal;font-weight:700;color:var(--appMuted)}.checkoutFormGrid input,.checkoutFormGrid select,.checkoutFormGrid textarea{min-height:45px;border-radius:15px;background:var(--appGlass);transition:border-color .18s ease,box-shadow .18s ease}.checkoutFormGrid textarea{min-height:105px}.checkoutFormGrid input:focus,.checkoutFormGrid select:focus,.checkoutFormGrid textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 12%,transparent)}.checkoutInfoNotice{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:16px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appGlass));color:var(--appMuted);font-size:.59rem;line-height:1.45}.checkoutInfoNotice i{color:var(--appBlue);font-size:.8rem}
.checkoutContractList,.checkoutAgreementGroup{display:grid;gap:9px}.checkoutContract{padding:15px;border-radius:19px}.checkoutContract>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel))}.checkoutContract button{display:flex;align-items:center;gap:5px;white-space:nowrap}.checkoutAgreement{position:relative;align-items:stretch;padding:0;overflow:hidden}.checkoutAgreement input{position:absolute;opacity:0}.checkoutAgreement>span{width:100%;display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:10px;padding:12px 13px}.checkoutAgreement>span>i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--appLine);color:transparent}.checkoutAgreement b,.checkoutAgreement small{display:block}.checkoutAgreement b{font-size:.65rem}.checkoutAgreement small{margin-top:3px;color:var(--appMuted);font-size:.54rem}.checkoutAgreement input:checked+span{background:color-mix(in srgb,var(--appBlue) 8%,var(--appGlass))}.checkoutAgreement input:checked+span>i{background:var(--appBlue);border-color:var(--appBlue);color:#fff}
.checkoutPaymentSummary{padding:14px 15px;border-radius:19px}.checkoutPaymentSummary>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel))}.checkoutPaymentSummary>span{margin-left:auto;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,#19a36b 12%,var(--appGlass));color:#128258;font-size:.53rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.checkoutPaymentMethods{grid-template-columns:1fr 1fr}.checkoutPaymentMethods span{height:100%;align-items:flex-start;padding:14px;border-radius:18px}.checkoutPaymentMethods span>i:first-child{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--appPanel);font-size:.9rem}.checkoutPaymentMethods span>span{display:block;padding:0;border:0;background:none}.checkoutPaymentMethods b,.checkoutPaymentMethods small{display:block}.checkoutPaymentMethods b{font-size:.66rem}.checkoutPaymentMethods small{margin-top:4px;color:var(--appMuted);font-size:.53rem;line-height:1.35}.checkoutPaymentMethods span>i:last-child{margin-left:auto;color:transparent}.checkoutPaymentMethods input:checked+span>i:last-child{color:var(--appBlue)}.checkoutPaymentNotice{display:flex;gap:9px;align-items:flex-start;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass))}.checkoutPaymentNotice i{color:var(--appBlue);font-size:.8rem}
.checkoutSidebar{min-height:0;overflow:auto;padding:18px;border-left:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanelSoft) 78%,transparent);display:flex;flex-direction:column;gap:12px}.checkoutSidebarHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.checkoutSidebarHead small{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--appMuted)}.checkoutSidebarHead b{font-size:.66rem}.checkoutSidebarDate{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--appLine);background:var(--appGlass)}.checkoutSidebarDate>i{color:var(--appBlue)}.checkoutSidebarDate small,.checkoutSidebarDate b{display:block}.checkoutSidebarDate small{font-size:.52rem;color:var(--appMuted)}.checkoutSidebarDate b{margin-top:3px;font-size:.62rem}.checkoutMiniItems{display:grid;gap:7px;max-height:235px;overflow:auto}.checkoutMiniItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 11px;border-radius:14px;border:1px solid var(--appLine);background:var(--appGlass)}.checkoutMiniItem b,.checkoutMiniItem small{display:block}.checkoutMiniItem b{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkoutMiniItem small{margin-top:3px;font-size:.51rem;color:var(--appMuted)}.checkoutMiniItem strong{font-size:.59rem}.checkoutSidebarTotals{display:grid;gap:7px;padding:13px;border-radius:16px;background:var(--appPanel);border:1px solid var(--appLine)}.checkoutSidebarTotals>div{display:flex;justify-content:space-between;gap:10px;font-size:.59rem}.checkoutSidebarTotals>div:last-child{padding-top:8px;border-top:1px solid var(--appLine);font-size:.72rem;font-weight:950}.checkoutSecureNote{margin-top:auto;display:flex;gap:9px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--appPink) 7%,var(--appGlass));border:1px solid color-mix(in srgb,var(--appPink) 18%,var(--appLine))}.checkoutSecureNote i{color:var(--appPink)}.checkoutSecureNote b,.checkoutSecureNote small{display:block}.checkoutSecureNote b{font-size:.6rem}.checkoutSecureNote small{margin-top:3px;color:var(--appMuted);font-size:.51rem;line-height:1.4}
.checkoutFooter{align-items:center;padding:13px 18px}.checkoutFooterStep{margin-right:auto}.checkoutFooterStep small,.checkoutFooterStep b{display:block}.checkoutFooterStep small{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--appMuted);font-weight:900}.checkoutFooterStep b{margin-top:2px;font-size:.63rem}.checkoutFooter button{display:flex;align-items:center;justify-content:center;gap:8px}.checkoutPrimary{min-width:178px;box-shadow:0 12px 28px color-mix(in srgb,var(--appBlue) 22%,transparent)}
.contractPanel{width:min(700px,94dvw);border-radius:26px}.contractPanel>div{font-size:.71rem;padding:22px 24px}
@media(max-width:900px){.checkoutDrawer{padding:0;width:auto;height:auto;inset:0;overflow:hidden}.checkoutPanel{width:100%;height:100%;min-width:0;max-width:none;max-height:none;border-radius:0;border:0}.checkoutWorkspace{grid-template-columns:1fr}.checkoutSidebar{display:none}.checkoutProgress button{justify-content:center;text-align:center}.checkoutProgress button small{display:none}.checkoutBody{padding:17px 15px 22px}.checkoutFooterStep{display:none}.checkoutFooter{padding-bottom:calc(12px + var(--appSafeBottom))}}
@media(max-width:640px){.checkoutHeader{grid-template-columns:auto minmax(0,1fr) auto;padding:calc(12px + var(--appSafeTop)) 13px 11px;gap:10px}.checkoutBrandMark{width:38px;height:38px;border-radius:13px}.checkoutHeader h2{font-size:1.08rem}.checkoutHeader p{font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkoutProgress{padding:8px 7px;gap:4px}.checkoutProgress button{padding:7px 4px;border-radius:12px}.checkoutProgress button>span{width:25px;height:25px}.checkoutProgress button b{display:none}.checkoutBody{padding:15px 12px 18px}.checkoutSectionHeading h3{font-size:1rem}.checkoutSectionHeading p{font-size:.57rem}.checkoutSectionHeading button{padding:7px 9px}.checkoutDateCard{padding:12px}.checkoutItem{padding:11px 12px}.checkoutPromo>div:not(.checkoutPromoHead){grid-template-columns:1fr}.checkoutPromo button{min-height:40px}.checkoutFormGrid{grid-template-columns:1fr;gap:11px}.checkoutFormGrid label.isWide{grid-column:auto}.checkoutContract{align-items:flex-start;display:grid;grid-template-columns:1fr}.checkoutContract button{justify-content:center}.checkoutPaymentMethods{grid-template-columns:1fr}.checkoutPaymentMethods span{padding:12px}.checkoutFooter{padding:10px 12px calc(10px + var(--appSafeBottom))}.checkoutFooter button{flex:1;min-width:0}.checkoutPrimary{min-width:0}.contractPanel{width:100dvw;height:100dvh;max-height:none;border-radius:0}}

/* Checkout destination and saved-address experience */
.checkoutEventBasics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkoutEventBasics label,.checkoutNotesField{display:grid;gap:6px}.checkoutEventBasics label>span,.checkoutNotesField>span{font-size:.59rem;font-weight:850;color:var(--appMuted)}.checkoutEventBasics input,.checkoutNotesField textarea{width:100%;min-height:45px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass);color:var(--appText);padding:11px 12px;font:inherit;font-size:.68rem;outline:none}.checkoutNotesField textarea{min-height:104px;resize:vertical}.checkoutEventBasics input:focus,.checkoutNotesField textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 12%,transparent)}
.checkoutFulfillmentChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.checkoutFulfillmentChoices label{display:block;cursor:pointer}.checkoutFulfillmentChoices input{position:absolute;opacity:0;pointer-events:none}.checkoutFulfillmentChoices label>span{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.checkoutFulfillmentChoices label>span>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--appPanelSoft);color:var(--appBlue);font-size:.95rem}.checkoutFulfillmentChoices label>span>span b,.checkoutFulfillmentChoices label>span>span small{display:block}.checkoutFulfillmentChoices b{font-size:.66rem}.checkoutFulfillmentChoices small{margin-top:3px;color:var(--appMuted);font-size:.54rem;line-height:1.35}.checkoutFulfillmentChoices label>span>i:last-child{color:var(--appBlue);opacity:0;transform:scale(.8);transition:.18s ease}.checkoutFulfillmentChoices input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 11%,transparent);background:color-mix(in srgb,var(--appBlue) 6%,var(--appGlass))}.checkoutFulfillmentChoices input:checked+span>i:last-child{opacity:1;transform:scale(1)}
.checkoutLocationCard{display:grid;gap:12px;padding:15px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanelSoft)}.checkoutLocationHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkoutLocationHead>div{display:flex;align-items:center;gap:10px}.checkoutLocationHead>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--appPanel);color:var(--appBlue);box-shadow:0 8px 20px rgba(0,0,0,.07)}.checkoutLocationHead b,.checkoutLocationHead small{display:block}.checkoutLocationHead b{font-size:.72rem}.checkoutLocationHead small{margin-top:3px;color:var(--appMuted);font-size:.56rem}.checkoutLocationHead button{display:flex;align-items:center;gap:6px;border:1px solid var(--appLine);border-radius:12px;padding:9px 11px;background:var(--appPanel);color:var(--appText);font-size:.59rem;font-weight:900}
.checkoutSavedAddresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.checkoutSavedAddress{display:block;cursor:pointer}.checkoutSavedAddress input{position:absolute;opacity:0;pointer-events:none}.checkoutSavedAddress>span{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass);transition:.18s ease}.checkoutSavedAddress>span>i:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:var(--appPanel);color:var(--appBlue)}.checkoutSavedAddress b,.checkoutSavedAddress small{display:block}.checkoutSavedAddress b{font-size:.64rem}.checkoutSavedAddress small{margin-top:3px;color:var(--appMuted);font-size:.53rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkoutSavedAddress>span>i:last-child{color:var(--appBlue);opacity:0}.checkoutSavedAddress input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent);background:color-mix(in srgb,var(--appBlue) 5%,var(--appGlass))}.checkoutSavedAddress input:checked+span>i:last-child{opacity:1}
.checkoutAddressForm{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--appLine)}.checkoutAddressForm[hidden]{display:none}.checkoutAddressFormHead b,.checkoutAddressFormHead small{display:block}.checkoutAddressFormHead b{font-size:.67rem}.checkoutAddressFormHead small{margin-top:3px;color:var(--appMuted);font-size:.55rem}.checkoutSaveAddress{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);cursor:pointer}.checkoutSaveAddress>span{display:flex;align-items:center;gap:9px}.checkoutSaveAddress>span>i{color:var(--appBlue);font-size:.9rem}.checkoutSaveAddress b,.checkoutSaveAddress small{display:block}.checkoutSaveAddress b{font-size:.62rem}.checkoutSaveAddress small{margin-top:2px;color:var(--appMuted);font-size:.53rem}.checkoutPickupCard{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:16px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass));border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine))}.checkoutPickupCard>i{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--appPanel);color:var(--appBlue)}.checkoutPickupCard b,.checkoutPickupCard small{display:block}.checkoutPickupCard b{font-size:.67rem}.checkoutPickupCard small{margin-top:4px;color:var(--appMuted);font-size:.56rem;line-height:1.45}.checkoutLocationCard.isPickup .checkoutLocationHead{display:none}
@media(max-width:820px){.checkoutFulfillmentChoices{grid-template-columns:1fr}.checkoutFulfillmentChoices label>span{min-height:68px}.checkoutSavedAddresses{grid-template-columns:1fr}}
@media(max-width:640px){.checkoutEventBasics{grid-template-columns:1fr}.checkoutLocationCard{padding:13px;border-radius:18px}.checkoutLocationHead{align-items:flex-start}.checkoutLocationHead button{padding:8px 9px}.checkoutSavedAddress small{white-space:normal}.checkoutFulfillmentChoices label>span{padding:11px}.checkoutAddressForm .checkoutFormGrid{gap:10px}}

.checkoutSavedAddress em{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 10%,transparent);color:var(--appBlue);font-size:.48rem;font-style:normal;font-weight:800;letter-spacing:.02em}


.checkoutDeliveryQuote{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
.checkoutDeliveryQuoteIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:20px}
.checkoutDeliveryQuoteCopy{min-width:0;display:grid;gap:3px}.checkoutDeliveryQuoteCopy small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.checkoutDeliveryQuoteCopy b{font-size:22px;line-height:1.1}.checkoutDeliveryQuoteCopy span{font-size:12px;color:var(--muted);line-height:1.45}
.checkoutDeliveryQuote button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:800;display:flex;align-items:center;gap:7px}.checkoutDeliveryQuote.isLoading .checkoutDeliveryQuoteIcon i{animation:checkoutSpin 1s linear infinite}.checkoutDeliveryQuote.isReady{border-color:color-mix(in srgb,#1f9d55 45%,var(--line));background:color-mix(in srgb,var(--surface) 92%,#1f9d55 8%)}.checkoutDeliveryQuote.isReview{border-color:color-mix(in srgb,#d97706 45%,var(--line));background:color-mix(in srgb,var(--surface) 92%,#d97706 8%)}
.checkoutDeliveryBreakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.checkoutDeliveryBreakdown>div{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:grid;gap:2px}.checkoutDeliveryBreakdown span{font-size:11px;color:var(--muted)}.checkoutDeliveryBreakdown b{font-size:13px}
@keyframes checkoutSpin{to{transform:rotate(360deg)}}
@media(max-width:720px){.checkoutDeliveryQuote{grid-template-columns:auto 1fr}.checkoutDeliveryQuote button{grid-column:1/-1;justify-content:center}.checkoutDeliveryBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Checkout experience redesign */
.checkoutEventCard,.checkoutPhoneCard{display:grid;gap:14px;padding:16px;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanelSoft);box-shadow:0 14px 34px rgba(30,55,90,.06)}
.checkoutCardLead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.checkoutCardLead>i{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 13%,var(--appPanel)),color-mix(in srgb,var(--appPink) 10%,var(--appPanel)));color:var(--appBlue);font-size:1rem}.checkoutCardLead small,.checkoutCardLead b,.checkoutCardLead span{display:block}.checkoutCardLead small{text-transform:uppercase;letter-spacing:.09em;font-size:.5rem;font-weight:950;color:var(--appMuted)}.checkoutCardLead b{margin-top:2px;font-size:.72rem}.checkoutCardLead span{margin-top:3px;color:var(--appMuted);font-size:.55rem;line-height:1.4}
.checkoutEventTypePills{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.checkoutEventTypePills::-webkit-scrollbar{display:none}.checkoutEventTypePills button{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--appLine);border-radius:999px;background:var(--appGlass);color:var(--appText);font:inherit;font-size:.56rem;font-weight:850;transition:.18s ease}.checkoutEventTypePills button i{color:var(--appBlue)}.checkoutEventTypePills button.isSelected{border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 8%,var(--appGlass));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 9%,transparent)}
.checkoutPremiumField{display:grid;gap:6px}.checkoutPremiumField>span{font-size:.56rem;font-weight:900;color:var(--appMuted)}.checkoutPremiumField>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:47px;padding:0 13px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass)}.checkoutPremiumField>div:focus-within{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent)}.checkoutPremiumField i{color:var(--appBlue)}.checkoutPremiumField input{width:100%;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.67rem}
.checkoutPreferredContact{display:grid;gap:7px;margin:0;padding:12px;border:1px solid var(--appLine);border-radius:17px;background:color-mix(in srgb,var(--appBlue) 4%,var(--appGlass))}.checkoutPreferredContact legend{padding:0 5px;font-size:.58rem;font-weight:950;color:var(--appText)}.checkoutPreferredContact>p{margin:0;color:var(--appMuted);font-size:.52rem;line-height:1.4}.checkoutPreferredContact>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.checkoutPreferredContact label{cursor:pointer}.checkoutPreferredContact input{position:absolute;opacity:0;pointer-events:none}.checkoutPreferredContact span{min-height:49px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);color:var(--appMuted);transition:.18s ease}.checkoutPreferredContact span i{color:var(--appBlue);font-size:.8rem}.checkoutPreferredContact span b{font-size:.56rem}.checkoutPreferredContact input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 60%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));color:var(--appText);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 9%,transparent)}
.checkoutPhoneChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.checkoutPhonePill{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:62px;padding:10px 11px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass);color:var(--appText);text-align:left;font:inherit;transition:.18s ease}.checkoutPhonePill>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--appPanel);color:var(--appBlue)}.checkoutPhonePill small,.checkoutPhonePill b{display:block}.checkoutPhonePill small{font-size:.48rem;color:var(--appMuted)}.checkoutPhonePill b{margin-top:2px;font-size:.6rem}.checkoutPhonePill>i:last-child{color:var(--appBlue);opacity:0}.checkoutPhonePill.isSelected{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 6%,var(--appGlass));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 9%,transparent)}.checkoutPhonePill.isSelected>i:last-child{opacity:1}.checkoutPhoneAdd>i:first-child{color:var(--appPink);background:color-mix(in srgb,var(--appPink) 8%,var(--appPanel))}
.checkoutLocationCard{padding:16px;border-radius:23px}.checkoutSavedAddresses{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkoutSavedAddress>span{min-height:92px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;padding:13px}.checkoutSavedAddress>span>i:first-child{grid-column:1;width:38px;height:38px}.checkoutSavedAddress>span>span{grid-column:1 / -1;min-width:0}.checkoutSavedAddress>span>i:last-child{position:absolute;right:12px;top:12px}.checkoutSavedAddress{position:relative}.checkoutSavedAddress b{font-size:.65rem}.checkoutSavedAddress small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.checkoutSavedAddress em{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));color:var(--appBlue);font-size:.45rem;font-style:normal;font-weight:900}
.checkoutAddressForm{display:grid;gap:13px;padding:14px;border:1px dashed color-mix(in srgb,var(--appBlue) 35%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 3%,var(--appGlass))}.checkoutAddressSearch{display:grid;gap:6px}.checkoutAddressSearch>span{font-size:.56rem;font-weight:900;color:var(--appMuted)}.checkoutAddressSearch>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:49px;padding:0 13px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel)}.checkoutAddressSearch>div:focus-within{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent)}.checkoutAddressSearch i{color:var(--appBlue)}.checkoutAddressSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.66rem}.checkoutAddressSearch>small{color:var(--appMuted);font-size:.49rem}
.checkoutAddressTypeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.checkoutAddressTypeGrid label{cursor:pointer}.checkoutAddressTypeGrid input{position:absolute;opacity:0}.checkoutAddressTypeGrid span{display:grid;place-items:center;gap:5px;min-height:58px;padding:8px 4px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);transition:.18s ease}.checkoutAddressTypeGrid i{color:var(--appBlue);font-size:.85rem}.checkoutAddressTypeGrid b{font-size:.5rem}.checkoutAddressTypeGrid input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 58%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 9%,transparent)}
.checkoutAddressDetails{padding-top:2px}.checkoutDeliverySummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid var(--appLine);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)))}.checkoutDeliverySummary>div{display:flex;align-items:center;gap:11px;min-width:0}.checkoutDeliverySummary>div>i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--appPanel);color:var(--appBlue);font-size:.92rem}.checkoutDeliverySummary span{min-width:0}.checkoutDeliverySummary small,.checkoutDeliverySummary b,.checkoutDeliverySummary em{display:block}.checkoutDeliverySummary small{text-transform:uppercase;letter-spacing:.08em;font-size:.47rem;font-weight:950;color:var(--appMuted)}.checkoutDeliverySummary b{margin-top:2px;font-size:.76rem}.checkoutDeliverySummary em{margin-top:2px;color:var(--appMuted);font-size:.5rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkoutDeliverySummary button{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel);color:var(--appText)}.checkoutDeliverySummary.isLoading button i{animation:checkoutSpin .9s linear infinite}@keyframes checkoutSpin{to{transform:rotate(360deg)}}
.checkoutDeliveryBreakdown{display:none!important}.pac-container{z-index:2147483647!important;border:1px solid rgba(30,55,90,.12)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 18px 46px rgba(20,36,65,.2)!important;font-family:inherit!important}.pac-item{padding:10px 12px!important;cursor:pointer!important}.pac-icon{margin-top:5px!important}
@media(max-width:640px){.checkoutEventCard,.checkoutPhoneCard,.checkoutLocationCard{padding:13px;border-radius:19px}.checkoutPhoneChoices{grid-template-columns:1fr}.checkoutSavedAddresses{grid-template-columns:repeat(2,minmax(0,1fr))}.checkoutSavedAddress>span{min-height:104px}.checkoutAddressTypeGrid{grid-template-columns:repeat(4,minmax(62px,1fr));overflow-x:auto}.checkoutAddressTypeGrid span{min-height:55px}.checkoutDeliverySummary{padding:12px}.checkoutDeliverySummary em{max-width:210px}}

.checkoutIncludedService{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:13px;padding:15px;border:1px solid color-mix(in srgb,var(--appBlue) 30%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass))}.checkoutIncludedService>i:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));color:var(--appBlue);font-size:1.15rem}.checkoutIncludedService>i:last-child{color:var(--appBlue);font-size:1.05rem}.checkoutIncludedService small,.checkoutIncludedService b,.checkoutIncludedService span{display:block}.checkoutIncludedService small{font-size:.55rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--appBlue)}.checkoutIncludedService b{margin-top:4px;font-size:.72rem}.checkoutIncludedService span{margin-top:4px;color:var(--appMuted);font-size:.59rem;line-height:1.45}

/* Membership-aware multiple cart switcher */
.activeCartSwitcher{padding:12px 1px;border-bottom:1px solid var(--appLine);display:grid;gap:10px}.activeCartSwitcher[hidden]{display:none!important}.cartSwitcherHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.cartSwitcherHead small,.cartSwitcherHead strong{display:block}.cartSwitcherHead small{font-size:.52rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--appMuted)}.cartSwitcherHead strong{margin-top:3px;font-size:.67rem}.cartSwitcherHead button{height:34px;padding:0 12px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText);font-size:.61rem;font-weight:900}.cartSwitcherHead button:disabled{opacity:.42}.cartSwitcherGrid{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.cartSwitcherGrid::-webkit-scrollbar{display:none}.cartSwitcherCard{min-width:150px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText);text-align:left}.cartSwitcherCard>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appBlue)}.cartSwitcherCard b,.cartSwitcherCard small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cartSwitcherCard b{font-size:.65rem}.cartSwitcherCard small{margin-top:2px;font-size:.53rem;color:var(--appMuted)}.cartSwitcherCard>i{font-size:.65rem;color:var(--appMuted)}.cartSwitcherCard.isActive{border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent)}


.checkoutAddressLoading{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:84px;padding:18px;border:1px dashed rgba(40,174,238,.45);border-radius:22px;background:rgba(230,247,255,.72);color:var(--checkoutMuted,#56627a);font-weight:800}
.checkoutAddressLoading i{font-size:22px;color:#20acef;animation:checkoutAddressSpin .9s linear infinite}
@keyframes checkoutAddressSpin{to{transform:rotate(360deg)}}

/* Google Places suggestions inside the checkout drawer */
.pac-container{z-index:2147483647!important;margin-top:8px!important;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine))!important;border-radius:18px!important;background:color-mix(in srgb,var(--appPanel) 96%,transparent)!important;box-shadow:0 22px 60px rgba(15,23,42,.18)!important;font-family:inherit!important;overflow:hidden!important;padding:6px!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.pac-item{min-height:58px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-top:0!important;border-radius:13px!important;color:var(--appMuted)!important;font-size:.62rem!important;line-height:1.3!important;cursor:pointer!important;transition:background .16s ease,transform .16s ease!important}
.pac-item:hover,.pac-item-selected{background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel))!important;transform:translateX(2px)}
.pac-item-query{color:var(--appText)!important;font-size:.68rem!important;font-weight:900!important}.pac-icon{width:30px!important;height:30px!important;margin:0 2px 0 0!important;border-radius:10px!important;background-color:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel))!important;background-position:center!important}.pac-logo:after{margin:7px 10px 5px!important;opacity:.72!important}
.checkoutAutocompleteStatus{display:flex;align-items:center;gap:6px}.checkoutAutocompleteStatus i{color:var(--appBlue)}.checkoutAddressLoading{grid-column:1/-1;min-height:104px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed color-mix(in srgb,var(--appBlue) 32%,var(--appLine));border-radius:16px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));color:var(--appMuted);font-weight:800}.checkoutAddressLoading i{color:var(--appBlue);animation:checkoutAddressSpin .9s linear infinite}@keyframes checkoutAddressSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.pac-container{width:calc(100dvw - 32px)!important;left:16px!important;right:16px!important}.pac-item{min-height:62px!important;padding:11px!important}.pac-item-query{font-size:.72rem!important}}


/* Checkout saved/used places and custom Google suggestion panel */
.checkoutSavedAddresses:not([hidden]){margin-top:14px}
.checkoutSavedAddress>span{box-shadow:0 8px 24px rgba(26,53,92,.06)}
.checkoutSavedAddress em{white-space:nowrap}
.checkoutGoogleSuggestions{position:relative;z-index:40;display:grid;gap:6px;margin-top:3px;padding:7px;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appPanel) 98%,transparent);box-shadow:0 22px 60px rgba(15,23,42,.16);overflow:hidden}
.checkoutGoogleSuggestions[hidden]{display:none!important}
.checkoutGoogleSuggestion{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:10px;border:0;border-radius:13px;background:transparent;color:var(--appText);text-align:left;cursor:pointer;transition:background .16s ease,transform .16s ease}
.checkoutGoogleSuggestion:hover,.checkoutGoogleSuggestion:focus-visible{outline:0;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));transform:translateX(2px)}
.checkoutGoogleSuggestion>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue);font-size:.92rem}
.checkoutGoogleSuggestion>i:last-child{color:var(--appMuted);font-size:.72rem}
.checkoutGoogleSuggestion b,.checkoutGoogleSuggestion small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkoutGoogleSuggestion b{font-size:.67rem}.checkoutGoogleSuggestion small{margin-top:4px;color:var(--appMuted);font-size:.54rem}
.checkoutGoogleSuggestions.isLoading{pointer-events:none;opacity:.72}
.checkoutSuggestionSpinner{animation:checkoutAddressSpin .9s linear infinite}
@media(max-width:640px){.checkoutSavedAddresses{grid-template-columns:1fr!important}.checkoutSavedAddress>span{min-height:92px}.checkoutGoogleSuggestion{min-height:66px;padding:11px 9px}.checkoutGoogleSuggestion b{font-size:.72rem}.checkoutGoogleSuggestion small{font-size:.58rem}}

/* Address suggestions: full-width, readable list */
.checkoutGoogleSuggestions{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:6px!important;
  max-height:min(42dvh,360px);
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.checkoutGoogleSuggestion{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:70px!important;
  grid-template-columns:42px minmax(0,1fr) 22px!important;
  gap:12px!important;
  padding:12px 10px!important;
  border-radius:14px!important;
}
.checkoutGoogleSuggestion + .checkoutGoogleSuggestion{
  border-top:1px solid color-mix(in srgb,var(--appLine) 82%,transparent)!important;
}
.checkoutGoogleSuggestion>span{min-width:0!important;display:block!important}
.checkoutGoogleSuggestion b,
.checkoutGoogleSuggestion small{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.checkoutGoogleSuggestion b{
  font-size:.76rem!important;
  line-height:1.28!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
}
.checkoutGoogleSuggestion small{
  margin-top:5px!important;
  font-size:.62rem!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
}
@media(max-width:640px){
  .checkoutGoogleSuggestions{max-height:min(38dvh,320px)}
  .checkoutGoogleSuggestion{min-height:76px!important;padding:12px 9px!important}
  .checkoutGoogleSuggestion b{font-size:.78rem!important}
  .checkoutGoogleSuggestion small{font-size:.64rem!important}
}

/* Collapsible delivery quote details */
.checkoutDeliverySummary{cursor:pointer;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.checkoutDeliverySummary:active{transform:scale(.995)}.checkoutDeliverySummary:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 24%,transparent);outline-offset:3px}.checkoutDeliverySummary #checkoutDeliveryToggle i{transition:transform .24s ease}.checkoutDeliverySummary.isExpanded #checkoutDeliveryToggle i{transform:rotate(180deg)}
.checkoutDeliveryBreakdown{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;padding:12px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appPanel) 92%,var(--appBlue) 8%);animation:checkoutDeliveryReveal .22s ease both}.checkoutDeliveryBreakdown[hidden]{display:none!important}.checkoutDeliveryDetail{display:flex!important;align-items:center;gap:10px;min-width:0;padding:11px!important;border:1px solid color-mix(in srgb,var(--appLine) 88%,transparent)!important;border-radius:14px!important;background:var(--appPanel)!important}.checkoutDeliveryDetail>i{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue)}.checkoutDeliveryDetail span{min-width:0}.checkoutDeliveryDetail small,.checkoutDeliveryDetail b{display:block}.checkoutDeliveryDetail small{font-size:.48rem!important;color:var(--appMuted)!important;line-height:1.25}.checkoutDeliveryDetail b{margin-top:2px;font-size:.61rem!important;line-height:1.3}.checkoutDeliveryRefresh{grid-column:1/-1;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.56rem;font-weight:900}.checkoutDeliveryRefresh:active{transform:scale(.985)}@keyframes checkoutDeliveryReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:520px){.checkoutDeliveryBreakdown{grid-template-columns:1fr}.checkoutDeliveryRefresh{grid-column:1}.checkoutDeliverySummary em{max-width:230px}}

/* Project switcher terminology and compact reservation timer */
.cartSwitcherHead{align-items:flex-start!important}
.cartSwitcherSummary{min-width:0;flex:1 1 auto}
.projectSwitcherActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.projectSwitcherActions>.activeCartHoldStatus.projectHoldMini{display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;min-height:34px!important;margin:0!important;padding:5px 9px!important;border-radius:12px!important;box-shadow:none!important}
.projectSwitcherActions>.activeCartHoldStatus.projectHoldMini[hidden]{display:none!important}
.projectHoldMini .activeCartHoldIcon{width:24px!important;height:24px!important;border-radius:8px!important;flex:0 0 24px!important;font-size:.68rem!important}
.projectHoldMini .activeCartHoldCopy{min-width:0!important}
.projectHoldMini .activeCartHoldCopy small{display:none!important}
.projectHoldMini .activeCartHoldCopy strong{margin:0!important;max-width:116px!important;font-size:.57rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.projectHoldMini>span,.projectHoldMini .activeCartHoldHelp{display:none!important}
.projectHoldMini .activeCartRetain{position:absolute;top:39px;right:0;width:max-content;max-width:190px;margin:0;padding:8px 10px;border-radius:10px;font-size:.53rem;z-index:3}
.projectHoldMini{position:relative!important;overflow:visible!important}
.cartSwitcherCard{min-width:164px}
@media(max-width:560px){
  .cartSwitcherHead{gap:8px!important}
  .projectSwitcherActions{gap:6px}
  .cartSwitcherHead button{height:32px!important;padding:0 10px!important;font-size:.55rem!important}
  .projectSwitcherActions>.activeCartHoldStatus.projectHoldMini{min-height:32px!important;padding:4px 7px!important}
  .projectHoldMini .activeCartHoldIcon{width:22px!important;height:22px!important;flex-basis:22px!important}
  .projectHoldMini .activeCartHoldCopy strong{max-width:88px!important;font-size:.52rem!important}
}

/* Project switcher naming, deletion, and verification */
.cartSwitcherCard{position:relative;display:flex!important;align-items:stretch;padding:0!important;overflow:hidden}
.cartSwitcherSelect{min-width:0;flex:1;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:0;background:transparent;color:inherit;text-align:left}
.cartSwitcherSelect>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appBlue)}
.cartSwitcherSelect b,.cartSwitcherSelect small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartSwitcherSelect b{font-size:.65rem}.cartSwitcherSelect small{margin-top:2px;font-size:.53rem;color:var(--appMuted)}
.cartSwitcherSelect>i{font-size:.65rem;color:var(--appMuted)}
.cartSwitcherDelete{width:38px;flex:0 0 38px;border:0;border-left:1px solid var(--appLine);background:transparent;color:var(--appMuted);display:grid;place-items:center;font-size:.67rem}
.cartSwitcherDelete:active{background:color-mix(in srgb,#ef4444 10%,transparent);color:#dc2626}
.projectDeleteDialog[hidden]{display:none!important}.projectDeleteDialog{position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid;align-items:end;justify-items:stretch;padding:14px;isolation:isolate;pointer-events:auto}.projectDeleteDialog>*{pointer-events:auto}body.projectDeleteOpen{overflow:hidden;touch-action:none}
.projectDeleteBackdrop{position:absolute;inset:0;background:rgba(15,23,42,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.projectDeleteSheet{position:relative;width:min(100%,430px);margin:0 auto;padding:22px;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel);box-shadow:0 24px 70px rgba(15,23,42,.24);text-align:center;animation:projectDeleteIn .22s ease both}
.projectDeleteIcon{width:52px;height:52px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,#ef4444 11%,var(--appPanel));color:#dc2626;font-size:1.15rem}
.projectDeleteSheet h3{margin:0;color:var(--appText);font-size:1.05rem}.projectDeleteSheet p{margin:8px 0 18px;color:var(--appMuted);font-size:.72rem;line-height:1.45}
.projectDeleteActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.projectDeleteActions button{min-height:46px;border-radius:15px;font-weight:900;font-size:.7rem}.projectDeleteCancel{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.projectDeleteConfirm{border:0;background:#ef4444;color:#fff}.projectDeleteConfirm:disabled{opacity:.62}
@keyframes projectDeleteIn{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}

/* Checkout policy and agreement workspace */
.checkoutPoliciesStep{gap:16px}.checkoutPolicyProgress{padding:14px 15px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanelSoft)}.checkoutPolicyProgress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.6rem;color:var(--appMuted)}.checkoutPolicyProgress strong{color:var(--appText);font-size:.62rem}.checkoutPolicyProgressTrack{height:7px;margin-top:10px;border-radius:999px;background:color-mix(in srgb,var(--appLine) 70%,transparent);overflow:hidden}.checkoutPolicyProgressTrack i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--appBlue),var(--appPink));transition:width .28s ease}.checkoutPolicyTabs{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none}.checkoutPolicyTabs::-webkit-scrollbar{display:none}.checkoutPolicyTab{scroll-snap-align:center;flex:0 0 auto;min-width:118px;display:grid;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass);color:var(--appText);text-align:left}.checkoutPolicyTab>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue)}.checkoutPolicyTab b{font-size:.61rem}.checkoutPolicyTab>i{font-size:.65rem;color:var(--appMuted)}.checkoutPolicyTab.isActive{border-color:color-mix(in srgb,var(--appBlue) 70%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent);background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass))}.checkoutPolicyTab.isReviewed>i{color:var(--appBlue)}.checkoutPolicyPanel{border:1px solid var(--appLine);border-radius:22px;background:var(--appGlass);overflow:hidden}.checkoutPolicyHeader{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;border-bottom:1px solid var(--appLine)}.checkoutPolicyIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 12%,var(--appPanel)));color:var(--appBlue);font-size:1.15rem}.checkoutPolicyHeader small,.checkoutPolicySubhead small{display:block;color:var(--appMuted);font-size:.52rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.checkoutPolicyHeader h4{margin:3px 0 4px;font-size:.86rem}.checkoutPolicyHeader p{margin:0;color:var(--appMuted);font-size:.58rem;line-height:1.45}.checkoutPolicyHeader>span{padding:6px 8px;border-radius:999px;background:var(--appPanelSoft);font-size:.52rem;font-weight:900;color:var(--appMuted)}.checkoutPolicySections{display:grid;gap:8px;padding:13px}.checkoutPolicyAccordion{border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);overflow:hidden}.checkoutPolicyAccordion>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:0;background:transparent;color:var(--appText);font-size:.62rem;font-weight:900;text-align:left}.checkoutPolicyAccordion>button i{transition:transform .2s ease}.checkoutPolicyAccordion>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.checkoutPolicyAccordion>div>p{min-height:0;overflow:hidden;margin:0;padding:0 13px;color:var(--appMuted);font-size:.58rem;line-height:1.6}.checkoutPolicyAccordion.isOpen>div{grid-template-rows:1fr}.checkoutPolicyAccordion.isOpen>div>p{padding-bottom:13px}.checkoutPolicyAccordion.isOpen>button i{transform:rotate(180deg)}.checkoutPolicyAddons,.checkoutSelectedAddons{padding:14px;border-top:1px solid var(--appLine)}.checkoutSelectedAddons{border:1px solid var(--appLine);border-radius:19px;background:var(--appPanelSoft)}.checkoutPolicySubhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.checkoutPolicySubhead h5{margin:3px 0 0;font-size:.72rem}.checkoutPolicySubhead>span,.checkoutPolicySubhead>strong{font-size:.54rem;color:var(--appMuted)}#checkoutPolicyAddonList{display:grid;gap:8px}.checkoutPolicyOption{position:relative;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);cursor:pointer}.checkoutPolicyOption input{position:absolute;opacity:0;pointer-events:none}.checkoutPolicyOptionCheck{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--appLine);border-radius:9px;color:transparent}.checkoutPolicyOptionCopy b,.checkoutPolicyOptionCopy small{display:block}.checkoutPolicyOptionCopy b{font-size:.62rem}.checkoutPolicyOptionCopy small{margin-top:3px;color:var(--appMuted);font-size:.53rem;line-height:1.4}.checkoutPolicyOption>strong{font-size:.57rem;white-space:nowrap}.checkoutPolicyOption.isSelected{border-color:color-mix(in srgb,var(--appBlue) 65%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 7%,var(--appPanel))}.checkoutPolicyOption.isSelected .checkoutPolicyOptionCheck{background:var(--appBlue);border-color:var(--appBlue);color:#fff}.checkoutPolicyNav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:13px;border-top:1px solid var(--appLine)}.checkoutPolicyNav button{min-height:40px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel);color:var(--appText);font-size:.58rem;font-weight:900}.checkoutPolicyNav button:nth-child(2){background:var(--appAccentGlass);border:0;color:#fff}.checkoutPolicyNav button:nth-child(2).isReviewed{background:var(--appText);color:var(--appPanel)}.checkoutPolicyNav button:disabled{opacity:.4}.checkoutSelectedAddonsList,#checkoutSelectedAddonsList{display:grid;gap:7px}#checkoutSelectedAddonsList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid var(--appLine);font-size:.59rem}#checkoutSelectedAddonsList span{display:flex;align-items:center;gap:7px}#checkoutSelectedAddonsList i{color:var(--appBlue)}.checkoutFinalAgreement{padding-top:2px}
@media(max-width:640px){.checkoutPolicyProgress>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.checkoutPolicyHeader{grid-template-columns:42px minmax(0,1fr)}.checkoutPolicyHeader>span{grid-column:2;justify-self:start}.checkoutPolicyIcon{width:42px;height:42px}.checkoutPolicyNav{grid-template-columns:1fr 1.35fr 1fr}.checkoutPolicyNav button{padding:0 7px}.checkoutPolicyOption{grid-template-columns:29px minmax(0,1fr)}.checkoutPolicyOption>strong{grid-column:2;justify-self:start}.checkoutPolicyTab{min-width:108px}}


/* Booking terms refinement */
.checkoutPoliciesStep{position:relative}
.checkoutPolicyTabs{position:sticky;top:-1px;z-index:12;margin-inline:-4px;padding:9px 4px 10px;background:color-mix(in srgb,var(--appPanel) 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--appLine) 72%,transparent)}
.checkoutPolicyTabs::after{content:"";position:absolute;inset:auto 0 -10px;height:10px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--appPanel) 24%,transparent),transparent)}
.checkoutPolicyTab{min-width:124px}
.checkoutPolicyPanel[hidden]{display:none!important}
.checkoutPolicyNav button.needsChoice{box-shadow:0 0 0 3px color-mix(in srgb,var(--appPink) 14%,transparent)}
.checkoutFinalAgreement{display:grid;gap:9px;padding-top:0}
.checkoutFinalAgreement[hidden]{display:none!important}
.checkoutAgreementReady{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:15px;border:1px solid color-mix(in srgb,var(--appBlue) 45%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass))}
.checkoutAgreementReady>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--appAccentGlass);color:#fff;font-size:1.05rem}
.checkoutAgreementReady small,.checkoutAgreementReady b,.checkoutAgreementReady p{display:block}
.checkoutAgreementReady small{color:var(--appBlue);font-size:.52rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.checkoutAgreementReady b{margin-top:3px;font-size:.72rem}
.checkoutAgreementReady p{margin:4px 0 0;color:var(--appMuted);font-size:.56rem;line-height:1.45}
.checkoutPoliciesStep.policiesComplete .checkoutPolicyTabs{border-bottom-color:color-mix(in srgb,var(--appBlue) 38%,var(--appLine))}
@media(max-width:640px){.checkoutPolicyTabs{top:-1px;margin-inline:-2px;padding-inline:2px}.checkoutPolicyTab{min-width:112px}.checkoutAgreementReady{grid-template-columns:38px minmax(0,1fr);padding:13px}.checkoutAgreementReady>span{width:38px;height:38px}}

/* Legal-name electronic signature */
.checkoutLegalSigner{display:grid;gap:13px;padding:15px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel)}
.checkoutLegalSignerHead{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.checkoutLegalSignerHead>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appPink) 10%,var(--appPanel));color:var(--appPink);font-size:1rem}.checkoutLegalSignerHead small{display:block;color:var(--appPink);font-size:.52rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.checkoutLegalSignerHead h5{margin:3px 0 4px;font-size:.76rem}.checkoutLegalSignerHead p{margin:0;color:var(--appMuted);font-size:.56rem;line-height:1.45}
.checkoutLegalNameField{display:grid;gap:7px}.checkoutLegalNameField>span{font-size:.57rem;font-weight:900;color:var(--appText)}.checkoutLegalNameField>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:48px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.checkoutLegalNameField>div>i{display:grid;place-items:center;color:var(--appBlue)}.checkoutLegalNameField input{width:100%;height:46px;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.68rem;font-weight:800;padding:0 12px 0 0}.checkoutLegalNameField>div:focus-within{border-color:color-mix(in srgb,var(--appBlue) 70%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent)}.checkoutLegalNameField input.isInvalid{color:#dc2626}.checkoutLegalNameField input.isVerified{color:var(--appText)}.checkoutLegalNameField>small{color:var(--appMuted);font-size:.53rem;line-height:1.4}.checkoutSignatureNotice{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;margin:0;padding:10px 11px;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 6%,var(--appPanelSoft));color:var(--appMuted);font-size:.54rem;line-height:1.5}.checkoutSignatureNotice i{color:var(--appBlue);font-size:.8rem}
@media(max-width:640px){.checkoutLegalSigner{padding:13px}.checkoutLegalSignerHead{grid-template-columns:38px minmax(0,1fr)}.checkoutLegalSignerHead>span{width:38px;height:38px}}


/* Locked checkout step indicators with persistent completion state */
.checkoutProgress button:disabled{opacity:1;cursor:default;pointer-events:none}
.checkoutProgress button>span{position:relative;font-size:.82rem}
.checkoutProgress button>span i{line-height:1}
.checkoutProgress button.isComplete:not(.isActive)>span::after{content:"\F26A";font-family:"bootstrap-icons";position:absolute;right:-5px;bottom:-5px;width:14px;height:14px;display:grid;place-items:center;border:2px solid var(--appPanel);border-radius:999px;background:var(--appBlue);color:#fff;font-size:.48rem;line-height:1}
.checkoutProgress button.isComplete{color:var(--appText)}
.checkoutProgress button.isComplete>span{background:color-mix(in srgb,var(--appBlue) 16%,var(--appPanel));border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));color:var(--appBlue)}
.checkoutProgress button.isActive>span{background:var(--appAccentGlass);border-color:transparent;color:#fff}

/* Accurate policy navigation beneath the sticky policy tabs */
.checkoutPolicyPanel{scroll-margin-top:calc(72px + env(safe-area-inset-top,0px))}
.checkoutFinalAgreement{scroll-margin-top:14px}
.checkoutPolicyOptionGroupTitle{padding:5px 2px 0}.checkoutPolicyOptionGroupTitle small{display:block;color:var(--appMuted);font-size:.52rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.checkoutPolicyOption.isSingleChoice .checkoutPolicyOptionCheck{border-radius:999px}.checkoutPolicyOption.isSingleChoice.isSelected .checkoutPolicyOptionCheck{background:var(--appPanel);border:7px solid var(--appBlue);color:transparent}

/* Policy option dependency states */
.checkoutPolicyOption.isDisabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}
.checkoutPolicyOption.isDisabled input{pointer-events:none}
.checkoutPolicyOption.isDisabled .checkoutPolicyOptionCopy small::after{content:' Included with Full Cleaning Coverage';font-weight:700}

/* Stripe card and partial-payment checkout */
.checkoutPaymentAmount,.checkoutCardSource{display:grid;gap:11px;padding:14px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanelSoft)}
.checkoutPaymentSubhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.checkoutPaymentSubhead small{display:block;color:var(--appMuted);font-size:.54rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.checkoutPaymentSubhead h4{margin:3px 0 0;font-size:.78rem}.checkoutPaymentSubhead>span,#checkoutBookingFeeBadge{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appGlass));color:var(--appBlue);font-size:.52rem;font-weight:900;white-space:nowrap}
.checkoutPaymentAmountChoices{display:grid;gap:8px}.checkoutPaymentAmountChoices label{display:block}.checkoutPaymentAmountChoices input{position:absolute;opacity:0}.checkoutPaymentAmountChoices label>span{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass)}.checkoutPaymentAmountChoices input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 60%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 12%,transparent)}.checkoutPaymentAmountChoices label>span>i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--appPanel);color:var(--appBlue)}.checkoutPaymentAmountChoices b,.checkoutPaymentAmountChoices small{display:block}.checkoutPaymentAmountChoices b{font-size:.66rem}.checkoutPaymentAmountChoices small{margin-top:3px;color:var(--appMuted);font-size:.53rem;line-height:1.35}.checkoutPaymentAmountChoices strong{font-size:.68rem;white-space:nowrap}
.checkoutCustomPayment{display:grid;gap:6px}.checkoutCustomPayment>span{font-size:.59rem;font-weight:900}.checkoutCustomPayment>div{display:flex;align-items:center;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);overflow:hidden}.checkoutCustomPayment>div>b{padding-left:12px;font-size:.75rem}.checkoutCustomPayment input{width:100%;border:0;background:transparent;color:var(--appText);padding:11px;font:inherit;font-size:.72rem;outline:none}.checkoutCustomPayment small{color:var(--appMuted);font-size:.54rem}.checkoutBookingFeeNotice{display:flex;gap:8px;margin:0;padding:10px 11px;border-radius:14px;background:color-mix(in srgb,var(--appPink) 7%,var(--appGlass));color:var(--appMuted);font-size:.55rem;line-height:1.45}.checkoutBookingFeeNotice i{color:var(--appPink)}
.checkoutSavedCards{display:grid;gap:7px}.checkoutSavedCardLoading,.checkoutSavedCardEmpty{display:flex;align-items:center;gap:9px;padding:11px;border:1px dashed var(--appLine);border-radius:14px;color:var(--appMuted);font-size:.58rem}.checkoutSavedCardLoading i{animation:spin .9s linear infinite}.checkoutSavedCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass)}.checkoutSavedCard i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--appPanel);color:var(--appBlue)}.checkoutSavedCard b,.checkoutSavedCard small{display:block}.checkoutSavedCard b{font-size:.64rem}.checkoutSavedCard small{margin-top:3px;color:var(--appMuted);font-size:.52rem}.checkoutSavedCard em{font-style:normal;font-size:.52rem;font-weight:900;color:#128258}
.checkoutCardSource .checkoutPaymentMethods{grid-template-columns:1fr}.checkoutCardSource .checkoutPaymentMethods label.isUnavailable{opacity:.45;pointer-events:none}
@media(max-width:640px){.checkoutPaymentSubhead{align-items:center}.checkoutPaymentAmountChoices label>span{padding:11px}.checkoutPaymentAmountChoices strong{font-size:.63rem}.checkoutPaymentAmount,.checkoutCardSource{padding:12px}}

/* Thread preview containment: overlays stay inside the rendered ICT frame. */
.checkoutDrawer{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.checkoutPanel{width:min(1120px,100%)!important;max-width:100%!important;box-sizing:border-box!important}@media(max-width:900px){.checkoutDrawer{width:100%!important;max-width:100%!important}.checkoutPanel{width:100%!important;max-width:100%!important}}

.checkoutStripeElement{min-height:118px;padding:14px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass)}.checkoutStripeLoading,.checkoutStripeError{min-height:88px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--appMuted);font-size:.62rem;text-align:center}.checkoutStripeLoading i{animation:checkoutSpin .9s linear infinite}.checkoutStripeError{flex-wrap:wrap;color:var(--appText)}.checkoutStripeError button{border:1px solid var(--appLine);border-radius:11px;background:var(--appPanel);color:var(--appText);padding:8px 11px;font-size:.6rem;font-weight:900}@keyframes checkoutSpin{to{transform:rotate(360deg)}}

/* Global notifications must remain above every checkout, review, auth, and contract overlay. */
body>.toast#toast{position:fixed!important;z-index:2147483647!important;isolation:isolate!important;pointer-events:none!important;max-width:min(420px,calc(100dvw - 28px))!important;}

.checkoutSavedCards[hidden],#checkoutPaymentFlow[hidden],.checkoutPaymentConfirmation[hidden]{display:none!important}
.checkoutPaymentConfirmation{display:grid;justify-items:center;gap:10px;padding:28px 18px;text-align:center;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanelSoft)}
.checkoutConfirmationIcon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-size:1.8rem}
.checkoutPaymentConfirmation>small{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--appBlue)}
.checkoutPaymentConfirmation h3{margin:0;font-size:1.15rem}.checkoutPaymentConfirmation p{margin:0;max-width:34rem;color:var(--appMuted);line-height:1.55}
.checkoutPaymentConfirmation strong{font-size:1.7rem}.checkoutPaymentConfirmation em{font-style:normal;color:var(--appMuted);font-size:.58rem}
.checkoutPaymentConfirmation button{margin-top:6px;min-height:46px;padding:0 20px;border:0;border-radius:15px;background:var(--appText);color:var(--appPanel);font-weight:900}
#checkoutPaymentFlow{display:grid;gap:14px}

body.projectDeleteOpen>.activeCartDrawer,body.projectDeleteOpen>.checkoutDrawer{pointer-events:none!important}.projectDeleteDialog{transform:translateZ(0)!important;contain:layout style!important}.projectDeleteBackdrop{z-index:0}.projectDeleteSheet{z-index:1}

/* Refined payment summary card */
.checkoutFinalReview{display:grid;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--appLine) 86%,var(--appBlue));border-radius:24px;background:color-mix(in srgb,var(--appPanelSoft) 96%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.14);overflow:hidden;min-width:0}
.checkoutReviewIntro small,.checkoutReviewSectionLabel{display:block;color:var(--appMuted);font-size:.5rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.checkoutReviewIntro h4{margin:5px 0 0;font-size:.88rem;line-height:1.2;letter-spacing:-.025em}
.checkoutReviewCard{border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appGlass) 86%,transparent);overflow:hidden;min-width:0}
.checkoutReviewHeader{display:flex;align-items:center;gap:11px;padding:13px 14px;border-bottom:1px solid var(--appLine);background:color-mix(in srgb,var(--appBlue) 4%,var(--appGlass))}
.checkoutReviewHeader>i,.checkoutReviewSectionHead>i{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-size:.88rem}
.checkoutReviewHeader h5{margin:0;font-size:.66rem;line-height:1.25}
.checkoutReviewSection{border-top:1px solid var(--appLine)}
.checkoutReviewSection:first-of-type{border-top:0}
.checkoutReviewSectionHead{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid color-mix(in srgb,var(--appLine) 82%,transparent);background:color-mix(in srgb,var(--appPanel) 55%,transparent)}
.checkoutReviewSectionHead span{font-size:.64rem;font-weight:950}
.checkoutReviewRows{display:grid;padding:0 14px}
.checkoutReviewRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--appLine) 72%,transparent)}
.checkoutReviewRow:last-child{border-bottom:0}
.checkoutReviewRowLead{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.checkoutReviewRowLead>i{width:28px;height:28px;display:grid;place-items:center;color:var(--appText);font-size:.73rem}
.checkoutReviewRowText{min-width:0}
.checkoutReviewRowText span,.checkoutReviewRowText small{display:block;min-width:0;overflow-wrap:anywhere}
.checkoutReviewRowText span{font-size:.61rem;font-weight:800;line-height:1.28}
.checkoutReviewRowText small{margin-top:3px;color:var(--appMuted);font-size:.49rem;line-height:1.35}
.checkoutReviewRow>strong{font-size:.65rem;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.checkoutReviewRow.isDiscount .checkoutReviewRowText span,.checkoutReviewRow.isDiscount>strong{color:#16986a}
.checkoutReviewRow.isTotal{padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--appLine) 86%,transparent)}
.checkoutReviewRow.isTotal .checkoutReviewRowLead{grid-template-columns:minmax(0,1fr)}
.checkoutReviewRow.isTotal .checkoutReviewRowText span{font-weight:950;color:var(--appText)}
.checkoutReviewRow.isTotal>strong{font-size:.76rem;color:var(--appBlue)}
.checkoutReviewRow.isCharge .checkoutReviewRowText span{color:var(--appBlue);font-weight:950}
.checkoutReviewRow.isCharge>strong{font-size:.82rem;color:var(--appBlue)}
.checkoutReviewSection.isRemaining .checkoutReviewSectionHead>i{background:color-mix(in srgb,#18a675 13%,var(--appPanel));color:#18a675}
.checkoutReviewSection.isRemaining .checkoutReviewRow>strong{font-size:.8rem;color:#18a675}
.checkoutReviewSection.isRemaining .checkoutReviewRows{background:color-mix(in srgb,#18a675 3%,transparent)}
@media(max-width:640px){.checkoutFinalReview{gap:12px;padding:14px;border-radius:22px}.checkoutReviewIntro h4{font-size:.82rem}.checkoutReviewHeader,.checkoutReviewSectionHead{padding-left:12px;padding-right:12px}.checkoutReviewRows{padding:0 12px}.checkoutReviewRow{gap:10px;padding:10px 0}.checkoutReviewRowLead{grid-template-columns:25px minmax(0,1fr);gap:8px}.checkoutReviewRowLead>i{width:25px;height:25px;font-size:.69rem}.checkoutReviewRowText span{font-size:.58rem}.checkoutReviewRowText small{font-size:.47rem}.checkoutReviewRow>strong{font-size:.62rem}}


/* Payment summary containment fix: neutralize the legacy direct-child flex rules. */
.checkoutFinalReview > .checkoutReviewIntro{
  display:block;
  width:100%;
  min-width:0;
  font-size:inherit;
  font-weight:inherit;
}
.checkoutFinalReview > .checkoutReviewCard{
  display:block;
  width:100%;
  min-width:0;
  font-size:inherit;
  font-weight:inherit;
}
.checkoutFinalReview > .checkoutReviewCard:last-child{
  font-size:inherit;
  font-weight:inherit;
}
.checkoutReviewCard > .checkoutReviewHeader{
  display:flex;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.checkoutReviewCard > .checkoutReviewSection{
  display:block;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.checkoutReviewRows,.checkoutReviewRow,.checkoutReviewRowLead,.checkoutReviewRowText{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.checkoutReviewRowText span,.checkoutReviewRowText small{
  word-break:normal;
  overflow-wrap:break-word;
}
@media(max-width:640px){
  .checkoutFinalReview > .checkoutReviewIntro,
  .checkoutFinalReview > .checkoutReviewCard{width:100%;}
  .checkoutReviewRow{grid-template-columns:minmax(0,1fr) max-content;}
}

/* Reusable system date picker */
.systemDatePickerOverlay{position:fixed;inset:0;z-index:2147483200;display:grid;align-items:end;padding:16px;background:rgba(4,8,18,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.systemDatePickerPanel{width:min(100%,520px);max-height:min(88dvh,760px);margin:0 auto;padding:20px;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:30px;background:color-mix(in srgb,var(--appPanel) 96%,transparent);box-shadow:0 -24px 80px rgba(0,0,0,.3);overflow:auto}
.systemDatePickerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.systemDatePickerHeader small{font-size:.56rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--appBlue)}.systemDatePickerHeader h2{margin:4px 0 4px;font-size:1.35rem;letter-spacing:-.04em}.systemDatePickerHeader p{margin:0;color:var(--appMuted);font-size:.65rem;line-height:1.45}.systemDatePickerHeader>button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText)}
.systemDatePickerSelection{display:flex;align-items:center;gap:12px;margin:18px 0 14px;padding:13px;border:1px solid color-mix(in srgb,var(--appBlue) 25%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanelSoft))}.systemDatePickerSelection>i{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 18%,transparent);color:var(--appBlue)}.systemDatePickerSelection small,.systemDatePickerSelection strong{display:block}.systemDatePickerSelection small{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--appMuted)}.systemDatePickerSelection strong{margin-top:3px;font-size:.74rem}
.systemDatePickerNav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:9px;margin:7px 0 10px}.systemDatePickerNav strong{text-align:center;font-size:.86rem}.systemDatePickerNav button{width:42px;height:42px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText)}.systemDatePickerNav button:disabled{opacity:.28}
.systemDatePickerWeek,.systemDatePickerGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.systemDatePickerWeek{margin-bottom:6px}.systemDatePickerWeek span{text-align:center;font-size:.52rem;font-weight:900;color:var(--appMuted)}.systemDatePickerGrid button,.systemDatePickerBlank{aspect-ratio:1;border:0;border-radius:13px}.systemDatePickerGrid button{background:var(--appPanelSoft);color:var(--appText);font-size:.67rem;font-weight:900}.systemDatePickerGrid button.isToday{box-shadow:inset 0 0 0 1px var(--appBlue)}.systemDatePickerGrid button.isSelected{background:var(--appText);color:var(--appBg);box-shadow:0 8px 22px color-mix(in srgb,var(--appBlue) 22%,transparent)}.systemDatePickerGrid button:disabled{opacity:.22}
.systemDatePickerActions{display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;margin-top:18px}.systemDatePickerActions button{min-height:48px;border-radius:15px;font:inherit;font-size:.68rem;font-weight:950}.systemDatePickerActions .isSecondary{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.systemDatePickerActions .isPrimary{border:0;background:var(--appText);color:var(--appBg)}body.systemDatePickerOpen{overflow:hidden;touch-action:none}
@media(min-width:700px){.systemDatePickerOverlay{align-items:center}.systemDatePickerPanel{box-shadow:0 28px 90px rgba(0,0,0,.32)}}

/* Custom single date and time selectors */
.systemPickerInput{cursor:pointer!important;caret-color:transparent;background-image:linear-gradient(transparent,transparent)!important;padding-right:3.1rem!important}
.systemPickerInput::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.systemSinglePickerValue{display:flex;align-items:center;gap:13px;margin:17px 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 25%,var(--appLine));border-radius:19px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanelSoft))}.systemSinglePickerValue>i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appBlue) 17%,transparent);color:var(--appBlue);font-size:1rem}.systemSinglePickerValue small,.systemSinglePickerValue strong{display:block}.systemSinglePickerValue small{font-size:.58rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--appMuted)}.systemSinglePickerValue strong{margin-top:3px;font-size:.82rem}
.systemSinglePickerActions{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px;margin-top:18px}.systemSinglePickerActions button{min-height:52px;border-radius:17px;font:inherit;font-size:.72rem;font-weight:950}.systemSinglePickerActions .isSecondary{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.systemSinglePickerActions .isPrimary{border:0;background:var(--appText);color:var(--appBg)}
.systemTimePickerGrid{display:grid;gap:16px}.systemTimePickerGrid>div>small{display:block;margin-bottom:8px;font-size:.61rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--appMuted)}.systemTimeOptions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.systemTimeOptions.isPeriod{grid-template-columns:repeat(2,minmax(0,1fr))}.systemTimeOptions button{min-height:43px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanelSoft);color:var(--appText);font:inherit;font-size:.72rem;font-weight:900}.systemTimeOptions button.isSelected{border-color:var(--appBlue);background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));color:var(--appBlue);box-shadow:0 7px 20px color-mix(in srgb,var(--appBlue) 15%,transparent)}

/* Custom date/time field triggers. Keep the native values in the form, but render
   the same polished tap target used throughout the project workspace. */
.systemPickerInput{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.systemPickerTrigger{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  padding:10px 16px 10px 11px;
  border:1px solid color-mix(in srgb,var(--appLine) 86%,var(--appBlue) 14%);
  border-radius:19px;
  background:var(--appGlass);
  color:var(--appText);
  text-align:left;
  font:inherit;
  box-shadow:0 8px 22px rgba(15,23,42,.035),inset 0 1px 0 rgba(255,255,255,.46);
  transition:transform .16s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.systemPickerTrigger:hover,.systemPickerTrigger:focus-visible{
  border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine));
  background:color-mix(in srgb,var(--appBlue) 5%,var(--appGlass));
  outline:0;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 9%,transparent),0 10px 26px rgba(15,23,42,.05);
}
.systemPickerTrigger:active,.systemPickerTrigger.isPressed{transform:scale(.985)}
.systemPickerTriggerIcon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:color-mix(in srgb,var(--appBlue) 11%,var(--appGlass));
  color:var(--appBlue);
  font-size:.92rem;
}
.systemPickerTriggerCopy{display:grid;gap:3px;min-width:0}
.systemPickerTriggerCopy small{
  color:var(--appMuted);
  font-size:.47rem;
  font-weight:900;
  line-height:1.15;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.systemPickerTriggerCopy strong{
  min-width:0;
  color:var(--appMuted);
  font-size:.68rem;
  font-weight:850;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.systemPickerTrigger.hasValue .systemPickerTriggerCopy strong{color:var(--appText)}
.systemPickerTriggerChevron{justify-self:end;color:var(--appMuted);font-size:.68rem}
.hubProjectEditPanel label:has(> .systemPickerTrigger),
.hubQuickEditFields label:has(> .systemPickerTrigger){gap:8px}
@media(max-width:560px){
  .systemPickerTrigger{min-height:62px;grid-template-columns:40px minmax(0,1fr) 16px;gap:11px;padding:10px 14px 10px 10px;border-radius:18px}
  .systemPickerTriggerIcon{width:40px;height:40px;border-radius:13px;font-size:.86rem}
  .systemPickerTriggerCopy small{font-size:.46rem}
  .systemPickerTriggerCopy strong{font-size:.66rem}
}
@media(prefers-color-scheme:dark){
  .systemPickerTrigger{box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.055)}
}

/* Hub projects inside the rental-project selector */
.cartSwitcherSummary p{margin:5px 0 0;max-width:320px;color:var(--appMuted);font-size:.54rem;line-height:1.35}
.cartSwitcherCard:not(:has(.cartSwitcherDelete)) .cartSwitcherSelect{padding-right:11px}
@media(max-width:560px){.cartSwitcherSummary p{max-width:210px;font-size:.51rem}.cartSwitcherGrid{padding-bottom:2px}}

/* Hub project-space picker */
.projectSpacePicker{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:230px;padding:9px 12px;border:1px solid var(--appBorder);border-radius:18px;background:var(--appSurface);box-shadow:0 8px 22px rgba(31,42,68,.07);cursor:pointer;overflow:hidden}
.projectSpacePicker>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--appAccentSoft);color:var(--appAccent)}
.projectSpacePicker>div{display:grid;gap:2px;min-width:0}.projectSpacePicker small{color:var(--appMuted);font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.projectSpacePicker strong{overflow:hidden;color:var(--appText);font-size:.68rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.projectSpacePicker>i{color:var(--appMuted)}
.projectSpacePicker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.projectSpacePicker.isDisabled{opacity:.56;cursor:not-allowed}.projectSpacePicker.isDisabled select{cursor:not-allowed}
.projectSpacesEmpty{display:grid;justify-items:center;gap:7px;padding:24px 18px;border:1px dashed var(--appBorder);border-radius:20px;text-align:center;color:var(--appMuted)}.projectSpacesEmpty>i{font-size:1.45rem;color:var(--appAccent)}.projectSpacesEmpty strong{color:var(--appText);font-size:.75rem}.projectSpacesEmpty p{margin:0;max-width:300px;font-size:.58rem;line-height:1.45}
@media(max-width:560px){.projectSwitcherActions{width:100%}.projectSpacePicker{width:100%;min-width:0}.cartSwitcherHead{align-items:stretch}.cartSwitcherSummary p{max-width:none}}

/* Rental project-space manager: responsive card layout */
.activeCartSwitcher{padding:18px 0 14px!important;overflow:hidden}
.cartSwitcherHead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:14px!important;width:100%;min-width:0}
.cartSwitcherSummary{width:100%;min-width:0;padding:0 4px}
.cartSwitcherSummary>small{font-size:.66rem!important;line-height:1.15;letter-spacing:.12em!important}
.cartSwitcherSummary .cartSwitcherCountRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;min-width:0}
.cartSwitcherSummary .cartSwitcherCountRow strong{margin:0!important;font-size:.9rem!important;line-height:1.2;min-width:0}
.cartSwitcherSummary .cartSwitcherCountRow span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--appAccentSoft);color:var(--appAccent);font-size:.58rem;font-weight:900;white-space:nowrap}
.cartSwitcherSummary p{max-width:none!important;margin:7px 0 0!important;font-size:.66rem!important;line-height:1.45!important}
.projectSwitcherActions{display:grid!important;width:100%!important;min-width:0;gap:10px}
.projectSpacePicker,.projectSpaceCreate{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 20px!important;align-items:center;gap:12px;width:100%!important;min-width:0!important;padding:13px 14px!important;border:1px solid var(--appBorder)!important;border-radius:20px!important;background:var(--appSurface)!important;box-shadow:0 10px 26px rgba(31,42,68,.08)!important;color:var(--appText)!important;text-align:left;overflow:hidden}
.projectSpaceCreate{appearance:none;cursor:pointer}
.projectSpacePicker>span,.projectSpaceCreate>span{display:grid;place-items:center;width:48px!important;height:48px!important;border-radius:15px!important;background:var(--appAccentSoft)!important;color:var(--appAccent)!important;font-size:1.05rem}
.projectSpacePicker>div,.projectSpaceCreate>div{display:grid;gap:2px;min-width:0}
.projectSpacePicker small,.projectSpaceCreate small{font-size:.58rem!important;font-weight:900;letter-spacing:.1em!important;text-transform:uppercase;color:var(--appMuted)!important}
.projectSpacePicker strong,.projectSpaceCreate strong{font-size:.84rem!important;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--appText)!important}
.projectSpacePicker p,.projectSpaceCreate p{margin:1px 0 0!important;font-size:.61rem!important;line-height:1.3;color:var(--appMuted)!important;white-space:normal}
.projectSpacePicker>i,.projectSpaceCreate>i{font-size:.82rem;color:var(--appMuted)}
.projectSpaceCreate:disabled,.projectSpacePicker.isDisabled{opacity:.5;cursor:not-allowed}
.projectSpacesEmpty{padding:28px 18px!important;border-radius:22px!important;gap:8px!important}
.projectSpacesEmpty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--appAccentSoft);color:var(--appAccent)}
.projectSpacesEmpty>span i{font-size:1.35rem}
.projectSpacesEmpty>strong{font-size:.83rem!important}
.projectSpacesEmpty>p{font-size:.65rem!important;max-width:330px!important}
.cartSwitcherGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;gap:10px!important}
.cartSwitcherCard{min-width:0!important;width:100%;grid-template-columns:minmax(0,1fr) auto!important;padding:0!important;border-radius:18px!important;overflow:hidden}
.cartSwitcherSelect{display:grid!important;grid-template-columns:42px minmax(0,1fr) 16px!important;align-items:center;gap:10px;width:100%;min-width:0;padding:12px!important;border:0!important;background:transparent!important;text-align:left}
.cartSwitcherSelect>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--appAccentSoft);color:var(--appAccent)}
.cartSwitcherSelect b{font-size:.74rem!important}.cartSwitcherSelect small{font-size:.59rem!important}
.cartSwitcherDelete{align-self:stretch!important;width:46px;height:auto!important;padding:0!important;border:0!important;border-left:1px solid var(--appLine)!important;border-radius:0!important;background:transparent!important;color:var(--appMuted)!important}
.cartSwitcherDelete:active{background:color-mix(in srgb,var(--appAccent) 9%,transparent)!important;color:var(--appAccent)!important}
@media(max-width:560px){
  .activeCartSwitcher{padding-inline:0!important}
  .cartSwitcherSummary{padding-inline:2px}
  .cartSwitcherSummary .cartSwitcherCountRow{align-items:flex-end}
  .projectSpacePicker,.projectSpaceCreate{grid-template-columns:46px minmax(0,1fr) 18px!important;padding:12px!important;border-radius:18px!important}
  .projectSpacePicker>span,.projectSpaceCreate>span{width:46px!important;height:46px!important}
}


/* Refined rental spaces drawer */
.activeCartPanel{background:var(--appBg)}
.activeCartHeader{padding-bottom:16px!important}
.activeCartSwitcher{padding:14px 0 12px!important;border-bottom:0!important}
.projectSpacesPanel{display:grid;gap:14px;padding:16px;border:1px solid var(--appBorder);border-radius:24px;background:var(--appSurface);box-shadow:0 14px 34px rgba(31,42,68,.08)}
.projectSpaceTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.projectSpaceTitleRow>div{min-width:0}
.projectSpaceTitleRow small{display:block;font-size:.62rem!important;letter-spacing:.12em!important;color:var(--appAccent)!important}
.projectSpaceTitleRow strong{display:block;margin-top:4px!important;font-size:.9rem!important;line-height:1.2}
.projectSpaceTitleRow>span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--appAccentSoft);color:var(--appAccent);font-size:.6rem;font-weight:900}
.cartSwitcherSummary p{margin-top:6px!important;font-size:.64rem!important;line-height:1.4!important}
.projectSpacePicker,.projectSpaceCreate{box-shadow:none!important;background:var(--appPanelSoft)!important;border-color:transparent!important}
.projectSpacePicker:focus-within,.projectSpaceCreate:focus-visible{border-color:var(--appAccent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--appAccent) 14%,transparent)!important}
.projectSpacesEmpty{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:14px!important;border:0!important;border-radius:18px!important;background:var(--appPanelSoft)!important;text-align:left!important}
.projectSpacesEmpty>span{flex:0 0 auto;width:44px!important;height:44px!important;border-radius:14px!important}
.projectSpacesEmpty>div{min-width:0}
.projectSpacesEmpty strong{display:block;font-size:.74rem!important}
.projectSpacesEmpty p{margin-top:3px!important;font-size:.6rem!important;line-height:1.35!important}
.activeCartList:empty{display:none}
@media(max-width:560px){
  .projectSpacesPanel{padding:14px;border-radius:22px}
  .projectSpacePicker,.projectSpaceCreate{grid-template-columns:42px minmax(0,1fr) 18px!important;padding:11px 12px!important;border-radius:17px!important}
  .projectSpacePicker>span,.projectSpaceCreate>span{width:42px!important;height:42px!important;border-radius:13px!important}
  .projectSpacePicker strong,.projectSpaceCreate strong{font-size:.8rem!important}
  .projectSpacePicker p,.projectSpaceCreate p{font-size:.59rem!important}
}

/* Compact project-space redesign */
.projectSpacesPanel{
  gap:12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.projectSpaceUsage{
  display:grid;
  grid-template-columns:auto minmax(90px,1fr) auto;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:1px solid var(--appBorder);
  border-radius:19px;
  background:var(--appSurface);
  box-shadow:0 8px 22px rgba(31,42,68,.06);
}
.projectSpaceUsage>div:first-child{display:flex;align-items:baseline;gap:6px;min-width:0}
.projectSpaceUsage strong{font-size:1rem;line-height:1;color:var(--appText)}
.projectSpaceUsage strong span{font-size:.68rem;color:var(--appMuted)}
.projectSpaceUsage small{font-size:.58rem;font-weight:800;color:var(--appMuted);text-transform:uppercase;letter-spacing:.08em}
.projectSpaceUsage>b{font-size:.65rem;color:var(--appAccent);white-space:nowrap}
.projectSpaceMeter{display:grid;grid-template-columns:repeat(5,minmax(10px,1fr));gap:5px}
.projectSpaceMeter i{display:block;height:6px;border-radius:999px;background:var(--appPanelSoft);border:1px solid var(--appBorder)}
.projectSpaceMeter i.isUsed{background:var(--appAccent);border-color:var(--appAccent)}
.projectSwitcherActions{display:grid!important;gap:10px!important;width:100%!important}
.projectSpacePicker,.projectSpaceCreate{
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  gap:11px!important;
  padding:12px 13px!important;
  border:1px solid var(--appBorder)!important;
  border-radius:19px!important;
  background:var(--appSurface)!important;
  box-shadow:0 8px 22px rgba(31,42,68,.06)!important;
}
.projectSpacePicker>span,.projectSpaceCreate>span{
  width:44px!important;height:44px!important;border-radius:14px!important;
}
.projectSpacePicker strong,.projectSpaceCreate strong{font-size:.82rem!important}
.projectSpacePicker p,.projectSpaceCreate p{font-size:.6rem!important;margin-top:2px!important}
.projectSpacePicker small,.projectSpaceCreate small{display:none!important}
.cartSwitcherGrid{display:grid!important;gap:9px!important;overflow:visible!important}
.cartSwitcherCard{min-width:0!important;width:100%!important}
@media(max-width:560px){
  .projectSpaceUsage{grid-template-columns:auto minmax(74px,1fr) auto;padding:12px;border-radius:17px;gap:10px}
  .projectSpaceUsage strong{font-size:.94rem}
  .projectSpaceMeter{gap:4px}
  .projectSpacePicker,.projectSpaceCreate{grid-template-columns:42px minmax(0,1fr) 18px!important;padding:11px 12px!important;border-radius:17px!important}
  .projectSpacePicker>span,.projectSpaceCreate>span{width:42px!important;height:42px!important}
}

/* Compact rental-project drawer — reduce stacked card density */
.projectSpacesCompact{gap:9px!important}
.projectSpaceTopline{display:flex;align-items:center;gap:8px;min-width:0}
.projectSpaceUsageCompact{flex:1 1 auto;min-width:0;display:grid!important;grid-template-columns:auto minmax(52px,1fr) auto!important;gap:9px!important;padding:9px 11px!important;border-radius:15px!important;box-shadow:none!important;background:var(--appPanelSoft)!important;border-color:transparent!important}
.projectSpaceUsageCompact>strong{font-size:.82rem!important;line-height:1!important;white-space:nowrap}
.projectSpaceUsageCompact>strong span{font-size:.56rem!important}
.projectSpaceUsageCompact>b{font-size:.57rem!important;color:var(--appMuted)!important}
.projectSpaceUsageCompact .projectSpaceMeter{gap:3px!important}
.projectSpaceUsageCompact .projectSpaceMeter i{height:5px!important;border:0!important;background:color-mix(in srgb,var(--appMuted) 14%,transparent)!important}
.projectSpaceUsageCompact .projectSpaceMeter i.isUsed{background:var(--appAccent)!important}
.projectSpaceTopline>.projectHoldMini{flex:0 0 auto!important;min-width:108px!important;max-width:128px!important;min-height:38px!important;padding:5px 8px!important;border-radius:13px!important;background:var(--appPanelSoft)!important;border-color:transparent!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldIcon{width:26px!important;height:26px!important;flex-basis:26px!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldCopy strong{max-width:82px!important;font-size:.56rem!important}
.projectSwitcherActionsCompact{display:block!important}
.projectSwitcherActionsCompact .projectSpacePicker,.projectSwitcherActionsCompact .projectSpaceCreate{grid-template-columns:34px minmax(0,1fr) 16px!important;gap:9px!important;padding:9px 11px!important;border-radius:15px!important;box-shadow:none!important;background:var(--appPanelSoft)!important;border-color:transparent!important}
.projectSwitcherActionsCompact .projectSpacePicker>span,.projectSwitcherActionsCompact .projectSpaceCreate>span{width:34px!important;height:34px!important;border-radius:11px!important;font-size:.82rem!important}
.projectSwitcherActionsCompact .projectSpacePicker strong,.projectSwitcherActionsCompact .projectSpaceCreate strong{font-size:.69rem!important}
.projectSwitcherActionsCompact .projectSpacePicker p,.projectSwitcherActionsCompact .projectSpaceCreate p{display:none!important}
.cartSwitcherGridCompact{gap:7px!important}
.cartSwitcherGridCompact .cartSwitcherCard{border-radius:15px!important;box-shadow:none!important}
.cartSwitcherGridCompact .cartSwitcherSelect{grid-template-columns:34px minmax(0,1fr) 14px!important;gap:9px!important;padding:9px 10px!important;min-height:54px!important}
.cartSwitcherGridCompact .cartSwitcherSelect>span{width:34px!important;height:34px!important;border-radius:10px!important}
.cartSwitcherGridCompact .cartSwitcherSelect b{font-size:.68rem!important}
.cartSwitcherGridCompact .cartSwitcherSelect small{font-size:.54rem!important;margin-top:1px!important}
.cartSwitcherGridCompact .cartSwitcherDelete{width:40px!important;flex-basis:40px!important}
@media(max-width:560px){
  .projectSpacesCompact{gap:8px!important}
  .projectSpaceTopline{gap:7px}
  .projectSpaceUsageCompact{padding:8px 10px!important;grid-template-columns:auto minmax(44px,1fr) auto!important;gap:8px!important}
  .projectSpaceTopline>.projectHoldMini{min-width:102px!important;max-width:112px!important}
}

/* Compact horizontal rental-project rail */
.projectSpacesRail{display:grid;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cartProjectRail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
.cartProjectRail::-webkit-scrollbar{display:none}
.cartProjectChip{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;flex:0 0 238px!important;min-width:238px!important;max-width:238px!important;height:70px!important;border-radius:18px!important;overflow:hidden;scroll-snap-align:start;box-shadow:none!important}
.cartProjectChip .cartSwitcherSelect{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:10px 11px!important;min-height:70px!important}
.cartProjectChip .cartSwitcherSelect>span{width:36px!important;height:36px!important;border-radius:11px!important}
.cartProjectChip .cartSwitcherSelect>i{display:none!important}
.cartProjectChip .cartSwitcherSelect b{font-size:.75rem!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartProjectChip .cartSwitcherSelect small{font-size:.57rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartProjectChip .cartSwitcherDelete{width:38px!important;min-width:38px!important;height:70px!important;border-left:1px solid var(--appBorder)!important}
.cartProjectAdd{flex:0 0 96px;height:70px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed color-mix(in srgb,var(--appAccent) 48%,var(--appBorder));border-radius:18px;background:var(--appAccentSoft);color:var(--appAccent);font:inherit;font-weight:900;scroll-snap-align:end}
.cartProjectAdd i{font-size:1rem}.cartProjectAdd span{font-size:.58rem;line-height:1.1;text-align:center}
.projectSpaceChooser[hidden]{display:none}.projectSpaceChooser{position:fixed;inset:0;z-index:2147483000;display:grid;align-items:end}.projectSpaceChooserBackdrop{position:absolute;inset:0;background:rgba(18,25,40,.42);backdrop-filter:blur(10px)}
.projectSpaceChooserSheet{position:relative;max-height:min(72dvh,620px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--appSurface);border:1px solid var(--appBorder);border-radius:26px 26px 0 0;overflow:hidden;box-shadow:0 -18px 55px rgba(20,30,50,.22)}
.projectSpaceChooserSheet header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--appBorder)}
.projectSpaceChooserSheet header small{font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--appAccent)}.projectSpaceChooserSheet h3{margin:3px 0 0;font-size:1.05rem}.projectSpaceChooserSheet header button{width:42px;height:42px;border:1px solid var(--appBorder);border-radius:14px;background:var(--appSurface);color:var(--appText)}
.projectSpaceChooserList{overflow:auto;padding:12px 14px calc(18px + env(safe-area-inset-bottom));display:grid;gap:9px}
.projectSpaceChooserList button{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--appBorder);border-radius:17px;background:var(--appSurface);color:var(--appText);text-align:left}.projectSpaceChooserList button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--appAccentSoft);color:var(--appAccent)}.projectSpaceChooserList button div{display:grid;gap:3px;min-width:0}.projectSpaceChooserList button b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectSpaceChooserList button small{font-size:.58rem;color:var(--appMuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectSpaceChooserList button>i{color:var(--appAccent)}
body.projectSpaceChooserOpen{overflow:hidden}
@media(max-width:560px){.cartProjectChip{flex-basis:220px!important;min-width:220px!important;max-width:220px!important}.cartProjectAdd{flex-basis:86px}}

/* Final mobile rental-project rail refinement */
.projectSpaceTopline{align-items:stretch!important}
.projectSpaceUsageCompact,
.projectSpaceTopline>.projectHoldMini{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  box-sizing:border-box!important;
}
.projectSpaceUsageCompact{padding:0 12px!important}
.projectSpaceTopline>.projectHoldMini{padding:0 10px!important;align-items:center!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldIcon{width:28px!important;height:28px!important;flex:0 0 28px!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldCopy{display:flex!important;align-items:center!important;height:100%!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldCopy small,
.projectSpaceTopline>.projectHoldMini .activeCartHoldLimit,
.projectSpaceTopline>.projectHoldMini .activeCartHoldHelp,
.projectSpaceTopline>.projectHoldMini .activeCartRetain{display:none!important}
.projectSpaceTopline>.projectHoldMini .activeCartHoldCopy strong{font-size:.66rem!important;max-width:none!important;white-space:nowrap!important}
.cartProjectRail{gap:8px!important;padding:3px 1px 8px!important}
.cartProjectChip{
  flex:0 0 176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:62px!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  border-radius:16px!important;
}
.cartProjectChip .cartSwitcherSelect{grid-template-columns:31px minmax(0,1fr)!important;gap:8px!important;padding:8px 9px!important;min-height:62px!important}
.cartProjectChip .cartSwitcherSelect>span{width:31px!important;height:31px!important;border-radius:10px!important}
.cartProjectChip .cartSwitcherSelect b{font-size:.69rem!important}
.cartProjectChip .cartSwitcherSelect small{font-size:.52rem!important}
.cartProjectChip .cartSwitcherDelete{width:34px!important;min-width:34px!important;height:62px!important}
.cartProjectAdd{
  flex:0 0 72px!important;
  width:72px!important;
  height:62px!important;
  border-radius:16px!important;
  gap:3px!important;
}
.cartProjectAdd i{font-size:.92rem!important}
.cartProjectAdd span{font-size:.52rem!important;max-width:54px!important}

/* Project chooser aligned with the site's sheet/card language */
.projectSpaceChooser{padding:0!important}
.projectSpaceChooserSheet{
  width:min(100%,560px)!important;
  margin:0 auto!important;
  max-height:min(76dvh,650px)!important;
  border-radius:28px 28px 0 0!important;
  background:var(--appSurface)!important;
}
.projectSpaceChooserSheet header{padding:16px 16px 14px!important;align-items:flex-start!important}
.projectSpaceChooserHeading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.projectSpaceChooserHeading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--appAccentSoft);color:var(--appAccent);font-size:1.05rem}
.projectSpaceChooserHeading>div{min-width:0}
.projectSpaceChooserSheet header small{font-size:.56rem!important}
.projectSpaceChooserSheet h3{font-size:1rem!important;line-height:1.1!important}
.projectSpaceChooserSheet header p{margin:5px 0 0;font-size:.62rem;line-height:1.35;color:var(--appMuted);font-weight:700}
.projectSpaceChooserSheet header>button{flex:0 0 40px;width:40px!important;height:40px!important;border-radius:13px!important}
.projectSpaceChooserList{padding:12px 14px calc(16px + env(safe-area-inset-bottom))!important;gap:8px!important}
.projectSpaceChooserList button{
  grid-template-columns:40px minmax(0,1fr) 34px!important;
  gap:10px!important;
  min-height:64px!important;
  padding:10px 11px!important;
  border-radius:16px!important;
  background:var(--appSurface)!important;
  box-shadow:0 7px 20px rgba(31,42,68,.05)!important;
}
.projectSpaceChooserList button>span{width:40px!important;height:40px!important;border-radius:12px!important}
.projectSpaceChooserList button b{font-size:.72rem!important}
.projectSpaceChooserList button small{font-size:.56rem!important}
.projectSpaceChooserList button>em{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--appAccentSoft);color:var(--appAccent);font-style:normal}
.projectSpaceChooserList button>em i{font-size:.82rem}
@media(max-width:560px){
  .projectSpaceTopline{gap:7px!important}
  .projectSpaceUsageCompact{min-width:0!important}
  .projectSpaceTopline>.projectHoldMini{min-width:112px!important;max-width:112px!important}
  .cartProjectChip{flex-basis:168px!important;min-width:168px!important;max-width:168px!important}
  .cartProjectAdd{flex-basis:68px!important;width:68px!important}
}

/* Keep the project usage meter and reservation timer perfectly aligned */
.projectSpaceTopline{
  align-items:stretch!important;
}
.projectSpaceTopline>.projectSpaceUsageCompact,
.projectSpaceTopline>.activeCartHoldStatus.projectHoldMini{
  align-self:stretch!important;
  margin:0!important;
  translate:none!important;
  transform:none!important;
  inset:auto!important;
  vertical-align:top!important;
}
.projectSpaceTopline>.activeCartHoldStatus.projectHoldMini{
  display:flex!important;
}

/* Compact glass checkout actions */
.activeCartFooter{
  padding:10px 2px 0;
  gap:7px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.activeCartFooter>div{
  grid-column:1/-1;
  min-height:30px;
}
.activeCartFooter span{font-size:.66rem}
.activeCartFooter strong{font-size:.96rem}
.activeCartFooter>small{
  grid-column:1/-1;
  margin:0;
  font-size:.56rem;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.activeCartPrimary,
.activeCartEmpty button,
.findDateGate>button{
  border:1px solid color-mix(in srgb,var(--appBlue) 38%,var(--appLine));
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--appBlue) 18%,transparent),
    color-mix(in srgb,var(--appBlue) 7%,var(--appGlass))
  );
  color:var(--appText);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(31,87,160,.10);
  backdrop-filter:blur(16px) saturate(1.25);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
}
.activeCartPrimary{
  grid-column:1;
  height:40px;
  padding:0 15px;
  border-radius:14px;
  font-size:.7rem;
}
.activeCartPrimary:active,
.activeCartEmpty button:active,
.findDateGate>button:active{transform:scale(.985)}
.activeCartClear{
  grid-column:2;
  width:auto;
  height:40px;
  padding:0 13px;
  border:1px solid var(--appLine);
  border-radius:14px;
  background:color-mix(in srgb,var(--appGlass) 78%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:.61rem;
  white-space:nowrap;
}
.activeCartEmpty button{height:39px;border-radius:14px;padding:0 17px}

@media(max-width:520px){
  .activeCartFooter{padding-top:9px;gap:6px}
  .activeCartFooter>div{min-height:28px}
  .activeCartPrimary{height:39px}
  .activeCartClear{height:39px;padding:0 11px}
}

/* Ultra-compact rental checkout summary */
.activeCartFooter{
  box-sizing:border-box!important;
  align-self:end!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:8px 2px 2px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  align-items:center!important;
  gap:6px 7px!important;
}
.activeCartFooter>div{
  grid-column:1!important;
  grid-row:1!important;
  min-height:0!important;
  height:34px!important;
  padding:0 10px!important;
  border:1px solid var(--appLine)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--appGlass) 72%,transparent)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.activeCartFooter>div span{font-size:.61rem!important;white-space:nowrap!important}
.activeCartFooter>div strong{font-size:.84rem!important;white-space:nowrap!important}
.activeCartFooter>small{
  grid-column:1/-1!important;
  grid-row:2!important;
  order:4!important;
  min-height:0!important;
  margin:0!important;
  padding:1px 3px 0!important;
  font-size:.51rem!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
.activeCartPrimary{
  grid-column:2!important;
  grid-row:1!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  font-size:.62rem!important;
  white-space:nowrap!important;
}
.activeCartClear{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  height:auto!important;
  min-height:0!important;
  padding:1px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:.52rem!important;
  line-height:1.2!important;
}
@media(max-width:520px){
  .activeCartFooter{padding-top:7px!important;gap:5px 6px!important}
  .activeCartFooter>div{height:33px!important;padding-inline:9px!important}
  .activeCartPrimary{height:33px!important;min-height:33px!important;padding-inline:11px!important}
}

/* Prevent compact checkout note from bleeding into the remove action */
.activeCartFooter>small{
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0 2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.activeCartClear{
  grid-column:2!important;
  grid-row:2!important;
  position:relative!important;
  z-index:2!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 3px!important;
  white-space:nowrap!important;
}
@media(max-width:520px){
  .activeCartFooter{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:6px!important;
  }
  .activeCartFooter>small{
    font-size:.48rem!important;
    line-height:1.1!important;
  }
  .activeCartClear{
    font-size:.49rem!important;
  }
}

.systemSingleJumpPanel{padding:6px 0 4px}.systemSingleYearSelect{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 14px}.systemSingleYearSelect>span{font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--appMuted)}.systemSingleYearSelect select{width:100%;min-width:0;height:44px;padding:0 38px 0 14px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanelSoft);color:var(--appText);font:inherit;font-size:.76rem;font-weight:900}.systemSinglePicker [data-cal-week][hidden],.systemSinglePicker [data-cal-grid][hidden]{display:none!important}

.bubbleHeaderProfile{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 9px 4px 4px;border:0;background:transparent;color:var(--appText);text-align:left}.bubbleHeaderProfile[hidden]{display:none!important}.bubbleHeaderAvatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--appBlue) 45%,#fff);background:var(--appPanelSoft);box-shadow:0 5px 16px rgba(20,63,126,.16);font-size:.76rem;font-weight:950}.bubbleHeaderAvatar img{width:100%;height:100%;object-fit:cover}.bubbleHeaderCopy{display:grid;min-width:0;gap:1px}.bubbleHeaderCopy small{font-size:.51rem;letter-spacing:.13em;color:var(--appBlue);font-weight:950}.bubbleHeaderCopy b{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.bubbleHeaderActive .toprow{justify-content:space-between}@media(max-width:520px){.bubbleHeaderAvatar{width:40px;height:40px}.bubbleHeaderCopy b{max-width:38vw}}

/* v141: persistent Bubble identity header and reliable profile-image fallback */
.bubbleHeaderAvatar{position:relative}
.bubbleHeaderAvatar>img{position:absolute;inset:0;z-index:2}
.bubbleHeaderAvatarFallback{display:grid;place-items:center;width:100%;height:100%}
.bubbleHeaderAvatar img+.bubbleHeaderAvatarFallback{visibility:hidden}
.bubbleHeaderAvatar img[hidden]+.bubbleHeaderAvatarFallback,.bubbleHeaderAvatar:not(:has(img)) .bubbleHeaderAvatarFallback{visibility:visible}




/* v343: Founder frame on the persistent top-left My Bubble avatar. */
.bubbleHeaderAvatarCore{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:var(--appPanelSoft);
}
.bubbleHeaderAvatarCore>img{width:100%;height:100%;object-fit:cover}
.bubbleHeaderAvatar.hasFounderFrame{
  overflow:visible!important;
  border-color:transparent!important;
  box-shadow:none!important;
  background:transparent!important;
}
.bubbleHeaderFounderFrame{
  position:absolute!important;
  z-index:4!important;
  pointer-events:none!important;
  max-width:none!important;
  width:150%!important;
  height:150%!important;
  left:-25%!important;
  top:-25%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 7px rgba(20,20,46,.24));
}

/* v173: keep rental-project content and checkout actions in fixed drawer rows. */
.activeCartHeader{grid-row:1}
.activeCartSwitcher{grid-row:2}
.activeCartList,.activeCartEmpty{grid-row:4;min-height:0}
.activeCartFooter{grid-row:5;align-self:end!important}

/* v174: keep reservation loading copy inside the timer pill just like the active countdown. */
.projectSpaceTopline>.activeCartHoldStatus.projectHoldMini{
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
.projectSpaceTopline>.activeCartHoldStatus.projectHoldMini .activeCartHoldCopy{
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  overflow:hidden!important;
}
.projectSpaceTopline>.activeCartHoldStatus.projectHoldMini .activeCartHoldCopy strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Guest inquiry workspace */
.guestInquiryRail{padding:0!important}.guestInquiryIdentity{display:flex;align-items:center;gap:11px;min-width:0}.guestInquiryIdentity>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appGlass));color:var(--appBlue);font-size:1rem}.guestInquiryIdentity small,.guestInquiryIdentity b,.guestInquiryIdentity em{display:block}.guestInquiryIdentity small{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--appMuted);font-weight:900}.guestInquiryIdentity b{margin-top:2px;font-size:.78rem}.guestInquiryIdentity em{margin-top:2px;font-size:.55rem;color:var(--appMuted);font-style:normal}.guestInquiryNotice{display:flex;align-items:flex-start;gap:7px;max-width:270px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:13px;background:color-mix(in srgb,var(--appBlue) 6%,var(--appGlass));font-size:.55rem;line-height:1.38;color:var(--appMuted)}.guestInquiryNotice i{color:var(--appBlue);margin-top:1px}.checkoutGuestEmailField small{font-size:.54rem;color:var(--appMuted)}@media(max-width:560px){.guestInquiryRail .projectSpaceTopline{align-items:stretch;flex-direction:column}.guestInquiryNotice{max-width:none}}


/* v178 checkout rental-date recovery */
.checkoutDateRecoveryDialog[hidden]{display:none!important}.checkoutDateRecoveryDialog{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));isolation:isolate}.checkoutDateRecoveryBackdrop{position:absolute;inset:0;background:rgba(8,12,26,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.checkoutDateRecoverySheet{position:relative;z-index:1;width:min(470px,100%);display:grid;gap:12px;padding:22px;border:1px solid color-mix(in srgb,var(--appLine) 84%,transparent);border-radius:26px;background:color-mix(in srgb,var(--appPanel) 94%,transparent);box-shadow:0 28px 90px rgba(0,0,0,.34);color:var(--appText);animation:checkoutDateRecoveryIn .2s ease both}.checkoutDateRecoveryClose{position:absolute;top:13px;right:13px;width:38px;height:38px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText)}.checkoutDateRecoveryIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 14%,var(--appPanel)));color:var(--appBlue);font-size:1.35rem}.checkoutDateRecoverySheet>small{font-size:.54rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--appBlue)}.checkoutDateRecoverySheet h3{margin:0;padding-right:32px;font-size:1.03rem;line-height:1.18}.checkoutDateRecoverySheet>p{margin:0;color:var(--appMuted);font-size:.64rem;line-height:1.55}.checkoutDateRecoveryCurrent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:13px;border:1px solid var(--appLine);border-radius:17px;background:var(--appGlass)}.checkoutDateRecoveryCurrent>i{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--appPanelSoft);color:var(--appPink)}.checkoutDateRecoveryCurrent small,.checkoutDateRecoveryCurrent strong{display:block}.checkoutDateRecoveryCurrent small{font-size:.49rem;color:var(--appMuted)}.checkoutDateRecoveryCurrent strong{margin-top:3px;font-size:.62rem;line-height:1.4}.checkoutDateRecoveryActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checkoutDateRecoveryActions button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:16px;font:inherit;font-size:.62rem;font-weight:950}.checkoutDateRecoveryRefresh{border:0;background:var(--appAccentGlass);color:#fff}.checkoutDateRecoveryNew{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.checkoutDateRecoveryActions button:disabled{opacity:.58}.checkoutDateRecoveryStatus{min-height:1em!important;font-size:.56rem!important}.checkoutDateRecoverySpin{animation:checkoutDateRecoverySpin .75s linear infinite}@keyframes checkoutDateRecoveryIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes checkoutDateRecoverySpin{to{transform:rotate(360deg)}}body.checkoutDateRecoveryOpen{overflow:hidden;touch-action:none}body.checkoutDateRecoveryOpen>.activeCartDrawer,body.checkoutDateRecoveryOpen>.checkoutDrawer{pointer-events:none!important}@media(max-width:520px){.checkoutDateRecoveryDialog{place-items:end center;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.checkoutDateRecoverySheet{border-radius:25px;padding:20px 16px 16px}.checkoutDateRecoveryActions{grid-template-columns:1fr}.checkoutDateRecoveryActions button{min-height:48px}}

/* v180: guest inquiries never render payment-card UI, even where component display rules override [hidden]. */
.checkoutCardSource[hidden],.checkoutPaymentNotice[hidden],.checkoutPaymentAmount[hidden],.checkoutPaymentSummary[hidden]{display:none!important}


/* v184 guest inquiry contact and premium confirmation */
.checkoutPhoneChoices[hidden],.checkoutPreferredContact[hidden],#checkoutInquiryProgress[hidden],#checkoutConfirmationContactRow[hidden],#checkoutConfirmationEmailRow[hidden],#checkoutConfirmationReassurance[hidden]{display:none!important}
.checkoutPaymentConfirmation{justify-items:stretch;gap:14px;padding:18px;text-align:left;overflow:hidden;position:relative}
.checkoutPaymentConfirmation:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--appBlue),var(--appPink));opacity:.95}
.checkoutConfirmationHero{display:grid;justify-items:center;gap:8px;padding:14px 10px 4px;text-align:center}
.checkoutConfirmationHero>small{text-transform:uppercase;letter-spacing:.16em;font-weight:950;color:var(--appBlue);font-size:.57rem}
.checkoutConfirmationHero h3{margin:0;max-width:580px;font-size:clamp(1.15rem,4.8vw,1.65rem);line-height:1.08;letter-spacing:-.035em}
.checkoutConfirmationHero p{margin:0;max-width:590px;color:var(--appMuted);font-size:.68rem;line-height:1.55}
.checkoutPaymentConfirmation.isInquiry .checkoutConfirmationIcon{background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 15%,var(--appPanel)));box-shadow:0 12px 30px color-mix(in srgb,var(--appBlue) 18%,transparent);animation:inquiryConfirmPop .5s cubic-bezier(.2,.9,.25,1.25)}
@keyframes inquiryConfirmPop{0%{transform:scale(.65) rotate(-8deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
.checkoutConfirmationAmountCard{display:grid;justify-items:center;gap:3px;padding:16px;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 7%,var(--appGlass)),color-mix(in srgb,var(--appPink) 5%,var(--appGlass)));text-align:center}
.checkoutConfirmationAmountCard>span{color:var(--appMuted);font-size:.54rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.checkoutConfirmationAmountCard>strong{font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.05}.checkoutConfirmationAmountCard>small{color:var(--appMuted);font-size:.52rem;line-height:1.4}
.checkoutInquiryProgress{display:grid;gap:0;padding:4px 0}.checkoutInquiryProgress>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;position:relative;padding:9px 0}.checkoutInquiryProgress>div:not(:last-child):after{content:"";position:absolute;left:18px;top:39px;bottom:-7px;width:2px;background:var(--appLine)}.checkoutInquiryProgress>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--appPanel);border:1px solid var(--appLine);color:var(--appMuted)}.checkoutInquiryProgress>div.isComplete>i{background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));border-color:color-mix(in srgb,var(--appBlue) 40%,var(--appLine));color:var(--appBlue)}.checkoutInquiryProgress b,.checkoutInquiryProgress small{display:block}.checkoutInquiryProgress b{font-size:.63rem}.checkoutInquiryProgress small{margin-top:3px;color:var(--appMuted);font-size:.52rem;line-height:1.35}
.checkoutConfirmationDetails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.checkoutConfirmationDetails>div{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass)}.checkoutConfirmationDetails>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--appPanel);color:var(--appBlue)}.checkoutConfirmationDetails small,.checkoutConfirmationDetails b{display:block}.checkoutConfirmationDetails small{color:var(--appMuted);font-size:.47rem}.checkoutConfirmationDetails b{margin-top:2px;font-size:.53rem;line-height:1.3;overflow-wrap:anywhere}
.checkoutConfirmationReassurance{display:flex!important;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appGlass));color:var(--appMuted);font-size:.54rem;line-height:1.45}.checkoutConfirmationReassurance i{color:var(--appBlue);margin-top:1px}
.checkoutPaymentConfirmation button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0;min-height:50px;background:var(--appAccentGlass);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--appBlue) 20%,transparent)}
@media(max-width:640px){.checkoutPaymentConfirmation{padding:14px;border-radius:20px}.checkoutConfirmationDetails{grid-template-columns:1fr}.checkoutConfirmationHero{padding-top:12px}.checkoutConfirmationHero p{font-size:.61rem}.checkoutInquiryProgress>div{padding:8px 0}}


/* v266: Stripe Express Checkout wallets */
.checkoutExpressWallets{display:grid;gap:11px;padding:14px;border:1px solid rgba(74,111,255,.24);border-radius:18px;background:linear-gradient(135deg,rgba(67,123,255,.14),rgba(255,83,181,.11));-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.checkoutExpressWallets[hidden]{display:none!important}.checkoutExpressWalletHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkoutExpressWalletHead span{display:grid;gap:2px}.checkoutExpressWalletHead small{color:var(--appMuted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.checkoutExpressWalletHead b{font-size:.8rem;color:var(--appText)}.checkoutExpressWalletHead>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:linear-gradient(135deg,rgba(70,128,255,.26),rgba(255,87,183,.22));color:var(--appText)}.checkoutExpressWallets>p{margin:0;color:var(--appMuted);font-size:.6rem;line-height:1.45}.checkoutPaymentDivider{display:flex;align-items:center;gap:10px;color:var(--appMuted);font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.checkoutPaymentDivider:before,.checkoutPaymentDivider:after{content:"";height:1px;flex:1;background:var(--appLine)}
@media(max-width:680px){.checkoutExpressWallets{padding:12px;border-radius:16px}.checkoutExpressWalletHead b{font-size:.75rem}}


/* v270: visible Stripe wallet probing + premium full-screen booking confirmation */
.checkoutExpressWallets.isLoading{min-height:92px;position:relative;overflow:hidden}
.checkoutExpressWallets.isLoading .checkoutExpressWalletHead,.checkoutExpressWallets.isLoading>p{opacity:.55}
.checkoutExpressWallets.isLoading:after{content:"Checking Apple Pay and Google Pay on this device...";display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;background:var(--appGlass);color:var(--appMuted);font-size:.58rem;font-weight:850;letter-spacing:.01em}
.checkoutDrawer.isBookingComplete{background:linear-gradient(150deg,color-mix(in srgb,var(--appBlue) 11%,var(--appPanel)),color-mix(in srgb,var(--appPink) 9%,var(--appPanel)))}
.checkoutDrawer.isBookingComplete .checkoutBackdrop,.checkoutDrawer.isBookingComplete .checkoutHeader,.checkoutDrawer.isBookingComplete .checkoutProgress,.checkoutDrawer.isBookingComplete .checkoutFooter,.checkoutDrawer.isBookingComplete .checkoutSidebar{display:none!important}
.checkoutDrawer.isBookingComplete .checkoutPanel{width:100dvw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.checkoutDrawer.isBookingComplete .checkoutWorkspace{display:block;overflow:hidden}
.checkoutDrawer.isBookingComplete .checkoutBody{height:100dvh;padding:0!important;overflow:auto;overscroll-behavior:contain}
.checkoutDrawer.isBookingComplete .checkoutStep.isActive{min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:relative;overflow:hidden}
.checkoutDrawer.isBookingComplete .checkoutStep.isActive:before,.checkoutDrawer.isBookingComplete .checkoutStep.isActive:after{content:"";position:fixed;border-radius:50%;filter:blur(34px);pointer-events:none;opacity:.48}
.checkoutDrawer.isBookingComplete .checkoutStep.isActive:before{width:44dvw;height:44dvw;min-width:240px;min-height:240px;left:-18dvw;top:-14dvw;background:color-mix(in srgb,var(--appBlue) 38%,transparent)}
.checkoutDrawer.isBookingComplete .checkoutStep.isActive:after{width:50dvw;height:50dvw;min-width:260px;min-height:260px;right:-22dvw;bottom:-18dvw;background:color-mix(in srgb,var(--appPink) 34%,transparent)}
.checkoutDrawer.isBookingComplete .checkoutPaymentConfirmation{z-index:1;width:min(680px,100%);min-height:min(760px,calc(100dvh - 38px));align-content:center;gap:20px;padding:clamp(24px,5dvw,52px);border:1px solid rgba(255,255,255,.55);border-radius:34px;background:color-mix(in srgb,var(--appPanel) 82%,transparent);-webkit-backdrop-filter:blur(32px) saturate(150%);backdrop-filter:blur(32px) saturate(150%);box-shadow:0 34px 100px rgba(15,24,68,.26),inset 0 1px 0 rgba(255,255,255,.72)}
.checkoutDrawer.isBookingComplete .checkoutPaymentConfirmation:before{height:7px;background:linear-gradient(90deg,var(--appBlue),var(--appPink))}
.checkoutConfirmationClose{position:absolute;top:18px;right:18px;width:44px;height:44px;display:grid!important;place-items:center!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--appLine)!important;border-radius:15px!important;background:var(--appGlass)!important;color:var(--appText)!important;box-shadow:none!important;z-index:3}
.checkoutDrawer.isBookingComplete .checkoutConfirmationHero{gap:11px;padding:24px 8px 0}
.checkoutDrawer.isBookingComplete .checkoutConfirmationIcon{width:94px;height:94px;border-radius:31px;font-size:2.35rem;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 15%,var(--appPanel)));box-shadow:0 18px 48px color-mix(in srgb,var(--appBlue) 18%,transparent);animation:bookingConfirmedPop .58s cubic-bezier(.2,.95,.28,1.18) both}
@keyframes bookingConfirmedPop{0%{transform:scale(.58) rotate(-8deg);opacity:0}100%{transform:none;opacity:1}}
.checkoutDrawer.isBookingComplete .checkoutConfirmationHero>small{font-size:.64rem;letter-spacing:.2em}
.checkoutDrawer.isBookingComplete .checkoutConfirmationHero h3{font-size:clamp(1.75rem,6.5dvw,3rem);max-width:620px}
.checkoutDrawer.isBookingComplete .checkoutConfirmationHero p{font-size:clamp(.72rem,2.5dvw,.9rem);max-width:560px}
.checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard{padding:24px;border-radius:24px}
.checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard>strong{font-size:clamp(2.6rem,10dvw,4.2rem)}
.checkoutDrawer.isBookingComplete .checkoutConfirmationDetails{grid-template-columns:1fr}
.checkoutDrawer.isBookingComplete .checkoutConfirmationDetails>div{padding:14px 16px;border-radius:18px}
@media(max-width:640px){.checkoutDrawer.isBookingComplete .checkoutStep.isActive{padding:0}.checkoutDrawer.isBookingComplete .checkoutPaymentConfirmation{width:100%;min-height:100dvh;border:0;border-radius:0;padding:calc(56px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));box-shadow:none}.checkoutConfirmationClose{top:calc(14px + env(safe-area-inset-top));right:14px}.checkoutDrawer.isBookingComplete .checkoutConfirmationHero h3{font-size:2rem}.checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard{padding:20px}}

/* v275: compelling payment experience redesign */
.checkoutPaymentExperience{display:grid;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--appPanel) 93%,transparent),color-mix(in srgb,var(--appBlue) 4%,var(--appPanel)));box-shadow:0 14px 38px rgba(18,29,78,.08),inset 0 1px 0 rgba(255,255,255,.58)}
.checkoutPaymentHero{align-items:center;padding-bottom:2px}.checkoutPaymentHero>div{min-width:0}.checkoutPaymentHero h4{font-size:1rem;letter-spacing:-.025em}.checkoutPaymentHero p{margin:4px 0 0;color:var(--appMuted);font-size:.6rem;line-height:1.4}.checkoutPaymentHero>span{display:flex;align-items:center;gap:5px;background:transparent!important;padding:0!important;color:var(--appBlue)!important;font-size:.56rem!important}.checkoutPaymentHero>span i{font-size:.62rem}
.checkoutTrustSummary{border-color:color-mix(in srgb,#19a36b 18%,var(--appLine));background:linear-gradient(145deg,color-mix(in srgb,#19a36b 7%,var(--appGlass)),var(--appGlass))}.checkoutTrustSummary>i{color:#13a06a!important;background:color-mix(in srgb,#19a36b 12%,var(--appPanel))!important}.checkoutTrustSummary>span{color:#128258!important}
.checkoutPaymentExperience .checkoutExpressWallets{padding:13px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appGlass)),color-mix(in srgb,var(--appPink) 6%,var(--appGlass)));box-shadow:none}.checkoutPaymentExperience .checkoutExpressWalletHead b{font-size:.71rem}.checkoutPaymentExperience .checkoutExpressWallets>p{font-size:.53rem}
.checkoutPaymentExperience .checkoutPaymentDivider{margin:0 2px;text-transform:none;letter-spacing:0;font-size:.58rem}.checkoutPaymentExperience .checkoutPaymentDivider[hidden]{display:none!important}
.checkoutPaymentExperience .checkoutSavedCards,.checkoutPaymentExperience .checkoutStripeElement{border-radius:18px}.checkoutPaymentPrivacy{justify-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--appBlue) 12%,var(--appLine));background:linear-gradient(90deg,color-mix(in srgb,var(--appBlue) 7%,var(--appGlass)),color-mix(in srgb,var(--appPink) 4%,var(--appGlass)));font-weight:750}
.checkoutReviewIntro small{color:var(--appBlue)}.checkoutReviewIntro h4{font-size:.92rem}.checkoutReviewCard{border-radius:22px;box-shadow:0 12px 34px rgba(18,29,78,.06)}
.checkoutReviewRow.isCharge strong{font-size:.9rem;color:var(--appBlue)}.checkoutReviewSection.isRemaining strong{color:#12926a}
.checkoutPrimary{background:linear-gradient(110deg,var(--appBlue),color-mix(in srgb,var(--appBlue) 58%,var(--appPink)),var(--appPink));box-shadow:0 10px 24px color-mix(in srgb,var(--appBlue) 20%,transparent)}
@media(max-width:640px){.checkoutPaymentExperience{padding:13px;border-radius:20px;gap:12px}.checkoutPaymentHero h4{font-size:.86rem}.checkoutPaymentHero>span{font-size:.5rem!important}.checkoutPaymentPrivacy{font-size:.53rem}.checkoutFooter .checkoutPrimary{min-width:52%;padding-inline:14px}}

/* v277 - explicit payment confirmation fail-safe */
.checkoutPaymentConfirmDialog{position:fixed;inset:0;z-index:calc(var(--zToast) + 60);display:grid;place-items:center;pointer-events:none}.checkoutPaymentConfirmDialog[hidden]{display:none!important}.checkoutPaymentConfirmBackdrop{position:absolute;inset:0;border:0;background:rgba(5,8,20,.62);opacity:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .22s ease}.checkoutPaymentConfirmPanel{position:relative;width:min(500px,92dvw);background:color-mix(in srgb,var(--appPanel) 97%,transparent);border:1px solid var(--appLine);border-radius:25px;box-shadow:0 28px 85px rgba(0,0,0,.36);overflow:hidden;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .22s ease,transform .22s ease}.checkoutPaymentConfirmDialog.isOpen{pointer-events:auto}.checkoutPaymentConfirmDialog.isOpen .checkoutPaymentConfirmBackdrop{opacity:1}.checkoutPaymentConfirmDialog.isOpen .checkoutPaymentConfirmPanel{opacity:1;transform:none}.checkoutPaymentConfirmPanel header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 19px 14px;border-bottom:1px solid var(--appLine)}.checkoutPaymentConfirmPanel header small{display:block;color:var(--appBlue);font-size:.55rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.checkoutPaymentConfirmPanel header h3{margin:4px 0 0;font-size:1.08rem;letter-spacing:-.025em}.checkoutPaymentConfirmPanel header button{width:39px;height:39px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText)}.checkoutPaymentConfirmBody{display:grid;gap:14px;padding:20px}.checkoutPaymentConfirmIcon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 18%,var(--appGlass)),color-mix(in srgb,var(--appPink) 15%,var(--appGlass)));color:var(--appBlue);font-size:1.35rem}.checkoutPaymentConfirmBody>p{margin:0;color:var(--appMuted);font-size:.67rem;line-height:1.55}.checkoutPaymentConfirmReview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkoutPaymentConfirmReview>span{padding:13px 14px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass)}.checkoutPaymentConfirmReview small,.checkoutPaymentConfirmReview b{display:block}.checkoutPaymentConfirmReview small{color:var(--appMuted);font-size:.54rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.checkoutPaymentConfirmReview b{margin-top:5px;font-size:.75rem}.checkoutPaymentConfirmWarning{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--appLine));border-radius:14px;background:color-mix(in srgb,#f59e0b 8%,var(--appGlass));font-size:.6rem;line-height:1.45}.checkoutPaymentConfirmWarning i{color:#f59e0b}.checkoutPaymentConfirmPanel footer{display:grid;grid-template-columns:.8fr 1.4fr;gap:10px;padding:14px 18px calc(14px + var(--appSafeBottom));border-top:1px solid var(--appLine)}.checkoutPaymentConfirmPanel footer button{min-height:46px;border-radius:14px;padding:0 14px;font-size:.66rem;font-weight:950}.checkoutPaymentConfirmCancel{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.checkoutPaymentConfirmSubmit{border:0;background:linear-gradient(110deg,var(--appBlue),color-mix(in srgb,var(--appBlue) 58%,var(--appPink)),var(--appPink));color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--appBlue) 20%,transparent)}
@media(max-width:640px){.checkoutPaymentConfirmDialog{align-items:end}.checkoutPaymentConfirmPanel{width:100dvw;border-radius:25px 25px 0 0}.checkoutPaymentConfirmReview{grid-template-columns:1fr}.checkoutPaymentConfirmPanel footer{grid-template-columns:1fr}.checkoutPaymentConfirmSubmit{order:-1}}

/* V278 - full-screen final payment review */
.checkoutPaymentConfirmDialog{position:fixed;inset:0;z-index:calc(var(--zToast) + 60);display:grid;place-items:center;pointer-events:none;overflow:hidden}
.checkoutPaymentConfirmDialog[hidden]{display:none!important}
.checkoutPaymentConfirmBackdrop{position:absolute;inset:0;border:0;background:rgba(9,12,28,.72);opacity:0;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);transition:opacity .24s ease}
.checkoutPaymentConfirmPanel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,94dvw);max-height:min(860px,94dvh);background:color-mix(in srgb,var(--appPanel) 96%,transparent);border:1px solid color-mix(in srgb,var(--appLine) 72%,#fff);border-radius:32px;box-shadow:0 36px 110px rgba(5,10,35,.42),inset 0 1px 0 rgba(255,255,255,.75);overflow:hidden;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .24s ease,transform .24s ease}
.checkoutPaymentConfirmPanel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--appBlue),var(--appPink));z-index:2}
.checkoutPaymentConfirmDialog.isOpen{pointer-events:auto}.checkoutPaymentConfirmDialog.isOpen .checkoutPaymentConfirmBackdrop{opacity:1}.checkoutPaymentConfirmDialog.isOpen .checkoutPaymentConfirmPanel{opacity:1;transform:none}
.checkoutPaymentConfirmPanel header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:28px 28px 22px;border-bottom:1px solid var(--appLine);background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)))}
.checkoutPaymentConfirmHeading{min-width:0}.checkoutPaymentConfirmEyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--appBlue);font-size:.58rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.checkoutPaymentConfirmHeading h3{margin:8px 0 6px;font-size:clamp(1.45rem,4vw,2rem);line-height:1.06;letter-spacing:-.045em}.checkoutPaymentConfirmHeading p{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.5}
.checkoutPaymentConfirmPanel header>button{flex:0 0 auto;width:46px;height:46px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass);color:var(--appText);font-size:1rem;box-shadow:0 8px 20px rgba(16,24,64,.08)}
.checkoutPaymentConfirmBody{display:grid;align-content:start;gap:16px;padding:24px 28px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.checkoutPaymentConfirmHero{display:flex;align-items:center;gap:14px;padding:4px 0 2px}.checkoutPaymentConfirmIcon{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 16%,var(--appGlass)),color-mix(in srgb,var(--appPink) 15%,var(--appGlass)));color:var(--appBlue);font-size:1.55rem;box-shadow:0 14px 32px color-mix(in srgb,var(--appBlue) 13%,transparent)}.checkoutPaymentConfirmHero>div:last-child{display:grid;gap:2px}.checkoutPaymentConfirmHero small{color:var(--appBlue);font-size:.56rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.checkoutPaymentConfirmHero strong{font-size:1.02rem;letter-spacing:-.02em}.checkoutPaymentConfirmHero span{color:var(--appMuted);font-size:.66rem;line-height:1.45}
.checkoutPaymentConfirmMethodCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appGlass)),color-mix(in srgb,var(--appPink) 5%,var(--appGlass)));box-shadow:0 12px 28px rgba(28,54,120,.08)}
.checkoutPaymentConfirmCardBrand{width:58px;height:44px;display:grid;place-items:center;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanel);color:var(--appBlue);font-size:1.25rem;font-weight:950;letter-spacing:-.04em;box-shadow:0 7px 18px rgba(15,25,70,.08)}.checkoutPaymentConfirmCardBrand span{font-size:.58rem;letter-spacing:.01em;text-align:center;padding:0 4px}.checkoutPaymentConfirmCardBrand.is-visa span{font-size:.9rem}.checkoutPaymentConfirmCardBrand.is-mastercard span{font-size:.46rem}
.checkoutPaymentConfirmCardCopy{min-width:0}.checkoutPaymentConfirmCardCopy small,.checkoutPaymentConfirmCardCopy b,.checkoutPaymentConfirmCardCopy span{display:block}.checkoutPaymentConfirmCardCopy small{color:var(--appMuted);font-size:.54rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.checkoutPaymentConfirmCardCopy b{margin-top:4px;font-size:.88rem;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkoutPaymentConfirmCardCopy span{margin-top:3px;color:var(--appMuted);font-size:.59rem;line-height:1.42}.checkoutPaymentConfirmSelectedIcon{color:#17b77a;font-size:1.15rem}
.checkoutPaymentConfirmAmountCard{display:grid;justify-items:center;gap:4px;padding:24px 18px;border:1px solid var(--appLine);border-radius:22px;background:var(--appGlass);text-align:center}.checkoutPaymentConfirmAmountCard small{color:var(--appMuted);font-size:.56rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.checkoutPaymentConfirmAmountCard strong{font-size:clamp(2rem,8vw,3rem);line-height:1;letter-spacing:-.055em}.checkoutPaymentConfirmAmountCard span{color:var(--appMuted);font-size:.61rem}
.checkoutPaymentConfirmWarning{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border:1px solid color-mix(in srgb,#f59e0b 36%,var(--appLine));border-radius:17px;background:color-mix(in srgb,#f59e0b 8%,var(--appGlass));font-size:.64rem;line-height:1.5}.checkoutPaymentConfirmWarning i{margin-top:1px;color:#f59e0b}.checkoutPaymentConfirmWarning b{font-weight:950}
.checkoutPaymentConfirmTrust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;color:var(--appMuted);font-size:.56rem;font-weight:800}.checkoutPaymentConfirmTrust span{display:inline-flex;align-items:center;gap:6px}.checkoutPaymentConfirmTrust i{color:var(--appBlue)}
.checkoutPaymentConfirmPanel footer{display:grid;grid-template-columns:.88fr 1.35fr;gap:12px;padding:18px 28px calc(18px + var(--appSafeBottom));border-top:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 94%,transparent)}.checkoutPaymentConfirmPanel footer button{min-height:54px;border-radius:17px;padding:0 18px;font-size:.69rem;font-weight:950}.checkoutPaymentConfirmCancel{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.checkoutPaymentConfirmSubmit{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:linear-gradient(110deg,var(--appBlue),color-mix(in srgb,var(--appBlue) 58%,var(--appPink)),var(--appPink));color:#fff;box-shadow:0 13px 30px color-mix(in srgb,var(--appBlue) 24%,transparent)}
@media(max-width:640px){
  .checkoutPaymentConfirmDialog{place-items:stretch}
  .checkoutPaymentConfirmBackdrop{display:none}
  .checkoutPaymentConfirmPanel{width:100dvw;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;background:var(--appPanel)}
  .checkoutPaymentConfirmPanel header{padding:calc(22px + env(safe-area-inset-top)) 20px 18px}
  .checkoutPaymentConfirmPanel header>button{width:44px;height:44px;border-radius:15px}
  .checkoutPaymentConfirmHeading h3{font-size:1.72rem}
  .checkoutPaymentConfirmHeading p{font-size:.65rem}
  .checkoutPaymentConfirmBody{gap:14px;padding:20px 18px}
  .checkoutPaymentConfirmHero{padding-top:2px}.checkoutPaymentConfirmIcon{width:58px;height:58px;border-radius:19px}
  .checkoutPaymentConfirmMethodCard{padding:15px;border-radius:20px}.checkoutPaymentConfirmCardBrand{width:54px;height:42px}
  .checkoutPaymentConfirmAmountCard{padding:22px 16px}
  .checkoutPaymentConfirmPanel footer{grid-template-columns:1fr;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom))}
  .checkoutPaymentConfirmSubmit{order:-1;min-height:58px!important;font-size:.76rem!important}
  .checkoutPaymentConfirmCancel{min-height:50px!important}
}

/* v279 premium final payment confirmation */
.checkoutPaymentConfirmNext{display:grid;gap:13px;padding:18px;border:1px solid color-mix(in srgb,var(--appBlue) 16%,var(--appLine));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 5%,var(--appGlass)),color-mix(in srgb,var(--appPink) 4%,var(--appGlass)))}
.checkoutPaymentConfirmNextHead{display:flex;align-items:center;gap:11px}.checkoutPaymentConfirmNextHead>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,#17b77a 12%,var(--appGlass));color:#17b77a;font-size:1.05rem}.checkoutPaymentConfirmNextHead small,.checkoutPaymentConfirmNextHead b{display:block}.checkoutPaymentConfirmNextHead small{color:var(--appBlue);font-size:.53rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.checkoutPaymentConfirmNextHead b{margin-top:2px;font-size:.78rem}
.checkoutPaymentConfirmNextGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px}.checkoutPaymentConfirmNextGrid span{display:flex;align-items:flex-start;gap:7px;color:var(--appMuted);font-size:.59rem;line-height:1.42}.checkoutPaymentConfirmNextGrid i{flex:0 0 auto;margin-top:1px;color:#17b77a;font-size:.8rem}
.checkoutPaymentConfirmWarning{border-color:color-mix(in srgb,var(--appBlue) 24%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 6%,var(--appGlass))}.checkoutPaymentConfirmWarning i{color:var(--appBlue)}
.checkoutPaymentConfirmSubmit{letter-spacing:-.01em}.checkoutPaymentConfirmMethodCard{position:relative;overflow:hidden}.checkoutPaymentConfirmMethodCard:after{content:"";position:absolute;inset:auto -24px -40px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--appPink) 14%,transparent),transparent 68%);pointer-events:none}
@media(max-width:640px){.checkoutPaymentConfirmBody{padding-bottom:24px}.checkoutPaymentConfirmNextGrid{grid-template-columns:1fr}.checkoutPaymentConfirmNext{padding:16px}.checkoutPaymentConfirmTrust{padding-bottom:4px}.checkoutPaymentConfirmPanel header{background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 7%,var(--appPanel)))}.checkoutPaymentConfirmHeading h3{max-width:16ch}.checkoutPaymentConfirmAmountCard strong{font-size:2.7rem}}

/* v280 compact final payment confirmation */
.checkoutPaymentConfirmPanel{width:min(560px,94dvw);max-height:min(700px,92dvh)}
.checkoutPaymentConfirmPanel header{padding:24px 24px 18px}
.checkoutPaymentConfirmHeading h3{margin-top:7px;font-size:clamp(1.35rem,4vw,1.75rem)}
.checkoutPaymentConfirmHeading p{max-width:32rem;font-size:.67rem}
.checkoutPaymentConfirmBody{gap:14px;padding:22px 24px}
.checkoutPaymentConfirmMethodCard{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:16px;border-radius:20px;overflow:visible}
.checkoutPaymentConfirmMethodCard:after{display:none}
.checkoutPaymentConfirmCardCopy b{white-space:normal;overflow:visible;text-overflow:clip;font-size:.9rem}
.checkoutPaymentConfirmCardCopy span{font-size:.58rem}
.checkoutPaymentConfirmAmountCard{padding:22px 16px;border-radius:20px}
.checkoutPaymentConfirmAmountCard strong{font-size:clamp(2.25rem,8vw,3.15rem)}
.checkoutPaymentConfirmCompactNote{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--appMuted);font-size:.58rem;font-weight:850}
.checkoutPaymentConfirmCompactNote i{color:var(--appBlue)}
.checkoutPaymentConfirmPanel footer{padding:16px 24px calc(16px + var(--appSafeBottom))}
.checkoutPaymentConfirmNext,.checkoutPaymentConfirmWarning,.checkoutPaymentConfirmTrust,.checkoutPaymentConfirmHero{display:none!important}
@media(max-width:640px){
  .checkoutPaymentConfirmPanel{height:100dvh;max-height:none;grid-template-rows:auto 1fr auto}
  .checkoutPaymentConfirmPanel header{padding:calc(18px + env(safe-area-inset-top)) 18px 15px}
  .checkoutPaymentConfirmHeading h3{max-width:none;font-size:1.48rem}
  .checkoutPaymentConfirmHeading p{font-size:.62rem;line-height:1.42}
  .checkoutPaymentConfirmBody{align-content:center;gap:13px;padding:18px}
  .checkoutPaymentConfirmMethodCard{padding:14px;min-height:82px}
  .checkoutPaymentConfirmCardBrand{width:52px;height:40px}
  .checkoutPaymentConfirmAmountCard{padding:20px 14px}
  .checkoutPaymentConfirmAmountCard strong{font-size:2.55rem}
  .checkoutPaymentConfirmPanel footer{gap:9px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
  .checkoutPaymentConfirmSubmit{min-height:56px!important}
  .checkoutPaymentConfirmCancel{min-height:48px!important}
}

/* v281 - centered native-style payment review */
.checkoutPaymentConfirmDialog,
.checkoutPaymentConfirmPanel,
.checkoutPaymentConfirmPanel *{box-sizing:border-box}
.checkoutPaymentConfirmDialog{width:100%;height:100%;max-width:none;margin:0;left:0;right:0}
.checkoutPaymentConfirmPanel{margin-inline:auto}
@media(max-width:640px){
  .checkoutPaymentConfirmDialog{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;display:block!important;overflow:hidden!important}
  .checkoutPaymentConfirmDialog[hidden]{display:none!important}
  .checkoutPaymentConfirmPanel{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;transform:translate3d(0,14px,0)!important}
  .checkoutPaymentConfirmDialog.isOpen .checkoutPaymentConfirmPanel{transform:translate3d(0,0,0)!important}
  .checkoutPaymentConfirmPanel header,
  .checkoutPaymentConfirmBody,
  .checkoutPaymentConfirmPanel footer{width:100%;margin-inline:auto}
  .checkoutPaymentConfirmPanel header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .checkoutPaymentConfirmBody{width:min(100%,760px);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .checkoutPaymentConfirmPanel footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .checkoutPaymentConfirmMethodCard,.checkoutPaymentConfirmAmountCard{width:100%;margin-inline:auto}
}

/* v378: canonical G.O.D. Bubble mount. The host owns placement only; Bubble owns artwork and behavior. */
.godBubbleMount{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  flex:0 0 44px;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  overflow:visible;
  position:relative;
  z-index:2;
}
.godBubbleMount > *{max-width:100%;max-height:100%}
@media(max-width:520px){.godBubbleMount{width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px}}

.godBubbleMountSlot{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;display:grid;place-items:center}.godBubblePreMount{position:fixed;left:calc(12px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));visibility:hidden;pointer-events:none}.godBubbleMountSlot .godBubbleMount{visibility:visible;pointer-events:auto}
@media(max-width:520px){.godBubbleMountSlot{width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px}}

/* v454: saved checkout should invite, never hijack the page. */
.checkoutResumePrompt{position:fixed;inset:0;z-index:2147482900;display:grid;place-items:center;padding:24px;box-sizing:border-box;pointer-events:none}
.checkoutResumePromptBackdrop{position:absolute;inset:0;border:0;background:rgba(3,9,19,.48);opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .22s ease}
.checkoutResumePromptCard{position:relative;width:min(470px,calc(100dvw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;padding:28px;border:1px solid var(--workspaceLine,var(--appLine));border-radius:28px;background:var(--workspacePanel,var(--appPanel));color:var(--workspaceInk,var(--appText));box-shadow:0 28px 90px rgba(0,0,0,.28);opacity:0;transform:translateY(18px) scale(.975);transition:opacity .22s ease,transform .28s cubic-bezier(.22,.8,.26,1)}
.checkoutResumePrompt.isOpen{pointer-events:auto}.checkoutResumePrompt.isOpen .checkoutResumePromptBackdrop{opacity:1}.checkoutResumePrompt.isOpen .checkoutResumePromptCard{opacity:1;transform:translateY(0) scale(1)}
.checkoutResumePromptClose{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid var(--workspaceLine,var(--appLine));border-radius:14px;background:var(--workspaceSoft,var(--appGlass));color:var(--workspaceInk,var(--appText));font-size:1rem}
.checkoutResumePromptIcon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 18%,transparent),color-mix(in srgb,var(--workspaceSecondary,var(--appPink)) 17%,transparent));color:var(--workspacePrimary,var(--appBlue));font-size:1.5rem}
.checkoutResumePromptCard>small{display:block;color:var(--workspacePrimary,var(--appBlue));font-size:.62rem;font-weight:950;letter-spacing:.14em}.checkoutResumePromptCard h2{margin:8px 0 10px;font-size:clamp(1.65rem,6vw,2.15rem);line-height:1.05;letter-spacing:-.045em}.checkoutResumePromptCard>p{margin:0;color:var(--workspaceMuted,var(--appMuted));font-size:.83rem;line-height:1.65}
.checkoutResumePromptProgress{display:flex;align-items:center;gap:13px;margin:22px 0 14px;padding:14px 16px;border:1px solid var(--workspaceLine,var(--appLine));border-radius:18px;background:var(--workspaceSoft,var(--appGlass))}.checkoutResumePromptProgress>i{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--workspaceWash,var(--appPanelSoft));color:var(--workspacePrimary,var(--appBlue))}.checkoutResumePromptProgress small,.checkoutResumePromptProgress b{display:block}.checkoutResumePromptProgress small{font-size:.56rem;color:var(--workspaceMuted,var(--appMuted));text-transform:uppercase;letter-spacing:.08em;font-weight:850}.checkoutResumePromptProgress b{margin-top:3px;font-size:.76rem}
.checkoutResumeRemember{display:flex;align-items:flex-start;gap:11px;padding:13px 2px;cursor:pointer}.checkoutResumeRemember input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--workspacePrimary,var(--appBlue));flex:none}.checkoutResumeRemember b,.checkoutResumeRemember small{display:block}.checkoutResumeRemember b{font-size:.75rem}.checkoutResumeRemember small{margin-top:3px;color:var(--workspaceMuted,var(--appMuted));font-size:.62rem;line-height:1.4}
.checkoutResumePromptActions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:17px}.checkoutResumePromptActions button{min-height:50px;border-radius:16px;font:inherit;font-size:.76rem;font-weight:900}.checkoutResumeLater{border:1px solid var(--workspaceLine,var(--appLine));background:var(--workspacePanel,var(--appPanel));color:var(--workspaceInk,var(--appText))}.checkoutResumeContinue{border:0;background:var(--journeyButtonFill,var(--workspacePrimary,var(--appBlue)));color:var(--journeyButtonInk,#fff)}
body.checkoutResumePromptOpen{overflow:hidden}
@media(max-width:600px){.checkoutResumePrompt{align-items:end;padding:0}.checkoutResumePromptCard{width:100dvw;max-height:min(82dvh,720px);padding:24px max(20px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-left:0;border-right:0;border-bottom:0;border-radius:28px 28px 0 0;transform:translateY(32px)}.checkoutResumePromptActions{grid-template-columns:1fr}.checkoutResumeContinue{order:-1}.checkoutResumePromptClose{top:14px;right:max(18px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.checkoutResumePromptBackdrop,.checkoutResumePromptCard{transition:none!important}}


/* v0497 — inquiry drawer refinement: floating controls + compact footer */
html[data-palette] .activeCartPanel{
  --activeCartTopClearance:82px;
  position:relative!important;
  overflow:hidden!important;
}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader{
  position:absolute!important;
  z-index:32!important;
  top:0!important;
  inset-inline:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:var(--activeCartTopClearance)!important;
  margin:0!important;
  padding:calc(12px + env(safe-area-inset-top,0px)) 16px 8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>.activeCartHeaderCopy{
  position:absolute!important;
  width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>#activeCartClose{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  pointer-events:auto!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--appText) 10%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--appPanel) 90%,transparent)!important;
  color:var(--appText)!important;
  box-shadow:0 10px 28px rgba(10,20,34,.12)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  backdrop-filter:blur(20px)!important;
  order:0!important;
}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>#activeCartClose i{font-size:1.08rem!important;line-height:1!important;}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>.liveDockSlot{
  display:flex!important;
  flex:0 1 auto!important;
  order:2!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 58px)!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  justify-content:flex-end!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  pointer-events:auto!important;
  box-shadow:none!important;
}
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader .workspaceAccountDock{
  max-width:100%!important;
  margin:0!important;
  background:color-mix(in srgb,var(--appPanel) 88%,transparent)!important;
  border:1px solid var(--appLine)!important;
  border-radius:22px!important;
  box-shadow:0 10px 35px rgba(5,14,30,.14)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
}
html[data-palette] .activeCartPanel>.activeCartSwitcher{
  padding:calc(var(--activeCartTopClearance) + 4px) 0 8px!important;
  border-bottom:0!important;
}
html[data-palette] .activeCartPanel>.activeCartList{
  padding:calc(var(--activeCartTopClearance) + 2px) 2px 18px!important;
}
html[data-palette] .activeCartPanel>.activeCartEmpty{
  padding:calc(var(--activeCartTopClearance) + 18px) 24px 30px!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter{
  position:sticky!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  z-index:18!important;
  margin:8px 2px 0!important;
  padding:12px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;
  border:1px solid color-mix(in srgb,var(--appLine) 92%,transparent)!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--appPanel) 94%,transparent)!important;
  box-shadow:0 16px 42px rgba(9,19,34,.16)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  backdrop-filter:blur(24px)!important;
  gap:8px!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>div{
  align-items:flex-end!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>div span{
  font-size:11px!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>div strong{
  font-size:1.95rem!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>small{
  font-size:11px!important;
  line-height:1.4!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>.activeCartPrimary{
  min-height:54px!important;
  border-radius:18px!important;
  font-size:1rem!important;
  font-weight:950!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>.activeCartClear{
  min-height:30px!important;
  font-size:11px!important;
}
html[data-palette] .activeCartPanel.isGuestInquiry>.activeCartFooter>div span::after{
  content:'';
}
@media (max-width:640px){
  html[data-palette] .activeCartDrawer{
    grid-template-columns:0 1fr!important;
  }
  html[data-palette] .activeCartPanel{
    --activeCartTopClearance:76px;
    padding:0 12px calc(8px + var(--appSafeBottom))!important;
    width:100dvw!important;
    min-width:0!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }
  html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader{
    padding:calc(10px + env(safe-area-inset-top,0px)) 12px 8px!important;
  }
  html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>.liveDockSlot{
    max-width:calc(100% - 54px)!important;
  }
  html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader>#activeCartClose{
    width:44px!important;height:44px!important;min-height:44px!important;border-radius:15px!important;
  }
  html[data-palette] .activeCartPanel>.activeCartList{
    padding:calc(var(--activeCartTopClearance) + 2px) 0 14px!important;
  }
  html[data-palette] .activeCartPanel>.activeCartFooter{
    margin:6px 0 0!important;
    padding:11px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
    gap:6px!important;
  }
  html[data-palette] .activeCartPanel>.activeCartFooter>div strong{
    font-size:1.75rem!important;
  }
  html[data-palette] .activeCartPanel>.activeCartFooter>.activeCartPrimary{
    min-height:50px!important;
    font-size:15px!important;
  }
  html[data-palette] .activeCartPanel>.activeCartFooter>.activeCartClear{
    min-height:26px!important;
  }
}

/* v0571 — project-connected checkout: read-only context, one real location per card. */
.checkoutProjectBridge[hidden],.checkoutRentalProjectLine[hidden],.checkoutAgreementContext[hidden],.checkoutProjectBridgeDetails[hidden],.checkoutProjectLocationMessage[hidden]{display:none!important}
.checkoutProjectBridge{
  --checkoutLinkBlue:var(--appBlue,#356fff);
  --checkoutLinkPink:var(--appPink,#ed65b8);
  position:relative;display:grid;gap:0;min-width:0;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--checkoutLinkBlue) 15%,var(--appLine));border-radius:23px;
  background:linear-gradient(123deg,color-mix(in srgb,var(--checkoutLinkBlue) 7%,var(--appPanel)) 0%,var(--appPanel) 49%,color-mix(in srgb,var(--checkoutLinkPink) 5%,var(--appPanel)) 100%);
  box-shadow:0 12px 32px rgba(40,63,130,.055);isolation:isolate;
}
.checkoutProjectBridge:before{content:"";position:absolute;top:-84px;right:-35px;width:210px;height:170px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--checkoutLinkPink) 13%,transparent),transparent 70%);z-index:-1}
.checkoutProjectBridgeTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px 11px;min-width:0}
.checkoutProjectBridgeIdentity{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.checkoutProjectBridgeIcon{width:41px;height:41px;display:grid;place-items:center;flex:none;color:var(--checkoutLinkBlue);background:color-mix(in srgb,var(--checkoutLinkBlue) 11%,var(--appPanel));border:1px solid color-mix(in srgb,var(--checkoutLinkBlue) 12%,transparent);border-radius:14px;font-size:1.12rem}
.checkoutProjectBridgeIdentity>div{min-width:0}
.checkoutProjectBridgeIdentity small{display:block;font-size:.59rem;font-weight:900;letter-spacing:.1em;color:var(--checkoutLinkBlue)}
.checkoutProjectBridgeIdentity h3{font-size:.96rem;line-height:1.25;letter-spacing:-.015em;margin:3px 0 1px;overflow-wrap:anywhere;color:var(--appText)}
.checkoutProjectBridgeIdentity>div>span{display:block;color:var(--appMuted);font-size:.65rem;line-height:1.35}
.checkoutProjectBridgeOpen{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:37px;padding:8px 11px;border-radius:13px;border:1px solid var(--appLine);background:var(--appPanel);box-shadow:0 4px 14px rgba(37,58,111,.055);color:var(--checkoutLinkBlue);font-size:.68rem;font-weight:850;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.checkoutProjectBridgeOpen:hover{border-color:color-mix(in srgb,var(--checkoutLinkBlue) 45%,var(--appLine));background:color-mix(in srgb,var(--checkoutLinkBlue) 5%,var(--appPanel));transform:translateY(-1px)}
.checkoutProjectBridgeFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 15px 12px}
.checkoutBridgeFact{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px 11px;border-radius:14px;border:1px solid color-mix(in srgb,var(--appLine) 80%,transparent);background:color-mix(in srgb,var(--appPanel) 80%,transparent)}
.checkoutBridgeFact>i{flex:none;font-size:.87rem;line-height:1.2;color:var(--checkoutLinkBlue)}
.checkoutBridgeFact>span{min-width:0}
.checkoutBridgeFact small,.checkoutProjectBridgeDetails small{display:block;color:var(--appMuted);font-size:.58rem;font-weight:750;line-height:1.3}
.checkoutBridgeFact b,.checkoutProjectBridgeDetails b{display:block;margin-top:4px;font-size:.72rem;font-weight:850;line-height:1.4;color:var(--appText);overflow-wrap:anywhere}
.checkoutProjectBridgeMore{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;padding:9px 16px;border:0;border-top:1px solid color-mix(in srgb,var(--appLine) 77%,transparent);background:color-mix(in srgb,var(--appPanel) 55%,transparent);color:var(--appMuted);font-size:.65rem;font-weight:850;text-align:left;transition:color .2s ease,background .2s ease}
.checkoutProjectBridgeMore:hover{color:var(--checkoutLinkBlue);background:color-mix(in srgb,var(--checkoutLinkBlue) 4%,var(--appPanel))}
.checkoutProjectBridgeMore i{transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.checkoutProjectBridgeMore.isExpanded i{transform:rotate(180deg)}
.checkoutProjectBridgeDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px 15px 15px;border-top:1px solid var(--appLine);animation:checkoutProjectReveal .2s cubic-bezier(.2,.8,.2,1) both}
.checkoutProjectBridgeDetails>div{display:flex;align-items:flex-start;min-width:0;gap:9px;padding:4px 1px}
.checkoutProjectBridgeDetails>div>i{flex:none;color:var(--checkoutLinkPink);font-size:.89rem}
.checkoutProjectBridgeDetails>div>span{min-width:0}
.checkoutProjectBridgeDetails p{grid-column:1/-1;margin:0;color:var(--appMuted);font-size:.69rem;line-height:1.5}
@keyframes checkoutProjectReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.checkoutRentalProjectLine{display:flex;align-items:center;justify-content:space-between;gap:11px;min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--appBlue) 16%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));border-radius:15px}
.checkoutRentalProjectLine>div{display:flex;align-items:center;gap:9px;min-width:0}
.checkoutRentalProjectLine>div>i{color:var(--appBlue);font-size:1.05rem;flex:none}
.checkoutRentalProjectLine>div>span{min-width:0}
.checkoutRentalProjectLine b,.checkoutRentalProjectLine small{display:block;line-height:1.4;overflow-wrap:anywhere}
.checkoutRentalProjectLine b{font-size:.71rem;color:var(--appText)}
.checkoutRentalProjectLine small{font-size:.63rem;color:var(--appMuted);margin-top:2px}
.checkoutRentalProjectLine button{min-height:35px;flex:none;border:1px solid var(--appLine);background:var(--appPanel);color:var(--appBlue);border-radius:11px;padding:7px 10px;font-size:.66rem;font-weight:800}
.checkoutAgreementContext{display:flex;align-items:flex-start;gap:12px;min-width:0;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:17px;background:linear-gradient(120deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink,#ec69be) 3%,var(--appPanel)));padding:13px 14px}
.checkoutAgreementContextIcon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--appPanel);color:var(--appBlue);font-size:1.1rem}
.checkoutAgreementContext>div{min-width:0;flex:1}
.checkoutAgreementContext small{font-size:.6rem;font-weight:850;letter-spacing:.035em;color:var(--appBlue);display:block}
.checkoutAgreementContext strong{display:block;margin-top:5px;font-size:.78rem;line-height:1.45;color:var(--appText);overflow-wrap:anywhere}
.checkoutAgreementContext p{font-size:.66rem;line-height:1.52;color:var(--appMuted);margin:4px 0 0}
.checkoutProjectLocationMessage{display:flex;align-items:center;gap:8px;margin:0!important;font-size:.64rem;line-height:1.5;color:var(--appMuted);background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));border:1px solid color-mix(in srgb,var(--appBlue) 10%,var(--appLine));border-radius:12px;padding:9px 11px}
.checkoutProjectLocationMessage:before{content:"\f431";font-family:bootstrap-icons;color:var(--appBlue);font-size:.87rem}
.checkoutProjectLocationMessage.isSynced{color:var(--appText);background:color-mix(in srgb,#1b9d73 6%,var(--appPanel));border-color:color-mix(in srgb,#1b9d73 18%,var(--appLine))}
.checkoutProjectLocationMessage.isSynced:before{content:"\f26a";color:#17946d}
.checkoutSavedAddress{min-width:0}
.checkoutSavedAddress>span{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
.checkoutSavedAddress:not(.isUnavailable):hover>span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--appBlue) 40%,var(--appLine))}
.checkoutSavedAddress.isUnavailable{opacity:.5;cursor:not-allowed}
.checkoutSavedAddress:focus-within>span{outline:2px solid color-mix(in srgb,var(--appBlue) 55%,transparent);outline-offset:2px}
.checkoutLocationCard{min-width:0}
.checkoutLocationCard:has(>.checkoutSavedAddresses:not([hidden])) .checkoutAddressForm[hidden]{display:none!important}
.checkoutAddressFormHead small{line-height:1.5}
@media(max-width:700px){
 .checkoutProjectBridge{border-radius:19px}
 .checkoutProjectBridgeTop{padding:12px 12px 11px;gap:9px}
 .checkoutProjectBridgeIcon{height:37px;width:37px;border-radius:12px}
 .checkoutProjectBridgeIdentity small{font-size:.54rem}
 .checkoutProjectBridgeIdentity h3{font-size:.87rem}
 .checkoutProjectBridgeOpen{min-height:34px;padding:7px 9px;font-size:.62rem}
 .checkoutProjectBridgeFacts{grid-template-columns:1fr;gap:7px;padding:0 12px 10px}
 .checkoutBridgeFact{padding:9px 10px}
 .checkoutBridgeFact b{font-size:.69rem}
 .checkoutProjectBridgeMore{padding:10px 12px}
 .checkoutProjectBridgeDetails{grid-template-columns:1fr;padding:12px;gap:9px}
 .checkoutRentalProjectLine{align-items:flex-start}
 .checkoutRentalProjectLine button{white-space:nowrap}
 .checkoutAgreementContext{padding:11px 12px}
}
@media(max-width:380px){
 .checkoutProjectBridgeOpen span{display:none}
 .checkoutProjectBridgeOpen{width:35px;padding:5px;font-size:.9rem}
 .checkoutProjectBridgeTop{align-items:flex-start}
 .checkoutRentalProjectLine{flex-wrap:wrap}
 .checkoutRentalProjectLine button{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.checkoutProjectBridgeDetails{animation:none}.checkoutSavedAddress>span,.checkoutProjectBridgeOpen,.checkoutProjectBridgeMore i{transition:none}}

/* END assets/css/core/shell.css */

/* BEGIN assets/css/core/nav.css */
.bottomnav{
  position:fixed;
  z-index:var(--zNav);
  left:50%;
  bottom:var(--appVisualBottom,0px);
  transform:translateX(-50%);
  width:min(var(--navMaxW),calc(var(--appW) - 28px));
  max-width:calc(var(--appW) - 28px);
  padding:var(--gapMd) var(--gapMd) calc(var(--gapMd) + var(--appSafeBottom));
  border:1px solid rgba(255,255,255,.14);
  border-bottom:0;
  border-radius:var(--rXl) var(--rXl) 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  -webkit-backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:var(--gapXs);
  box-shadow:0 -10px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);
}

.navitem{
  border:0;
  background:transparent;
  color:var(--appMuted);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--gapSm);
  font-size:.74rem;
  font-weight:800;
  transition:all var(--easeFast);
}

.navitem i{
  font-size:1.32rem;
  line-height:1;
}

.navitem.active{
  color:var(--appText);
}

.navitem.active i{
  color:var(--appBlue);
  text-shadow:0 0 18px rgba(24,182,255,.42);
}

@media (max-width:520px){
  .bottomnav{
    width:var(--appW);
    max-width:var(--appW);
    border-left:0;
    border-right:0;
    border-radius:var(--rLg) var(--rLg) 0 0;
  }

  .navitem{
    font-size:.66rem;
  }

  .navitem i{
    font-size:1.16rem;
  }
}

/* END assets/css/core/nav.css */

/* BEGIN assets/css/tabs/hub.css */
.hubPage{width:min(var(--panelMaxW),calc(100dvw - 28px));max-width:100%;margin:0 auto;display:grid;gap:16px;color:var(--appText);padding-bottom:12px}
.hubPage button{font:inherit;cursor:pointer}
.hubTopBar{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center}
.hubSearch,.hubIconButton,.hubWelcome,.hubProjectCard,.hubSection,.hubMetricCard,.hubEmptyProject{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);box-shadow:0 16px 38px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(20px) saturate(1.16);-webkit-backdrop-filter:blur(20px) saturate(1.16)}
.hubSearch{height:48px;border-radius:17px;padding:0 16px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--appMuted);font-size:.8rem;font-weight:800}
.hubSearch i{font-size:1rem;color:var(--appText)}
.hubIconButton{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;color:var(--appText);font-size:1rem}
.hubWelcome{border-radius:27px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}
.hubWelcome:before{content:"";position:absolute;width:170px;height:170px;right:-75px;top:-95px;border-radius:50%;background:rgba(24,182,255,.14);filter:blur(4px);pointer-events:none}
.hubWelcome:after{content:"";position:absolute;width:125px;height:125px;right:55px;bottom:-90px;border-radius:50%;background:rgba(255,79,216,.12);filter:blur(5px);pointer-events:none}
.hubWelcome>div,.hubWelcome>button{position:relative;z-index:1}
.hubWelcome small,.hubSectionHead small,.hubProjectIdentity small,.hubMetricCard small,.hubEmptyProject small{display:block;font-size:.58rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--appMuted)}
.hubWelcome h1{margin:5px 0 7px;font-size:clamp(1.35rem,4vw,2rem);letter-spacing:-.05em;line-height:1}
.hubWelcome p{margin:0;max-width:540px;font-size:.75rem;line-height:1.5;color:var(--appMuted)}
.hubWelcome>button{min-height:48px;border:0;border-radius:16px;padding:0 17px;display:flex;align-items:center;gap:9px;background:var(--appText);color:var(--appBg);font-size:.73rem;font-weight:950;white-space:nowrap}
.hubProjectCard{border-radius:26px;padding:18px;display:grid;gap:15px}
.hubProjectCard>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hubProjectIdentity{display:flex;align-items:center;gap:12px;min-width:0}
.hubProjectIdentity>span{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:rgba(24,182,255,.14);font-size:1.05rem}
.hubProjectIdentity>div{min-width:0}.hubProjectIdentity h2{margin:4px 0 3px;font-size:1.02rem;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubProjectIdentity p{margin:0;font-size:.67rem;color:var(--appMuted)}
.hubStatusPill{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:rgba(24,182,255,.12);font-size:.59rem;font-weight:950}.hubStatusPill.is-complete{background:rgba(45,210,145,.14)}.hubStatusPill.is-event{background:rgba(255,79,216,.13)}
.hubProgressHead{display:flex;align-items:center;justify-content:space-between;font-size:.66rem;color:var(--appMuted)}.hubProgressHead b{color:var(--appText);font-size:.72rem}
.hubProgressTrack{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.hubProgressTrack span{display:block;height:100%;min-width:5px;border-radius:inherit;background:linear-gradient(90deg,rgba(24,182,255,.28),rgba(255,79,216,.24))}
.hubProjectActions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px}.hubProjectActions button{min-height:47px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045);color:var(--appText);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.66rem;font-weight:900}.hubProjectActions button:first-child{background:rgba(24,182,255,.13)}
.hubSection{border-radius:24px;padding:17px;min-width:0}.hubSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.hubSectionHead h2{margin:3px 0 0;font-size:1.05rem;letter-spacing:-.035em}.hubTextButton{border:0;background:transparent;color:var(--appText);font-size:.68rem;font-weight:950;padding:5px}
.hubTracking{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;position:relative}.hubTracking:before{content:"";position:absolute;left:7%;right:7%;top:18px;height:2px;background:rgba(255,255,255,.1)}
.hubTrackStep{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;text-align:center;min-width:0}.hubTrackStep span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.1);background:var(--appBg);color:var(--appMuted);font-size:.77rem}.hubTrackStep small{font-size:.53rem;color:var(--appMuted);white-space:nowrap}.hubTrackStep.isDone span,.hubTrackStep.isCurrent span{border-color:rgba(24,182,255,.7);color:var(--appText);background:rgba(24,182,255,.17)}.hubTrackStep.isCurrent span{box-shadow:0 0 0 5px rgba(24,182,255,.08)}.hubTrackStep.isDone small,.hubTrackStep.isCurrent small{color:var(--appText)}
.hubMetricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hubMetricCard{border-radius:20px;padding:14px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;color:var(--appText)}.hubMetricCard>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(24,182,255,.12)}.hubMetricCard:nth-child(2)>span{background:rgba(255,79,216,.11)}.hubMetricCard b{display:block;margin:3px 0;font-size:.9rem}.hubMetricCard p{margin:0;font-size:.61rem;color:var(--appMuted)}.hubMetricCard>i{font-size:.72rem;color:var(--appMuted)}
.hubEmptyProject{border-radius:25px;padding:18px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px}.hubEmptyProject>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(24,182,255,.13);font-size:1.15rem}.hubEmptyProject h2{margin:4px 0;font-size:.95rem}.hubEmptyProject p{margin:0;font-size:.68rem;color:var(--appMuted)}.hubEmptyProject button{border:0;border-radius:14px;min-height:43px;padding:0 14px;background:var(--appText);color:var(--appBg);font-size:.67rem;font-weight:950}
.hubToolGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hubToolGrid button{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);padding:13px 10px;display:grid;justify-items:start;gap:6px;text-align:left;color:var(--appText);min-width:0}.hubToolGrid button>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(24,182,255,.11);margin-bottom:2px}.hubToolGrid button:nth-child(even)>span{background:rgba(255,79,216,.1)}.hubToolGrid b{font-size:.69rem}.hubToolGrid small{font-size:.56rem;line-height:1.25;color:var(--appMuted)}
.hubCategoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hubCategoryCard{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035);padding:6px 6px 10px;display:grid;justify-items:center;gap:8px;color:var(--appText)}.hubCategoryCard .hubCategoryPhoto{position:relative;width:100%;height:68px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.06)}.hubCategoryCard .hubCategoryPhoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hubCategoryCard .hubCategoryPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,20,.04),rgba(7,10,20,.4))}.hubCategoryCard .hubCategoryPhoto i{position:relative;z-index:1;color:#fff;font-size:1rem;text-shadow:0 2px 8px rgba(0,0,0,.45)}.hubCategoryCard b{max-width:100%;font-size:.65rem;line-height:1.15;text-align:center;white-space:normal}
.hubRentalRail{display:flex;gap:11px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.hubRentalRail::-webkit-scrollbar{display:none}.hubRentalCard{flex:0 0 184px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.035);padding:7px;text-align:left;color:var(--appText);overflow:hidden}.hubRentalPhoto{position:relative;height:118px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.045) var(--hubRentalPhoto);background-size:cover;background-position:center}.hubRentalPhoto:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22))}.hubRentalInfo{padding:9px 4px 4px}.hubRentalInfo span{display:block;font-size:.56rem;color:var(--appMuted);font-weight:850;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubRentalInfo b{display:block;margin:4px 0;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubRentalInfo small{font-size:.62rem;color:var(--appMuted)}
.hubEmpty{flex:1;min-height:142px;border:1px dashed rgba(255,255,255,.14);border-radius:18px;background:transparent;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:var(--appMuted)}.hubEmpty b{font-size:.77rem;color:var(--appText)}.hubEmpty small{font-size:.61rem}
@media(hover:hover){.hubPage button:hover{background-color:rgba(255,255,255,.09)}.hubWelcome>button:hover,.hubEmptyProject button:hover{background:var(--appText)}}
@media(max-width:680px){.hubPage{width:100%;padding:0 11px 10px;gap:12px}.hubTopBar{grid-template-columns:minmax(0,1fr) 46px}.hubSearch,.hubIconButton{height:46px;border-radius:16px}.hubIconButton{width:46px}.hubWelcome{padding:17px;border-radius:22px}.hubWelcome h1{font-size:1.32rem}.hubWelcome p{font-size:.68rem}.hubWelcome>button{min-width:46px;padding:0 14px}.hubWelcome>button span{display:none}.hubProjectCard{padding:15px;border-radius:22px}.hubProjectIdentity>span{width:43px;height:43px;flex-basis:43px}.hubProjectActions{grid-template-columns:1.25fr 1fr 1fr}.hubProjectActions button{padding:0 8px}.hubProjectActions button span{font-size:.6rem}.hubSection{padding:13px;border-radius:20px}.hubTracking{overflow-x:auto;grid-template-columns:repeat(6,68px);padding-bottom:3px}.hubTracking:before{left:34px;right:34px}.hubMetricGrid{gap:8px}.hubMetricCard{padding:11px;grid-template-columns:38px minmax(0,1fr) auto}.hubMetricCard>span{width:38px;height:38px}.hubMetricCard b{font-size:.8rem}.hubToolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hubToolGrid button{min-height:94px}.hubCategoryGrid{gap:7px}.hubCategoryCard{border-radius:15px;padding:5px 5px 8px}.hubCategoryCard .hubCategoryPhoto{height:54px}.hubCategoryCard b{font-size:.58rem}.hubRentalCard{flex-basis:43dvw;min-width:150px}.hubRentalPhoto{height:105px}.hubEmptyProject{grid-template-columns:46px minmax(0,1fr);padding:14px}.hubEmptyProject>span{width:46px;height:46px}.hubEmptyProject button{grid-column:1/-1;width:100%}}
@media(max-width:390px){.hubProjectActions{grid-template-columns:1fr}.hubProjectActions button{justify-content:flex-start;padding:0 14px}.hubMetricGrid{grid-template-columns:1fr}.hubStatusPill{display:none}.hubCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Project gateway and project workspace */
.hubProjectsWelcome{margin-top:1px}
.hubContinueSection,.hubProjectsSection{overflow:hidden}
.hubProjectCountPill{min-width:30px;height:30px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:rgba(24,182,255,.12);font-size:.67rem;font-weight:950}
.hubProjectsList{display:grid;gap:9px}
.hubProjectListCard{width:100%;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.035);padding:12px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:var(--appText)}
.hubProjectListCard.isFeatured{background:rgba(24,182,255,.09);border-color:rgba(24,182,255,.22)}
.hubProjectListIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(24,182,255,.12);font-size:1rem}.hubProjectListCard.isFeatured .hubProjectListIcon{background:rgba(255,79,216,.12)}
.hubProjectListCopy{display:block;min-width:0}.hubProjectListCopy>small{display:block;font-size:.53rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--appMuted)}.hubProjectListCopy>b{display:block;margin:4px 0 3px;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubProjectListCopy>span:not(.hubProjectMiniProgress){display:block;font-size:.6rem;color:var(--appMuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubProjectMiniProgress{display:block;height:4px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.hubProjectMiniProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(24,182,255,.28),rgba(255,79,216,.24))}
.hubProjectListMeta{display:grid;grid-template-columns:auto 14px;align-items:center;justify-items:end;gap:2px 8px}.hubProjectListMeta strong{font-size:.72rem}.hubProjectListMeta small{grid-column:1/2;font-size:.52rem;color:var(--appMuted);white-space:nowrap}.hubProjectListMeta>i{grid-column:2;grid-row:1/3;color:var(--appMuted);font-size:.7rem}
.hubProjectsEmpty{padding:24px 12px;display:grid;justify-items:center;text-align:center}.hubProjectsEmpty>span{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:rgba(24,182,255,.12);font-size:1.25rem}.hubProjectsEmpty h3{margin:12px 0 5px;font-size:.95rem}.hubProjectsEmpty p{max-width:440px;margin:0;color:var(--appMuted);font-size:.66rem;line-height:1.5}.hubProjectsEmpty button{margin-top:14px;min-height:43px;border:0;border-radius:14px;padding:0 15px;background:var(--appText);color:var(--appBg);font-size:.67rem;font-weight:950}
.hubWorkspaceNav{display:flex;align-items:center;justify-content:space-between;gap:10px}.hubWorkspaceNav button{min-height:43px;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:0 14px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.055);color:var(--appText);font-size:.66rem;font-weight:900;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hubWorkspaceHero .hubProjectIdentity h1{margin:4px 0 3px;font-size:1.15rem;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubWorkspaceHero .hubProjectIdentity>div{min-width:0}
.hubWorkspaceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hubWorkspaceGrid button{min-width:0;min-height:102px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);padding:12px 10px;display:grid;justify-items:start;align-content:start;gap:6px;text-align:left;color:var(--appText)}.hubWorkspaceGrid button>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(24,182,255,.11);margin-bottom:2px}.hubWorkspaceGrid button:nth-child(even)>span{background:rgba(255,79,216,.1)}.hubWorkspaceGrid b{font-size:.69rem}.hubWorkspaceGrid small{font-size:.55rem;line-height:1.25;color:var(--appMuted)}
@media(hover:hover){.hubProjectListCard:hover,.hubWorkspaceGrid button:hover,.hubWorkspaceNav button:hover{background-color:rgba(255,255,255,.09)}}
@media(max-width:680px){.hubProjectListCard{grid-template-columns:42px minmax(0,1fr) auto;padding:10px;gap:10px}.hubProjectListIcon{width:42px;height:42px}.hubProjectListMeta small{display:none}.hubWorkspaceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hubWorkspaceGrid button{min-height:94px}.hubWorkspaceNav button{padding:0 12px}.hubWorkspaceHero .hubProjectIdentity h1{font-size:1rem}}
@media(max-width:390px){.hubProjectListMeta strong{font-size:.65rem}.hubProjectListCard{grid-template-columns:40px minmax(0,1fr) auto}.hubProjectListIcon{width:40px;height:40px}.hubWorkspaceNav button span{font-size:.61rem}}

/* Account-scoped project creation */
.hubCreateProjectOverlay{position:fixed;inset:0;z-index:1400;display:grid;align-items:end;padding:16px;background:rgba(4,9,18,.56);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hubCreateProjectPanel{width:min(100%,560px);max-height:min(78dvh,680px);margin:0 auto;padding:20px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:auto}
.hubCreateProjectHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.hubCreateProjectHead small{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted)}.hubCreateProjectHead h2{margin:0;font-size:clamp(24px,7dvw,34px)}.hubCreateProjectHead button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--text)}
.hubCreateProjectPanel form{display:grid;gap:15px}.hubCreateProjectPanel label{display:grid;gap:8px;font-weight:750}.hubCreateProjectPanel label>span{font-size:14px}.hubCreateProjectPanel label small{font-weight:600;color:var(--muted)}.hubCreateProjectPanel input{width:100%;min-height:52px;padding:0 15px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);font:inherit;outline:none}.hubCreateProjectPanel input:focus{border-color:rgba(68,179,255,.72);box-shadow:0 0 0 4px rgba(68,179,255,.12)}
#hubCreateProjectError{min-height:20px;margin:0;color:#ef5b78;font-size:13px}.hubCreateProjectSubmit{min-height:54px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;background:#2f9df4;color:#fff;font-weight:850;font-size:16px}.hubCreateProjectSubmit:disabled{opacity:.55}
@media(min-width:700px){.hubCreateProjectOverlay{align-items:center}.hubCreateProjectPanel{padding:26px}}

/* Enhanced project creation workspace */
.hubCreateProjectOverlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));align-items:end;background:rgba(3,7,17,.62)}
.hubCreateProjectPanel{width:min(100%,690px);max-height:min(92dvh,880px);padding:0;border-color:color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:30px;background:color-mix(in srgb,var(--appPanel) 97%,transparent);overflow:hidden}
.hubCreateProjectHead{position:sticky;top:0;z-index:3;margin:0;padding:21px 21px 17px;border-bottom:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 94%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hubCreateProjectHead small{color:var(--appBlue);font-size:.55rem;font-weight:950}.hubCreateProjectHead h2{font-size:clamp(1.35rem,5vw,2rem);letter-spacing:-.045em}.hubCreateProjectHead p{max-width:520px;margin:6px 0 0;color:var(--appMuted);font-size:.66rem;line-height:1.45}.hubCreateProjectHead button{border-radius:15px;background:var(--appGlass)}
.hubCreateProjectPanel form{gap:13px;padding:15px 15px calc(15px + env(safe-area-inset-bottom));overflow-y:auto;max-height:calc(min(92dvh,880px) - 108px)}
.hubCreateProjectSection{padding:15px;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanelSoft)}.hubCreateProjectSection.isPrimary{border-color:color-mix(in srgb,var(--appBlue) 25%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanelSoft))}.hubCreateProjectSectionHead{display:flex;align-items:center;gap:11px;margin-bottom:15px}.hubCreateProjectSectionHead>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appBlue) 14%,transparent);color:var(--appBlue)}.hubCreateProjectSectionHead b,.hubCreateProjectSectionHead small{display:block}.hubCreateProjectSectionHead b{font-size:.76rem}.hubCreateProjectSectionHead small{margin-top:3px;color:var(--appMuted);font-size:.57rem;line-height:1.35}
.hubCreateProjectFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hubCreateProjectField{min-width:0}.hubCreateProjectField.isFull{grid-column:1/-1}.hubCreateProjectPanel label>span,.hubCreateProjectTypes legend{font-size:.61rem;font-weight:900;color:var(--appText)}.hubCreateProjectPanel label>span em{margin-left:5px;color:var(--appBlue);font-size:.5rem;font-style:normal;text-transform:uppercase}.hubCreateProjectPanel label>span small{font-size:.53rem}
.hubCreateProjectInput{position:relative}.hubCreateProjectInput>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--appMuted);font-size:.76rem;pointer-events:none}.hubCreateProjectPanel .hubCreateProjectInput input{padding-left:40px}.hubCreateProjectPanel input,.hubCreateProjectPanel textarea{border-color:var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font-size:.72rem}.hubCreateProjectPanel textarea{width:100%;min-height:92px;padding:13px 14px;resize:vertical;outline:none}.hubCreateProjectPanel textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 72%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 12%,transparent)}
.hubCreateProjectTypes{margin:15px 0 0;padding:0;border:0}.hubCreateProjectTypes>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.hubCreateProjectTypes label{display:block}.hubCreateProjectTypes input{position:absolute;opacity:0;pointer-events:none}.hubCreateProjectTypes label>span{min-height:68px;padding:9px 6px;border:1px solid var(--appLine);border-radius:15px;display:grid;place-items:center;align-content:center;gap:6px;background:var(--appPanel);text-align:center}.hubCreateProjectTypes label i{font-size:.95rem;color:var(--appMuted)}.hubCreateProjectTypes label b{font-size:.55rem}.hubCreateProjectTypes input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 58%,transparent);background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appPink) 24%,transparent)}.hubCreateProjectTypes input:checked+span i{color:var(--appBlue)}
.hubCreateProjectDateButton{width:100%;min-height:58px;padding:0 14px;border:1px solid var(--appLine);border-radius:15px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;background:var(--appPanel);color:var(--appText);text-align:left}.hubCreateProjectDateButton>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 12%,transparent);color:var(--appBlue)}.hubCreateProjectDateButton span small,.hubCreateProjectDateButton span b{display:block}.hubCreateProjectDateButton span small{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--appMuted)}.hubCreateProjectDateButton span b{margin-top:3px;font-size:.66rem}.hubCreateProjectDateButton>i:last-child{font-size:.63rem;color:var(--appMuted)}.hubCreateProjectDateButton.hasValue{border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine))}
#hubCreateProjectError{padding:0 4px}.hubCreateProjectFooter{position:sticky;bottom:-15px;z-index:2;display:grid;grid-template-columns:.7fr 1.3fr;gap:9px;padding:11px 0 0;background:linear-gradient(180deg,transparent,var(--appPanel) 24%)}.hubCreateProjectCancel,.hubCreateProjectSubmit{min-height:52px;border-radius:16px;font-size:.7rem;font-weight:950}.hubCreateProjectCancel{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.hubCreateProjectSubmit{background:var(--appText);color:var(--appBg)}
@media(min-width:700px){.hubCreateProjectOverlay{align-items:center}.hubCreateProjectPanel form{padding:18px 20px 20px}.hubCreateProjectHead{padding:24px 25px 19px}}
@media(max-width:520px){.hubCreateProjectOverlay{padding:0;align-items:end}.hubCreateProjectPanel{width:100dvw;max-height:94dvh;border-radius:28px 28px 0 0}.hubCreateProjectPanel form{max-height:calc(94dvh - 105px)}.hubCreateProjectTypes>div{grid-template-columns:repeat(3,minmax(0,1fr))}.hubCreateProjectFields{grid-template-columns:1fr}.hubCreateProjectField.isFull{grid-column:auto}.hubCreateProjectSection{padding:13px}.hubCreateProjectHead{padding:19px 16px 15px}}

/* Unified Explorer-style event schedule selector */
.hubCreateProjectScheduleButton{width:100%;min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--appBlue) 46%,var(--appLine));border-radius:20px;background:var(--appPanel);color:var(--appText);text-align:left;box-shadow:0 8px 22px color-mix(in srgb,var(--appBlue) 8%,transparent)}
.hubCreateProjectScheduleButton>i:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 13%,var(--appPanel));color:var(--appBlue);font-size:1.05rem}.hubCreateProjectScheduleButton>i:last-child{color:var(--appMuted)}
.hubCreateProjectScheduleValues{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;min-width:0}.hubCreateProjectScheduleValues>span{min-width:0}.hubCreateProjectScheduleValues small,.hubCreateProjectScheduleValues b{display:block}.hubCreateProjectScheduleValues small{font-size:.53rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:var(--appMuted)}.hubCreateProjectScheduleValues b{margin-top:4px;font-size:.68rem;line-height:1.3;white-space:normal}.hubCreateProjectScheduleValues>i{color:var(--appMuted)}
.hubCreateProjectScheduleButton.hasValue{border-color:color-mix(in srgb,var(--appBlue) 70%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel))}
.systemDateRangePicker .findDatePickerPanel{padding-bottom:calc(18px + var(--appSafeBottom));}.systemDateRangePicker .findTimeSelectButton{appearance:none;-webkit-appearance:none;padding-right:12px;min-width:68px;text-align:center}.systemDateRangePicker .findTimeSelect:last-child .findTimeSelectButton{min-width:74px}
@media(max-width:560px){.hubCreateProjectScheduleValues{grid-template-columns:1fr}.hubCreateProjectScheduleValues>i{display:none}.hubCreateProjectScheduleButton{grid-template-columns:44px minmax(0,1fr) 18px}.hubCreateProjectScheduleButton>i:first-child{width:44px;height:44px}}

/* Full-screen project creator on phones */
@media(max-width:520px){
  .hubCreateProjectOverlay{padding:0;align-items:stretch}
  .hubCreateProjectPanel{width:100dvw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}
  .hubCreateProjectHead{flex:0 0 auto;padding-top:calc(18px + env(safe-area-inset-top))}
  .hubCreateProjectPanel form{flex:1 1 auto;min-height:0;max-height:none;padding-bottom:calc(15px + env(safe-area-inset-bottom));overflow-y:auto}
}

/* Project creator Google address suggestions */
.hubCreateProjectAddressField{position:relative}
.hubCreateProjectAddressInput{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.hubCreateProjectAddressInput>i:first-child{position:static;transform:none;margin-left:14px}
.hubCreateProjectPanel .hubCreateProjectAddressInput input{padding-left:10px;padding-right:8px}
.hubCreateProjectAddressPin{position:static!important;transform:none!important;margin-right:14px;color:var(--appBlue)!important}
.hubCreateProjectAddressSuggestions{position:relative;z-index:12;display:grid;gap:6px;margin-top:2px;padding:7px;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appPanel) 98%,transparent);box-shadow:0 22px 60px rgba(15,23,42,.16);overflow:hidden}
.hubCreateProjectAddressSuggestions[hidden]{display:none!important}
.hubCreateProjectAddressSuggestion{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:10px;border:0;border-radius:13px;background:transparent;color:var(--appText);text-align:left;cursor:pointer;transition:background .16s ease,transform .16s ease}
.hubCreateProjectAddressSuggestion:hover,.hubCreateProjectAddressSuggestion:focus-visible{outline:0;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));transform:translateX(2px)}
.hubCreateProjectAddressSuggestion>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue)}
.hubCreateProjectAddressSuggestion span{min-width:0}.hubCreateProjectAddressSuggestion b,.hubCreateProjectAddressSuggestion small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hubCreateProjectAddressSuggestion b{font-size:.64rem}.hubCreateProjectAddressSuggestion small{margin-top:4px;color:var(--appMuted);font-size:.53rem}.hubCreateProjectAddressSuggestion>i:last-child{color:var(--appMuted)}
.hubCreateProjectAddressSuggestions.isLoading{opacity:.62;pointer-events:none}
.hubCreateProjectAddressStatus{display:flex;align-items:center;gap:6px;color:var(--appMuted)!important;font-size:.51rem!important;line-height:1.35}.hubCreateProjectAddressStatus i{color:var(--appBlue)}
.hubCreateProjectAddressSpinner{animation:hubCreateProjectAddressSpin .9s linear infinite}@keyframes hubCreateProjectAddressSpin{to{transform:rotate(360deg)}}
@media(max-width:560px){.hubCreateProjectAddressSuggestion{min-height:64px;padding:11px}.hubCreateProjectAddressSuggestion b{font-size:.7rem}}

/* Refined project creator field system */
.hubCreateProjectField{gap:9px}
.hubCreateProjectPanel label>span{font-size:14px;line-height:1.25;letter-spacing:0}
.hubCreateProjectPanel label>span small{font-size:12px;font-weight:700;color:var(--appMuted)}
.hubCreateProjectInput{min-height:58px;display:flex;align-items:center;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.hubCreateProjectInput:focus-within{border-color:color-mix(in srgb,var(--appBlue) 70%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 11%,transparent);background:color-mix(in srgb,var(--appBlue) 2.5%,var(--appPanel))}
.hubCreateProjectInput>i,.hubCreateProjectAddressInput>i:first-child{position:static;flex:0 0 48px;width:48px;height:58px;margin:0;transform:none;display:grid;place-items:center;color:var(--appMuted);font-size:18px;pointer-events:none}
.hubCreateProjectPanel .hubCreateProjectInput input{min-width:0;min-height:56px;height:56px;padding:0 16px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--appText);font-family:inherit;font-size:16px;font-weight:650;line-height:1.2;outline:0}
.hubCreateProjectPanel .hubCreateProjectInput input:focus{border:0;box-shadow:none}
.hubCreateProjectPanel input::placeholder,.hubCreateProjectPanel textarea::placeholder{color:color-mix(in srgb,var(--appMuted) 72%,transparent);font-size:16px;font-weight:600;opacity:1}
.hubCreateProjectPanel textarea{min-height:124px;padding:16px 17px;border-radius:17px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.45}
.hubCreateProjectAddressInput{display:flex;grid-template-columns:none}
.hubCreateProjectPanel .hubCreateProjectAddressInput input{padding-left:0;padding-right:8px}
.hubCreateProjectAddressPin{position:static!important;flex:0 0 42px!important;width:42px!important;height:58px!important;margin:0!important;transform:none!important;display:grid!important;place-items:center!important;color:var(--appBlue)!important;font-size:18px!important}
.hubCreateProjectAddressStatus{margin-top:1px;padding-left:2px;font-size:12px!important;font-weight:650!important;line-height:1.4}
.hubCreateProjectSection{overflow:visible}
@media(max-width:560px){
  .hubCreateProjectSection{padding:15px;border-radius:23px}
  .hubCreateProjectFields{gap:16px}
  .hubCreateProjectInput{min-height:60px;border-radius:18px}
  .hubCreateProjectInput>i,.hubCreateProjectAddressInput>i:first-child{height:58px;flex-basis:48px;width:48px}
  .hubCreateProjectPanel .hubCreateProjectInput input{height:58px;min-height:58px;font-size:16px}
  .hubCreateProjectPanel input::placeholder,.hubCreateProjectPanel textarea::placeholder{font-size:16px}
  .hubCreateProjectAddressPin{height:58px!important}
}

/* Planning-first project workspace */
.hubWorkspaceHero.isPlanning{border-color:color-mix(in srgb,var(--appBlue) 28%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel))}
.hubPlanningMessage{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;margin-top:15px;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 6%,var(--appPanel))}
.hubPlanningMessage>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 13%,var(--appPanel));color:var(--appBlue);font-size:1rem}.hubPlanningMessage b,.hubPlanningMessage p{display:block}.hubPlanningMessage b{font-size:.69rem}.hubPlanningMessage p{margin:5px 0 0;color:var(--appMuted);font-size:.56rem;line-height:1.5}
.hubProjectDetailsSection{overflow:hidden}.hubProjectDetailsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hubProjectDetail{min-width:0;display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:color-mix(in srgb,var(--appPanel) 96%,transparent)}.hubProjectDetail>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue)}.hubProjectDetail small,.hubProjectDetail b{display:block;min-width:0}.hubProjectDetail small{font-size:.49rem;text-transform:uppercase;letter-spacing:.07em;color:var(--appMuted);font-weight:900}.hubProjectDetail b{margin-top:4px;font-size:.62rem;line-height:1.35;overflow-wrap:anywhere}
.hubProjectNotes{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:10px;align-items:start;margin-top:10px;padding:14px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel)}.hubProjectNotes>div{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px}.hubProjectNotes>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appPink) 10%,var(--appPanel));color:var(--appPink)}.hubProjectNotes small{display:block;font-size:.49rem;text-transform:uppercase;letter-spacing:.07em;color:var(--appMuted);font-weight:900}.hubProjectNotes p{margin:5px 0 0;color:var(--appText);font-size:.58rem;line-height:1.55;white-space:pre-wrap}.hubProjectNotes>button{width:36px;height:36px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText)}
.hubPlanningNext{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:24px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));box-shadow:0 14px 35px rgba(15,23,42,.06)}.hubPlanningNext>div{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;align-items:center}.hubPlanningNext>div>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--appText);color:var(--appBg);font-size:1.05rem}.hubPlanningNext small{font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--appBlue);font-weight:950}.hubPlanningNext h2{margin:4px 0 0;font-size:.8rem}.hubPlanningNext p{margin:6px 0 0;color:var(--appMuted);font-size:.56rem;line-height:1.5}.hubPlanningNext>button{min-height:46px;padding:0 16px;border:0;border-radius:14px;background:var(--appText);color:var(--appBg);font-weight:950;font-size:.6rem;white-space:nowrap}
.hubProjectEditOverlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(15,23,42,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hubProjectEditPanel{width:min(680px,100%);max-height:min(92dvh,850px);display:flex;flex-direction:column;border:1px solid var(--appLine);border-radius:28px;background:var(--appPanel);box-shadow:0 30px 90px rgba(15,23,42,.24);overflow:hidden}.hubProjectEditPanel>header{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:14px;align-items:start;padding:20px 20px 16px;border-bottom:1px solid var(--appLine)}.hubProjectEditPanel>header small{font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--appBlue);font-weight:950}.hubProjectEditPanel>header h2{margin:5px 0 0;font-size:1rem}.hubProjectEditPanel>header p{margin:6px 0 0;color:var(--appMuted);font-size:.58rem;line-height:1.45}.hubProjectEditPanel>header button{width:42px;height:42px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText)}.hubProjectEditPanel form{display:grid;gap:13px;padding:16px 20px calc(18px + env(safe-area-inset-bottom));overflow:auto}.hubProjectEditPanel label{display:grid;gap:7px}.hubProjectEditPanel label>span{font-size:.57rem;font-weight:900}.hubProjectEditPanel input,.hubProjectEditPanel select,.hubProjectEditPanel textarea{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--appLine);border-radius:15px;background:var(--appGlass);color:var(--appText);font:600 16px/1.35 inherit;outline:0}.hubProjectEditPanel textarea{min-height:120px;padding:13px 14px;resize:vertical}.hubProjectEditPanel input:focus,.hubProjectEditPanel select:focus,.hubProjectEditPanel textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 70%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent)}.hubProjectEditPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hubProjectEditError{min-height:18px;margin:0;color:#db5368;font-size:.55rem;font-weight:800}.hubProjectEditPanel footer{position:sticky;bottom:0;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;padding-top:4px;background:var(--appPanel)}.hubProjectEditPanel footer button{min-height:50px;border-radius:15px;font-weight:950;font-size:.64rem}.hubProjectEditPanel footer button:first-child{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.hubProjectEditPanel footer button:last-child{border:0;background:var(--appText);color:var(--appBg)}.hubProjectEditPanel footer button:disabled{opacity:.55}
@media(max-width:560px){.hubProjectDetailsGrid{grid-template-columns:1fr}.hubPlanningNext{grid-template-columns:1fr}.hubPlanningNext>button{width:100%}.hubProjectEditOverlay{padding:0}.hubProjectEditPanel{width:100dvw;height:100dvh;max-height:none;border:0;border-radius:0}.hubProjectEditPanel>header{padding-top:calc(18px + env(safe-area-inset-top))}.hubProjectEditPair{grid-template-columns:1fr}.hubProjectEditPanel form{padding-left:16px;padding-right:16px}.hubProjectActions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Complete event logistics editor */
.hubProjectEditGroup{display:grid;gap:13px;padding:15px;border:1px solid var(--appLine);border-radius:20px;background:color-mix(in srgb,var(--appGlass) 84%,transparent)}
.hubProjectEditGroupHead{display:flex;align-items:center;gap:11px;padding-bottom:2px}
.hubProjectEditGroupHead>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appGlass));color:var(--appBlue)}
.hubProjectEditGroupHead>div{display:grid;gap:2px;min-width:0}.hubProjectEditGroupHead b{font-size:.66rem}.hubProjectEditGroupHead small{color:var(--appMuted);font-size:.5rem;line-height:1.35}
.hubProjectEditGroup.isLogistics{border-color:color-mix(in srgb,var(--appBlue) 28%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appGlass))}
.hubLogisticsNotes{display:grid;gap:10px;margin-top:14px}.hubLogisticsNotes>div{padding:13px 14px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass)}.hubLogisticsNotes small{display:block;margin-bottom:5px;color:var(--appMuted);font-size:.49rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hubLogisticsNotes p{margin:0;font-size:.59rem;line-height:1.5;white-space:pre-wrap}
@media(max-width:560px){.hubProjectEditGroup{padding:13px;border-radius:18px}.hubProjectEditGroupHead>span{width:36px;height:36px}.hubProjectEditPanel form{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.hubProjectEditPanel footer{position:fixed;left:0;right:0;bottom:0;z-index:4;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}

/* Tap-to-edit project details */
.hubSectionHead p{margin:5px 0 0;color:var(--appMuted);font-size:.52rem;line-height:1.4}
button.hubProjectDetail{width:100%;text-align:left;color:var(--appText);cursor:pointer;grid-template-columns:39px minmax(0,1fr) 18px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}
button.hubProjectDetail:active{transform:scale(.985)}
button.hubProjectDetail:hover,button.hubProjectDetail:focus-visible{border-color:color-mix(in srgb,var(--appBlue) 34%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));box-shadow:0 10px 30px color-mix(in srgb,var(--appBlue) 8%,transparent);outline:0}
.hubProjectDetailChevron{color:var(--appMuted);font-size:.75rem;transition:transform .18s ease,color .18s ease}
button.hubProjectDetail:hover .hubProjectDetailChevron,button.hubProjectDetail:focus-visible .hubProjectDetailChevron{color:var(--appBlue);transform:translateX(2px)}
.hubEditableBlock{width:100%;text-align:left;color:var(--appText);cursor:pointer;-webkit-tap-highlight-color:transparent}
.hubEditableBlock:active{transform:scale(.992)}
.hubProjectNotes.hubEditableBlock{grid-template-columns:minmax(0,1fr) 20px;align-items:center;border:1px solid var(--appLine);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.hubProjectNotes.hubEditableBlock:hover,.hubProjectNotes.hubEditableBlock:focus-visible{border-color:color-mix(in srgb,var(--appBlue) 34%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));outline:0}
.hubProjectNotes.hubEditableBlock>i{color:var(--appMuted)}
.hubLogisticsNotes{display:grid;gap:9px}
.hubLogisticsNotes>button{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:8px;text-align:left;padding:13px 14px;border:1px solid var(--appLine);border-radius:16px;background:color-mix(in srgb,var(--appPanel) 96%,transparent);color:var(--appText);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.hubLogisticsNotes>button small,.hubLogisticsNotes>button p{grid-column:1;margin:0}.hubLogisticsNotes>button>i{grid-column:2;grid-row:1/3;align-self:center;color:var(--appMuted)}
.hubLogisticsNotes>button:hover,.hubLogisticsNotes>button:focus-visible{border-color:color-mix(in srgb,var(--appBlue) 34%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));outline:0}.hubLogisticsNotes>button:active{transform:scale(.99)}
.hubQuickEditOverlay{position:fixed;inset:0;z-index:1250;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(15,23,42,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hubQuickEditPanel{width:min(520px,100%);max-height:min(88dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine));border-radius:28px;background:var(--appPanel);box-shadow:0 30px 90px rgba(15,23,42,.24);animation:hubQuickEditIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes hubQuickEditIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.hubQuickEditPanel>header{display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:start;gap:12px;padding:20px;border-bottom:1px solid var(--appLine)}
.hubQuickEditPanel>header>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-size:1rem}
.hubQuickEditPanel>header small{display:block;color:var(--appBlue);font-size:.48rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hubQuickEditPanel>header h2{margin:4px 0 0;font-size:.92rem}.hubQuickEditPanel>header p{margin:5px 0 0;color:var(--appMuted);font-size:.54rem;line-height:1.45}
.hubQuickEditPanel>header button{width:42px;height:42px;border:1px solid var(--appLine);border-radius:14px;background:var(--appGlass);color:var(--appText)}
.hubQuickEditPanel form{display:flex;min-height:0;flex:1;flex-direction:column}.hubQuickEditFields{display:grid;gap:13px;padding:18px 20px;overflow:auto}.hubQuickEditFields label{display:grid;gap:7px}.hubQuickEditFields label>span{font-size:.57rem;font-weight:900}.hubQuickEditFields input,.hubQuickEditFields select,.hubQuickEditFields textarea{width:100%;min-height:54px;padding:0 14px;border:1px solid var(--appLine);border-radius:16px;background:var(--appGlass);color:var(--appText);font:700 16px/1.35 inherit;outline:0}.hubQuickEditFields textarea{min-height:128px;padding:14px;resize:vertical}.hubQuickEditFields input:focus,.hubQuickEditFields select:focus,.hubQuickEditFields textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 72%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent)}
.hubQuickEditPanel .hubProjectEditError{padding:0 20px}.hubQuickEditPanel footer{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hubQuickEditPanel footer button{min-height:50px;border-radius:15px;font-size:.63rem;font-weight:950}.hubQuickEditPanel footer button:first-child{border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText)}.hubQuickEditPanel footer button:last-child{border:0;background:var(--appText);color:var(--appBg)}.hubQuickEditPanel footer button:disabled{opacity:.55}
@media(max-width:560px){.hubQuickEditOverlay{padding:0}.hubQuickEditPanel{width:100dvw;max-height:92dvh;border-radius:26px 26px 0 0;border-bottom:0}.hubQuickEditPanel>header{padding:18px 16px 15px}.hubQuickEditFields{padding:16px}.hubQuickEditPanel footer{padding-left:16px;padding-right:16px}.hubProjectActions{grid-template-columns:1fr}}

/* Project section workspace */
.hubProjectSectionNav{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:18;display:flex;gap:8px;margin:14px 0;padding:8px;overflow-x:auto;scrollbar-width:none;border:1px solid var(--appLine);border-radius:20px;background:color-mix(in srgb,var(--appPanel) 90%,transparent);box-shadow:0 14px 34px rgba(15,23,42,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hubProjectSectionNav::-webkit-scrollbar{display:none}.hubProjectSectionNav button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:max-content;min-height:44px;padding:0 13px;border:0;border-radius:14px;background:transparent;color:var(--appMuted);font-size:.57rem;font-weight:900;white-space:nowrap;transition:.18s ease}.hubProjectSectionNav button i{font-size:.76rem}.hubProjectSectionNav button em{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--appGlass);font-size:.46rem;font-style:normal}.hubProjectSectionNav button.isActive{background:var(--appText);color:var(--appBg);box-shadow:0 8px 20px rgba(15,23,42,.14)}.hubProjectSectionNav button.isActive em{background:color-mix(in srgb,var(--appBg) 18%,transparent);color:inherit}
.hubProjectPanel{display:none}.hubProjectPanel.isActive{display:block;animation:hubPanelIn .2s ease}@keyframes hubPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hubCollectionSection{min-height:260px}.hubSectionAdd{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid var(--appLine);border-radius:13px;background:var(--appText);color:var(--appBg);font-size:.54rem;font-weight:950}.hubSectionAdd:active{transform:scale(.98)}
.hubWorkspaceEmpty{display:grid;justify-items:center;text-align:center;gap:8px;padding:34px 20px;border:1px dashed color-mix(in srgb,var(--appBlue) 30%,var(--appLine));border-radius:22px;background:color-mix(in srgb,var(--appBlue) 3%,var(--appGlass))}.hubWorkspaceEmpty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-size:1.15rem}.hubWorkspaceEmpty h3{margin:3px 0 0;font-size:.76rem}.hubWorkspaceEmpty p{max-width:460px;margin:0;color:var(--appMuted);font-size:.55rem;line-height:1.55}.hubWorkspaceEmpty button{display:flex;align-items:center;gap:7px;min-height:44px;margin-top:5px;padding:0 15px;border:0;border-radius:14px;background:var(--appText);color:var(--appBg);font-size:.56rem;font-weight:950}
.hubCollectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hubCollectionCard{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:15px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanel);color:var(--appText);text-align:left;transition:.18s ease}.hubCollectionCard:hover,.hubCollectionCard:focus-visible{border-color:color-mix(in srgb,var(--appBlue) 35%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));outline:0}.hubCollectionCard:active{transform:scale(.988)}.hubCollectionIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appGlass));color:var(--appBlue);font-size:.92rem}.hubCollectionCard>div{display:grid;gap:3px;min-width:0}.hubCollectionCard small{color:var(--appBlue);font-size:.45rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.hubCollectionCard b{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubCollectionCard p{margin:0;color:var(--appMuted);font-size:.52rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hubCollectionCard em{color:var(--appMuted);font-size:.47rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubCollectionCard>i{color:var(--appMuted)}
.hubChecklistList{display:grid;gap:9px}.hubChecklistItem{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);overflow:hidden}.hubChecklistToggle{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:13px 10px 13px 14px;border:0;background:transparent;color:var(--appText);text-align:left}.hubChecklistToggle>span{color:var(--appBlue);font-size:.86rem}.hubChecklistToggle>div{display:grid;gap:3px}.hubChecklistToggle b{font-size:.6rem}.hubChecklistToggle small{color:var(--appMuted);font-size:.49rem}.hubChecklistEdit{border:0;border-left:1px solid var(--appLine);background:var(--appGlass);color:var(--appMuted)}.hubChecklistItem.isDone{opacity:.68}.hubChecklistItem.isDone b{text-decoration:line-through}.hubChecklistItem.isDone .hubChecklistToggle>span{color:#21a268}
.hubBudgetSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.hubBudgetSummary>button,.hubBudgetSummary>div{position:relative;display:grid;gap:5px;min-height:116px;padding:16px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanel);color:var(--appText);text-align:left}.hubBudgetSummary small{color:var(--appMuted);font-size:.49rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hubBudgetSummary b{font-size:1rem}.hubBudgetSummary span{color:var(--appMuted);font-size:.5rem}.hubBudgetSummary>button>i{position:absolute;right:14px;top:50%;color:var(--appMuted)}
.hubQuickEditPanel footer .isDanger{border-color:color-mix(in srgb,#d44 30%,var(--appLine));background:color-mix(in srgb,#d44 9%,var(--appGlass));color:#c33}
@media(max-width:700px){.hubCollectionGrid{grid-template-columns:1fr}.hubBudgetSummary{grid-template-columns:1fr}.hubProjectSectionNav{margin-left:-4px;margin-right:-4px;border-radius:17px}.hubSectionHead{align-items:flex-start}.hubSectionAdd{min-height:38px;padding:0 11px}.hubCollectionCard{grid-template-columns:42px minmax(0,1fr) 16px}}

/* Inline project workspace launcher */
.hubProjectSectionLauncher{margin:14px 0 18px;padding:16px;border:1px solid var(--appLine);border-radius:22px;background:var(--appGlass)}
.hubProjectSectionLauncherHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}
.hubProjectSectionLauncherHead small{display:block;color:var(--appBlue);font-size:.47rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.hubProjectSectionLauncherHead h2{margin:4px 0 0;font-size:.82rem}
.hubProjectSectionLauncherHead p{margin:4px 0 0;color:var(--appMuted);font-size:.52rem}
.hubProjectSectionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hubProjectSectionGrid>button{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;min-height:76px;padding:12px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);color:var(--appText);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.hubProjectSectionGrid>button:hover,.hubProjectSectionGrid>button:focus-visible{border-color:color-mix(in srgb,var(--appBlue) 38%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));outline:0}
.hubProjectSectionGrid>button:active{transform:scale(.985)}
.hubProjectSectionGrid>button.isActive{border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel));box-shadow:0 8px 22px rgba(15,23,42,.07)}
.hubProjectSectionIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appGlass));color:var(--appBlue);font-size:.92rem}
.hubProjectSectionText{display:grid;gap:3px;min-width:0}
.hubProjectSectionText b{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubProjectSectionText small{color:var(--appMuted);font-size:.48rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubProjectSectionGrid>button em{position:absolute;top:9px;right:9px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appGlass));color:var(--appBlue);font-size:.44rem;font-style:normal;font-weight:950}
.hubProjectSectionArrow{color:var(--appMuted);font-size:.68rem}
@media(max-width:760px){.hubProjectSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hubProjectSectionLauncher{padding:13px;border-radius:19px}.hubProjectSectionGrid>button{grid-template-columns:40px minmax(0,1fr) 15px;min-height:72px;padding:11px}.hubProjectSectionIcon{width:40px;height:40px;border-radius:14px}}
@media(max-width:390px){.hubProjectSectionGrid{gap:8px}.hubProjectSectionGrid>button{grid-template-columns:36px minmax(0,1fr);min-height:68px;padding:10px}.hubProjectSectionIcon{width:36px;height:36px}.hubProjectSectionArrow{display:none}.hubProjectSectionText small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}

/* Mobile workspace containment and type scale correction */
.isProjectWorkspace,
.isProjectWorkspace *{box-sizing:border-box}
.isProjectWorkspace{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.isProjectWorkspace>section,
.isProjectWorkspace>.hubProjectPanel,
.isProjectWorkspace .hubSection,
.isProjectWorkspace .hubProjectSectionLauncher,
.isProjectWorkspace .hubProjectSectionGrid,
.isProjectWorkspace .hubProjectDetailsGrid,
.isProjectWorkspace .hubWorkspaceGrid{width:100%;max-width:100%;min-width:0}
.hubProjectPanel{min-width:0;overflow-x:clip}
.hubProjectPanel.isActive{contain:inline-size}
.hubProjectDetailsSection,.hubProjectCoordinationSection,.hubWorkspaceMenuSection,.hubCollectionSection{min-width:0;max-width:100%;overflow:hidden}
.hubProjectDetail,.hubProjectNotes,.hubLogisticsNotes>button,.hubCollectionCard,.hubChecklistItem{max-width:100%;min-width:0;overflow:hidden}
.hubProjectDetail>div,.hubProjectNotes>div>div,.hubLogisticsNotes>button>p,.hubCollectionCard>div{min-width:0;max-width:100%;overflow:hidden}
.hubProjectDetail b,.hubProjectNotes p,.hubLogisticsNotes p{overflow-wrap:anywhere;word-break:break-word}

/* Keep the workspace chooser visually aligned with the rest of the app. */
.hubProjectSectionLauncherHead h2{font-size:.72rem;line-height:1.18;letter-spacing:-.025em}
.hubProjectSectionLauncherHead p{font-size:.48rem;line-height:1.4}
.hubProjectSectionGrid>button{overflow:hidden}
.hubProjectSectionText b{font-size:.55rem;line-height:1.15}
.hubProjectSectionText small{font-size:.43rem;line-height:1.25}
.hubProjectSectionIcon{flex:none}

@media(max-width:560px){
  .hubProjectSectionLauncher{margin:12px 0 15px;padding:12px;border-radius:18px;overflow:hidden}
  .hubProjectSectionLauncherHead{margin-bottom:10px}
  .hubProjectSectionLauncherHead small{font-size:.42rem}
  .hubProjectSectionLauncherHead h2{font-size:.68rem}
  .hubProjectSectionLauncherHead p{font-size:.45rem}
  .hubProjectSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hubProjectSectionGrid>button{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:64px;padding:9px;border-radius:15px}
  .hubProjectSectionIcon{width:34px;height:34px;border-radius:11px;font-size:.72rem}
  .hubProjectSectionText b{font-size:.52rem}
  .hubProjectSectionText small{font-size:.41rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .hubProjectSectionArrow{display:none}
  .hubProjectSectionGrid>button em{top:6px;right:6px;min-width:17px;height:17px;padding:0 4px;font-size:.39rem}
  .hubSectionHead h2{font-size:.7rem;line-height:1.2}
  .hubSectionHead p{font-size:.47rem;line-height:1.4}
  .hubProjectDetail{grid-template-columns:34px minmax(0,1fr) 14px;gap:8px;padding:10px;border-radius:14px}
  .hubProjectDetail>span{width:34px;height:34px;border-radius:10px;font-size:.72rem}
  .hubProjectDetail small{font-size:.42rem;letter-spacing:.055em}
  .hubProjectDetail b{margin-top:3px;font-size:.52rem;line-height:1.28}
  .hubProjectDetailChevron{font-size:.58rem}
  .hubProjectNotes{padding:11px;border-radius:15px}
  .hubProjectNotes>div{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .hubProjectNotes>div>span{width:34px;height:34px;border-radius:10px}
  .hubProjectNotes small{font-size:.42rem}
  .hubProjectNotes p{font-size:.5rem;line-height:1.4}
}

/* Mobile readability restoration: keep the contained grid without shrinking the copy */
@media(max-width:560px){
  .hubProjectSectionLauncher{padding:14px;border-radius:20px}
  .hubProjectSectionLauncherHead{margin-bottom:12px}
  .hubProjectSectionLauncherHead small{font-size:.47rem;line-height:1.2}
  .hubProjectSectionLauncherHead h2{font-size:.82rem;line-height:1.18;letter-spacing:-.025em}
  .hubProjectSectionLauncherHead p{font-size:.52rem;line-height:1.4}

  .hubProjectSectionGrid{gap:9px}
  .hubProjectSectionGrid>button{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    min-height:82px;
    padding:11px 12px;
    border-radius:17px;
  }
  .hubProjectSectionIcon{width:40px;height:40px;border-radius:13px;font-size:.86rem}
  .hubProjectSectionText{gap:4px}
  .hubProjectSectionText b{
    font-size:.63rem;
    line-height:1.18;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }
  .hubProjectSectionText small{
    font-size:.49rem;
    line-height:1.3;
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .hubProjectSectionGrid>button em{top:7px;right:7px;min-width:18px;height:18px;font-size:.42rem}

  .hubSectionHead small{font-size:.48rem}
  .hubSectionHead h2{font-size:.82rem;line-height:1.2}
  .hubSectionHead p{font-size:.52rem;line-height:1.45}

  .hubProjectDetail{
    grid-template-columns:42px minmax(0,1fr) 16px;
    gap:11px;
    min-height:74px;
    padding:12px 13px;
    border-radius:17px;
  }
  .hubProjectDetail>span{width:42px;height:42px;border-radius:13px;font-size:.84rem}
  .hubProjectDetail small{font-size:.47rem;line-height:1.2;letter-spacing:.06em}
  .hubProjectDetail b{margin-top:4px;font-size:.62rem;line-height:1.3}
  .hubProjectDetailChevron{font-size:.66rem}

  .hubProjectNotes{padding:13px;border-radius:17px}
  .hubProjectNotes>div{grid-template-columns:42px minmax(0,1fr);gap:11px}
  .hubProjectNotes>div>span{width:42px;height:42px;border-radius:13px}
  .hubProjectNotes small{font-size:.47rem}
  .hubProjectNotes p{font-size:.57rem;line-height:1.45}
}

@media(max-width:390px){
  .hubProjectSectionGrid>button{min-height:80px;padding:10px}
  .hubProjectSectionText b{font-size:.6rem}
  .hubProjectSectionText small{font-size:.47rem}
}

/* Project organizer selects: use the same rounded, card-like control language as the rest of the workspace. */
.hubProjectEditPanel label:has(> select),
.hubQuickEditFields label:has(> select){
  position:relative;
}

.hubProjectEditPanel label:has(> select)::after,
.hubQuickEditFields label:has(> select)::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:20px;
  width:10px;
  height:10px;
  border-right:2px solid var(--appMuted);
  border-bottom:2px solid var(--appMuted);
  transform:rotate(45deg);
  transform-origin:center;
  pointer-events:none;
  transition:transform .18s ease,border-color .18s ease;
}

.hubProjectEditPanel label:has(> select:focus)::after,
.hubQuickEditFields label:has(> select:focus)::after{
  transform:translateY(2px) rotate(225deg);
  border-color:var(--appBlue);
}

.hubProjectEditPanel select,
.hubQuickEditFields select{
  -webkit-appearance:none;
  appearance:none;
  min-height:58px;
  padding:0 52px 0 16px;
  border:1px solid color-mix(in srgb,var(--appLine) 88%,var(--appBlue) 12%);
  border-radius:18px;
  background:
    linear-gradient(var(--appGlass),var(--appGlass)) padding-box,
    linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 14%,transparent),transparent 48%) border-box;
  color:var(--appText);
  font-size:16px;
  font-weight:800;
  line-height:1.25;
  box-shadow:0 8px 22px rgba(15,23,42,.035),inset 0 1px 0 rgba(255,255,255,.48);
  cursor:pointer;
}

.hubProjectEditPanel select:hover,
.hubQuickEditFields select:hover{
  border-color:color-mix(in srgb,var(--appBlue) 35%,var(--appLine));
}

.hubProjectEditPanel select:focus,
.hubQuickEditFields select:focus{
  border-color:color-mix(in srgb,var(--appBlue) 78%,var(--appLine));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 11%,transparent),0 10px 24px rgba(15,23,42,.055);
}

.hubProjectEditPanel select:disabled,
.hubQuickEditFields select:disabled{
  opacity:.58;
  cursor:not-allowed;
}

@media (prefers-color-scheme:dark){
  .hubProjectEditPanel select,
  .hubQuickEditFields select{
    box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06);
  }
}

/* Project address chooser */
.hubAddressPanel{max-width:760px}
.hubAddressBody{display:grid;gap:18px;padding:18px}
.hubAddressSavedSection,.hubAddressNewSection{display:grid;gap:12px;padding:16px;border:1px solid var(--appLine);border-radius:24px;background:color-mix(in srgb,var(--appPanel) 96%,transparent)}
.hubAddressSectionHead{display:flex;align-items:center;justify-content:space-between;gap:14px}
.hubAddressSectionHead b,.hubAddressSectionHead small{display:block}
.hubAddressSectionHead b{font-size:1rem;color:var(--appText)}
.hubAddressSectionHead small{margin-top:4px;color:var(--appMuted);font-size:.78rem;line-height:1.4}
.hubAddressSectionHead>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue);font-size:1.05rem}
.hubAddressSavedList{display:grid;gap:10px}
.hubAddressSavedCard{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:13px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);color:var(--appText);text-align:left;cursor:pointer}
.hubAddressSavedCard>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue);font-size:1.1rem}
.hubAddressSavedCard small,.hubAddressSavedCard b,.hubAddressSavedCard p{display:block;min-width:0}
.hubAddressSavedCard small{color:var(--appBlue);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hubAddressSavedCard b{margin-top:3px;font-size:.95rem}
.hubAddressSavedCard p{margin:4px 0 0;color:var(--appMuted);font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}
.hubAddressSavedCard>i{color:transparent;font-size:1.15rem}
.hubAddressSavedCard.isSelected{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent);background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel))}
.hubAddressSavedCard.isSelected>i{color:var(--appBlue)}
.hubAddressLoading,.hubAddressEmpty{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed var(--appLine);border-radius:18px;color:var(--appMuted)}
.hubAddressLoading>i{animation:hubCreateProjectAddressSpin .9s linear infinite;color:var(--appBlue)}
.hubAddressEmpty>i{font-size:1.2rem;color:var(--appBlue)}
.hubAddressEmpty b,.hubAddressEmpty small{display:block}.hubAddressEmpty b{color:var(--appText);font-size:.88rem}.hubAddressEmpty small{margin-top:3px;font-size:.74rem}
.hubAddressSearchField{position:relative;display:grid;gap:7px}
.hubAddressSearchField>span{font-size:.8rem;font-weight:800;color:var(--appText)}
.hubAddressSearchField>div:first-of-type{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;min-height:58px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);overflow:hidden}
.hubAddressSearchField>div:first-of-type>i{display:grid;place-items:center;color:var(--appBlue)}
.hubAddressSearchField input{width:100%;min-width:0;height:58px;padding:0;border:0;background:transparent;color:var(--appText);font-size:16px;font-weight:700;outline:none}
.hubAddressSearchField>small{color:var(--appMuted);font-size:.74rem;line-height:1.4}.hubAddressSearchField>small i{color:var(--appBlue);margin-right:5px}
.hubAddressSuggestions{display:grid;gap:6px;padding:7px;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine));border-radius:18px;background:var(--appPanel);box-shadow:0 18px 48px rgba(15,23,42,.14);max-height:300px;overflow:auto}
.hubAddressSuggestions[hidden]{display:none!important}.hubAddressSuggestions.isLoading{opacity:.62;pointer-events:none}
.hubAddressSuggestion{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px;border:0;border-radius:13px;background:transparent;color:var(--appText);text-align:left;cursor:pointer}
.hubAddressSuggestion:hover,.hubAddressSuggestion:focus-visible{outline:0;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel))}
.hubAddressSuggestion>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue)}
.hubAddressSuggestion b,.hubAddressSuggestion small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hubAddressSuggestion b{font-size:.84rem}.hubAddressSuggestion small{margin-top:3px;color:var(--appMuted);font-size:.72rem}
.hubAddressSaveChoice{display:block;cursor:pointer}.hubAddressSaveChoice>input{position:absolute;opacity:0;pointer-events:none}
.hubAddressSaveChoice>span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanel)}
.hubAddressSaveChoice>span>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue)}
.hubAddressSaveChoice b,.hubAddressSaveChoice small{display:block}.hubAddressSaveChoice b{font-size:.84rem}.hubAddressSaveChoice small{margin-top:3px;color:var(--appMuted);font-size:.72rem;line-height:1.35}
.hubAddressSaveChoice>input:checked+span{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 9%,transparent)}
@media(max-width:560px){.hubAddressBody{padding:14px;gap:14px}.hubAddressSavedSection,.hubAddressNewSection{padding:13px;border-radius:20px}.hubAddressSavedCard{grid-template-columns:44px minmax(0,1fr) 22px;padding:11px}.hubAddressSavedCard>span{width:44px;height:44px}.hubAddressSectionHead b{font-size:.94rem}.hubAddressSectionHead small{font-size:.72rem}.hubAddressSavedCard b{font-size:.9rem}.hubAddressSavedCard p{font-size:.74rem}}

/* Address chooser mobile scrolling and fixed action bar */
.hubAddressOverlay{
  overflow:hidden;
  overscroll-behavior:contain;
}
.hubAddressPanel{
  min-height:0;
}
.hubAddressPanel>header{
  flex:0 0 auto;
}
.hubAddressPanel form{
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
}
.hubAddressBody{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:24px;
}
.hubAddressPanel footer{
  position:relative;
  flex:0 0 auto;
  z-index:8;
  margin:0;
  box-shadow:0 -12px 28px color-mix(in srgb,var(--appBg) 16%,transparent);
}
@media(max-width:560px){
  .hubAddressOverlay{
    align-items:stretch;
    padding:0;
  }
  .hubAddressPanel{
    width:100dvw;
    height:100dvh;
    max-height:100dvh;
    border:0;
    border-radius:0;
  }
  .hubAddressPanel>header{
    padding-top:calc(16px + env(safe-area-inset-top));
  }
  .hubAddressPanel form{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .hubAddressBody{
    padding:14px 14px 24px;
  }
  .hubAddressPanel .hubProjectEditError{
    flex:0 0 auto;
    margin:0;
    padding:0 16px;
  }
  .hubAddressPanel footer{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid var(--appLine);
    background:color-mix(in srgb,var(--appPanel) 94%,transparent);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
}

/* Saved-address labeling */
.hubAddressLabelPanel{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));animation:hubAddressLabelReveal .18s ease-out}
.hubAddressLabelPanel[hidden]{display:none!important}
@keyframes hubAddressLabelReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.hubAddressLabelHead b,.hubAddressLabelHead small{display:block}.hubAddressLabelHead b{font-size:.86rem}.hubAddressLabelHead small{margin-top:3px;color:var(--appMuted);font-size:.72rem;line-height:1.35}
.hubAddressLabelPresets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.hubAddressLabelPresets button{min-width:0;min-height:64px;display:grid;place-items:center;align-content:center;gap:5px;padding:8px 5px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}
.hubAddressLabelPresets button i{font-size:1rem;color:var(--appBlue)}
.hubAddressLabelPresets button.isSelected{border-color:var(--appBlue);background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 8%,transparent)}
.hubAddressLabelField{display:grid;gap:7px}.hubAddressLabelField>span{font-size:.76rem;font-weight:850}.hubAddressLabelField input{width:100%;height:54px;padding:0 15px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:16px;font-weight:750;outline:none}.hubAddressLabelField input:focus{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent)}.hubAddressLabelField input.isInvalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.hubAddressLabelField small{color:var(--appMuted);font-size:.69rem}
@media(max-width:560px){.hubAddressLabelPresets{grid-template-columns:repeat(3,minmax(0,1fr))}.hubAddressLabelPresets button{min-height:58px}.hubAddressLabelPresets button:nth-child(4),.hubAddressLabelPresets button:nth-child(5){grid-column:auto}}


/* Signed-out Hub privacy gate */
.hubSignedOutPage{min-height:calc(100dvh - var(--topbarH,72px) - var(--bottomNavH,76px) - 24px);display:grid;place-items:center;padding-top:12px;padding-bottom:24px}
.hubSignedOutGate{position:relative;width:min(760px,100%);overflow:hidden;padding:clamp(22px,4vw,42px);border:1px solid var(--appLine);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),var(--appPanel) 48%,color-mix(in srgb,var(--appText) 2%,var(--appPanel)));box-shadow:0 24px 60px rgba(15,23,42,.09);isolation:isolate}
.hubSignedOutGate:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-110px;top:-130px;border-radius:50%;background:color-mix(in srgb,var(--appBlue) 9%,transparent);filter:blur(2px)}
.hubSignedOutMark{position:relative;display:grid;place-items:center;width:70px;height:70px;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:24px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appGlass));color:var(--appBlue)}
.hubSignedOutMark>span{font-size:1.45rem}.hubSignedOutMark>i{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--appLine);border-radius:10px;background:var(--appPanel);font-size:.67rem}
.hubSignedOutCopy{max-width:620px}.hubSignedOutCopy>small{display:block;margin-bottom:8px;color:var(--appBlue);font-size:.55rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.hubSignedOutCopy h1{margin:0;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.08;letter-spacing:-.045em}.hubSignedOutCopy p{max-width:590px;margin:12px 0 0;color:var(--appMuted);font-size:.72rem;line-height:1.65}
.hubSignedOutBenefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.hubSignedOutBenefits>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appGlass) 72%,transparent)}.hubSignedOutBenefits>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue);font-size:.8rem}.hubSignedOutBenefits>div>div{display:grid;gap:4px;min-width:0}.hubSignedOutBenefits b{font-size:.58rem;line-height:1.25}.hubSignedOutBenefits small{color:var(--appMuted);font-size:.47rem;line-height:1.45}
.hubSignedOutAction{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding-top:20px;border-top:1px solid var(--appLine)}.hubSignedOutAction>div{display:grid;gap:4px}.hubSignedOutAction>div b{font-size:.64rem}.hubSignedOutAction>div small{color:var(--appMuted);font-size:.5rem;line-height:1.4}.hubSignedOutAction button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 19px;border:0;border-radius:16px;background:var(--appText);color:var(--appBg);font-size:.58rem;font-weight:950;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.12)}.hubSignedOutAction button:active{transform:scale(.985)}
@media(max-width:700px){.hubSignedOutPage{width:100%;min-height:calc(100dvh - var(--topbarH,64px) - var(--bottomNavH,72px));padding:0 10px 14px}.hubSignedOutGate{width:100%;padding:22px 17px 18px;border-radius:24px}.hubSignedOutMark{width:62px;height:62px;margin-bottom:18px;border-radius:21px}.hubSignedOutCopy>small{font-size:.49rem}.hubSignedOutCopy h1{font-size:1.55rem}.hubSignedOutCopy p{font-size:.63rem;line-height:1.58}.hubSignedOutBenefits{grid-template-columns:1fr;gap:8px;margin-top:20px}.hubSignedOutBenefits>div{grid-template-columns:36px minmax(0,1fr);padding:12px;border-radius:16px}.hubSignedOutBenefits>div>span{width:36px;height:36px}.hubSignedOutBenefits b{font-size:.56rem}.hubSignedOutBenefits small{font-size:.46rem}.hubSignedOutAction{display:grid;gap:13px;margin-top:20px;padding-top:17px}.hubSignedOutAction button{width:100%;min-height:52px;border-radius:16px;font-size:.57rem}}

/* v350 Hub project-first information architecture */
.hubRecentSectionHead,.hubProjectsSectionHead{align-items:flex-start}
.hubRecentSectionHead p,.hubProjectsSectionHead p,.hubToolsSection .hubSectionHead p{margin:5px 0 0;color:var(--appMuted);font-size:.56rem;line-height:1.45}
.hubProjectsSectionHead{padding-bottom:2px}
.hubProjectSectionActions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.hubProjectAddButton{min-height:42px;padding:0 14px;border:0;border-radius:14px;background:var(--appText);color:var(--appBg);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.62rem;font-weight:950;white-space:nowrap}
.hubProjectAddButton i{font-size:.74rem}
.hubProjectCountPill{display:grid;place-items:center;min-width:38px;height:38px;padding:0 11px;border-radius:999px;border:1px solid var(--appLine);background:var(--appGlass);color:var(--appText);font-size:.58rem;font-weight:950}
.hubProjectsSection{order:2}
.hubContinueSection{order:1}
.hubToolsSection{order:3}
@media(max-width:560px){
  .hubRecentSectionHead p,.hubProjectsSectionHead p,.hubToolsSection .hubSectionHead p{font-size:.47rem;line-height:1.4}
  .hubProjectsSectionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
  .hubProjectSectionActions{gap:7px}
  .hubProjectAddButton{width:42px;min-width:42px;height:42px;padding:0;border-radius:14px}
  .hubProjectAddButton span{display:none}
  .hubProjectCountPill{min-width:34px;height:34px;padding:0 9px}
}

/* v351 — customer-friendly personal project Hub */
.hubResidentialHome{display:grid;gap:14px;width:100%;padding:2px 0 14px}
.hubResidentialNewProject{width:100%;min-height:58px;border:0;border-radius:20px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:11px;color:#fff;font-weight:800;font-size:.82rem;background:linear-gradient(110deg,#168cff 0%,#6d57ef 52%,#c43ee3 100%);box-shadow:0 12px 28px rgba(75,83,235,.2)}
.hubResidentialNewProject i:first-child{font-size:1.15rem}.hubResidentialNewProject i:last-child{margin-left:auto;font-size:1rem}.hubResidentialNewProject span{margin-left:auto}
.hubResidentialContinue,.hubResidentialUpcoming,.hubResidentialRecent,.hubResidentialEmpty{border:1px solid var(--appBorder);border-radius:22px;background:var(--appCard);padding:14px;min-width:0}
.hubResidentialSectionLabel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--appAccent);font-size:.62rem;font-weight:850}
.hubResidentialSectionLabel small{color:var(--appMuted);font-size:.52rem;letter-spacing:.06em;text-transform:none}.hubResidentialMore{width:32px;height:32px;border:0;background:transparent;color:var(--appMuted);border-radius:10px}
.hubResidentialContinueCard{width:100%;border:0;background:transparent;color:var(--appText);display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:16px;text-align:left;padding:0;min-width:0}
.hubResidentialContinueImage{display:block;min-height:205px;border-radius:17px;background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18)),var(--hubResidentialProjectImage);background-size:cover;background-position:center}
.hubResidentialContinueCopy{display:flex;flex-direction:column;min-width:0;padding:5px 2px 2px}.hubResidentialProjectType{align-self:flex-start;border-radius:999px;padding:5px 8px;background:rgba(24,182,255,.11);color:var(--appAccent);font-size:.5rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hubResidentialContinueCopy h2{font-size:1.06rem;line-height:1.13;margin:10px 0 12px}.hubResidentialTaskLine{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.62rem;color:var(--appAccent)}.hubResidentialTaskLine strong{color:var(--appText)}
.hubResidentialProgress,.hubResidentialRecentProgress{display:block;height:7px;border-radius:999px;background:var(--appSoft);overflow:hidden}.hubResidentialProgress{margin:8px 0 12px}.hubResidentialProgress i,.hubResidentialRecentProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16b6ff,#8f55ef,#e647cf)}
.hubResidentialContinueFacts{display:grid;gap:7px}.hubResidentialContinueFacts small{display:flex;align-items:center;gap:7px;color:var(--appMuted);font-size:.58rem}.hubResidentialContinueFacts i{color:var(--appText)}.hubResidentialContinueAction{align-self:flex-end;margin-top:auto;min-height:40px;padding:0 14px;border:1px solid var(--appBorder);border-radius:14px;display:inline-flex;align-items:center;gap:10px;color:var(--appAccent);font-weight:800;font-size:.64rem}
.hubResidentialUpcomingList{display:grid}.hubResidentialUpcomingList>button{border:0;border-bottom:1px dashed var(--appBorder);background:transparent;color:var(--appText);padding:11px 2px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left}.hubResidentialUpcomingList>button:last-child{border-bottom:0}.hubResidentialUpcomingList>button>span:first-child{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:1rem;background:rgba(24,182,255,.1);color:#18b6ff}.hubResidentialUpcomingList>button>span:first-child.is-purple{background:rgba(145,81,239,.11);color:#a766ff}.hubResidentialUpcomingList>button>span:first-child.is-pink{background:rgba(235,70,180,.11);color:#ed4bb2}.hubResidentialUpcomingList>button>span:nth-child(2){display:grid;gap:2px}.hubResidentialUpcomingList small{color:var(--appAccent);font-size:.5rem}.hubResidentialUpcomingList b{font-size:.69rem}.hubResidentialUpcomingList em{color:var(--appMuted);font-size:.53rem;font-style:normal}.hubResidentialUpcomingList>button>i{color:var(--appMuted)}
.hubResidentialRecentRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,34%);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:1px 1px 5px}.hubResidentialRecentCard{scroll-snap-align:start;border:1px solid var(--appBorder);border-radius:17px;background:var(--appSoft);color:var(--appText);padding:7px;display:grid;gap:7px;text-align:left;min-width:0}.hubResidentialRecentImage{height:116px;border-radius:13px;background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.48)),var(--hubResidentialProjectImage);background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-end;padding:7px}.hubResidentialRecentImage span{border-radius:999px;padding:3px 7px;background:rgba(8,12,27,.72);color:#fff;font-size:.48rem;font-weight:800}.hubResidentialRecentCard>b{font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubResidentialRecentCard>small{display:flex;align-items:center;gap:6px;color:var(--appMuted);font-size:.49rem}.hubResidentialEmpty{text-align:center;padding:28px 20px}.hubResidentialEmpty>span{width:62px;height:62px;border-radius:21px;display:grid;place-items:center;margin:0 auto 13px;background:rgba(24,182,255,.1);color:var(--appAccent);font-size:1.5rem}.hubResidentialEmpty h2{font-size:1rem;margin:0}.hubResidentialEmpty p{max-width:480px;margin:8px auto 16px;color:var(--appMuted);font-size:.62rem;line-height:1.5}.hubResidentialEmpty button{min-height:44px;padding:0 17px;border:0;border-radius:15px;background:linear-gradient(110deg,#168cff,#8f55ef,#c43ee3);color:#fff;font-size:.63rem;font-weight:800}
@media(max-width:680px){.hubResidentialHome{gap:12px}.hubResidentialNewProject{min-height:54px;border-radius:18px}.hubResidentialContinue,.hubResidentialUpcoming,.hubResidentialRecent,.hubResidentialEmpty{border-radius:20px;padding:12px}.hubResidentialContinueCard{grid-template-columns:1fr;gap:12px}.hubResidentialContinueImage{min-height:185px}.hubResidentialContinueCopy{padding:0}.hubResidentialContinueCopy h2{font-size:.94rem;margin:8px 0 10px}.hubResidentialContinueAction{margin-top:13px}.hubResidentialRecentRail{grid-auto-columns:72%}.hubResidentialRecentImage{height:126px}}
@media(max-width:390px){.hubResidentialRecentRail{grid-auto-columns:78%}.hubResidentialContinueImage{min-height:165px}.hubResidentialNewProject{font-size:.75rem}}
[data-theme="light"] .hubResidentialContinue,[data-theme="light"] .hubResidentialUpcoming,[data-theme="light"] .hubResidentialRecent,[data-theme="light"] .hubResidentialEmpty{box-shadow:0 10px 25px rgba(53,70,123,.08)}


/*
 * DO NOT DELETE — INFINIS TRANSLUCENT GRADIENT RULE
 * Every blue/pink or blue/purple/pink gradient must remain visibly translucent.
 * No gradient stop may exceed 0.85 opacity. Fully opaque gradient fills are prohibited.
 * This rule protects the intended glass aesthetic in both light and dark mode.
 */

/* v352 — polished zero-project Hub and protected translucent-gradient treatment */
.hubResidentialNewProject{
  background:linear-gradient(110deg,rgba(22,140,255,.78) 0%,rgba(109,87,239,.76) 52%,rgba(196,62,227,.78) 100%);
  border:1px solid color-mix(in srgb,var(--appAccent) 28%,transparent);
  backdrop-filter:blur(16px) saturate(1.18);
  -webkit-backdrop-filter:blur(16px) saturate(1.18)
}
.hubResidentialProgress i,.hubResidentialRecentProgress i{
  background:linear-gradient(90deg,rgba(22,182,255,.82),rgba(143,85,239,.78),rgba(230,71,207,.82))
}
.hubResidentialEmptyHero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,34%);gap:18px;min-height:430px;padding:24px;border:1px solid color-mix(in srgb,var(--appAccent) 35%,var(--appBorder));border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 13%,transparent),color-mix(in srgb,var(--appPanel) 92%,transparent) 44%,color-mix(in srgb,var(--appPink) 12%,transparent));box-shadow:0 22px 48px rgba(2,8,24,.18)}
.hubResidentialEmptyHero:before{content:"";position:absolute;inset:auto -10% -35% 8%;height:62%;z-index:-1;opacity:.72;background:radial-gradient(ellipse at 35% 45%,rgba(31,150,255,.42),transparent 44%),radial-gradient(ellipse at 72% 48%,rgba(224,62,204,.34),transparent 43%);filter:blur(8px)}
.hubResidentialEmptyHeroCopy{align-self:start;display:grid;gap:16px;min-width:0}.hubResidentialEmptyHeroTop{display:grid;gap:14px}.hubResidentialEmptyHeroTop>div{display:grid;gap:7px}.hubResidentialEmptyHeroTop h2{margin:0;font-size:1.45rem;line-height:1.05}.hubResidentialEmptyHeroTop p{max-width:360px;margin:0;color:var(--appMuted);font-size:.65rem;line-height:1.5}.hubResidentialEmptyHeroTop>span{justify-self:start;min-width:130px;padding:10px 14px;border:1px solid var(--appBorder);border-radius:999px;background:color-mix(in srgb,var(--appGlass) 78%,transparent);text-align:center;color:var(--appMuted);font-size:.58rem;font-weight:850}
.hubResidentialEmptyNew{justify-self:start;min-height:48px;padding:0 19px;border:1px solid rgba(102,122,255,.42);border-radius:15px;background:linear-gradient(110deg,rgba(20,142,255,.8),rgba(113,77,240,.76),rgba(211,55,213,.8));color:#fff;display:inline-flex;align-items:center;gap:9px;font-size:.67rem;box-shadow:0 10px 26px rgba(66,83,245,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hubResidentialEmptyArt{position:relative;align-self:center;justify-self:center;width:150px;height:132px;display:grid;place-items:center;color:#fff}.hubResidentialEmptyArt>i{position:relative;z-index:2;font-size:5.3rem;filter:drop-shadow(0 14px 24px rgba(55,34,168,.24))}.hubResidentialEmptyArt:before,.hubResidentialEmptyArt:after{content:"";position:absolute;width:104px;height:82px;border:1px solid rgba(213,198,255,.54);border-radius:24px;background:linear-gradient(145deg,rgba(50,129,255,.26),rgba(201,69,224,.27));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.hubResidentialEmptyArt:before{transform:translate(-18px,-15px) rotate(-7deg)}.hubResidentialEmptyArt:after{transform:translate(15px,12px) rotate(6deg)}.hubResidentialEmptyArt span{position:absolute;width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 0 15px rgba(163,102,255,.72)}.hubResidentialEmptyArt span:nth-child(2){top:12px;right:12px}.hubResidentialEmptyArt span:nth-child(3){bottom:20px;left:4px}.hubResidentialEmptyArt span:nth-child(4){top:48%;right:-3px}
.hubResidentialEmptyMessage{grid-column:1/-1;align-self:end;text-align:center;display:grid;justify-items:center;gap:9px;padding-top:8px}.hubResidentialEmptyMessage h3{margin:0;font-size:1rem}.hubResidentialEmptyMessage p{max-width:510px;margin:0;color:var(--appMuted);font-size:.61rem;line-height:1.48}.hubResidentialEmptyMessage button{min-height:45px;margin-top:4px;padding:0 17px;border:1px solid color-mix(in srgb,var(--appAccent) 46%,var(--appBorder));border-radius:15px;background:color-mix(in srgb,var(--appPanel) 72%,transparent);color:var(--appText);font-size:.62rem;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hubResidentialIdeas{display:grid;gap:12px;padding:5px 1px 1px}.hubResidentialIdeasHead small{display:block;margin-bottom:4px;color:var(--appAccent);font-size:.5rem;font-weight:850;text-transform:uppercase;letter-spacing:.16em}.hubResidentialIdeasHead h2{margin:0;font-size:.86rem}.hubResidentialIdeasRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,25%);gap:10px;overflow-x:auto;scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain;padding:1px 1px 6px}.hubResidentialIdeaCard{position:relative;scroll-snap-align:start;overflow:hidden;min-height:190px;padding:7px;border:1px solid var(--appBorder);border-radius:19px;background:color-mix(in srgb,var(--appCard) 82%,transparent);color:var(--appText);display:grid;grid-template-rows:1fr auto auto;gap:7px;text-align:left}.hubResidentialIdeaPhoto{position:relative;display:flex;align-items:flex-end;min-height:122px;padding:9px;border-radius:14px;overflow:hidden;background-image:linear-gradient(180deg,rgba(3,7,18,.03),rgba(3,7,18,.48)),var(--hubIdeaImage);background-size:cover;background-position:center}.hubResidentialIdeaPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,142,255,.07),rgba(221,56,201,.08));pointer-events:none}.hubResidentialIdeaPhoto i{position:relative;z-index:1;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:linear-gradient(145deg,rgba(31,142,255,.66),rgba(204,63,221,.68));display:grid;place-items:center;color:#fff;font-size:.86rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hubResidentialIdeaCard>b{padding:0 3px;font-size:.61rem}.hubResidentialIdeaCard>small{padding:0 3px 2px;color:var(--appAccent);font-size:.5rem;font-weight:800}
@media(max-width:680px){.hubResidentialEmptyHero{grid-template-columns:1fr;min-height:0;padding:19px 16px 18px;border-radius:23px}.hubResidentialEmptyHeroTop{grid-template-columns:minmax(0,1fr) auto;align-items:start}.hubResidentialEmptyHeroTop h2{font-size:1.18rem}.hubResidentialEmptyHeroTop p{font-size:.58rem}.hubResidentialEmptyHeroTop>span{min-width:92px;padding:8px 10px;font-size:.5rem}.hubResidentialEmptyNew{justify-self:stretch;justify-content:center}.hubResidentialEmptyArt{width:126px;height:105px;margin:8px auto 0}.hubResidentialEmptyArt>i{font-size:4.25rem}.hubResidentialEmptyMessage{padding-top:0}.hubResidentialEmptyMessage p{font-size:.55rem}.hubResidentialIdeasRail{grid-auto-columns:68%}}
@media(max-width:390px){.hubResidentialEmptyHero{padding:16px 13px}.hubResidentialEmptyHeroTop{grid-template-columns:1fr}.hubResidentialEmptyHeroTop>span{justify-self:start}.hubResidentialIdeasRail{grid-auto-columns:76%}}
[data-theme="light"] .hubResidentialEmptyHero{box-shadow:0 18px 38px rgba(54,70,124,.11)}

/* v353 — single project creation entry, conditional continuation, and stable project list */
.hubResidentialProjects{border:1px solid var(--appBorder);border-radius:22px;background:var(--appCard);padding:14px;min-width:0}
.hubResidentialProjectsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.hubResidentialProjectsHead h2{margin:0;color:var(--appAccent);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hubResidentialProjectsHead button{min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--appPurple) 62%,var(--appBorder));border-radius:999px;background:color-mix(in srgb,var(--appPanel) 72%,transparent);color:var(--appText);display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:850;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hubResidentialProjectsHead button i{color:var(--appAccent);font-size:.8rem}
.hubResidentialProjectsList{display:grid;gap:8px}
.hubResidentialProjectRow{width:100%;min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr) minmax(92px,24%) 20px;align-items:center;gap:12px;padding:8px;border:1px solid var(--appBorder);border-radius:17px;background:color-mix(in srgb,var(--appSoft) 76%,transparent);color:var(--appText);text-align:left}
.hubResidentialProjectRowImage{display:block;width:96px;height:74px;border-radius:13px;background-image:linear-gradient(180deg,rgba(3,7,18,.02),rgba(3,7,18,.22)),var(--hubResidentialProjectImage);background-size:cover;background-position:center}
.hubResidentialProjectRowCopy{min-width:0;display:grid;gap:8px}.hubResidentialProjectRowCopy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.hubResidentialProjectRowCopy>small{display:flex;align-items:center;gap:6px;color:var(--appMuted);font-size:.51rem;white-space:nowrap}.hubResidentialProjectRowCopy>small i:not(:first-child){margin-left:7px}
.hubResidentialProjectRowStatus{min-width:0;display:grid;grid-template-columns:auto;gap:6px}.hubResidentialProjectRowStatus>strong{font-size:.58rem}.hubResidentialProjectRowStatus>span{display:block;height:6px;border-radius:999px;background:var(--appSoft);overflow:hidden}.hubResidentialProjectRowStatus>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(22,182,255,.82),rgba(143,85,239,.78),rgba(230,71,207,.82))}.hubResidentialProjectRowStatus>em{color:var(--appMuted);font-size:.46rem;font-style:normal}
.hubResidentialProjectRowArrow{color:var(--appMuted);font-size:.9rem}
@media(max-width:680px){.hubResidentialProjects{padding:12px;border-radius:20px}.hubResidentialProjectRow{grid-template-columns:86px minmax(0,1fr) 72px 16px;gap:9px;padding:7px}.hubResidentialProjectRowImage{width:86px;height:68px}.hubResidentialProjectRowCopy>b{font-size:.63rem}.hubResidentialProjectRowCopy>small{font-size:.47rem}.hubResidentialProjectRowStatus>em{display:none}}
@media(max-width:390px){.hubResidentialProjectRow{grid-template-columns:76px minmax(0,1fr) 58px 14px}.hubResidentialProjectRowImage{width:76px;height:62px}.hubResidentialProjectRowCopy>small{gap:4px}.hubResidentialProjectRowCopy>small i:not(:first-child){margin-left:4px}}

/* V354 - premium populated project hub continuity */
.hubResidentialContinue{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:18px;
  border-color:color-mix(in srgb,var(--appBlue) 32%,var(--appBorder));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,transparent),color-mix(in srgb,var(--appPanel) 94%,transparent) 48%,color-mix(in srgb,var(--appPink) 7%,transparent));
  box-shadow:0 20px 46px rgba(1,7,22,.2);
}
.hubResidentialContinue:before{
  content:"";
  position:absolute;
  inset:-35% -15% auto 35%;
  height:75%;
  z-index:-1;
  opacity:.58;
  background:radial-gradient(ellipse,rgba(73,112,255,.28),transparent 66%);
  filter:blur(10px);
}
.hubResidentialContinueCard{
  padding:8px;
  border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appBorder));
  border-radius:21px;
  background:color-mix(in srgb,var(--appPanel) 72%,transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hubResidentialContinueImage{min-height:218px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hubResidentialContinueAction{background:color-mix(in srgb,var(--appPanel) 68%,transparent)}

.hubResidentialProjects{
  padding:17px;
  border-color:color-mix(in srgb,var(--appBlue) 22%,var(--appBorder));
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 5%,transparent),color-mix(in srgb,var(--appCard) 94%,transparent) 52%,color-mix(in srgb,var(--appPink) 4%,transparent));
  box-shadow:0 18px 42px rgba(1,7,22,.16);
}
.hubResidentialProjectsHead{margin-bottom:14px}
.hubResidentialProjectsHead h2{font-size:.72rem}
.hubResidentialProjectsHead button{
  min-width:82px;
  justify-content:center;
  border-color:color-mix(in srgb,var(--appPurple) 48%,var(--appBorder));
  background:color-mix(in srgb,var(--appPanel) 66%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hubResidentialProjectsList{gap:10px}
.hubResidentialProjectRow{
  position:relative;
  overflow:hidden;
  min-height:94px;
  padding:9px;
  border-color:color-mix(in srgb,var(--appBlue) 16%,var(--appBorder));
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--appBlue) 5%,transparent),color-mix(in srgb,var(--appPanel) 83%,transparent) 52%,color-mix(in srgb,var(--appPurple) 5%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hubResidentialProjectRow:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(37,150,255,.045),transparent 45%,rgba(207,68,222,.04));
}
.hubResidentialProjectRowImage{position:relative;z-index:1;height:76px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.hubResidentialProjectRowCopy,.hubResidentialProjectRowStatus,.hubResidentialProjectRowArrow{position:relative;z-index:1}
.hubResidentialProjectRowCopy>b{font-size:.72rem}
.hubResidentialProjectRowStatus>span{background:color-mix(in srgb,var(--appSoft) 74%,transparent)}

@media(max-width:680px){
  .hubResidentialContinue{padding:13px}
  .hubResidentialContinueCard{grid-template-columns:40% minmax(0,1fr);gap:12px;padding:7px}
  .hubResidentialContinueImage{min-height:184px}
  .hubResidentialContinueCopy h2{font-size:.88rem}
  .hubResidentialContinueFacts{gap:6px}
  .hubResidentialContinueAction{margin-top:auto}
  .hubResidentialProjects{padding:13px}
  .hubResidentialProjectRow{min-height:86px;grid-template-columns:82px minmax(0,1fr) 68px 16px}
  .hubResidentialProjectRowImage{width:82px;height:68px}
}
@media(max-width:430px){
  .hubResidentialContinueCard{grid-template-columns:1fr}
  .hubResidentialContinueImage{min-height:190px}
  .hubResidentialContinueAction{margin-top:12px}
}

/* V355: keep populated projects inside the same Your Projects hero used by the empty state. */
.hubResidentialProjectsHero{
  display:block;
  min-height:0;
}
.hubResidentialProjectsHero .hubResidentialEmptyHeroCopy{
  width:100%;
}
.hubResidentialProjectsHeroTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.hubResidentialProjectsHeroAdd{
  flex:none;
  min-width:42px;
  min-height:42px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--appPurple) 62%,var(--appBorder));
  border-radius:999px;
  background:color-mix(in srgb,var(--appPanel) 72%,transparent);
  color:var(--appText);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:.62rem;
  font-weight:850;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hubResidentialProjectsHeroAdd i{color:var(--appAccent);font-size:.8rem}
.hubResidentialProjectsHeroList{
  position:relative;
  z-index:1;
  margin-top:20px;
}
@media(max-width:680px){
  .hubResidentialProjectsHeroTop{display:flex;grid-template-columns:none}
  .hubResidentialProjectsHeroAdd{min-width:40px;min-height:40px;padding:0 12px}
  .hubResidentialProjectsHeroAdd span{display:none}
  .hubResidentialProjectsHeroList{margin-top:16px}
}

/* V357 universal, mobile-first project basics creator */
html.hasUniversalProjectCreator,html.hasUniversalProjectCreator body{overflow:hidden!important;overscroll-behavior:none}
.hubCreateProjectOverlay.isUniversal{position:fixed!important;inset:0!important;z-index:2147482000!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(5,10,24,.42)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.hubCreateProjectPanel.isBasicsOnly{width:100dvw!important;max-width:620px!important;height:auto!important;max-height:min(92dvh,760px)!important;margin:0!important;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine))!important;border-bottom:0!important;border-radius:30px 30px 0 0!important;background:color-mix(in srgb,var(--appPanel) 97%,transparent)!important;box-shadow:0 -24px 80px rgba(2,8,23,.26)!important;overflow:hidden!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectHead{min-height:76px;padding:17px 18px 14px!important;align-items:center!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectHead small{font-size:11px!important;letter-spacing:.12em!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectHead h2{margin-top:3px!important;font-size:24px!important;line-height:1.08!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectHead p{display:none!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectHead>button{width:44px!important;height:44px!important;border-radius:15px!important}
.hubCreateProjectPanel.isBasicsOnly form{display:flex!important;flex-direction:column!important;gap:12px!important;max-height:calc(min(92dvh,760px) - 76px)!important;padding:14px 14px calc(14px + env(safe-area-inset-bottom))!important;overflow:auto!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSection{padding:16px!important;border-radius:24px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSectionHead{margin-bottom:16px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSectionHead>span{width:44px!important;height:44px!important;border-radius:15px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSectionHead b{font-size:17px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSectionHead small{margin-top:4px!important;font-size:13px!important;line-height:1.35!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes label span{min-height:78px!important;padding:10px 6px!important;border-radius:17px!important;gap:7px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes label span i{font-size:20px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes label span b{font-size:12px!important;line-height:1.15!important}
.hubCreateProjectPanel.isBasicsOnly #hubCreateProjectError{min-height:18px!important;margin:0 3px!important;font-size:13px!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectFooter{position:sticky!important;bottom:0!important;grid-template-columns:.72fr 1.28fr!important;gap:10px!important;padding-top:2px!important;background:transparent!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectFooter button{min-height:54px!important;border-radius:17px!important;font-size:15px!important}
@media(min-width:700px){.hubCreateProjectOverlay.isUniversal{align-items:center!important;padding:20px!important}.hubCreateProjectPanel.isBasicsOnly{border-bottom:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine))!important;border-radius:30px!important}}
@media(max-width:390px){.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectTypes label span{min-height:70px!important}}

/* V358 streamlined universal project creator */
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSection.isPrimary{padding:2px 1px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectFooter{display:block!important}
.hubCreateProjectPanel.isBasicsOnly .hubCreateProjectSubmit{width:100%!important}

/* V359 compact mobile project workspace header */
.hubWorkspaceCompactBar{
  position:sticky;
  top:calc(env(safe-area-inset-top) + 6px);
  z-index:28;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--appLine) 86%,transparent);
  border-radius:19px;
  background:color-mix(in srgb,var(--appPanel) 76%,transparent);
  box-shadow:0 12px 30px rgba(3,8,22,.12);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.hubWorkspaceRoundButton{
  width:44px;
  height:44px;
  min-width:44px;
  border:1px solid var(--appLine);
  border-radius:15px;
  background:color-mix(in srgb,var(--appGlass) 82%,transparent);
  color:var(--appText);
  display:grid;
  place-items:center;
  font-size:.8rem;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.hubWorkspaceRoundButton:active{transform:scale(.94)}
.hubWorkspaceRoundButton.isPrimary{
  border-color:color-mix(in srgb,var(--appBlue) 38%,var(--appLine));
  background:linear-gradient(135deg,rgba(24,182,255,.72),rgba(255,79,216,.58));
  color:#fff;
  box-shadow:0 8px 20px rgba(24,182,255,.18);
}
.hubWorkspaceProjectSummary{min-width:0;display:grid;gap:5px}
.hubWorkspaceNameChip{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--appText);
  text-align:left;
}
.hubWorkspaceNameChip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:950;letter-spacing:-.02em}
.hubWorkspaceNameChip i{flex:none;color:var(--appMuted);font-size:.55rem}
.hubWorkspaceMetaChips{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}
.hubWorkspaceMetaChips::-webkit-scrollbar{display:none}
.hubWorkspaceMetaChips span{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:23px;padding:0 8px;border:1px solid var(--appLine);border-radius:999px;background:color-mix(in srgb,var(--appGlass) 72%,transparent);color:var(--appMuted);font-size:.43rem;font-weight:850;white-space:nowrap}
.hubWorkspaceMetaChips span i{color:var(--appBlue);font-size:.46rem}
.hubWorkspaceMetaChips .isStatus{color:var(--appText)}
.hubWorkspaceQuickActions{display:flex;align-items:center;gap:6px}
.hubCompactProgress{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:9px;margin:-3px 2px 12px;padding:8px 10px;border:1px solid var(--appLine);border-radius:14px;background:color-mix(in srgb,var(--appGlass) 66%,transparent)}
.hubCompactProgress>span{display:flex;align-items:center;gap:5px;color:var(--appMuted);font-size:.45rem;font-weight:900;white-space:nowrap}.hubCompactProgress>span i{color:var(--appBlue)}
.hubCompactProgress>div{height:5px;border-radius:999px;background:color-mix(in srgb,var(--appLine) 80%,transparent);overflow:hidden}.hubCompactProgress>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(24,182,255,.76),rgba(255,79,216,.62))}
.hubCompactProgress>b{font-size:.46rem}
@media(max-width:560px){
  .hubWorkspaceCompactBar{top:calc(env(safe-area-inset-top) + 4px);grid-template-columns:40px minmax(0,1fr) auto;gap:7px;padding:7px;border-radius:17px}
  .hubWorkspaceRoundButton{width:40px;height:40px;min-width:40px;border-radius:13px}
  .hubWorkspaceNameChip span{font-size:.65rem}
  .hubWorkspaceMetaChips span{min-height:21px;padding:0 7px;font-size:.4rem}
  .hubWorkspaceQuickActions{gap:5px}
}
@media(max-width:390px){
  .hubWorkspaceMetaChips .isStatus{display:none}
  .hubWorkspaceCompactBar{grid-template-columns:38px minmax(0,1fr) auto}
  .hubWorkspaceRoundButton{width:38px;height:38px;min-width:38px}
}


/* V360 larger mobile workspace controls and explicit back-only navigation */
.hubWorkspaceCompactBar{
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:12px;
  padding:11px;
  min-height:78px;
  border-radius:23px;
}
.hubWorkspaceRoundButton{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:17px;
  font-size:1.05rem;
}
.hubWorkspaceProjectSummary{gap:8px}
.hubWorkspaceNameChip{
  pointer-events:none;
  cursor:default;
}
.hubWorkspaceNameChip span{
  font-size:.9rem;
  line-height:1.15;
}
.hubWorkspaceMetaChips{gap:7px}
.hubWorkspaceMetaChips span{
  min-height:30px;
  padding:0 11px;
  font-size:.54rem;
}
.hubWorkspaceMetaChips span i{font-size:.58rem}
.hubWorkspaceQuickActions{gap:8px}

.hubProjectSectionLauncher{
  padding:19px;
  border-radius:25px;
}
.hubProjectSectionLauncherHead{margin-bottom:16px}
.hubProjectSectionLauncherHead small{font-size:.58rem}
.hubProjectSectionLauncherHead h2{font-size:1rem;line-height:1.18}
.hubProjectSectionLauncherHead p{font-size:.64rem}
.hubProjectSectionGrid{gap:12px}
.hubProjectSectionGrid>button{
  grid-template-columns:52px minmax(0,1fr) 18px;
  min-height:96px;
  padding:15px;
  border-radius:21px;
}
.hubProjectSectionIcon{
  width:52px;
  height:52px;
  border-radius:17px;
  font-size:1.08rem;
}
.hubProjectSectionText b{font-size:.76rem;line-height:1.15}
.hubProjectSectionText small{font-size:.59rem;line-height:1.32}
.hubProjectSectionGrid>button em{min-width:23px;height:23px;font-size:.52rem}

@media(max-width:560px){
  .hubWorkspaceCompactBar{
    top:calc(env(safe-area-inset-top) + 5px);
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:10px;
    padding:10px;
    min-height:72px;
    border-radius:21px;
  }
  .hubWorkspaceRoundButton{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:16px;
    font-size:.98rem;
  }
  .hubWorkspaceNameChip span{font-size:.82rem}
  .hubWorkspaceMetaChips span{min-height:28px;padding:0 10px;font-size:.51rem}

  .hubProjectSectionLauncher{margin:16px 0 20px;padding:17px;border-radius:23px}
  .hubProjectSectionLauncherHead{margin-bottom:14px}
  .hubProjectSectionLauncherHead small{font-size:.54rem}
  .hubProjectSectionLauncherHead h2{font-size:.92rem}
  .hubProjectSectionLauncherHead p{font-size:.59rem}
  .hubProjectSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .hubProjectSectionGrid>button{
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
    min-height:94px;
    padding:14px;
    border-radius:20px;
  }
  .hubProjectSectionIcon{width:48px;height:48px;border-radius:16px;font-size:1rem}
  .hubProjectSectionText b{font-size:.72rem}
  .hubProjectSectionText small{font-size:.56rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .hubProjectSectionArrow{display:none}
  .hubProjectSectionGrid>button em{top:8px;right:8px;min-width:22px;height:22px;font-size:.5rem}
}

@media(max-width:390px){
  .hubWorkspaceCompactBar{grid-template-columns:46px minmax(0,1fr) auto}
  .hubWorkspaceRoundButton{width:46px;height:46px;min-width:46px}
  .hubWorkspaceNameChip span{font-size:.77rem}
  .hubWorkspaceMetaChips span{font-size:.48rem}
  .hubProjectSectionGrid>button{min-height:90px;padding:12px}
}

/* V361 immersive mobile event project studio */
.hubEventStudioHero{
  position:relative;
  margin:0 0 18px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--appLine) 88%,transparent);
  border-radius:30px;
  background:color-mix(in srgb,var(--appPanel) 94%,transparent);
  box-shadow:0 22px 54px rgba(22,31,61,.14);
  isolation:isolate;
}
.hubEventStudioImage{
  position:relative;
  min-height:210px;
  background-image:linear-gradient(180deg,rgba(8,12,34,.05) 20%,rgba(8,12,34,.82) 100%),var(--hubProjectHeroImage);
  background-size:cover;
  background-position:center;
}
.hubEventStudioImage::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--appPanel) 98%,transparent));
  pointer-events:none;
}
.hubEventStudioTopActions{
  position:absolute;
  z-index:2;
  inset:14px 14px auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hubEventStudioTopActions>div{display:flex;gap:8px}
.hubEventStudioCircleButton{
  width:46px;
  height:46px;
  min-width:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.3);
  border-radius:17px;
  color:#fff;
  background:rgba(5,10,26,.46);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  font-size:1rem;
  transition:transform .18s ease,background .18s ease;
}
.hubEventStudioCircleButton:active{transform:scale(.93);background:rgba(5,10,26,.65)}
.hubEventStudioBody{position:relative;z-index:3;margin-top:-42px;padding:0 16px 17px}
.hubEventStudioTitleRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:0 4px 14px;
  color:var(--appText);
}
.hubEventStudioTitleRow>div{min-width:0}
.hubEventStudioTitleLine{display:flex;align-items:center;gap:9px;min-width:0}
.hubEventStudioTitleLine h1{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.45rem;line-height:1.08;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.hubEventStudioTitleLine button{
  flex:none;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:11px;
  background:rgba(7,12,28,.38);
  color:#fff;
  font-size:.72rem;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.hubEventStudioMeta{display:flex;align-items:center;gap:7px;margin-top:9px;overflow-x:auto;scrollbar-width:none}
.hubEventStudioMeta::-webkit-scrollbar{display:none}
.hubEventStudioMeta span{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,12,28,.36);color:rgba(255,255,255,.9);font-size:.52rem;font-weight:850;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hubEventStudioMeta span i{color:#bfa9ff}
.hubEventStudioStatus{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:29px;margin-top:3px;padding:0 10px;border:1px solid rgba(191,169,255,.34);border-radius:999px;background:rgba(83,40,176,.48);color:#fff;font-size:.51rem;font-weight:900;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hubEventStudioTabs{
  display:flex;
  gap:6px;
  margin:2px 0 12px;
  padding:5px;
  overflow-x:auto;
  border:1px solid var(--appLine);
  border-radius:17px;
  background:color-mix(in srgb,var(--appGlass) 82%,transparent);
  scrollbar-width:none;
}
.hubEventStudioTabs::-webkit-scrollbar{display:none}
.hubEventStudioTabs button{flex:none;min-height:38px;padding:0 14px;border:0;border-radius:13px;background:transparent;color:var(--appMuted);font-size:.58rem;font-weight:900;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.hubEventStudioTabs button:active{transform:scale(.96)}
.hubEventStudioTabs button.isActive{color:#fff;background:linear-gradient(135deg,rgba(44,111,255,.84),rgba(179,64,255,.74),rgba(255,76,184,.66));box-shadow:0 8px 18px rgba(91,75,255,.2)}
.hubEventStudioChecklistCard{
  display:grid;
  grid-template-columns:60px minmax(0,1fr) 34px;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine));
  border-radius:21px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 10%,var(--appGlass)),color-mix(in srgb,var(--appPink) 8%,var(--appGlass)));
}
.hubEventStudioProgressRing{width:60px;height:60px;padding:5px;border-radius:50%;background:conic-gradient(var(--appBlue) var(--hubChecklistProgress),color-mix(in srgb,var(--appLine) 76%,transparent) 0);box-shadow:0 8px 22px color-mix(in srgb,var(--appBlue) 18%,transparent)}
.hubEventStudioProgressRing span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:var(--appPanel);color:var(--appText);font-size:.61rem;font-weight:950}
.hubEventStudioChecklistCard>div:nth-child(2){min-width:0}
.hubEventStudioChecklistCard small{display:block;color:var(--appMuted);font-size:.53rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.hubEventStudioChecklistCard b{display:block;margin-top:4px;color:var(--appText);font-size:.68rem;line-height:1.25}
.hubEventStudioChecklistCard>div:nth-child(2)>div{height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--appLine) 80%,transparent)}
.hubEventStudioChecklistCard>div:nth-child(2)>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(45,105,255,.88),rgba(174,64,255,.78),rgba(255,74,180,.68))}
.hubEventStudioChecklistCard>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appText)}
.hubEventStudioQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:11px}
.hubEventStudioQuickGrid button{min-width:0;min-height:79px;padding:10px 5px;border:1px solid var(--appLine);border-radius:18px;background:var(--appGlass);color:var(--appText);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 9px 20px rgba(16,25,54,.06);transition:transform .18s ease,border-color .18s ease}
.hubEventStudioQuickGrid button:active{transform:scale(.95)}
.hubEventStudioQuickGrid button span{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(45,105,255,.16),rgba(190,67,255,.14));color:var(--appBlue);font-size:.9rem}
.hubEventStudioQuickGrid button:nth-child(2) span{color:#8f4cff}.hubEventStudioQuickGrid button:nth-child(3) span{color:#ff4fae}.hubEventStudioQuickGrid button:nth-child(4) span{color:#2cae73}
.hubEventStudioQuickGrid b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.51rem}
.hubEventStudioPrimaryAction{width:100%;min-height:62px;margin-top:11px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--appBlue) 28%,var(--appLine));border-radius:19px;background:linear-gradient(135deg,rgba(45,105,255,.82),rgba(171,65,255,.72),rgba(255,77,181,.64));color:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:11px;text-align:left;box-shadow:0 12px 26px rgba(80,70,255,.2)}
.hubEventStudioPrimaryAction>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);font-size:1rem}
.hubEventStudioPrimaryAction div{min-width:0}.hubEventStudioPrimaryAction b{display:block;font-size:.68rem}.hubEventStudioPrimaryAction small{display:block;margin-top:3px;color:rgba(255,255,255,.78);font-size:.49rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubEventStudioPrimaryAction>i{justify-self:end}

@media(max-width:560px){
  .hubEventStudioHero{margin:-2px 0 16px;border-radius:25px}
  .hubEventStudioImage{min-height:188px}
  .hubEventStudioTopActions{inset:12px 12px auto}
  .hubEventStudioCircleButton{width:43px;height:43px;min-width:43px;border-radius:15px}
  .hubEventStudioBody{margin-top:-38px;padding:0 12px 14px}
  .hubEventStudioTitleRow{gap:9px;padding:0 3px 12px}
  .hubEventStudioTitleLine h1{font-size:1.25rem}
  .hubEventStudioMeta span{font-size:.48rem}
  .hubEventStudioStatus{font-size:.47rem;padding:0 8px}
  .hubEventStudioQuickGrid{gap:7px}
  .hubEventStudioQuickGrid button{min-height:74px;border-radius:16px}
  .hubEventStudioQuickGrid b{font-size:.47rem}
}
@media(max-width:390px){
  .hubEventStudioImage{min-height:174px}
  .hubEventStudioTitleLine h1{font-size:1.12rem}
  .hubEventStudioStatus{max-width:105px;overflow:hidden;text-overflow:ellipsis}
  .hubEventStudioChecklistCard{grid-template-columns:54px minmax(0,1fr) 32px;gap:9px;padding:11px}
  .hubEventStudioProgressRing{width:54px;height:54px}
  .hubEventStudioQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hubEventStudioQuickGrid button{min-height:66px;flex-direction:row;justify-content:flex-start;padding:9px 10px}
  .hubEventStudioQuickGrid button span{width:34px;height:34px;flex:none}
}

@media(prefers-color-scheme:dark){
  .hubEventStudioHero{background:rgba(7,11,26,.96);border-color:rgba(140,157,215,.18);box-shadow:0 24px 58px rgba(0,0,0,.38)}
  .hubEventStudioImage::after{background:linear-gradient(180deg,transparent,rgba(7,11,26,.98))}
  .hubEventStudioTabs,.hubEventStudioChecklistCard,.hubEventStudioQuickGrid button{background:rgba(17,24,47,.82);border-color:rgba(146,160,208,.18)}
  .hubEventStudioProgressRing span{background:#10172c}
}

/* V362 reference-aligned project studio refinements */
.hubEventStudioHero{margin-bottom:0;border-radius:26px 26px 0 0;overflow:hidden;box-shadow:none;background:transparent;border:0}
.hubEventStudioImage{min-height:220px;border-radius:26px;overflow:hidden;box-shadow:0 18px 44px rgba(20,28,64,.16)}
.hubEventStudioBody{margin:-20px 0 18px;padding:0 14px 16px;position:relative;z-index:4;background:transparent}
.hubEventStudioTitleRow{padding:0 4px 10px;display:block}
.hubEventStudioIdentity{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 11px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appPanel) 92%,transparent);box-shadow:0 14px 34px rgba(18,27,60,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hubEventStudioTitleLine{flex:1;min-width:0}
.hubEventStudioTitleLine h1{color:var(--appText);text-shadow:none;font-size:1.5rem}
.hubEventStudioTitleLine button{background:var(--appGlass);border-color:var(--appLine);color:var(--appText)}
.hubEventStudioStatus{margin:0;background:linear-gradient(135deg,rgba(54,103,255,.72),rgba(176,65,255,.62),rgba(255,77,181,.54));border-color:rgba(132,111,255,.28)}
.hubEventStudioMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 4px;overflow:visible}
.hubEventStudioMeta button{min-width:0;min-height:70px;padding:10px;border:1px solid var(--appLine);border-radius:18px;background:var(--appGlass);color:var(--appText);display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 10px 22px rgba(18,27,60,.06)}
.hubEventStudioMeta button>span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(45,105,255,.15),rgba(190,67,255,.13));color:var(--appBlue)}
.hubEventStudioMeta button div{min-width:0}.hubEventStudioMeta button small{display:block;color:var(--appMuted);font-size:.48rem;font-weight:800}.hubEventStudioMeta button b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem}
.hubEventStudioCountdown{width:max-content;margin:9px 4px 0;padding:7px 11px;display:flex;align-items:center;gap:6px;border:1px solid rgba(157,85,255,.2);border-radius:999px;background:rgba(149,74,255,.08);color:#8d4cff;font-size:.53rem;font-weight:900}
.hubEventStudioTabs{margin-top:12px}
.hubEventStudioQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hubEventStudioQuickGrid button{min-height:84px;padding:9px 4px}
.hubEventStudioQuickGrid b{font-size:.48rem;white-space:normal;text-align:center;line-height:1.16}
.hubEventStudioPrimaryAction{display:none!important}
.hubEventStudioNameInput{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--appBlue) 42%,var(--appLine));border-radius:12px;background:var(--appField);color:var(--appText);font:inherit;font-size:1.16rem;font-weight:900;letter-spacing:-.035em;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 12%,transparent)}
@media(max-width:390px){.hubEventStudioImage{min-height:200px}.hubEventStudioMeta{gap:6px}.hubEventStudioMeta button{min-height:64px;padding:8px 7px;gap:6px}.hubEventStudioMeta button>span{width:29px;height:29px}.hubEventStudioMeta button b{font-size:.5rem}.hubEventStudioQuickGrid{gap:6px}.hubEventStudioQuickGrid button{min-height:78px}}

/* V363 mobile project studio width containment fix */
.hubPage,
.hubEventStudioHero,
.hubEventStudioBody,
.hubEventStudioTitleRow,
.hubEventStudioIdentity,
.hubEventStudioMeta,
.hubEventStudioTabs,
.hubEventStudioChecklistCard,
.hubEventStudioQuickGrid,
.hubProjectPanel{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.hubEventStudioHero,
.hubEventStudioBody,
.hubProjectPanel{width:100%}
.hubEventStudioImage{width:100%;max-width:100%;box-sizing:border-box}
.hubEventStudioBody{overflow-x:hidden}
.hubEventStudioIdentity>*{min-width:0}
.hubEventStudioMeta button,
.hubEventStudioQuickGrid button{width:100%;max-width:100%;box-sizing:border-box}
.hubEventStudioTabs{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.hubEventStudioQuickGrid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
.hubEventStudioQuickGrid b{overflow-wrap:anywhere}
@media(max-width:390px){
  .hubEventStudioQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .hubEventStudioQuickGrid button{min-height:76px;padding:8px 3px;flex-direction:column;justify-content:center}
  .hubEventStudioQuickGrid button span{width:32px;height:32px}
  .hubEventStudioQuickGrid b{font-size:.43rem;line-height:1.12}
}

/* V364 opened project spacing, hero height, and compact metadata refinement */
.hubPage.isProjectWorkspace{
  width:100%;
  max-width:100%;
  padding:0;
  gap:0;
}
.hubPage.isProjectWorkspace .hubEventStudioHero{
  margin:0;
  width:100%;
}
.hubPage.isProjectWorkspace .hubEventStudioImage{
  min-height:172px;
  border-radius:24px 24px 0 0;
  box-shadow:none;
  background-position:center 42%;
}
.hubPage.isProjectWorkspace .hubEventStudioImage::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,10,24,.03) 0%,rgba(7,10,24,.02) 48%,color-mix(in srgb,var(--appBg) 24%,transparent) 68%,color-mix(in srgb,var(--appBg) 82%,transparent) 88%,var(--appBg) 100%);
  pointer-events:none;
}
.hubPage.isProjectWorkspace .hubEventStudioImage::after{
  z-index:1;
  height:52%;
  background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--appBg) 42%,transparent) 46%,color-mix(in srgb,var(--appBg) 88%,transparent) 82%,var(--appBg) 100%);
}
.hubPage.isProjectWorkspace .hubEventStudioTopActions{z-index:3}
.hubPage.isProjectWorkspace .hubEventStudioBody{
  margin:-14px 0 12px;
  padding:0 12px 12px;
}
.hubPage.isProjectWorkspace .hubEventStudioTitleRow{padding:0 0 9px}
.hubPage.isProjectWorkspace .hubEventStudioMeta{
  gap:7px;
  margin:0;
}
.hubPage.isProjectWorkspace .hubEventStudioMeta button{
  min-height:56px;
  padding:7px 8px;
  gap:7px;
  border-radius:16px;
}
.hubPage.isProjectWorkspace .hubEventStudioMeta button>span{
  width:29px;
  height:29px;
  border-radius:10px;
  font-size:.72rem;
}
.hubPage.isProjectWorkspace .hubEventStudioMeta button small{font-size:.43rem}
.hubPage.isProjectWorkspace .hubEventStudioMeta button b{margin-top:2px;font-size:.5rem}
.hubPage.isProjectWorkspace .hubEventStudioCountdown{margin:8px 0 0}
.hubPage.isProjectWorkspace .hubEventStudioTabs{margin-top:10px}
.hubPage.isProjectWorkspace .hubProjectPanel{
  padding-left:12px;
  padding-right:12px;
}
@media(max-width:560px){
  .hubPage.isProjectWorkspace .hubEventStudioImage{min-height:164px}
}
@media(max-width:390px){
  .hubPage.isProjectWorkspace .hubEventStudioImage{min-height:154px}
  .hubPage.isProjectWorkspace .hubEventStudioBody{padding-left:10px;padding-right:10px}
  .hubPage.isProjectWorkspace .hubEventStudioMeta{gap:5px}
  .hubPage.isProjectWorkspace .hubEventStudioMeta button{min-height:52px;padding:6px;gap:5px;border-radius:14px}
  .hubPage.isProjectWorkspace .hubEventStudioMeta button>span{width:26px;height:26px}
  .hubPage.isProjectWorkspace .hubEventStudioMeta button small{font-size:.4rem}
  .hubPage.isProjectWorkspace .hubEventStudioMeta button b{font-size:.46rem}
  .hubPage.isProjectWorkspace .hubProjectPanel{padding-left:10px;padding-right:10px}
}
@media(prefers-color-scheme:dark){
  .hubPage.isProjectWorkspace .hubEventStudioImage::before{
    background:linear-gradient(180deg,rgba(2,5,14,.03) 0%,rgba(2,5,14,.04) 48%,rgba(7,11,26,.3) 68%,rgba(7,11,26,.88) 90%,#070b1a 100%);
  }
  .hubPage.isProjectWorkspace .hubEventStudioImage::after{
    background:linear-gradient(180deg,transparent 0%,rgba(7,11,26,.46) 48%,rgba(7,11,26,.94) 84%,#070b1a 100%);
  }
}

/* V365 guest invitation overlay */
.hubGuestInviteOverlay{position:fixed;inset:0;z-index:10080;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,15,30,.28);backdrop-filter:blur(14px);padding:0}
.hubGuestInvitePanel{width:min(100%,680px);max-height:min(92dvh,820px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px 28px 0 0;background:rgba(255,255,255,.97);box-shadow:0 -24px 70px rgba(21,30,55,.2);border:1px solid rgba(116,132,170,.18)}
.hubGuestInviteHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 20px 16px;border-bottom:1px solid rgba(105,118,150,.13)}
.hubGuestInviteHead small{display:block;color:#2aaeea;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hubGuestInviteHead h2{margin:4px 0 3px;font-size:1.65rem;line-height:1.05;color:#11182a}.hubGuestInviteHead p{margin:0;color:#687086;font-size:.9rem}.hubGuestInviteHead>button{width:44px;height:44px;border:1px solid rgba(85,98,130,.16);border-radius:16px;background:#fff;color:#11182a;font-size:1.05rem}
.hubGuestInviteBody{min-height:0;overflow:auto;padding:16px 18px 20px;display:grid;gap:18px}.hubGuestSearch{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 14px;border:1px solid rgba(98,111,145,.18);border-radius:18px;background:#f7f8fc}.hubGuestSearch>i{color:#7c43ff;font-size:1.05rem}.hubGuestSearch input{min-width:0;border:0;outline:0;background:transparent;color:#11182a;font:inherit;font-weight:700}.hubGuestSearch button{border:0;background:transparent;color:#8b93a9;font-size:1rem}
.hubGuestSearchResults{margin-top:10px;display:grid;gap:8px}.hubGuestSearchPrompt,.hubGuestSearchEmpty,.hubGuestSearchLoading{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;border:1px dashed rgba(108,120,154,.22);border-radius:20px;color:#727b92}.hubGuestSearchPrompt i,.hubGuestSearchEmpty i{font-size:1.5rem;color:#8f56ff}.hubGuestSearchPrompt b,.hubGuestSearchEmpty b,.hubGuestSearchLoading b{color:#20283a}.hubGuestSearchLoading span{width:24px;height:24px;border:3px solid rgba(124,67,255,.2);border-top-color:#7c43ff;border-radius:50%;animation:hubGuestSpin .8s linear infinite}@keyframes hubGuestSpin{to{transform:rotate(360deg)}}
.hubGuestResult,.hubGuestSelectedList article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(98,111,145,.14);border-radius:18px;background:#fff}.hubGuestAvatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(45,174,234,.16),rgba(243,77,181,.16));color:#5e41d8;font-weight:900}.hubGuestAvatar img{width:100%;height:100%;object-fit:cover}.hubGuestResult>div:nth-child(2),.hubGuestSelectedList article>div:nth-child(2){min-width:0}.hubGuestResult b,.hubGuestSelectedList b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#151b2b}.hubGuestResult small,.hubGuestSelectedList small{display:block;color:#7b849a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubGuestResult button{height:38px;padding:0 13px;border:1px solid rgba(108,83,235,.2);border-radius:13px;background:rgba(111,77,236,.08);color:#7047e8;font-weight:800;display:flex;align-items:center;gap:6px}.hubGuestResult button.isSelected{background:rgba(52,183,112,.1);color:#23935a;border-color:rgba(52,183,112,.2)}
.hubGuestSectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.hubGuestSectionTitle b{color:#151b2b}.hubGuestSectionTitle small{color:#7c43ff;font-weight:800}.hubGuestSelectedList{display:grid;gap:8px}.hubGuestSelectedList article>button{width:38px;height:38px;border:0;border-radius:12px;background:#f2f3f8;color:#687086}.hubGuestSelectedEmpty{min-height:76px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(108,120,154,.22);border-radius:18px;color:#7b849a}.hubGuestShareSection{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border-radius:20px;background:linear-gradient(135deg,rgba(45,174,234,.1),rgba(243,77,181,.1));border:1px solid rgba(111,92,226,.14)}.hubGuestShareSection>div{display:flex;align-items:center;gap:12px;min-width:0}.hubGuestShareSection>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#7448eb}.hubGuestShareSection b{display:block;color:#151b2b}.hubGuestShareSection small{display:block;color:#6e768b;line-height:1.3}.hubGuestShareSection>button{flex:0 0 auto;height:42px;padding:0 14px;border:0;border-radius:14px;background:linear-gradient(135deg,rgba(45,174,234,.85),rgba(243,77,181,.85));color:#fff;font-weight:900;display:flex;align-items:center;gap:7px}
.hubGuestInvitePanel>footer{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid rgba(105,118,150,.13);background:rgba(255,255,255,.98)}.hubGuestInvitePanel>footer button{height:52px;border-radius:17px;font-weight:900}.hubGuestInvitePanel>footer button:first-child{border:1px solid rgba(98,111,145,.16);background:#fff;color:#5f687d}.hubGuestInviteSave{border:0;background:linear-gradient(135deg,rgba(45,174,234,.85),rgba(243,77,181,.85));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.hubGuestInviteSave:disabled{opacity:.55}
@media (min-width:700px){.hubGuestInviteOverlay{align-items:center;padding:24px}.hubGuestInvitePanel{border-radius:28px}}

/* V366 streamlined guest invitations and guest tab */
.hubGuestInvitePanel{max-height:min(78dvh,680px)}
.hubGuestInviteHead{padding:18px 18px 13px}.hubGuestInviteHead h2{font-size:1.42rem}.hubGuestInviteHead p{font-size:.84rem}.hubGuestInviteHead>button{width:40px;height:40px;border-radius:14px}
.hubGuestInviteBody{padding:14px 16px 16px;gap:12px}.hubGuestSearch{height:50px;border-radius:16px}.hubGuestSearchResults{max-height:34dvh;overflow:auto;margin-top:0}.hubGuestSearchPrompt,.hubGuestSearchEmpty,.hubGuestSearchLoading{min-height:100px;border-radius:17px}
.hubGuestResult{width:100%;text-align:left;border:1px solid rgba(98,111,145,.13);cursor:pointer}.hubGuestResult>span:last-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(112,71,232,.08);color:#7047e8}.hubGuestResult.isSelected{border-color:rgba(112,71,232,.34);background:rgba(112,71,232,.05)}.hubGuestResult.isSelected>span:last-child{background:rgba(52,183,112,.12);color:#23935a}.hubGuestResult:disabled{opacity:.6;cursor:default}
.hubGuestShareCompact{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(111,92,226,.14);border-radius:17px;background:linear-gradient(135deg,rgba(45,174,234,.07),rgba(243,77,181,.07));text-align:left;color:#151b2b}.hubGuestShareCompact>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#7448eb}.hubGuestShareCompact b,.hubGuestShareCompact small{display:block}.hubGuestShareCompact small{color:#7a8295;font-size:.78rem;margin-top:2px}.hubGuestShareCompact>i{color:#7448eb}
.hubGuestInvitePanel>footer{display:block;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.hubGuestInviteSave{width:100%;height:50px;border-radius:16px}.hubGuestInviteSave em{min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.22);font-style:normal;font-size:.76rem}
.hubGuestRoster{display:grid;gap:10px}.hubGuestRoster article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(98,111,145,.13);border-radius:18px;background:rgba(255,255,255,.86)}.hubGuestRoster article>div:nth-child(2){min-width:0}.hubGuestRoster article b,.hubGuestRoster article small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubGuestRoster article small{color:#7a8295}.hubGuestStatus{padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900;background:rgba(246,172,55,.12);color:#b46c05}.hubGuestStatus.is-accepted{background:rgba(52,183,112,.12);color:#238853}.hubGuestStatus.is-declined{background:rgba(224,74,84,.1);color:#b63b46}.hubGuestRosterEmpty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px dashed rgba(108,120,154,.22);border-radius:20px;color:#7a8295}.hubGuestRosterEmpty i{font-size:1.8rem;color:#8f56ff}.hubGuestRosterEmpty b{color:#20283a}

/* V367 guest invitation delivery, cancellation, and Bubble-name cleanup */
.hubGuestRosterActions{display:flex;align-items:center;gap:8px;justify-self:end}.hubGuestRosterActions>button{border:0;background:rgba(224,74,84,.08);color:#b63b46;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;cursor:pointer}.hubGuestRosterActions>button:disabled{opacity:.55}.hubGuestRoster article{grid-template-columns:auto minmax(0,1fr) auto}@media(max-width:430px){.hubGuestRosterActions{flex-direction:column;align-items:flex-end;gap:5px}.hubGuestRosterActions>button{padding:6px 9px}}


/* V368 actionable event invitations and refined guest presentation */
.hubBubbleMark{display:inline-block;width:10px;height:10px;margin-right:5px;border:2px solid currentColor;border-radius:50%;vertical-align:-1px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85);opacity:.72}
.hubGuestRoster article{align-items:start}
.hubGuestRosterActions{display:grid;grid-template-columns:1fr;justify-items:end;align-items:end;gap:7px;min-width:78px}
.hubGuestRosterActions .hubGuestStatus,.hubGuestRosterActions>button{width:100%;text-align:center;justify-content:center}
.hubGuestInvitePanel{width:min(calc(100% - 18px),560px);border-radius:26px 26px 0 0}
.hubGuestInviteHead{padding:18px 18px 12px}.hubGuestInviteHead p{max-width:310px;line-height:1.35}
.hubGuestSearchResults{max-height:30dvh}.hubGuestShareCompact{padding:10px 12px}.hubGuestInviteSave{font-size:.95rem}
@media(min-width:700px){.hubGuestInvitePanel{border-radius:26px}}

.hubDangerSection{margin-bottom:calc(110px + env(safe-area-inset-bottom));}.hubDeleteEventButton{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(210,48,70,.18);border-radius:20px;background:rgba(210,48,70,.06);color:#b8233b;text-align:left}.hubDeleteEventButton>i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(210,48,70,.1);font-size:1.1rem}.hubDeleteEventButton span{display:grid;gap:3px}.hubDeleteEventButton b{font-size:.75rem}.hubDeleteEventButton small{font-size:.56rem;color:var(--appMuted)}.hubDeleteConfirmOverlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:end center;padding:18px;background:rgba(8,12,28,.45);backdrop-filter:blur(14px)}.hubDeleteConfirmPanel{width:min(100%,520px);padding:24px;border-radius:28px;background:var(--appPanel);box-shadow:0 24px 70px rgba(10,15,35,.24);text-align:center}.hubDeleteConfirmPanel>span{width:58px;height:58px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;background:rgba(210,48,70,.1);color:#c52d45;font-size:1.35rem}.hubDeleteConfirmPanel h2{margin:0;font-size:1.15rem}.hubDeleteConfirmPanel p{margin:9px auto 20px;max-width:340px;color:var(--appMuted);font-size:.66rem;line-height:1.5}.hubDeleteConfirmPanel>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hubDeleteConfirmPanel button{min-height:50px;border:0;border-radius:16px;font-weight:900}.hubDeleteConfirmPanel button:first-child{background:var(--appPanelSoft);color:var(--appText)}.hubDeleteConfirmPanel button:last-child{background:#c52d45;color:white}

/* V372 streamlined mobile project studio */
.hubPage.isProjectWorkspace .hubEventStudioStatus{background:linear-gradient(135deg,rgba(38,120,255,.78),rgba(255,73,165,.68));border-color:rgba(66,133,255,.25)}
.hubPage.isProjectWorkspace .hubEventStudioMeta button>span,.hubPage.isProjectWorkspace .hubEventStudioQuickGrid button span{background:linear-gradient(135deg,rgba(38,120,255,.14),rgba(255,73,165,.11));color:#2678ff}
.hubPage.isProjectWorkspace .hubEventStudioTabs{padding:5px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appPanel) 88%,transparent);box-shadow:0 9px 24px rgba(18,27,60,.06)}
.hubPage.isProjectWorkspace .hubEventStudioTabs button{min-height:42px;padding:0 15px;border-radius:14px;white-space:nowrap}
.hubPage.isProjectWorkspace .hubEventStudioTabs button.isActive{background:linear-gradient(135deg,rgba(38,120,255,.82),rgba(255,73,165,.72));color:#fff;box-shadow:0 8px 18px rgba(38,120,255,.17)}
.hubOverviewCommandCard,.hubOverviewGlance{margin:0 12px 14px;padding:15px;border:1px solid var(--appLine);border-radius:24px;background:color-mix(in srgb,var(--appPanel) 90%,transparent);box-shadow:0 12px 30px rgba(18,27,60,.07)}
.hubOverviewProgress{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center}
.hubOverviewProgress small,.hubOverviewSectionTitle small{display:block;color:var(--appMuted);font-size:.49rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hubOverviewProgress b{display:block;margin-top:4px;font-size:.72rem}
.hubOverviewProgressBar{height:7px;margin-top:10px;border-radius:999px;background:color-mix(in srgb,var(--appLine) 82%,transparent);overflow:hidden}.hubOverviewProgressBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(38,120,255,.86),rgba(255,73,165,.72))}
.hubOverviewNext{width:100%;margin-top:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,#2678ff 18%,var(--appLine));border-radius:17px;background:linear-gradient(135deg,rgba(38,120,255,.08),rgba(255,73,165,.07));color:var(--appText);text-align:left}.hubOverviewNext small{display:block;color:#2678ff;font-size:.49rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubOverviewNext b{display:block;margin-top:4px;font-size:.64rem}.hubOverviewNext>i{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:rgba(38,120,255,.1);color:#2678ff}
.hubOverviewCommandCard .hubEventStudioQuickGrid{margin-top:14px}.hubOverviewCommandCard .hubEventStudioQuickGrid button{box-shadow:none;background:color-mix(in srgb,var(--appGlass) 92%,transparent)}
.hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(2) span{color:#1677ff}.hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(3) span{color:#ee4c9d}.hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(4) span{color:#2cae73}
.hubOverviewSectionTitle h2{margin:4px 0 0;font-size:.85rem}
.hubOverviewStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px;border:1px solid var(--appLine);border-radius:18px;overflow:hidden}.hubOverviewStats button{min-width:0;padding:13px 4px;border:0;border-right:1px solid var(--appLine);background:transparent;color:var(--appText)}.hubOverviewStats button:last-child{border-right:0}.hubOverviewStats span{width:31px;height:31px;margin:0 auto 7px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(38,120,255,.12),rgba(255,73,165,.09));color:#2678ff}.hubOverviewStats b{display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis}.hubOverviewStats small{display:block;margin-top:3px;color:var(--appMuted);font-size:.43rem}
.hubProjectPanel:not(.isActive){display:none!important}
@media(max-width:390px){.hubOverviewCommandCard,.hubOverviewGlance{margin-left:10px;margin-right:10px;padding:12px}.hubOverviewStats{grid-template-columns:repeat(2,minmax(0,1fr))}.hubOverviewStats button:nth-child(2){border-right:0}.hubOverviewStats button:nth-child(-n+2){border-bottom:1px solid var(--appLine)}}

/* V373 project studio edge and spacing refinement */
.hubPage.isProjectWorkspace{
  margin-top:-16px;
}
.hubPage.isProjectWorkspace .hubEventStudioHero,
.hubPage.isProjectWorkspace .hubEventStudioImage{
  border-radius:0!important;
}
.hubPage.isProjectWorkspace .hubEventStudioBody{
  margin-bottom:0;
  padding-bottom:0;
}
.hubPage.isProjectWorkspace .hubEventStudioTabs{
  margin-bottom:0;
}
.hubPage.isProjectWorkspace .hubProjectPanel{
  padding-top:0;
}
@media(max-width:560px){
  .hubPage.isProjectWorkspace{margin-top:-14px}
}


/* V374 project tab spacing and guest roster refinement */
.hubPage.isProjectWorkspace .hubProjectPanel{
  padding-top:12px;
}
.hubGuestsSection{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--appLine);
  border-radius:24px;
  background:color-mix(in srgb,var(--appGlass) 92%,transparent);
  box-shadow:0 14px 34px rgba(18,27,60,.07);
}
.hubGuestsSection .hubSectionHead{
  margin:0;
  align-items:center;
}
.hubGuestsSection .hubSectionHead h2{font-size:1.12rem;line-height:1.12}
.hubGuestsSection .hubSectionHead p{margin-top:4px;font-size:.76rem;line-height:1.35}
.hubGuestSummary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.hubGuestSummary>div{
  min-width:0;
  padding:10px 6px;
  border:1px solid var(--appLine);
  border-radius:15px;
  background:var(--appGlass);
  text-align:center;
}
.hubGuestSummary b{display:block;font-size:.95rem;color:var(--appText)}
.hubGuestSummary small{display:block;margin-top:2px;color:var(--appMuted);font-size:.5rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubGuestRoster{gap:8px}
.hubGuestRoster article{
  position:relative;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:72px;
  padding:11px;
  border-radius:19px;
  background:var(--appGlass);
  box-shadow:0 8px 20px rgba(18,27,60,.045);
}
.hubGuestRoster article b{font-size:.93rem;color:var(--appText)}
.hubGuestRoster article small{margin-top:3px;font-size:.72rem}
.hubGuestRosterActions{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.hubGuestRosterActions .hubGuestStatus{width:auto;min-width:72px;padding:7px 10px}
.hubGuestStatus.is-pending{background:rgba(246,172,55,.12);color:#a96709}
.hubGuestStatus.is-maybe{background:rgba(45,174,234,.12);color:#157fab}
.hubGuestStatus.is-declined{background:rgba(224,74,84,.1);color:#b63b46}
.hubGuestStatus.is-accepted{background:rgba(52,183,112,.12);color:#238853}
.hubGuestMenuButton{
  width:36px!important;
  min-width:36px;
  height:36px;
  padding:0!important;
  display:grid;
  place-items:center;
  border:1px solid var(--appLine)!important;
  border-radius:12px!important;
  background:var(--appGlass)!important;
  color:var(--appText)!important;
  font-size:.95rem!important;
}
.hubGuestMenu{
  position:fixed;
  z-index:10120;
  width:min(230px,calc(100dvw - 24px));
  padding:7px;
  display:grid;
  gap:3px;
  border:1px solid var(--appLine);
  border-radius:18px;
  background:color-mix(in srgb,var(--appGlass) 98%,white 2%);
  box-shadow:0 20px 48px rgba(12,20,45,.22);
  backdrop-filter:blur(22px);
}
.hubGuestMenu button{
  min-height:42px;
  padding:0 11px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--appText);
  text-align:left;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
}
.hubGuestMenu button:active{background:color-mix(in srgb,var(--appBlue) 9%,transparent)}
.hubGuestMenu button.isDanger{color:#c63e4b}
.hubGuestDetailOverlay{
  position:fixed;
  inset:0;
  z-index:10130;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:14px;
  background:rgba(10,15,30,.28);
  backdrop-filter:blur(14px);
}
.hubGuestDetailPanel{
  width:min(100%,520px);
  padding:18px;
  border:1px solid var(--appLine);
  border-radius:26px;
  background:var(--appGlass);
  box-shadow:0 24px 70px rgba(12,20,45,.24);
}
.hubGuestDetailHead{display:flex;align-items:center;gap:12px}
.hubGuestDetailHead .hubGuestAvatar{width:58px;height:58px}
.hubGuestDetailHead>div:nth-child(2){min-width:0;flex:1}
.hubGuestDetailHead b{display:block;font-size:1.08rem;color:var(--appText)}
.hubGuestDetailHead small{display:block;margin-top:3px;color:var(--appMuted)}
.hubGuestDetailHead>button{width:38px;height:38px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass);color:var(--appText)}
.hubGuestDetailMeta{margin-top:16px;display:grid;gap:8px}
.hubGuestDetailMeta>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--appLine);border-radius:14px;background:color-mix(in srgb,var(--appGlass) 90%,transparent)}
.hubGuestDetailMeta span{color:var(--appMuted);font-size:.72rem;font-weight:800}
.hubGuestDetailMeta b{color:var(--appText);font-size:.78rem;text-align:right}
@media(max-width:430px){
  .hubPage.isProjectWorkspace .hubProjectPanel{padding-top:10px}
  .hubGuestsSection{padding:13px;border-radius:21px}
  .hubGuestSummary{gap:5px}
  .hubGuestSummary>div{padding:9px 3px}
  .hubGuestSummary small{font-size:.44rem}
  .hubGuestRoster article{padding:10px;gap:9px}
  .hubGuestRosterActions{flex-direction:row;align-items:center;gap:5px}
  .hubGuestRosterActions .hubGuestStatus{min-width:66px;padding:7px 8px;font-size:.66rem}
}

/* V390 guest invitation overlay light and dark mode alignment */
.hubGuestInviteOverlay{
  background:rgba(8,12,28,.38);
}
.hubGuestInvitePanel{
  background:color-mix(in srgb,var(--appPanel) 97%,transparent);
  color:var(--appText);
  border-color:var(--appLine);
  box-shadow:0 -24px 70px rgba(21,30,55,.2);
}
.hubGuestInviteHead{
  border-bottom-color:var(--appLine);
  background:color-mix(in srgb,var(--appPanel) 94%,transparent);
}
.hubGuestInviteHead h2,
.hubGuestSearchPrompt b,
.hubGuestSearchEmpty b,
.hubGuestSearchLoading b,
.hubGuestResult b,
.hubGuestShareCompact b{
  color:var(--appText);
}
.hubGuestInviteHead p,
.hubGuestSearchPrompt,
.hubGuestSearchEmpty,
.hubGuestResult small,
.hubGuestShareCompact small{
  color:var(--appMuted);
}
.hubGuestInviteHead>button{
  border-color:var(--appLine);
  background:var(--appPanelSoft);
  color:var(--appText);
}
.hubGuestSearch{
  border-color:var(--appLine);
  background:var(--appPanelSoft);
}
.hubGuestSearch input{
  color:var(--appText);
}
.hubGuestSearch input::placeholder{
  color:var(--appSoft);
  opacity:1;
}
.hubGuestSearch button{
  color:var(--appMuted);
}
.hubGuestSearchPrompt,
.hubGuestSearchEmpty,
.hubGuestSearchLoading{
  border-color:var(--appLine);
  background:color-mix(in srgb,var(--appPanelSoft) 60%,transparent);
}
.hubGuestResult{
  border-color:var(--appLine);
  background:var(--appPanel);
  color:var(--appText);
}
.hubGuestResult:hover:not(:disabled){
  background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));
}
.hubGuestResult>span:last-child{
  background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));
  color:var(--appBlue);
}
.hubGuestResult.isSelected{
  border-color:color-mix(in srgb,var(--appBlue) 34%,var(--appLine));
  background:linear-gradient(135deg,rgba(24,182,255,.08),rgba(255,79,216,.07));
}
.hubGuestResult.isSelected>span:last-child{
  background:rgba(52,183,112,.12);
  color:#23935a;
}
.hubGuestShareCompact{
  border-color:color-mix(in srgb,var(--appBlue) 18%,var(--appLine));
  background:linear-gradient(135deg,rgba(24,182,255,.08),rgba(255,79,216,.07));
  color:var(--appText);
}
.hubGuestShareCompact>span{
  background:var(--appPanel);
  color:var(--appBlue);
  border:1px solid var(--appLine);
}
.hubGuestShareCompact>i{
  color:var(--appBlue);
}
.hubGuestInvitePanel>footer{
  border-top-color:var(--appLine);
  background:color-mix(in srgb,var(--appPanel) 97%,transparent);
}
.hubGuestInviteSave{
  background:linear-gradient(135deg,rgba(24,182,255,.82),rgba(255,79,216,.78));
}
@media(prefers-color-scheme:dark){
  .hubGuestInviteOverlay{
    background:rgba(1,3,10,.68);
  }
  .hubGuestInvitePanel{
    box-shadow:0 -26px 84px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .hubGuestInviteHead>button,
  .hubGuestSearch,
  .hubGuestResult,
  .hubGuestShareCompact>span{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .hubGuestSearchPrompt,
  .hubGuestSearchEmpty,
  .hubGuestSearchLoading{
    background:rgba(255,255,255,.025);
  }
  .hubGuestResult:hover:not(:disabled){
    background:rgba(255,255,255,.055);
  }
  .hubGuestResult.isSelected{
    background:linear-gradient(135deg,rgba(24,182,255,.11),rgba(255,79,216,.09));
  }
}

/* V391 premium mobile vendor editor */
.hubVendorOverlay{background:color-mix(in srgb,#07111f 46%,transparent)}
.hubVendorEditor{width:min(680px,100%);max-height:min(94dvh,900px);border-color:color-mix(in srgb,var(--appBlue) 42%,var(--appLine));border-radius:34px;background:color-mix(in srgb,var(--appPanel) 97%,transparent);box-shadow:0 34px 100px rgba(3,10,24,.34),0 0 0 1px color-mix(in srgb,var(--appPink,#d946ef) 16%,transparent)}
.hubVendorEditor>header{grid-template-columns:58px minmax(0,1fr) 48px;gap:15px;padding:24px 24px 21px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,transparent),color-mix(in srgb,var(--appPink,#d946ef) 5%,transparent));border-bottom-color:color-mix(in srgb,var(--appBlue) 18%,var(--appLine))}
.hubVendorEditor>header>span{width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 82%,transparent),color-mix(in srgb,var(--appPink,#d946ef) 72%,transparent));color:#fff;font-size:1.25rem;box-shadow:0 12px 28px color-mix(in srgb,var(--appBlue) 25%,transparent)}
.hubVendorEditor>header small{font-size:.55rem;letter-spacing:.14em}.hubVendorEditor>header h2{margin-top:5px;font-size:1.2rem;letter-spacing:-.025em}.hubVendorEditor>header p{max-width:470px;font-size:.66rem;line-height:1.5}
.hubVendorEditor>header button{width:48px;height:48px;border-radius:17px;background:color-mix(in srgb,var(--appGlass) 88%,transparent);font-size:1rem;transition:.18s ease}.hubVendorEditor>header button:active{transform:scale(.94)}
.hubVendorEditor .hubQuickEditFields{gap:16px;padding:18px 22px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--appBlue) 2.5%,transparent),transparent 24%)}
.hubVendorSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appGlass) 82%,transparent)}
.hubVendorSteps span{position:relative;display:grid;justify-items:center;gap:3px;min-width:0;padding:8px 4px;color:var(--appMuted)}.hubVendorSteps span:not(:last-child)::after{content:"";position:absolute;top:23px;left:calc(50% + 22px);width:calc(100% - 36px);height:2px;background:var(--appLine)}
.hubVendorSteps i{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);font-size:.9rem}.hubVendorSteps b{font-size:.54rem}.hubVendorSteps small{font-size:.43rem;white-space:nowrap}.hubVendorSteps .isActive{color:var(--appText)}.hubVendorSteps .isActive i{border-color:color-mix(in srgb,var(--appBlue) 65%,var(--appLine));background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 85%,transparent),color-mix(in srgb,var(--appPink,#d946ef) 72%,transparent));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--appBlue) 22%,transparent)}
.hubVendorSection{display:grid;gap:14px;padding:17px;border:1px solid color-mix(in srgb,var(--appBlue) 12%,var(--appLine));border-radius:24px;background:color-mix(in srgb,var(--appPanel) 95%,transparent);box-shadow:0 10px 26px rgba(15,23,42,.045)}
.hubVendorSectionHead{display:flex;align-items:center;gap:11px}.hubVendorSectionHead>span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appGlass));color:var(--appBlue);font-size:.9rem}.hubVendorSectionHead b,.hubVendorSectionHead small{display:block}.hubVendorSectionHead b{font-size:.67rem}.hubVendorSectionHead small{margin-top:3px;color:var(--appMuted);font-size:.49rem}
.hubVendorField{gap:8px!important}.hubVendorField>span{display:flex;align-items:center;gap:7px;font-size:.59rem!important}.hubVendorField>span i{color:var(--appBlue);font-size:.72rem}.hubVendorField>span em{color:#ef4444;font-style:normal}.hubVendorField>small{color:var(--appMuted);font-size:.47rem;line-height:1.4}
.hubVendorEditor .hubVendorField input,.hubVendorEditor .hubVendorField select,.hubVendorEditor .hubVendorField textarea{border-color:color-mix(in srgb,var(--appLine) 86%,var(--appBlue) 14%);background:color-mix(in srgb,var(--appGlass) 88%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.hubVendorEditor .hubVendorField input,.hubVendorEditor .hubVendorField select{min-height:58px;border-radius:18px}.hubVendorEditor .hubVendorField textarea{min-height:118px;border-radius:19px}.hubVendorEditor .hubVendorField input:focus,.hubVendorEditor .hubVendorField select:focus,.hubVendorEditor .hubVendorField textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 80%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent),0 12px 28px color-mix(in srgb,var(--appBlue) 7%,transparent)}
.hubVendorControl{position:relative}.hubVendorControl>i{position:absolute;left:17px;top:50%;z-index:2;transform:translateY(-50%);color:var(--appMuted);font-size:.9rem}.hubVendorControl input{padding-left:47px!important}
.hubVendorSplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hubVendorEditor footer{grid-template-columns:.8fr 1.2fr;gap:12px;padding:14px 22px calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--appPanel) 91%,transparent)}.hubVendorEditor footer button{min-height:56px;border-radius:18px;font-size:.68rem}.hubVendorEditor footer button:last-of-type{background:linear-gradient(112deg,color-mix(in srgb,var(--appBlue) 92%,transparent),color-mix(in srgb,var(--appPink,#d946ef) 84%,transparent));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--appBlue) 21%,transparent)}.hubVendorEditor footer>small{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--appMuted);font-size:.46rem}.hubVendorEditor footer>small i{color:var(--appBlue)}
@media(max-width:560px){.hubVendorEditor{max-height:94dvh;border-radius:30px 30px 0 0}.hubVendorEditor>header{grid-template-columns:52px minmax(0,1fr) 44px;padding:20px 16px 17px}.hubVendorEditor>header>span{width:52px;height:52px;border-radius:18px}.hubVendorEditor>header h2{font-size:1.08rem}.hubVendorEditor>header p{font-size:.61rem}.hubVendorEditor .hubQuickEditFields{padding:14px 14px 20px}.hubVendorSection{padding:15px;border-radius:21px}.hubVendorSplit{grid-template-columns:1fr}.hubVendorEditor footer{padding-left:14px;padding-right:14px}.hubVendorSteps small{display:none}.hubVendorSteps span:not(:last-child)::after{left:calc(50% + 18px);width:calc(100% - 29px)}.hubVendorSteps i{width:35px;height:35px}.hubVendorSteps b{font-size:.49rem}}
@media(max-width:390px){.hubVendorEditor>header p{display:none}.hubVendorEditor>header{align-items:center}.hubVendorSteps{gap:3px;padding:8px 5px}.hubVendorSteps b{font-size:.45rem}.hubVendorEditor footer{grid-template-columns:.72fr 1.28fr;gap:9px}.hubVendorEditor footer button{min-height:52px}}
@media(prefers-color-scheme:dark){.hubVendorEditor{background:color-mix(in srgb,var(--appPanel) 98%,#030712 2%)}.hubVendorSection{background:color-mix(in srgb,var(--appPanel) 92%,#0b1220 8%);box-shadow:0 12px 30px rgba(0,0,0,.16)}.hubVendorEditor .hubVendorField input,.hubVendorEditor .hubVendorField select,.hubVendorEditor .hubVendorField textarea{box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}}


/* V397 mobile registry builder */
.hubRegistryWorkspace{position:relative;padding:14px 16px 110px;min-height:48dvh}
.hubRegistryEmpty{margin:18px 16px;padding:42px 22px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(108,120,154,.14);border-radius:28px;background:color-mix(in srgb,var(--appPanel) 88%,transparent);box-shadow:0 18px 50px rgba(43,56,91,.07)}
.hubRegistryEmpty>span{width:78px;height:78px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(135deg,rgba(45,174,234,.14),rgba(243,77,181,.14));color:#8051f2;font-size:2rem}.hubRegistryEmpty h2{margin:18px 0 5px;color:var(--appText);font-size:1.35rem}.hubRegistryEmpty p{margin:0;color:var(--appMuted);font-size:.88rem}.hubRegistryEmpty button{margin-top:24px;height:50px;padding:0 24px;border:0;border-radius:17px;background:linear-gradient(135deg,rgba(45,174,234,.85),rgba(243,77,181,.85));color:#fff;font-weight:900;display:flex;align-items:center;gap:8px;box-shadow:0 12px 28px rgba(119,78,231,.2)}
.hubRegistrySectionRail{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-padding-inline:2px;scrollbar-width:none}.hubRegistrySectionRail::-webkit-scrollbar{display:none}.hubRegistrySectionTab{position:relative;flex:0 0 96px;width:96px;height:112px;border:1px solid rgba(97,110,145,.14);border-radius:22px;background:color-mix(in srgb,var(--appPanel) 90%,transparent);overflow:hidden;box-shadow:0 8px 22px rgba(43,56,91,.045)}.hubRegistrySectionTab.isActive{border-color:rgba(125,77,236,.5);box-shadow:0 10px 24px rgba(108,74,221,.11)}.hubRegistrySectionTab>button:first-child{width:100%;height:100%;padding:19px 8px 12px;border:0;background:transparent;color:var(--appText);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.hubRegistrySectionTab>button:first-child span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(45,174,234,.13),rgba(243,77,181,.13));color:#7d4cec;font-size:1.12rem}.hubRegistrySectionTab b{display:block;width:100%;max-width:82px;text-align:center;font-size:.77rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubRegistrySectionMenu{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;background:color-mix(in srgb,var(--appPanel) 72%,transparent);color:#858da1;border-radius:9px;display:grid;place-items:center}.hubRegistrySectionTab.isActive:after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,rgba(45,174,234,.85),rgba(243,77,181,.85))}.hubRegistryAddSection{flex:0 0 96px;width:96px;height:112px;border:1px dashed rgba(118,83,229,.38);border-radius:22px;background:linear-gradient(135deg,rgba(45,174,234,.045),rgba(243,77,181,.045));color:#7849e8;font-size:1.25rem;display:grid;place-items:center}
.hubRegistryItems{display:grid;gap:10px;margin-top:10px}.hubRegistryItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(98,111,145,.13);border-radius:21px;background:color-mix(in srgb,var(--appPanel) 90%,transparent)}.hubRegistryItemIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(45,174,234,.12),rgba(243,77,181,.12));color:#7849e8;font-size:1.3rem}.hubRegistryItemBody{min-width:0}.hubRegistryItemBody>div{display:flex;align-items:center;gap:7px}.hubRegistryItem h3{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--appText);font-size:.94rem}.hubRegistryItemBody button{margin-left:auto;width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:#8a91a4}.hubRegistryItemBody>small{display:block;margin-top:4px;color:var(--appMuted);font-size:.68rem;font-weight:800}.hubRegistryItemBody>small.is-high{color:#d63f57}.hubRegistryItemBody>small.is-low{color:#23935a}.hubRegistryItemBody p{margin:6px 0 0;color:var(--appMuted);font-size:.68rem}.hubRegistryItemBody span{display:block;margin-top:4px;color:var(--appMuted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubRegistryItem>em{padding:7px 9px;border-radius:999px;background:rgba(124,67,255,.09);color:#7047e8;font-size:.65rem;font-style:normal;font-weight:900;white-space:nowrap}.hubRegistrySectionEmpty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(108,120,154,.2);border-radius:23px;color:var(--appMuted)}.hubRegistrySectionEmpty i{font-size:1.7rem;color:#8a58ef}.hubRegistrySectionEmpty b{margin-top:8px;color:var(--appText)}.hubRegistrySectionEmpty span{margin-top:3px;font-size:.76rem}.hubRegistryFab{position:fixed;right:20px;bottom:calc(var(--appNavHeight,84px) + 18px + env(safe-area-inset-bottom));z-index:15;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,rgba(45,174,234,.88),rgba(243,77,181,.88));color:#fff;font-size:1.45rem;box-shadow:0 14px 30px rgba(105,71,220,.3)}
.hubRegistryOverlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(16,20,35,.24);backdrop-filter:blur(7px);opacity:0;transition:opacity .2s ease}.hubRegistryOverlay.isOpen{opacity:1}.hubRegistrySheet{width:min(100%,560px);max-height:min(82dvh,720px);overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:var(--appPanel);box-shadow:0 24px 70px rgba(20,26,44,.22);transform:translateY(22px);transition:transform .25s ease}.hubRegistryOverlay.isOpen .hubRegistrySheet{transform:translateY(0)}.hubRegistrySheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hubRegistrySheet header small{display:block;color:#7c43ff;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.hubRegistrySheet h2{margin:2px 0 0;color:var(--appText);font-size:1.25rem}.hubRegistrySheet header>button{width:40px;height:40px;border:0;border-radius:14px;background:var(--appPanelSoft);color:var(--appMuted)}.hubRegistryChoices{display:grid;gap:8px}.hubRegistryChoices>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(98,111,145,.13);border-radius:17px;background:var(--appPanel);text-align:left;color:var(--appText)}.hubRegistryChoices>button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(45,174,234,.11),rgba(243,77,181,.11));color:#7548e8}.hubRegistryChoices b,.hubRegistryChoices small{display:block}.hubRegistryChoices small{margin-top:2px;color:var(--appMuted);font-size:.72rem}.hubRegistryChoices>button>i{color:#7548e8}.hubRegistryNoChoices{padding:18px;border:1px dashed rgba(108,120,154,.2);border-radius:17px;text-align:center}.hubRegistryNoChoices b,.hubRegistryNoChoices span{display:block}.hubRegistryNoChoices span{margin-top:4px;color:var(--appMuted);font-size:.75rem}.hubRegistryCustomChoice{margin-top:4px;min-height:68px;background:linear-gradient(135deg,rgba(45,174,234,.06),rgba(243,77,181,.06))!important}.hubRegistryCustomChoice>div{min-width:0}.hubRegistryCustomChoice>div b,.hubRegistryCustomChoice>div small{white-space:normal;overflow-wrap:anywhere}.hubRegistryCustomChoice>div b{color:#6f43e6}.hubRegistryCustomChoice>div small{line-height:1.25}.hubRegistryFormSheet form{display:grid;gap:12px}.hubRegistryFormSheet label{display:grid;gap:6px;color:var(--appText);font-size:.75rem;font-weight:900}.hubRegistryFormSheet input,.hubRegistryFormSheet select,.hubRegistryFormSheet textarea{width:100%;border:1px solid rgba(98,111,145,.16);border-radius:14px;background:var(--appPanelSoft);color:var(--appText);padding:12px;font:inherit;outline:0}.hubRegistryFormSheet textarea{min-height:86px;resize:none}.hubRegistryFormRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hubRegistryIconChoices{display:flex;gap:8px;overflow:auto}.hubRegistryIconChoices button{flex:0 0 44px;height:44px;border:1px solid rgba(98,111,145,.14);border-radius:14px;background:var(--appPanel);color:var(--appMuted)}.hubRegistryIconChoices button.isActive{border-color:#804cf0;background:rgba(128,76,240,.09);color:#7448e8}.hubRegistryPrimary{height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,rgba(45,174,234,.85),rgba(243,77,181,.85));color:#fff;font-weight:900}.hubRegistryActionSheet>button:not([data-registry-close]){width:100%;height:52px;border:0;border-top:1px solid rgba(98,111,145,.12);background:var(--appPanel);color:var(--appText);display:flex;align-items:center;gap:12px;text-align:left;font-weight:850}.hubRegistryActionSheet>button:not([data-registry-close]) i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appPanelSoft) 88%,var(--appPink) 12%);color:#7448e8}
@media(max-width:430px){.hubRegistryWorkspace{padding-inline:12px}.hubRegistrySectionRail{gap:8px}.hubRegistrySectionTab,.hubRegistryAddSection{flex-basis:88px;width:88px;height:106px}.hubRegistryItem{grid-template-columns:auto minmax(0,1fr);gap:10px}.hubRegistryItem>em{grid-column:2;justify-self:start}.hubRegistryFab{right:16px}}


@media(prefers-color-scheme:dark){
  .hubRegistryEmpty,
  .hubRegistrySectionTab,
  .hubRegistryItem{
    background:color-mix(in srgb,var(--appPanel) 92%,transparent);
    border-color:var(--appLine);
    box-shadow:0 12px 30px rgba(0,0,0,.16);
  }
  .hubRegistrySectionMenu{
    background:color-mix(in srgb,var(--appPanelSoft) 82%,transparent);
    color:var(--appMuted);
  }
  .hubRegistrySheet{
    background:var(--appPanel);
    border-color:var(--appLine);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
  }
  .hubRegistryChoices>button,
  .hubRegistryIconChoices button,
  .hubRegistryActionSheet>button:not([data-registry-close]){
    background:var(--appPanel);
    color:var(--appText);
    border-color:var(--appLine);
  }
  .hubRegistryFormSheet input,
  .hubRegistryFormSheet select,
  .hubRegistryFormSheet textarea,
  .hubRegistrySheet header>button{
    background:var(--appPanelSoft);
    color:var(--appText);
    border-color:var(--appLine);
  }
  .hubRegistryNoChoices,
  .hubRegistrySectionEmpty{
    border-color:var(--appLine);
  }
  .hubRegistryOverlay{
    background:rgba(2,5,14,.58);
  }
}
/* V404 full-width fixed project tab list styled to match the persistent My Bubble top bar */
.hubPage.isProjectWorkspace .hubEventStudioTabsSticky{
  position:fixed;
  top:var(--hubProjectTabsFixedTop, calc(var(--topH) + var(--appSafeTop)));
  left:0;
  right:0;
  z-index:29;
  width:100dvw;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  padding:5px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.14);
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  -webkit-backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  backdrop-filter:blur(var(--blurXl)) saturate(1.8);
  box-shadow:0 10px 40px rgba(0,0,0,.18),inset 0 -1px 0 rgba(255,255,255,.14);
  transform:translateZ(0);
  isolation:isolate;
}
@media (prefers-color-scheme:light){
  .hubPage.isProjectWorkspace .hubEventStudioTabsSticky{
    background:var(--themeTopbar)!important;
    border-bottom-color:var(--themeBorder)!important;
    box-shadow:0 8px 28px rgba(29,42,78,.08),inset 0 -1px 0 rgba(255,255,255,.75)!important;
  }
}
@media (prefers-color-scheme:dark){
  .hubPage.isProjectWorkspace .hubEventStudioTabsSticky{
    background:var(--themeTopbar)!important;
    border-bottom-color:var(--themeBorder)!important;
    box-shadow:0 10px 38px rgba(0,0,0,.28)!important;
  }
}
.hubPage.isProjectWorkspace .hubEventStudioTabsSticky + .hubProjectPanel{
  margin-top:calc(var(--hubProjectTabsFixedHeight,52px) + 12px);
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel{
  padding:0!important;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioHero{
  margin-top:12px;
}
.hubPage.isProjectWorkspace .hubEventStudioOverviewIdentity{
  margin-bottom:12px;
  padding-bottom:0;
}


/* V406 project workspace: Hub tab is the return control; hero meets the fixed project tabs */
.hubPage.isProjectWorkspace .hubEventStudioTabsSticky + .hubProjectPanel{
  margin-top:var(--hubProjectTabsFixedHeight,52px);
  padding-top:0!important;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioHero{
  margin-top:0!important;
}
.hubPage.isProjectWorkspace .hubEventStudioTopActionsNoBack{
  justify-content:flex-end;
}

/* V407 project overview: shorten the photo transition so the identity card sits closer to the fixed tabs */
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioImage{
  min-height:128px!important;
  background-position:center 38%;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioImage::after{
  height:46%;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioOverviewIdentity{
  margin-top:-22px!important;
}
@media(min-width:561px){
  .hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioImage{
    min-height:148px!important;
  }
}


/* V408 project workspace refresh and spacer stability */
.hubPage.isProjectWorkspace{
  padding-top:var(--hubProjectTabsFixedHeight,52px)!important;
  margin-top:0!important;
  overscroll-behavior-y:contain;
}
.hubPage.isProjectWorkspace .hubEventStudioTabsSticky + .hubProjectPanel{
  margin-top:0!important;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioHero{
  margin-top:0!important;
}

/* V409 project overview: remove the exposed background strip beneath the fixed tab list */
.hubPage.isProjectWorkspace .hubProjectOverviewPanel{
  margin-top:-18px!important;
}
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioHero,
.hubPage.isProjectWorkspace .hubProjectOverviewPanel .hubEventStudioImage{
  margin-top:0!important;
}

/* V411 premium project details tab */
.hubProjectDetailsRedesign{display:grid;gap:16px;padding-top:14px}
.hubDetailsHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--appBlue) 16%,var(--appLine));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 9%,transparent),color-mix(in srgb,var(--appPink) 8%,transparent)),var(--appPanel);box-shadow:0 16px 40px rgba(15,23,42,.07);overflow:hidden}
.hubDetailsHero:after{content:"";position:absolute;width:150px;height:150px;right:-72px;bottom:-90px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 35%,transparent),color-mix(in srgb,var(--appPink) 30%,transparent));filter:blur(24px);opacity:.55;pointer-events:none}
.hubDetailsHero>div:first-child{position:relative;z-index:1;min-width:0}
.hubDetailsHero>div:first-child>small{display:block;color:var(--appBlue);font-size:.48rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.hubDetailsHero h2{margin:5px 0 0;font-size:1.05rem;line-height:1.05;letter-spacing:-.04em}
.hubDetailsHero p{max-width:520px;margin:7px 0 0;color:var(--appMuted);font-size:.55rem;line-height:1.5}
.hubDetailsCompletion{position:relative;z-index:1;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--appBlue) var(--details-progress),color-mix(in srgb,var(--appBlue) 10%,var(--appLine)) 0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appBlue) 16%,transparent)}
.hubDetailsCompletion:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--appPanel)}
.hubDetailsCompletion span,.hubDetailsCompletion small{position:relative;z-index:1;text-align:center}
.hubDetailsCompletion span{font-size:.86rem;font-weight:950}
.hubDetailsCompletion small{max-width:58px;margin-top:-7px;color:var(--appMuted);font-size:.36rem;line-height:1.15}
.hubDetailsGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hubDetailsGroup{min-width:0;padding:13px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appPanel) 96%,transparent);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.hubDetailsGroup>header{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:11px;padding:0 2px}
.hubDetailsGroup>header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 13%,transparent),color-mix(in srgb,var(--appPink) 10%,transparent));color:var(--appBlue)}
.hubDetailsGroup h3{margin:0;font-size:.65rem;letter-spacing:-.015em}
.hubDetailsGroup header p{margin:3px 0 0;color:var(--appMuted);font-size:.43rem}
.hubDetailsGroup .hubProjectDetailsGrid{grid-template-columns:1fr;gap:7px}
.hubProjectDetailPremium{min-height:70px;padding:11px;border-radius:16px;background:var(--appPanel)}
.hubProjectDetailPremium.isComplete{border-color:color-mix(in srgb,var(--appBlue) 13%,var(--appLine))}
.hubProjectDetailPremium.isMissing{border-style:dashed;background:color-mix(in srgb,var(--appBlue) 2.5%,var(--appPanel))}
.hubProjectDetailPremium.isMissing b{color:var(--appMuted)}
.hubProjectDetailPremium em{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 9%,transparent);color:var(--appBlue);font-size:.39rem;font-style:normal;font-weight:900}
.hubProjectNotesPremium{margin-top:0;min-height:96px;padding:16px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 5%,transparent),color-mix(in srgb,var(--appPink) 6%,transparent)),var(--appPanel)}
.hubProjectNotesPremium>div>span{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 11%,var(--appPanel)),color-mix(in srgb,var(--appPink) 12%,var(--appPanel)));color:var(--appPink)}
@media(max-width:900px){.hubDetailsGroups{grid-template-columns:1fr}.hubDetailsGroup .hubProjectDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hubProjectDetailsRedesign{gap:12px;padding-top:10px}.hubDetailsHero{grid-template-columns:minmax(0,1fr) 72px;gap:10px;padding:16px;border-radius:20px}.hubDetailsHero h2{font-size:.88rem}.hubDetailsHero p{font-size:.48rem;line-height:1.42}.hubDetailsCompletion{width:72px;height:72px}.hubDetailsCompletion:before{inset:7px}.hubDetailsCompletion span{font-size:.7rem}.hubDetailsCompletion small{max-width:48px;font-size:.31rem}.hubDetailsGroup{padding:11px;border-radius:18px}.hubDetailsGroup>header{grid-template-columns:36px minmax(0,1fr);margin-bottom:9px}.hubDetailsGroup>header>span{width:36px;height:36px;border-radius:11px}.hubDetailsGroup h3{font-size:.6rem}.hubDetailsGroup header p{font-size:.4rem}.hubDetailsGroup .hubProjectDetailsGrid{grid-template-columns:1fr}.hubProjectDetailPremium{min-height:67px;padding:11px}.hubProjectNotesPremium{min-height:88px;padding:13px}}

/* V412 compact mobile-first project details experience */
.hubProjectDetailsRedesign{
  padding:10px;
  gap:12px;
}
.hubDetailsHero{
  padding:16px 17px;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(15,23,42,.055);
}
.hubDetailsGroups{gap:10px}
.hubDetailsGroup{
  padding:11px;
  border-radius:18px;
  box-shadow:0 7px 20px rgba(15,23,42,.035);
}
.hubProjectDetailPremium{
  min-height:64px;
  padding:9px 10px;
  border-radius:14px;
}
.hubProjectNotesPremium{
  min-height:78px;
  padding:12px;
  border-radius:18px;
}
@media(max-width:560px){
  .hubPage.isProjectWorkspace .hubProjectDetailsSection.hubProjectDetailsRedesign{
    padding:5px 6px 10px!important;
    gap:8px;
    border-radius:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
    background:transparent;
  }
  .hubDetailsHero{
    grid-template-columns:minmax(0,1fr) 58px;
    gap:9px;
    padding:11px 12px;
    border-radius:16px;
    box-shadow:0 7px 20px rgba(15,23,42,.045);
  }
  .hubDetailsHero>div:first-child>small{font-size:.43rem}
  .hubDetailsHero h2{margin-top:3px;font-size:.82rem}
  .hubDetailsHero p{
    margin-top:4px;
    max-width:250px;
    font-size:.43rem;
    line-height:1.34;
  }
  .hubDetailsCompletion{
    width:58px;
    height:58px;
  }
  .hubDetailsCompletion:before{inset:6px}
  .hubDetailsCompletion span{font-size:.62rem}
  .hubDetailsCompletion small{
    max-width:41px;
    margin-top:-5px;
    font-size:.26rem;
    line-height:1.05;
  }
  .hubDetailsGroups{gap:8px}
  .hubDetailsGroup{
    padding:8px;
    border-radius:15px;
  }
  .hubDetailsGroup>header{
    grid-template-columns:31px minmax(0,1fr);
    gap:8px;
    margin-bottom:6px;
    padding:0 1px;
  }
  .hubDetailsGroup>header>span{
    width:31px;
    height:31px;
    border-radius:10px;
    font-size:.72rem;
  }
  .hubDetailsGroup h3{font-size:.56rem}
  .hubDetailsGroup header p{margin-top:1px;font-size:.36rem}
  .hubDetailsGroup .hubProjectDetailsGrid{gap:5px}
  .hubProjectDetailPremium{
    min-height:55px;
    grid-template-columns:33px minmax(0,1fr) 13px;
    gap:8px;
    padding:7px 8px;
    border-radius:12px;
    box-shadow:none;
  }
  .hubProjectDetailPremium>span{
    width:33px;
    height:33px;
    border-radius:10px;
  }
  .hubProjectDetailPremium small{font-size:.42rem;letter-spacing:.06em}
  .hubProjectDetailPremium b{margin-top:2px;font-size:.56rem;line-height:1.24}
  .hubProjectDetailPremium em{
    margin-top:3px;
    padding:2px 6px;
    font-size:.33rem;
  }
  .hubProjectDetailPremium.isComplete{
    border-left:3px solid color-mix(in srgb,var(--appBlue) 65%,transparent);
  }
  .hubProjectDetailPremium.isMissing{
    border-left:3px solid color-mix(in srgb,var(--appPink) 42%,transparent);
  }
  .hubProjectNotesPremium{
    min-height:68px;
    margin:0;
    padding:9px 10px;
    border-radius:15px;
  }
  .hubProjectNotesPremium>div{gap:8px}
  .hubProjectNotesPremium>div>span{width:34px;height:34px;border-radius:10px}
  .hubProjectNotesPremium small{font-size:.42rem}
  .hubProjectNotesPremium p{margin-top:3px;font-size:.5rem;line-height:1.32}
}


/* V413 floating compact details progress */
.hubProjectDetailsRedesign{position:relative}
.hubDetailsProgressFloat{
  position:sticky;
  top:calc(var(--hub-project-fixed-tabs-bottom, 0px) + 8px);
  z-index:8;
  width:62px;
  height:62px;
  margin:0 8px -54px auto;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,var(--appPanel) 0 54%,transparent 55%),
    conic-gradient(var(--appBlue) var(--details-progress),color-mix(in srgb,var(--appBlue) 10%,var(--appLine)) 0);
  border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine));
  box-shadow:0 10px 26px rgba(15,23,42,.12),inset 0 0 0 1px rgba(255,255,255,.45);
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  pointer-events:none;
}
.hubDetailsProgressFloat:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:color-mix(in srgb,var(--appPanel) 90%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appBlue) 8%,transparent);
}
.hubDetailsProgressFloat span,.hubDetailsProgressFloat small{position:relative;z-index:1;text-align:center}
.hubDetailsProgressFloat span{font-size:.66rem;font-weight:950;line-height:1}
.hubDetailsProgressFloat small{margin-top:2px;color:var(--appMuted);font-size:.28rem;font-weight:900;letter-spacing:.03em}
.hubProjectDetailsRedesign>.hubDetailsGroups{padding-top:2px}
@media(max-width:560px){
  .hubPage.isProjectWorkspace .hubProjectDetailsSection.hubProjectDetailsRedesign{padding-top:4px!important}
  .hubDetailsProgressFloat{
    top:calc(var(--hub-project-fixed-tabs-bottom, 0px) + 6px);
    width:52px;
    height:52px;
    margin:0 5px -46px auto;
    box-shadow:0 8px 20px rgba(15,23,42,.11),inset 0 0 0 1px rgba(255,255,255,.42);
  }
  .hubDetailsProgressFloat:after{inset:6px}
  .hubDetailsProgressFloat span{font-size:.58rem}
  .hubDetailsProgressFloat small{font-size:.24rem}
  .hubDetailsGroups{padding-top:0}
  .hubDetailsGroup:first-child>header{padding-right:56px}
}


/* V414 remove details progress and reclaim mobile vertical space */
.hubDetailsProgressFloat{display:none!important}
.hubProjectDetailsRedesign>.hubDetailsGroups{padding-top:0!important}
@media(max-width:560px){
  .hubPage.isProjectWorkspace .hubProjectDetailsSection.hubProjectDetailsRedesign{
    padding-top:0!important;
  }
  .hubDetailsGroup:first-child>header{padding-right:0!important}
}


/* V415 Helpful tab: remove redundant heading and reclaim mobile vertical space */
.hubPage.isProjectWorkspace .hubProjectPanel[data-project-panel="helpful"]{
  padding-top:0!important;
}
.hubPage.isProjectWorkspace .hubProjectHelpfulCompact{
  padding-top:0!important;
  margin-top:0!important;
}
.hubPage.isProjectWorkspace .hubProjectHelpfulCompact .hubProjectDetailsGrid{
  margin-top:0!important;
}
@media(max-width:560px){
  .hubPage.isProjectWorkspace .hubProjectPanel[data-project-panel="helpful"]{
    padding-top:0!important;
  }
  .hubPage.isProjectWorkspace .hubProjectHelpfulCompact{
    padding:0 2px 10px!important;
  }
  .hubPage.isProjectWorkspace .hubProjectHelpfulCompact .hubProjectDetailsGrid{
    gap:8px!important;
  }
}

/* V416 Budget tab: compact mobile-first layout without redundant heading */
.hubPage.isProjectWorkspace .hubProjectPanel[data-project-panel="budget"]{
  padding-top:0!important;
}
.hubPage.isProjectWorkspace .hubBudgetCompact{
  margin-top:0!important;
  padding:0!important;
  min-height:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hubBudgetCompact .hubBudgetSummary{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
}
.hubBudgetCompact .hubBudgetSummary>button,
.hubBudgetCompact .hubBudgetSummary>div{
  min-height:96px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:18px;
  overflow:hidden;
}
.hubBudgetCompact .hubBudgetSummary>div{grid-template-columns:38px minmax(0,1fr)}
.hubBudgetCompact .hubBudgetIcon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 15%,transparent),color-mix(in srgb,var(--appPink) 12%,transparent));
  color:var(--appBlue);
  font-size:.82rem;
}
.hubBudgetCompact .hubBudgetSummary>*>div{min-width:0}
.hubBudgetCompact .hubBudgetSummary small{
  display:block;
  font-size:.45rem;
  line-height:1.1;
}
.hubBudgetCompact .hubBudgetSummary b{
  display:block;
  margin-top:4px;
  font-size:.88rem;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hubBudgetCompact .hubBudgetSummary em{
  display:block;
  margin-top:4px;
  color:var(--appMuted);
  font-size:.42rem;
  font-style:normal;
  font-weight:750;
  line-height:1.15;
}
.hubBudgetCompact .hubBudgetPrimary{
  border-color:color-mix(in srgb,var(--appBlue) 24%,var(--appLine))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,transparent),color-mix(in srgb,var(--appPink) 6%,transparent)),var(--appPanel)!important;
}
.hubBudgetCompact .hubBudgetPrimary>i{
  position:static!important;
  transform:none;
  font-size:.7rem;
}
.hubBudgetCompact .hubBudgetTotal{
  border-color:color-mix(in srgb,var(--appPink) 20%,var(--appLine))!important;
}
@media(max-width:700px){
  .hubPage.isProjectWorkspace .hubBudgetPanel{padding-left:10px!important;padding-right:10px!important}
  .hubBudgetCompact .hubBudgetSummary{grid-template-columns:1fr;gap:7px}
  .hubBudgetCompact .hubBudgetSummary>button,
  .hubBudgetCompact .hubBudgetSummary>div{
    min-height:68px;
    padding:9px 10px;
    border-radius:16px;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:9px;
  }
  .hubBudgetCompact .hubBudgetSummary>div{grid-template-columns:34px minmax(0,1fr)}
  .hubBudgetCompact .hubBudgetIcon{width:34px;height:34px;border-radius:11px;font-size:.72rem}
  .hubBudgetCompact .hubBudgetSummary b{margin-top:2px;font-size:.76rem}
  .hubBudgetCompact .hubBudgetSummary small{font-size:.41rem}
  .hubBudgetCompact .hubBudgetSummary em{margin-top:2px;font-size:.38rem}
}


/* V417 Experience Builder merged into the compact v416 Project layout.
   Uses shared app theme variables so light/dark mode remain automatic. */
/* V383 guest Experience Builder */
.hubExperienceBuilder{display:block;padding:0 0 26px}
.hubExperienceBuilderHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:4px 0 16px;padding:0 2px}.hubExperienceBuilderHead>div{min-width:0}.hubExperienceBuilderHead small{display:block;color:var(--appMuted);font-size:.54rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.hubExperienceBuilderHead h2{margin:5px 0 4px;color:var(--appText);font-size:1.08rem;letter-spacing:-.025em}.hubExperienceBuilderHead p{margin:0;max-width:650px;color:var(--appMuted);font-size:.64rem;line-height:1.55}.hubExperienceState{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid var(--appLine);border-radius:999px;background:var(--appGlass);color:var(--appMuted);font-size:.54rem;font-weight:950}.hubExperienceState.isLive{border-color:color-mix(in srgb,#2ebf7f 28%,var(--appLine));background:color-mix(in srgb,#2ebf7f 11%,var(--appGlass));color:#219b67}
.hubExperienceBuilderGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;align-items:start}.hubExperienceControls,.hubExperiencePreviewColumn{min-width:0}.hubExperienceControls{display:grid;gap:12px}.hubExperienceControlSection{padding:15px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appGlass) 90%,transparent);box-shadow:0 10px 28px rgba(16,25,54,.05)}.hubExperienceControlTitle{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:13px}.hubExperienceControlTitle>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 16%,transparent),color-mix(in srgb,var(--appPink) 14%,transparent));color:var(--appBlue)}.hubExperienceControlTitle b{display:block;color:var(--appText);font-size:.72rem}.hubExperienceControlTitle small{display:block;margin-top:3px;color:var(--appMuted);font-size:.55rem;line-height:1.35}.hubExperienceControlSection>label{display:block;margin-top:10px}.hubExperienceControlSection>label>span{display:block;margin:0 0 6px;color:var(--appMuted);font-size:.54rem;font-weight:900}.hubExperienceControlSection input[type="text"],.hubExperienceControlSection input:not([type]),.hubExperienceControlSection textarea,.hubExperienceControlSection select{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.68rem;outline:0}.hubExperienceControlSection textarea{min-height:94px;resize:vertical;line-height:1.45}.hubExperienceControlSection input:focus,.hubExperienceControlSection textarea:focus,.hubExperienceControlSection select:focus{border-color:color-mix(in srgb,var(--appBlue) 55%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 12%,transparent)}
.hubExperienceModuleToggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hubExperienceModuleToggles>label{position:relative;display:block}.hubExperienceModuleToggles input{position:absolute;opacity:0;pointer-events:none}.hubExperienceModuleToggles label>span{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;min-height:62px;padding:10px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanel);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hubExperienceModuleToggles label>span>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appGlass));color:var(--appBlue)}.hubExperienceModuleToggles label>span>b{color:var(--appText);font-size:.61rem}.hubExperienceModuleToggles label>span>small{color:var(--appMuted);font-size:.48rem;line-height:1.25}.hubExperienceModuleToggles input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 35%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)))}.hubExperienceModuleToggles input:checked+span>i{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 20%,var(--appGlass)),color-mix(in srgb,var(--appPink) 16%,var(--appGlass)))}
.hubExperienceSaveBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--appLine);border-radius:19px;background:var(--appGlass)}.hubExperienceSaveBar>div{min-width:0}.hubExperienceSaveBar b{display:block;color:var(--appText);font-size:.64rem}.hubExperienceSaveBar small{display:block;margin-top:3px;color:var(--appMuted);font-size:.5rem;line-height:1.35}.hubExperienceSaveBar button{flex:none;min-height:42px;padding:0 15px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--appBlue),#9b55ff,var(--appPink));color:#fff;font-size:.58rem;font-weight:950;box-shadow:0 8px 20px color-mix(in srgb,var(--appBlue) 22%,transparent)}
.hubExperiencePreviewColumn{position:sticky;top:10px;padding:14px;border:1px solid var(--appLine);border-radius:24px;background:color-mix(in srgb,var(--appGlass) 92%,transparent);box-shadow:0 16px 40px rgba(16,25,54,.08)}.hubExperiencePreviewHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.hubExperiencePreviewHead small{display:block;color:var(--appMuted);font-size:.49rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubExperiencePreviewHead b{display:block;margin-top:2px;color:var(--appText);font-size:.67rem}.hubExperiencePreviewTabs{display:flex;gap:4px;padding:3px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel)}.hubExperiencePreviewTabs button{min-height:31px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--appMuted);font-size:.47rem;font-weight:900}.hubExperiencePreviewTabs button.isActive{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 88%,transparent),color-mix(in srgb,var(--appPink) 72%,transparent));color:#fff}.hubExperiencePreviewStage{min-height:280px;display:grid;align-items:start}
.hubExperienceCardPreview,.hubExperienceInvitationPreview,.hubExperienceSitePreview{overflow:hidden;border:1px solid var(--appLine);border-radius:23px;background:var(--appPanel);box-shadow:0 14px 34px rgba(14,21,46,.1)}.hubExperienceCardImage{position:relative;min-height:150px;background-image:linear-gradient(180deg,transparent,rgba(5,9,25,.52)),var(--experienceImage);background-size:cover;background-position:center}.hubExperienceCardImage>span{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(6,10,27,.54);color:#fff;font-size:.46rem;font-weight:950;letter-spacing:.07em;backdrop-filter:blur(10px)}.hubExperienceCardCopy{padding:14px}.hubExperienceCardCopy>small{color:var(--appBlue);font-size:.49rem;font-weight:950;text-transform:uppercase}.hubExperienceCardCopy h3{margin:4px 0 9px;color:var(--appText);font-size:1rem;letter-spacing:-.025em}.hubExperienceCardCopy p{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.hubExperienceCardCopy p span{display:inline-flex;align-items:center;gap:5px;color:var(--appMuted);font-size:.5rem}.hubExperienceCardCopy>b{display:flex;align-items:center;justify-content:space-between;color:var(--appText);font-size:.57rem}
.hubExperiencePreviewImage{min-height:175px;background-image:linear-gradient(180deg,rgba(7,10,28,.05),rgba(7,10,28,.55)),var(--experienceImage);background-size:cover;background-position:center}.hubExperiencePreviewCopy{padding:16px}.hubExperiencePreviewCopy>small,.hubExperienceSiteHero>small{color:var(--appPink);font-size:.48rem;font-weight:950;letter-spacing:.12em}.hubExperiencePreviewCopy h3,.hubExperienceSiteHero h3{margin:5px 0;color:var(--appText);font-size:1.15rem;letter-spacing:-.035em}.hubExperiencePreviewCopy>p,.hubExperienceSiteHero>p{margin:0;color:var(--appMuted);font-size:.58rem;line-height:1.5}.hubExperiencePreviewCopy>div{display:grid;gap:6px;margin:13px 0}.hubExperiencePreviewCopy>div span{display:flex;align-items:center;gap:7px;color:var(--appText);font-size:.54rem}.hubExperiencePreviewCopy>button{width:100%;min-height:43px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--appBlue),#9556ff,var(--appPink));color:#fff;font-size:.57rem;font-weight:950}.hubExperienceSiteHero{min-height:190px;padding:68px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(180deg,rgba(5,9,25,.12),rgba(5,9,25,.78)),var(--experienceImage);background-size:cover;background-position:center}.hubExperienceSiteHero h3,.hubExperienceSiteHero>p{color:#fff}.hubExperienceSiteHero>p{color:rgba(255,255,255,.78)}.hubExperienceSiteFacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.hubExperienceSiteFacts span{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:1px solid var(--appLine);border-radius:13px;background:var(--appGlass)}.hubExperienceSiteFacts i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--appBlue) 12%,transparent);color:var(--appBlue)}.hubExperienceSiteFacts b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--appText);font-size:.5rem}.hubExperienceModulePreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 12px 12px}.hubExperienceModulePreview span{min-width:0;padding:10px 5px;border:1px solid var(--appLine);border-radius:12px;background:var(--appGlass);color:var(--appMuted);text-align:center;font-size:.45rem;font-weight:850}.hubExperienceModulePreview i{display:block;margin-bottom:5px;color:var(--appPink);font-size:.82rem}
.hubExperienceLaunchCard{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:12px;border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 9%,var(--appPanel)),color-mix(in srgb,var(--appPink) 7%,var(--appPanel)))}.hubExperienceLaunchCard>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 20%,transparent),color-mix(in srgb,var(--appPink) 18%,transparent));color:var(--appBlue)}.hubExperienceLaunchCard>div{min-width:0}.hubExperienceLaunchCard small{display:block;color:var(--appMuted);font-size:.46rem;text-transform:uppercase;font-weight:950;letter-spacing:.08em}.hubExperienceLaunchCard b{display:block;margin-top:2px;color:var(--appText);font-size:.63rem}.hubExperienceLaunchCard p{margin:3px 0 0;color:var(--appMuted);font-size:.48rem;line-height:1.35}.hubExperienceLaunchCard>button{min-height:38px;padding:0 11px;border:0;border-radius:12px;background:var(--appText);color:var(--appPanel);font-size:.51rem;font-weight:950}.hubExperienceShareRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.hubExperienceShareRow button{min-height:40px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanel);color:var(--appText);font-size:.53rem;font-weight:900}
@media(max-width:860px){.hubExperienceBuilderGrid{grid-template-columns:1fr}.hubExperiencePreviewColumn{position:static}.hubExperiencePreviewStage{min-height:0}}
@media(max-width:560px){.hubExperienceBuilderHead{align-items:center}.hubExperienceBuilderHead p{font-size:.58rem}.hubExperienceBuilderGrid{gap:12px}.hubExperienceControlSection{padding:12px;border-radius:19px}.hubExperienceModuleToggles{grid-template-columns:1fr 1fr}.hubExperiencePreviewColumn{padding:11px;border-radius:21px}.hubExperiencePreviewHead{align-items:flex-start;flex-direction:column}.hubExperiencePreviewTabs{width:100%}.hubExperiencePreviewTabs button{flex:1}.hubExperienceSaveBar{align-items:flex-start;flex-direction:column}.hubExperienceSaveBar button{width:100%}.hubExperienceLaunchCard{grid-template-columns:40px minmax(0,1fr)}.hubExperienceLaunchCard>button{grid-column:1/3;width:100%}}
@media(max-width:390px){.hubExperienceModuleToggles{grid-template-columns:1fr}.hubExperienceSiteFacts{grid-template-columns:1fr}.hubExperienceModulePreview{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V384 mobile Experience builder + lifecycle */
.hubExperienceBuilderTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:5px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appGlass) 94%,transparent);position:sticky;top:0;z-index:9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hubExperienceBuilderTabs button{min-width:0;min-height:46px;border:0;border-radius:13px;background:transparent;color:var(--appMuted);font:inherit;font-size:.55rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px}.hubExperienceBuilderTabs button i{font-size:.8rem}.hubExperienceBuilderTabs button.isActive{background:var(--appPanel);color:var(--appText);box-shadow:0 5px 15px rgba(14,21,46,.08)}
.hubExperienceBuilderPane{display:none;min-width:0}.hubExperienceBuilderPane.isActive{display:grid;gap:12px;animation:hubExperiencePaneIn .18s ease both}@keyframes hubExperiencePaneIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.hubExperienceControls{display:block}.hubExperienceBuilderGrid{display:block}.hubExperienceState.isPaused{border-color:color-mix(in srgb,#f59e0b 36%,var(--appLine));background:color-mix(in srgb,#f59e0b 10%,var(--appGlass));color:#b87908}
.hubExperienceFullPreview{width:100%;min-height:58px;margin-top:11px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)));color:var(--appText);font:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.hubExperienceFullPreview>span{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;align-items:center}.hubExperienceFullPreview>span>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--appGlass);color:var(--appBlue);font-size:1rem}.hubExperienceFullPreview b{font-size:.67rem}.hubExperienceFullPreview small{color:var(--appMuted);font-size:.51rem}
.hubExperienceManageCard,.hubExperienceDangerCard{padding:15px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appGlass) 90%,transparent)}.hubExperienceManageHero{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:start}.hubExperienceManageHero>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 14%,transparent),color-mix(in srgb,var(--appPink) 12%,transparent));color:var(--appBlue);font-size:1.1rem}.hubExperienceManageHero small{color:var(--appMuted);font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hubExperienceManageHero h3{margin:3px 0 4px;color:var(--appText);font-size:.84rem}.hubExperienceManageHero p{margin:0;color:var(--appMuted);font-size:.58rem;line-height:1.5}.hubExperienceManageActions{display:grid;gap:8px;margin-top:14px}.hubExperienceManageActions button{min-height:46px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.62rem;font-weight:900}.hubExperienceManageActions button.isPrimary{border:0;background:linear-gradient(135deg,var(--appBlue),var(--appPurple),var(--appPink));color:#fff}.hubExperienceDangerCard{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border-color:color-mix(in srgb,#ef4444 18%,var(--appLine))}.hubExperienceDangerCard>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,#ef4444 10%,var(--appPanel));color:#d93636}.hubExperienceDangerCard b{display:block;color:var(--appText);font-size:.65rem}.hubExperienceDangerCard small{display:block;margin-top:2px;color:var(--appMuted);font-size:.5rem;line-height:1.35}.hubExperienceDangerCard button{min-height:40px;padding:0 12px;border:1px solid color-mix(in srgb,#ef4444 30%,var(--appLine));border-radius:12px;background:transparent;color:#d93636;font:inherit;font-size:.56rem;font-weight:950}.hubExperienceDangerCard button.isArmed{background:#d93636;color:#fff;border-color:#d93636}
@media(max-width:560px){.hubExperienceBuilderHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.hubExperienceBuilderHead p{grid-column:1/-1}.hubExperienceBuilderTabs{margin-left:-2px;margin-right:-2px}.hubExperienceBuilderTabs button{flex-direction:column;gap:2px;min-height:52px;font-size:.48rem}.hubExperienceControlSection{margin:0}.hubExperienceModuleToggles{grid-template-columns:1fr}.hubExperiencePreviewColumn{padding:10px}.hubExperienceDangerCard{grid-template-columns:38px minmax(0,1fr)}.hubExperienceDangerCard button{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.hubExperienceBuilderPane.isActive{animation:none}}


/* v385 - Experience preview/live viewer stays inside the Project workspace. */
body.hubExperienceViewerOpen{overflow:hidden}
.hubExperienceViewer{position:fixed;inset:0;z-index:12080;display:block;background:var(--appBg,#fff);opacity:0;pointer-events:none;transition:opacity .2s ease;overscroll-behavior:contain}
.hubExperienceViewer.isOpen{opacity:1;pointer-events:auto}
.hubExperienceViewerSurface{position:absolute;inset:0;overflow:hidden;background:var(--appBg,#fff)}
.hubExperienceViewerFrame{display:block;width:100%;height:100%;border:0;background:var(--appBg,#fff)}
@media(prefers-reduced-motion:reduce){.hubExperienceViewer{transition:none}}


/* v418 Experience registry bridge */
.hubExperienceRegistryLink{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line,rgba(31,45,78,.11));border-radius:18px;background:var(--panel,rgba(255,255,255,.72));color:var(--text,#11182c);font:inherit;text-align:left}.hubExperienceRegistryLink>span{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0}.hubExperienceRegistryLink>span>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue,#286cff) 14%,transparent),color-mix(in srgb,var(--pink,#f24fb7) 14%,transparent));color:var(--blue,#286cff)}.hubExperienceRegistryLink b{font-size:.82rem}.hubExperienceRegistryLink small{min-width:0;color:var(--muted,#6e7893);font-size:.68rem;line-height:1.35}.hubExperienceRegistryLink>i{color:var(--muted,#6e7893)}


/* v424 Experience style previews: each style is intentionally distinct */
.hubExperienceCardPreview.theme-chromatic,
.hubExperienceInvitationPreview.theme-chromatic,
.hubExperienceSitePreview.theme-chromatic{
  border-color:color-mix(in srgb,var(--appBlue) 18%,var(--appLine));
  background:linear-gradient(145deg,color-mix(in srgb,var(--appPanel) 92%,var(--appBlue) 8%),color-mix(in srgb,var(--appPanel) 92%,var(--appPink) 8%));
}
.theme-chromatic .hubExperienceCardCopy>small{color:var(--appPink)}
.theme-chromatic .hubExperienceCardImage{background-image:linear-gradient(135deg,rgba(24,182,255,.10),rgba(255,79,216,.15)),linear-gradient(180deg,transparent,rgba(5,9,25,.58)),var(--experienceImage)}

.hubExperienceCardPreview.theme-elegant,
.hubExperienceInvitationPreview.theme-elegant,
.hubExperienceSitePreview.theme-elegant{
  border-radius:10px;
  border-color:color-mix(in srgb,var(--appText) 18%,transparent);
  background:color-mix(in srgb,var(--appPanel) 96%,#efe5d7 4%);
  box-shadow:0 8px 24px rgba(26,22,18,.07);
}
.theme-elegant .hubExperienceCardCopy h3,
.theme-elegant .hubExperiencePreviewCopy h3,
.theme-elegant .hubExperienceSiteHero h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.015em}
.theme-elegant .hubExperienceCardCopy>small,
.theme-elegant .hubExperiencePreviewCopy>small,
.theme-elegant .hubExperienceSiteHero>small{color:#9a744a;letter-spacing:.13em}
.theme-elegant .hubExperienceCardImage{filter:saturate(.72) contrast(.96)}
.theme-elegant .hubExperienceCardCopy>b{font-weight:650}

.hubExperienceCardPreview.theme-celebration,
.hubExperienceInvitationPreview.theme-celebration,
.hubExperienceSitePreview.theme-celebration{
  border:0;
  border-radius:30px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--appPanel) 87%,#fff0ad 13%),color-mix(in srgb,var(--appPanel) 88%,#ffd4ef 12%));
  box-shadow:0 18px 36px rgba(126,68,193,.14);
}
.theme-celebration .hubExperienceCardImage{min-height:164px;background-image:linear-gradient(180deg,transparent 25%,rgba(45,15,62,.56)),var(--experienceImage)}
.theme-celebration .hubExperienceCardCopy h3,
.theme-celebration .hubExperiencePreviewCopy h3,
.theme-celebration .hubExperienceSiteHero h3{font-weight:950;letter-spacing:-.04em}
.theme-celebration .hubExperienceCardCopy>small{color:#e2409e}
.theme-celebration .hubExperienceCardCopy>b{color:#7548e8}

.hubExperienceCardPreview.theme-minimal,
.hubExperienceInvitationPreview.theme-minimal,
.hubExperienceSitePreview.theme-minimal{
  border:1px solid var(--appLine);
  border-radius:14px;
  background:var(--appPanel);
  box-shadow:none;
}
.theme-minimal .hubExperienceCardImage{min-height:105px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.24)),var(--experienceImage)}
.theme-minimal .hubExperienceCardCopy{padding:12px}
.theme-minimal .hubExperienceCardCopy>small{color:var(--appMuted);text-transform:none;letter-spacing:0}
.theme-minimal .hubExperienceCardCopy h3{font-size:.95rem;font-weight:750}


/* v425 host Experience workspace redesign */
.hubExperienceBuilder{padding:8px 0 34px}
.hubExperienceHostHero{
  margin:0 0 10px;
  padding:16px;
  border:1px solid var(--appLine);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--appPink) 13%,transparent),transparent 35%),
    radial-gradient(circle at 2% 90%,color-mix(in srgb,var(--appBlue) 12%,transparent),transparent 34%),
    color-mix(in srgb,var(--appPanel) 94%,transparent);
  overflow:hidden;
}
.hubExperienceHostHeroTop{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:11px}
.hubExperienceHostMark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 18%,transparent),color-mix(in srgb,var(--appPink) 16%,transparent));color:var(--appBlue);font-size:1rem}
.hubExperienceHostIntro{min-width:0}.hubExperienceHostIntro>small{display:block;color:var(--appMuted);font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hubExperienceHostIntro h2{margin:3px 0 3px;color:var(--appText);font-size:1.02rem;letter-spacing:-.025em}.hubExperienceHostIntro p{margin:0;max-width:620px;color:var(--appMuted);font-size:.58rem;line-height:1.45}
.hubExperienceJourney{display:grid;grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;align-items:center;gap:7px;margin-top:15px;padding-top:12px;border-top:1px solid var(--appLine)}
.hubExperienceJourney>span{display:flex;align-items:center;gap:6px;color:var(--appMuted);font-size:.49rem;font-weight:850}.hubExperienceJourney>span i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--appPanelSoft);font-size:.62rem}
.hubExperienceJourney>span.isDone{color:var(--appText)}.hubExperienceJourney>span.isDone i{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 20%,var(--appPanel)),color-mix(in srgb,var(--appPink) 18%,var(--appPanel)));color:var(--appBlue)}
.hubExperienceJourney>i{display:block;height:1px;background:var(--appLine)}
.hubExperienceBuilderTabs{position:sticky;top:var(--hubProjectTabsFixedHeight,52px);z-index:8;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 12px;padding:5px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appPanel) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hubExperienceBuilderTabs button{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:13px;background:transparent;color:var(--appMuted);font-size:.52rem;font-weight:900}
.hubExperienceBuilderTabs button i{font-size:.83rem}.hubExperienceBuilderTabs button.isActive{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 12%,var(--appPanel)),color-mix(in srgb,var(--appPink) 10%,var(--appPanel)));color:var(--appText);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appBlue) 20%,var(--appLine))}
.hubExperienceHostCard{margin-bottom:10px;padding:15px;border:1px solid var(--appLine);border-radius:22px;background:color-mix(in srgb,var(--appPanel) 94%,transparent)}
.hubExperienceHostSectionHead{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:13px}.hubExperienceHostSectionHead>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 13%,transparent),color-mix(in srgb,var(--appPink) 11%,transparent));color:var(--appBlue)}
.hubExperienceHostSectionHead small{display:block;color:var(--appMuted);font-size:.47rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubExperienceHostSectionHead h3{margin:2px 0 2px;color:var(--appText);font-size:.78rem;letter-spacing:-.015em}.hubExperienceHostSectionHead p{margin:0;color:var(--appMuted);font-size:.52rem;line-height:1.4}
.hubExperienceFieldStack{display:grid;gap:10px}.hubExperienceFieldStack label,.hubExperienceGiftFields>label{display:grid;gap:5px}.hubExperienceFieldStack label>span,.hubExperienceGiftFields>label>span{color:var(--appMuted);font-size:.51rem;font-weight:850}
.hubExperienceFieldStack input,.hubExperienceFieldStack textarea,.hubExperienceGiftFields input,.hubExperienceGiftFields textarea{width:100%;padding:11px 12px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanelSoft);color:var(--appText);font:inherit;font-size:.68rem;outline:0}.hubExperienceFieldStack input{min-height:45px}.hubExperienceFieldStack textarea,.hubExperienceGiftFields textarea{min-height:92px;resize:vertical}
.hubExperienceFieldStack input:focus,.hubExperienceFieldStack textarea:focus,.hubExperienceGiftFields input:focus,.hubExperienceGiftFields textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 45%,var(--appLine));box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 10%,transparent)}
.hubExperienceThemeSelect{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.hubExperienceStyleChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hubExperienceStyleChoices>button{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:72px;padding:10px;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);color:var(--appText);text-align:left}.hubExperienceStyleChoices>button.isActive{border-color:color-mix(in srgb,var(--appBlue) 42%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)))}
.hubExperienceStyleChoices>button>span:nth-child(2){min-width:0}.hubExperienceStyleChoices b{display:block;font-size:.61rem}.hubExperienceStyleChoices small{display:block;margin-top:3px;color:var(--appMuted);font-size:.47rem;line-height:1.25}.hubExperienceStyleChoices>button>i{justify-self:end;color:var(--appMuted)}.hubExperienceStyleChoices>button.isActive>i{color:var(--appBlue)}
.hubExperienceStyleSwatch{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:.88rem}.hubExperienceStyleSwatch.is-chromatic{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 22%,var(--appPanel)),color-mix(in srgb,var(--appPink) 20%,var(--appPanel)));color:var(--appBlue)}.hubExperienceStyleSwatch.is-elegant{border-radius:8px;background:#eee2d5;color:#7b5b40}.hubExperienceStyleSwatch.is-celebration{border-radius:50%;background:linear-gradient(135deg,#ffe1f2,#e5e0ff);color:#c2479a}.hubExperienceStyleSwatch.is-minimal{border:1px solid var(--appLine);border-radius:8px;background:var(--appPanelSoft);color:var(--appMuted)}
.hubExperienceContentCard .hubExperienceModuleToggles{margin-top:2px}.hubExperienceModuleToggles label>span{min-height:68px;border-radius:17px}.hubExperienceModuleToggles input:checked+span:after{content:"On";justify-self:end;align-self:center;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 12%,transparent);color:var(--appBlue);font-size:.42rem;font-weight:900}
.hubExperienceHostSave{position:sticky;bottom:calc(var(--appNavHeight,84px) + env(safe-area-inset-bottom) + 8px);z-index:7;box-shadow:0 10px 30px rgba(15,24,48,.12)}
.hubExperiencePreviewWelcome{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px}.hubExperiencePreviewWelcome>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 13%,transparent),color-mix(in srgb,var(--appPink) 11%,transparent));color:var(--appBlue)}.hubExperiencePreviewWelcome small{display:block;color:var(--appMuted);font-size:.47rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubExperiencePreviewWelcome h3{margin:2px 0;color:var(--appText);font-size:.78rem}.hubExperiencePreviewWelcome p{margin:0;color:var(--appMuted);font-size:.52rem;line-height:1.4}
.hubExperiencePreviewHead{justify-content:flex-start}.hubExperiencePreviewTabs{width:100%}.hubExperiencePreviewTabs button{flex:1;min-height:36px}
.hubExperienceHostManage{padding:16px}.hubExperienceManageEyebrow{display:flex;align-items:center;gap:7px;margin-bottom:11px;color:var(--appMuted);font-size:.48rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubExperienceManageEyebrow i{color:var(--appBlue)}
@media(max-width:560px){
  .hubExperienceBuilder{padding-top:4px}
  .hubExperienceHostHero{padding:13px;border-radius:20px}
  .hubExperienceHostHeroTop{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}
  .hubExperienceHostMark{width:38px;height:38px;border-radius:13px}
  .hubExperienceHostIntro h2{font-size:.88rem}.hubExperienceHostIntro p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.52rem}
  .hubExperienceJourney{margin-top:11px;padding-top:10px}.hubExperienceJourney>span b{display:none}.hubExperienceJourney>span i{width:23px;height:23px}
  .hubExperienceBuilderTabs{top:var(--hubProjectTabsFixedHeight,52px);margin-inline:0;border-radius:16px}
  .hubExperienceBuilderTabs button{min-height:44px;flex-direction:column;gap:2px;font-size:.44rem}.hubExperienceBuilderTabs button i{font-size:.78rem}
  .hubExperienceHostCard{padding:12px;border-radius:18px}
  .hubExperienceHostSectionHead{grid-template-columns:36px minmax(0,1fr);gap:9px;margin-bottom:11px}.hubExperienceHostSectionHead>span{width:36px;height:36px;border-radius:12px}.hubExperienceHostSectionHead h3{font-size:.72rem}.hubExperienceHostSectionHead p{font-size:.48rem}
  .hubExperienceStyleChoices{grid-template-columns:1fr}
  .hubExperienceStyleChoices>button{min-height:64px;padding:8px 9px}
  .hubExperienceStyleSwatch{width:38px;height:38px}
  .hubExperienceModuleToggles{grid-template-columns:1fr}
  .hubExperienceModuleToggles label>span{min-height:60px}
  .hubExperienceHostSave{bottom:calc(var(--appNavHeight,84px) + env(safe-area-inset-bottom) + 6px);padding:10px 11px;border-radius:16px}
  .hubExperienceHostSave small{display:none}
  .hubExperiencePreviewColumn{padding:12px}
}
@media(prefers-color-scheme:dark){
  .hubExperienceHostHero,.hubExperienceHostCard,.hubExperienceBuilderTabs{box-shadow:none}
  .hubExperienceStyleSwatch.is-elegant{background:#2e261f;color:#d9bea5}
  .hubExperienceStyleSwatch.is-celebration{background:linear-gradient(135deg,#392033,#2b2540);color:#f09bd1}
}


/* v426 host Experience visual redesign based on approved mobile concept */
.hubExperienceCommand{display:grid;gap:10px;margin:4px 0 12px}
.hubExperienceCommandTitle{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:4px 2px}
.hubExperienceCommandTitle>span{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 18%,transparent),color-mix(in srgb,var(--appPink) 15%,transparent));color:#a05cff;font-size:1.1rem}
.hubExperienceCommandTitle h2{margin:0;color:var(--appText);font-size:1.02rem;letter-spacing:-.02em}
.hubExperienceCommandTitle p{margin:3px 0 0;color:var(--appMuted);font-size:.57rem}
.hubExperienceCommandTitle>button{min-height:40px;padding:0 13px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.54rem;font-weight:850;display:flex;align-items:center;gap:7px}
.hubExperienceStatusPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.72fr);align-items:stretch;gap:12px;padding:16px;border:1px solid var(--appLine);border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--appPanel) 97%,var(--appBlue) 3%),color-mix(in srgb,var(--appPanel) 97%,var(--appPink) 3%))}
.hubExperienceStatusInfo{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}
.hubExperienceStatusIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appPink) 18%,var(--appPanel)),color-mix(in srgb,#8a55ff 18%,var(--appPanel)));color:var(--appPink);font-size:1.15rem}
.hubExperienceStatusInfo small{display:block;color:var(--appMuted);font-size:.48rem}
.hubExperienceStatusInfo div>div{display:flex;align-items:center;gap:8px;margin-top:2px}.hubExperienceStatusInfo h3{margin:0;color:var(--appText);font-size:.92rem}.hubExperienceStatusInfo em{font-style:normal;color:var(--appMuted);font-size:.5rem}.hubExperienceStatusInfo em:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#8e55ff;vertical-align:middle}
.hubExperienceStatusInfo p{margin:7px 0 0;color:var(--appMuted);font-size:.52rem}
.hubExperienceStatusActions{display:grid;align-content:center;gap:7px}
.hubExperienceStatusActions button{min-height:48px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.58rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}
.hubExperienceStatusActions button.isPrimary{border:0;background:linear-gradient(135deg,#2779ff,#8d55f5,#ef43be);color:#fff;box-shadow:0 10px 24px rgba(111,71,226,.22)}
.hubExperienceBuilderTabs{position:sticky;top:var(--hubProjectTabsFixedHeight,52px);z-index:9;grid-template-columns:repeat(4,1fr);margin:0 0 11px;padding:5px;border-radius:16px}
.hubExperienceBuilderTabs button{min-height:43px}
.hubExperienceGuestSections{margin-bottom:10px}.hubExperienceGuestSectionsHead{display:flex;justify-content:space-between;align-items:end;margin:2px 2px 10px}.hubExperienceGuestSectionsHead small{display:block;color:var(--appMuted);font-size:.47rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hubExperienceGuestSectionsHead h3{margin:2px 0;color:var(--appText);font-size:.86rem}.hubExperienceGuestSectionsHead p{margin:0;color:var(--appMuted);font-size:.5rem}
.hubExperienceGuestSectionList{display:grid;gap:7px}
.hubExperienceGuestSection{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:10px 12px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);transition:border-color .16s ease,background .16s ease}
.hubExperienceGuestSection.isOn{border-color:color-mix(in srgb,var(--appBlue) 32%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)))}
.hubExperienceGuestSection>input{position:absolute;opacity:0;pointer-events:none}
.hubExperienceGuestSectionIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanelSoft));color:var(--appBlue);font-size:1rem}
.hubExperienceGuestSection.isOn .hubExperienceGuestSectionIcon{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 15%,var(--appPanel)))}
.hubExperienceGuestSectionCopy{min-width:0}.hubExperienceGuestSectionCopy b{display:block;color:var(--appText);font-size:.65rem}.hubExperienceGuestSectionCopy small{display:block;margin-top:3px;color:var(--appMuted);font-size:.5rem;line-height:1.3}
.hubExperienceGuestSectionState{display:flex;align-items:center;gap:8px}.hubExperienceGuestSectionState em{font-style:normal;color:var(--appMuted);font-size:.53rem}.hubExperienceGuestSectionState i{position:relative;width:38px;height:23px;border-radius:999px;background:color-mix(in srgb,var(--appMuted) 25%,var(--appPanelSoft));transition:.18s}.hubExperienceGuestSectionState i:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.18s}.hubExperienceGuestSection.isOn .hubExperienceGuestSectionState i{background:linear-gradient(90deg,#7550eb,#d044cf)}.hubExperienceGuestSection.isOn .hubExperienceGuestSectionState i:after{left:18px}
.hubExperienceInlineSave{position:static!important;margin-top:10px;box-shadow:none!important}.hubExperienceInlineSave button{min-width:170px}
.hubExperienceHostSave{position:static!important;bottom:auto!important;box-shadow:none!important}
@media(max-width:560px){
  .hubExperienceCommandTitle{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}.hubExperienceCommandTitle>span{width:40px;height:40px;border-radius:14px}.hubExperienceCommandTitle h2{font-size:.88rem}.hubExperienceCommandTitle p{font-size:.49rem}.hubExperienceCommandTitle>button{width:40px;min-height:40px;padding:0;justify-content:center}.hubExperienceCommandTitle>button span{display:none}
  .hubExperienceStatusPanel{grid-template-columns:1fr;gap:10px;padding:13px;border-radius:20px}
  .hubExperienceStatusInfo{grid-template-columns:44px minmax(0,1fr);gap:10px}.hubExperienceStatusIcon{width:44px;height:44px;border-radius:15px}.hubExperienceStatusInfo h3{font-size:.82rem}.hubExperienceStatusInfo p{font-size:.48rem}
  .hubExperienceStatusActions{grid-template-columns:1fr auto}.hubExperienceStatusActions button{min-height:44px}.hubExperienceStatusActions button:not(.isPrimary){padding-inline:14px}
  .hubExperienceBuilderTabs button span{font-size:.42rem}
  .hubExperienceGuestSectionsHead p{display:none}
  .hubExperienceGuestSection{grid-template-columns:40px minmax(0,1fr) auto;min-height:68px;padding:9px 10px;border-radius:16px}.hubExperienceGuestSectionIcon{width:40px;height:40px;border-radius:13px}.hubExperienceGuestSectionCopy b{font-size:.61rem}.hubExperienceGuestSectionCopy small{font-size:.46rem}.hubExperienceGuestSectionState em{display:none}
  .hubExperienceInlineSave{display:grid;grid-template-columns:1fr;gap:8px;padding:11px;border-radius:16px}.hubExperienceInlineSave>div{display:none}.hubExperienceInlineSave button{width:100%;min-width:0}
}
@media(prefers-color-scheme:dark){
  .hubExperienceStatusPanel{background:linear-gradient(135deg,color-mix(in srgb,var(--appPanel) 94%,#12203a 6%),color-mix(in srgb,var(--appPanel) 94%,#28172d 6%))}
}

/* v429 cohesive Experience builder: templates, cover media, connected content, and spacious workflow */
.hubExperienceBuilder{padding:10px 0 38px}
.hubExperienceWorkspaceHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:4px 0 16px;padding:18px;border:1px solid var(--appLine);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--appPanel) 96%,var(--appBlue) 4%),color-mix(in srgb,var(--appPanel) 96%,var(--appPink) 4%))}
.hubExperienceWorkspaceIntro{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.hubExperienceWorkspaceIntro>span{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 18%,transparent),color-mix(in srgb,var(--appPink) 16%,transparent));color:#9a58f2;font-size:1.12rem}.hubExperienceWorkspaceIntro small{display:block;color:var(--appMuted);font-size:.54rem;font-weight:950;letter-spacing:.09em}.hubExperienceWorkspaceIntro h2{margin:3px 0 4px;color:var(--appText);font-size:1.1rem;letter-spacing:-.03em}.hubExperienceWorkspaceIntro p{max-width:650px;margin:0;color:var(--appMuted);font-size:.66rem;line-height:1.5}
.hubExperienceWorkspaceTools{display:flex;align-items:center;gap:9px}.hubExperienceWorkspaceTools>button{min-height:44px;padding:0 14px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.6rem;font-weight:900;display:flex;align-items:center;gap:7px}.hubExperienceStatusChip{min-height:44px;display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;align-items:center;padding:8px 12px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel)}.hubExperienceStatusChip>i{width:8px;height:8px;border-radius:50%;background:#8791a7}.hubExperienceStatusChip.is-live>i{background:#35c88a;box-shadow:0 0 0 5px color-mix(in srgb,#35c88a 13%,transparent)}.hubExperienceStatusChip.is-paused>i{background:#f4a62f}.hubExperienceStatusChip span{display:grid}.hubExperienceStatusChip b{color:var(--appText);font-size:.58rem}.hubExperienceStatusChip small{color:var(--appMuted);font-size:.46rem}
.hubExperienceBuilderTabs{top:var(--hubProjectTabsFixedHeight,52px);margin-bottom:14px;padding:6px;border-radius:18px}.hubExperienceBuilderTabs button{min-height:48px;font-size:.56rem}.hubExperienceBuilderTabs button.isActive{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appBlue) 22%,var(--appLine)),0 7px 18px rgba(37,64,126,.06)}
.hubExperienceHostCard{margin-bottom:13px;padding:18px;border-radius:24px}.hubExperienceHostSectionHead{grid-template-columns:44px minmax(0,1fr);gap:12px;margin-bottom:16px}.hubExperienceHostSectionHead>span{width:44px;height:44px;border-radius:15px;font-size:1rem}.hubExperienceHostSectionHead small{font-size:.51rem}.hubExperienceHostSectionHead h3{font-size:.92rem}.hubExperienceHostSectionHead p{max-width:680px;font-size:.6rem;line-height:1.48}
.hubExperienceTemplateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hubExperienceTemplateGrid>button{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:94px;padding:12px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel);color:var(--appText);text-align:left}.hubExperienceTemplateGrid>button.isActive{border-color:color-mix(in srgb,var(--appBlue) 44%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)))}.hubExperienceTemplateGrid>button>i{justify-self:end;color:var(--appMuted)}.hubExperienceTemplateGrid>button.isActive>i{color:var(--appBlue)}.hubExperienceTemplateGrid b{display:block;font-size:.72rem}.hubExperienceTemplateGrid small{display:block;margin-top:4px;color:var(--appMuted);font-size:.53rem;line-height:1.35}.hubExperienceTemplateMini{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:1.08rem;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 15%,var(--appPanel)),color-mix(in srgb,var(--appPink) 14%,var(--appPanel)));color:var(--appBlue)}.hubExperienceTemplateMini.is-photo{border-radius:14px;background:linear-gradient(160deg,#bde8ff,#f2d8ff);color:#5e70d7}.hubExperienceTemplateMini.is-celebration{border-radius:50%;background:linear-gradient(140deg,#ffe0f1,#e9e0ff);color:#c44fa1}.hubExperienceTemplateMini.is-elegant{border-radius:11px;background:#eee2d5;color:#76583f}.hubExperienceTemplateMini.is-minimal{border:1px solid var(--appLine);border-radius:11px;background:var(--appPanelSoft);color:var(--appMuted)}
.hubExperienceCoverPreview{position:relative;min-height:250px;aspect-ratio:16/8.8;overflow:hidden;border:1px solid var(--appLine);border-radius:24px;background-image:linear-gradient(180deg,rgba(6,10,28,.02),rgba(6,10,28,.48)),var(--experienceCover);background-size:cover;background-position:var(--experienceCoverPosition,center 42%);box-shadow:0 13px 32px rgba(19,34,74,.11)}.hubExperienceCoverPreview>div{position:absolute;inset:auto 14px 14px;display:flex;justify-content:flex-start}.hubExperienceCoverPreview span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(9,14,32,.6);color:#fff;font-size:.5rem;font-weight:900;backdrop-filter:blur(12px)}.hubExperienceCoverTools{display:grid;grid-template-columns:auto auto minmax(170px,1fr);gap:9px;align-items:end;margin-top:12px}.hubExperienceCoverTools>button{min-height:44px;padding:0 13px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.57rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}.hubExperienceCoverTools>button:first-child{border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 15%,var(--appPanel)),color-mix(in srgb,var(--appPink) 12%,var(--appPanel)))}.hubExperienceCoverTools label{display:grid;gap:5px}.hubExperienceCoverTools label>span,.hubExperienceSettingsBody label>span{color:var(--appMuted);font-size:.51rem;font-weight:850}.hubExperienceCoverTools select,.hubExperienceSettingsBody input,.hubExperienceSettingsBody select,.hubExperienceSettingsBody textarea{width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanelSoft);color:var(--appText);font:inherit;font-size:.62rem;outline:0}.hubExperienceSettingsBody textarea{min-height:88px;resize:vertical}.hubExperienceCoverHelp{margin:8px 2px 0;color:var(--appMuted);font-size:.5rem}
.hubExperienceFieldStack{gap:12px}.hubExperienceFieldStack label>span{font-size:.54rem}.hubExperienceFieldStack input,.hubExperienceFieldStack textarea{font-size:.72rem;padding:12px 13px}.hubExperienceFieldStack input{min-height:48px}.hubExperienceFieldStack textarea{min-height:105px}
.hubExperienceCoreFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hubExperienceCoreFacts>div{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;padding:11px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanelSoft)}.hubExperienceCoreFacts i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,transparent);color:var(--appBlue)}.hubExperienceCoreFacts span{min-width:0}.hubExperienceCoreFacts small{display:block;color:var(--appMuted);font-size:.47rem}.hubExperienceCoreFacts b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--appText);font-size:.58rem}
.hubExperienceConnectedAction{width:100%;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:11px;padding:11px 13px;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);color:var(--appText);font:inherit;text-align:left}.hubExperienceConnectedAction>span{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0}.hubExperienceConnectedAction>span>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 13%,transparent),color-mix(in srgb,var(--appPink) 11%,transparent));color:var(--appBlue)}.hubExperienceConnectedAction b{font-size:.63rem}.hubExperienceConnectedAction small{color:var(--appMuted);font-size:.49rem;line-height:1.35}.hubExperienceConnectedAction>i{color:var(--appMuted)}
.hubExperienceGuestSections{margin:4px 0 13px}.hubExperienceGuestSectionsHead{margin:0 2px 12px}.hubExperienceGuestSectionsHead h3{font-size:.94rem}.hubExperienceGuestSectionsHead p{font-size:.58rem}.hubExperienceGuestSection{min-height:78px;padding:12px 13px;border-radius:19px}.hubExperienceGuestSectionCopy b{font-size:.68rem}.hubExperienceGuestSectionCopy small{font-size:.52rem;line-height:1.4}
.hubExperienceSectionSettings{display:grid;gap:10px}.hubExperienceSettingsCard{overflow:hidden;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel)}.hubExperienceSettingsCard>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:70px;padding:11px 14px;cursor:pointer}.hubExperienceSettingsCard>summary::-webkit-details-marker{display:none}.hubExperienceSettingsCard>summary>span{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center}.hubExperienceSettingsCard>summary>span>i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 11%,transparent);color:var(--appBlue)}.hubExperienceSettingsCard>summary b{font-size:.67rem}.hubExperienceSettingsCard>summary small{color:var(--appMuted);font-size:.49rem}.hubExperienceSettingsCard>summary>i{color:var(--appMuted);transition:transform .18s}.hubExperienceSettingsCard[open]>summary>i{transform:rotate(180deg)}.hubExperienceSettingsBody{display:grid;gap:12px;padding:0 14px 14px;border-top:1px solid var(--appLine);padding-top:14px}.hubExperienceSettingsBody>label{display:grid;gap:6px}.hubExperienceOptionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hubExperienceOption{position:relative}.hubExperienceOption>input{position:absolute;opacity:0;pointer-events:none}.hubExperienceOption>span{display:block;min-height:82px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanelSoft)}.hubExperienceOption>span:after{content:"Off";float:right;margin-top:-18px;color:var(--appMuted);font-size:.46rem;font-weight:900}.hubExperienceOption>input:checked+span{border-color:color-mix(in srgb,var(--appBlue) 35%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)))}.hubExperienceOption>input:checked+span:after{content:"On";color:var(--appBlue)}.hubExperienceOption b{display:block;padding-right:28px;color:var(--appText);font-size:.6rem}.hubExperienceOption small{display:block;margin-top:5px;color:var(--appMuted);font-size:.48rem;line-height:1.35}.hubExperiencePartyLimit{max-width:260px}
.hubExperienceScheduleEditor,.hubExperienceUpdatesEditor{display:grid;gap:8px}.hubExperienceScheduleRow{display:grid;grid-template-columns:105px minmax(150px,.9fr) minmax(220px,1.4fr) 38px;gap:8px;align-items:end;padding:10px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanelSoft)}.hubExperienceScheduleRow label{display:grid;gap:5px}.hubExperienceScheduleRow label>span{color:var(--appMuted);font-size:.47rem;font-weight:850}.hubExperienceScheduleRow>button,.hubExperienceUpdateRow>button{width:38px;height:38px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel);color:var(--appMuted)}.hubExperienceUpdateRow{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:start}.hubExperienceUpdateRow textarea{min-height:72px}.hubExperienceAddRow{justify-self:start;min-height:42px;padding:0 13px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.55rem;font-weight:900;display:flex;align-items:center;gap:7px}
.hubExperienceConnectedList{display:grid;gap:7px}.hubExperienceConnectedList>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanelSoft)}.hubExperienceConnectedList>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appBlue) 10%,transparent);color:var(--appBlue)}.hubExperienceConnectedList b{display:block;color:var(--appText);font-size:.57rem}.hubExperienceConnectedList small{display:block;margin-top:2px;color:var(--appMuted);font-size:.46rem}.hubExperienceConnectedList .isEmpty{opacity:.86}
.hubExperienceSaveBar{margin-top:14px;padding:13px 14px;border-radius:18px}.hubExperienceSaveBar b{font-size:.62rem}.hubExperienceSaveBar small{font-size:.49rem}.hubExperienceSaveBar button{min-height:44px}
.hubExperiencePreviewFocused{padding:18px;border-radius:24px}.hubExperiencePreviewFocused .hubExperiencePreviewStage{max-width:660px;margin:0 auto}.hubExperienceFullPreview{margin-top:12px}
.hubExperienceCardImage,.hubExperiencePreviewImage,.hubExperienceSiteHero{background-position:var(--experiencePosition,center 42%)}
@media(max-width:760px){.hubExperienceScheduleRow{grid-template-columns:92px minmax(0,1fr) 38px}.hubExperienceScheduleRow .isWide{grid-column:1/3}.hubExperienceScheduleRow>button{grid-column:3;grid-row:1}.hubExperienceOptionGrid{grid-template-columns:1fr}.hubExperienceCoreFacts{grid-template-columns:1fr}.hubExperienceCoverTools{grid-template-columns:1fr 1fr}.hubExperienceCoverTools label{grid-column:1/-1}.hubExperienceTemplateGrid{grid-template-columns:1fr}}
@media(max-width:560px){.hubExperienceWorkspaceHead{grid-template-columns:1fr;gap:12px;margin-top:2px;padding:15px;border-radius:22px}.hubExperienceWorkspaceIntro{grid-template-columns:42px minmax(0,1fr);gap:11px}.hubExperienceWorkspaceIntro>span{width:42px;height:42px;border-radius:14px}.hubExperienceWorkspaceIntro h2{font-size:.96rem}.hubExperienceWorkspaceIntro p{font-size:.57rem;line-height:1.45}.hubExperienceWorkspaceTools{justify-content:space-between}.hubExperienceStatusChip{flex:1}.hubExperienceWorkspaceTools>button{min-width:96px;justify-content:center}.hubExperienceBuilderTabs button{min-height:47px;gap:3px}.hubExperienceBuilderTabs button span{font-size:.46rem}.hubExperienceHostCard{padding:15px;border-radius:21px}.hubExperienceHostSectionHead{grid-template-columns:40px minmax(0,1fr);gap:10px;margin-bottom:14px}.hubExperienceHostSectionHead>span{width:40px;height:40px;border-radius:14px}.hubExperienceHostSectionHead h3{font-size:.84rem}.hubExperienceHostSectionHead p{font-size:.55rem}.hubExperienceTemplateGrid>button{grid-template-columns:52px minmax(0,1fr) 20px;min-height:86px;padding:10px}.hubExperienceTemplateMini{width:52px;height:52px}.hubExperienceTemplateGrid b{font-size:.66rem}.hubExperienceTemplateGrid small{font-size:.49rem}.hubExperienceCoverPreview{min-height:190px;border-radius:20px}.hubExperienceCoverTools{grid-template-columns:1fr}.hubExperienceCoverTools label{grid-column:auto}.hubExperienceFieldStack input{min-height:47px}.hubExperienceGuestSection{grid-template-columns:42px minmax(0,1fr) auto;min-height:74px;padding:10px 11px}.hubExperienceGuestSectionIcon{width:42px;height:42px}.hubExperienceGuestSectionCopy small{font-size:.49rem}.hubExperienceSettingsCard>summary{min-height:68px;padding:10px 12px}.hubExperienceSettingsBody{padding:12px}.hubExperienceScheduleRow{grid-template-columns:1fr 38px;padding:9px}.hubExperienceScheduleRow label,.hubExperienceScheduleRow .isWide{grid-column:1}.hubExperienceScheduleRow>button{grid-column:2;grid-row:1}.hubExperienceScheduleRow label:nth-of-type(2){grid-row:2}.hubExperienceScheduleRow .isWide{grid-row:3}.hubExperienceSaveBar{grid-template-columns:1fr}.hubExperienceSaveBar>div{display:none}.hubExperienceSaveBar button{width:100%}.hubExperiencePreviewFocused{padding:13px}.hubExperienceManageActions{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.hubExperienceTemplateMini.is-elegant{background:#2e261f;color:#d8bca3}.hubExperienceTemplateMini.is-celebration{background:linear-gradient(140deg,#3b2033,#2a2440);color:#ef9ad0}}

/* v429 guest response details */
.hubGuestDetailMeta>div.isWide{align-items:flex-start;flex-direction:column}.hubGuestDetailMeta>div.isWide b{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:750;line-height:1.45}

.hubProjectEditRule{margin:0;padding:8px 10px;border-radius:12px;background:rgba(77,141,216,.08);color:var(--appMuted,#69758a);font-size:10px;font-weight:750;line-height:1.4}

/* v0530: project-backed registry and non-transactional Gift Fund preview */
.hubRegistryArea{min-width:0;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.hubRegistrySyncNote{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;margin:12px 16px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--appBlue) 16%,var(--appLine));border-radius:18px;background:linear-gradient(118deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 4%,var(--appPanel)))}
.hubRegistrySyncNote>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue)}
.hubRegistrySyncNote span{min-width:0}.hubRegistrySyncNote b{display:block;color:var(--appText);font-size:.68rem}.hubRegistrySyncNote small{display:block;margin-top:3px;color:var(--appMuted);font-size:.54rem;line-height:1.45}
.hubFundPreview{position:relative;overflow:hidden;display:grid;gap:13px;margin:20px 16px 4px;padding:20px;border:1px solid color-mix(in srgb,var(--appPink) 17%,var(--appLine));border-radius:25px;background:linear-gradient(130deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 8%,var(--appPanel)))}
.hubFundPreview::after{content:'';position:absolute;pointer-events:none;right:-42px;top:-50px;width:165px;height:165px;border:27px solid color-mix(in srgb,var(--appPink) 10%,transparent);border-radius:50%}.hubFundPreview>*{position:relative;z-index:1}
.hubFundPreviewTop{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hubFundPreviewIcon{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 15%,var(--appPanel)));color:var(--appBlue);font-size:1.18rem}.hubFundPreviewTop>div{min-width:0;flex:1}.hubFundPreviewTop small{display:block;color:var(--appMuted);font-size:.53rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hubFundPreviewTop h3{margin:4px 0 0;color:var(--appText);font-size:1.12rem;letter-spacing:-.035em}.hubFundPreviewBadge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--appLine);border-radius:999px;background:var(--appPanel);color:var(--appMuted);font-size:.55rem;font-weight:900;white-space:nowrap}
.hubFundPreview>p{margin:0;max-width:700px;color:var(--appMuted);font-size:.7rem;line-height:1.6}.hubFundPreviewSteps{display:flex;gap:8px;flex-wrap:wrap}.hubFundPreviewSteps span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--appLine);border-radius:12px;background:color-mix(in srgb,var(--appPanel) 88%,transparent);color:var(--appText);font-size:.58rem;font-weight:750}.hubFundPreviewSteps i{color:var(--appBlue);font-size:.8rem}.hubFundPreviewFoot{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--appPanel) 78%,transparent);color:var(--appMuted);font-size:.56rem;line-height:1.5}.hubFundPreviewFoot i{color:var(--appPink);font-size:.85rem}
.hubRegistryPledgeHint{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--appBlue) 17%,var(--appLine));border-radius:12px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));color:var(--appMuted);font-size:.67rem;line-height:1.4}.hubRegistryPledgeHint i{color:var(--appBlue)}
.hubRegistryRemoveItem{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;border:1px solid color-mix(in srgb,#d04f72 19%,var(--appLine));border-radius:14px;background:color-mix(in srgb,#d04f72 5%,var(--appPanel));color:#c64668;font-size:.71rem;font-weight:850;cursor:pointer}.hubRegistryRemoveItem:disabled{opacity:.55}
@media(max-width:550px){.hubFundPreview{padding:16px;margin:16px 12px 3px;border-radius:22px}.hubRegistrySyncNote{margin:10px 12px 0;padding:11px}.hubFundPreviewTop{gap:9px}.hubFundPreviewBadge{font-size:.51rem}.hubFundPreviewSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hubFundPreviewSteps span{min-width:0;font-size:.52rem}.hubFundPreviewSteps span:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.hubFundPreview{animation:hubFundReveal .24s ease-out both}@keyframes hubFundReveal{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.hubRegistryRemoveItem,.hubRegistrySyncNote,.hubFundPreviewSteps span{transition:transform .16s ease,background .16s ease}.hubRegistryRemoveItem:active{transform:scale(.985)}}

/* Keep inactive registry categories completely out of the flow. */
.hubRegistryItems[hidden]{display:none!important}

/* v0532 — invitation permissions, RSVP receipts and named family attendance */
.hubInvitationOptional{display:inline-flex;align-items:center;vertical-align:middle;margin-left:5px;padding:4px 7px;border-radius:8px;background:color-mix(in srgb,var(--appBlue) 6%,var(--appPanel));color:var(--appMuted);font-size:.57rem;font-style:normal;font-weight:750}
.hubRsvpPolicyIntro{display:flex;gap:9px;align-items:flex-start;margin:0 0 13px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--appBlue) 14%,var(--appLine));border-radius:14px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));color:var(--appMuted);font-size:.71rem;line-height:1.55}
.hubRsvpPolicyIntro i{color:var(--appBlue);font-size:1rem;margin-top:2px}
.hubRsvpPolicyGroup{display:grid;gap:10px;margin:15px 0 0;padding:15px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appBlue) 2%,var(--appPanel));min-width:0}
.hubRsvpPolicyGroup>b{font-size:.79rem;letter-spacing:-.015em;color:var(--appText)}.hubRsvpPolicyGroup>small{font-size:.65rem;line-height:1.4;color:var(--appMuted)}
.hubRsvpPolicyGroup .hubExperienceOption{background:var(--appPanel);border:1px solid var(--appLine);border-radius:13px;padding:12px;margin:0;display:flex;gap:11px;align-items:center;min-width:0}
.hubRsvpPolicyGroup .hubExperienceOption:has(input:disabled){opacity:.62}
.hubRsvpPolicyGroup .hubExperienceOption span{min-width:0}.hubRsvpPolicyGroup .hubExperienceOption b{display:block;color:var(--appText);font-size:.72rem}.hubRsvpPolicyGroup .hubExperienceOption small{display:block;margin-top:4px;color:var(--appMuted);font-size:.62rem;line-height:1.45}
.hubRsvpPolicyGroup .hubExperienceOption input{accent-color:var(--appBlue);flex:none;inline-size:18px;block-size:18px}
.hubRsvpPolicyGroup .hubExperienceOptionGrid{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.hubRsvpLimits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.hubRsvpLimits>label{display:grid;min-width:0;gap:8px;color:var(--appText);font-size:.7rem;font-weight:750}.hubRsvpLimits>label>span small{display:block;color:var(--appMuted);font-weight:500;font-size:.59rem}.hubRsvpLimits select,.hubInviteGroupAllowance select{width:100%;min-width:0;min-height:45px;padding:11px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanel);color:var(--appText);font-size:.73rem}
.hubInviteGroupAllowance{display:grid;gap:7px;padding:13px;border:1px solid color-mix(in srgb,var(--appBlue) 16%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel));border-radius:16px}.hubInviteGroupAllowance>span{display:flex;align-items:center;gap:7px;color:var(--appText);font-size:.75rem;font-weight:850}.hubInviteGroupAllowance>span i{color:var(--appBlue)}.hubInviteGroupAllowance>small{color:var(--appMuted);font-size:.61rem;line-height:1.5}
.hubRsvpActivity{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 17%,var(--appLine));border-radius:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--appBlue) 5%,var(--appPanel)),color-mix(in srgb,var(--appPink) 4%,var(--appPanel)))}.hubRsvpActivity>div{display:flex;gap:11px;align-items:center;flex:1;min-width:185px}.hubRsvpActivityIcon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--appBlue) 11%,var(--appPanel));color:var(--appBlue)}.hubRsvpActivity b{display:block;color:var(--appText);font-size:.78rem}.hubRsvpActivity small{display:block;margin-top:4px;color:var(--appMuted);font-size:.65rem;line-height:1.45}.hubRsvpActivity button{border:1px solid var(--appLine);border-radius:12px;min-height:41px;padding:10px 13px;background:var(--appPanel);color:var(--appBlue);font-size:.68rem;font-weight:850;cursor:pointer}.hubRsvpActivity button:disabled{opacity:.5}
@media(max-width:550px){.hubRsvpLimits{grid-template-columns:minmax(0,1fr)}.hubRsvpPolicyGroup{padding:12px}.hubRsvpActivity{padding:12px}.hubRsvpActivity button{width:100%}}

/* v0533 · project invitation studio · responsive, invite-scoped and light first */
.hubGuestInviteOverlay .hubInviteStudio{width:min(100%,610px);max-height:min(95dvh,890px);border-radius:30px 30px 0 0;border:1px solid color-mix(in srgb,var(--appBlue) 13%,var(--appLine));box-shadow:0 30px 90px rgba(18,29,62,.25),0 0 0 1px color-mix(in srgb,var(--appPink) 9%,transparent);background:var(--appPanel);isolation:isolate}
.hubInviteStudio .hubGuestInviteHead{padding:22px 21px 17px;gap:10px;background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--appPink) 10%,transparent),transparent 66%),color-mix(in srgb,var(--appBlue) 2%,var(--appPanel));flex:0 0 auto}
.hubInviteStudio .hubGuestInviteHead small{font-size:.62rem;letter-spacing:.15em}.hubInviteStudio .hubGuestInviteHead h2{font-size:clamp(1.42rem,5.5vw,1.8rem);letter-spacing:-.04em;margin:5px 0}.hubInviteStudio .hubGuestInviteHead p{font-size:.76rem;line-height:1.5}
.hubInviteStudio .hubGuestInviteBody{padding:17px 18px 25px;display:flex;flex-direction:column;gap:17px;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--appBlue) 18%,transparent) transparent}
.hubInviteStudioEvent{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--appBlue) 15%,var(--appLine));background:linear-gradient(112deg,color-mix(in srgb,var(--appBlue) 9%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)));min-width:0}
.hubInviteStudioArt{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;background:linear-gradient(137deg,var(--appBlue),color-mix(in srgb,var(--appPink) 74%,var(--appBlue)));color:white;font-size:1.2rem;box-shadow:0 9px 20px color-mix(in srgb,var(--appBlue) 19%,transparent)}
.hubInviteStudioEvent div{min-width:0}.hubInviteStudioEvent small{display:block;font-size:.52rem;letter-spacing:.1em;color:var(--appMuted);font-weight:900}.hubInviteStudioEvent strong{display:block;font-size:.88rem;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--appText);margin:3px 0}.hubInviteStudioEvent div>span{font-size:.66rem;color:var(--appMuted)}.hubInviteStudioEvent>i{color:var(--appPink);font-size:1rem;margin-right:6px}
.hubInviteStudioNotice{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 19%,var(--appLine));border-radius:17px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));color:var(--appText)}.hubInviteStudioNotice>i{color:var(--appBlue);font-size:1.1rem;flex:none}.hubInviteStudioNotice b{font-size:.83rem}.hubInviteStudioNotice p{margin:4px 0 10px;color:var(--appMuted);font-size:.72rem;line-height:1.5}.hubInviteStudioNotice button{border:0;padding:9px 12px;border-radius:11px;background:var(--appBlue);color:#fff;font-size:.72rem;font-weight:850;cursor:pointer}
.hubInviteModeSwitcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;gap:4px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanelSoft);min-height:51px}.hubInviteModeSwitcher button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;color:var(--appMuted);background:transparent;font-size:.73rem;font-weight:850;cursor:pointer;min-width:0}.hubInviteModeSwitcher button.isSelected{background:var(--appPanel);color:var(--appBlue);border-color:var(--appLine);box-shadow:0 4px 14px rgba(25,41,76,.07)}
.hubInviteStudio form{display:grid;gap:17px;min-width:0}.hubInviteStudioRecipients,.hubInviteStudioAccess{display:grid;gap:12px;min-width:0}.hubInviteStudioSubhead{display:flex;gap:11px;align-items:center}.hubInviteStudioSubhead>span{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));color:var(--appBlue);font-size:.7rem;font-weight:950}.hubInviteStudioSubhead b{display:block;color:var(--appText);font-size:.88rem;letter-spacing:-.016em}.hubInviteStudioSubhead small{display:block;margin-top:2px;color:var(--appMuted);font-size:.69rem;line-height:1.4}
.hubInviteStudioFieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hubInviteStudioFieldGrid label,.hubInviteHouseholdControls>label:not(.hubInviteAllowChildren){display:grid;gap:6px;min-width:0;color:var(--appText);font-size:.69rem;font-weight:800}.hubInviteStudioFieldGrid label span em{font-style:normal;color:var(--appMuted);font-size:.59rem;font-weight:650;margin-left:4px}.hubInviteStudioFieldGrid input,.hubInviteHouseholdControls select{width:100%;min-width:0;min-height:46px;border:1px solid var(--appLine);border-radius:13px;color:var(--appText);background:var(--appPanelSoft);padding:10px 12px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.hubInviteStudioFieldGrid input:focus,.hubInviteHouseholdControls select:focus{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 11%,transparent)}.hubInviteStudioCaption{font-size:.68rem;line-height:1.55;color:var(--appMuted);margin:0}
.hubInviteAllowanceCards{display:grid;gap:9px}.hubInviteAllowanceCard{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:10px 12px;border-radius:17px;border:1px solid var(--appLine);background:var(--appPanel);color:var(--appText);cursor:pointer;min-height:63px;transition:background .2s,border .2s,transform .2s}.hubInviteAllowanceCard input{position:absolute;width:1px;height:1px;opacity:0}.hubInviteAllowanceCard>i:first-of-type{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--appPanelSoft);color:var(--appBlue);font-size:1.13rem}.hubInviteAllowanceCard span b{font-size:.78rem;display:block}.hubInviteAllowanceCard span small{display:block;margin-top:3px;font-size:.65rem;line-height:1.4;color:var(--appMuted)}.hubInviteAllowanceCard>i:last-child{font-size:1rem;color:var(--appBlue);opacity:0}.hubInviteAllowanceCard.isSelected{border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine));background:linear-gradient(125deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),color-mix(in srgb,var(--appPink) 4%,var(--appPanel)));box-shadow:0 7px 23px color-mix(in srgb,var(--appBlue) 8%,transparent)}.hubInviteAllowanceCard.isSelected>i:last-child{opacity:1}.hubInviteAllowanceCard input:focus-visible~span{outline:2px solid var(--appBlue);border-radius:5px}
.hubInviteHouseholdControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:13px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanelSoft)}.hubInviteAllowChildren{display:flex;align-items:center;gap:10px;grid-column:1/-1;font-size:.77rem;cursor:pointer}.hubInviteAllowChildren>input{width:20px;height:20px;accent-color:var(--appBlue)}.hubInviteAllowChildren b{display:block}.hubInviteAllowChildren small{display:block;font-size:.62rem;color:var(--appMuted);margin-top:3px}.hubInviteStudioPolicy{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;border-radius:13px;background:color-mix(in srgb,var(--appPink) 5%,var(--appPanelSoft));font-size:.68rem;line-height:1.5;color:var(--appMuted)}.hubInviteStudioPolicy i{color:var(--appBlue);margin-top:1px;flex:none}
.hubInviteStudio [data-mode-panel="bubble"] .hubGuestSearchResults{max-height:210px;overflow:auto}.hubInviteSelected{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appPanel));font-size:.68rem;font-weight:800;color:var(--appBlue)}
.hubInviteStudio .hubGuestInvitePanel>footer{padding:12px 18px max(14px,env(safe-area-inset-bottom))}.hubInviteStudio>footer{background:var(--appPanel);padding:12px 18px max(14px,env(safe-area-inset-bottom));flex:none}.hubInviteStudio .hubGuestInviteSave{width:100%;border-radius:15px;min-height:53px;gap:9px;font-size:.78rem;box-shadow:0 9px 23px color-mix(in srgb,var(--appBlue) 20%,transparent)}.hubInviteStudio .hubGuestInviteSave:disabled{box-shadow:none;cursor:not-allowed}
.hubInviteCreatedResult{display:grid;justify-items:stretch;gap:11px;padding:19px;border-radius:21px;border:1px solid color-mix(in srgb,var(--appBlue) 23%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)));color:var(--appText)}.hubInviteCreatedMark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:var(--appBlue);color:#fff;font-size:1.2rem}.hubInviteCreatedResult small{font-size:.6rem;font-weight:900;letter-spacing:.11em;color:var(--appBlue)}.hubInviteCreatedResult h3{font-size:1.13rem;letter-spacing:-.03em;margin:5px 0}.hubInviteCreatedResult p{color:var(--appMuted);font-size:.76rem;line-height:1.55;margin:0}.hubInviteResultLink{display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:center;gap:8px;padding:6px 7px 6px 12px;background:var(--appPanel);border-radius:14px;border:1px solid var(--appLine);min-width:0}.hubInviteResultLink>span{display:block;min-width:0;font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--appMuted)}.hubInviteResultLink button{height:39px;border:0;border-radius:11px;background:var(--appPanelSoft);color:var(--appBlue);cursor:pointer}.hubInviteResultActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hubInviteResultActions button{min-height:44px;border-radius:12px;border:1px solid var(--appLine);background:var(--appPanel);font-size:.7rem;font-weight:850;color:var(--appText);cursor:pointer}.hubInviteResultActions .isPrimary{background:linear-gradient(115deg,var(--appBlue),var(--appPink));color:#fff;border:0}
.hubGuestInviteOverlay .hubInviteStudio button:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 40%,transparent);outline-offset:2px}
@media(min-width:700px){.hubGuestInviteOverlay .hubInviteStudio{border-radius:29px;max-height:min(90dvh,850px)}}
@media(max-width:480px){.hubGuestInviteOverlay .hubInviteStudio{width:100dvw;max-height:96dvh;border-radius:25px 25px 0 0}.hubInviteStudio .hubGuestInviteHead{padding:19px 16px 14px}.hubInviteStudio .hubGuestInviteBody{padding:15px 14px 19px;gap:14px}.hubInviteStudioFieldGrid{grid-template-columns:1fr}.hubInviteStudio .hubGuestInviteHead p{font-size:.72rem}.hubInviteModeSwitcher button{font-size:.68rem}.hubInviteHouseholdControls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hubInviteAllowanceCard{transition:none}}

/* v0533: personal passes in the existing Infinis guest roster */
.hubGuestRosterPerson{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.hubGuestRuleLine{display:flex;gap:5px 9px;flex-wrap:wrap;align-items:center;margin-top:5px}
.hubGuestRuleLine>span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:rgba(53,111,255,.08);border:1px solid rgba(53,111,255,.1);color:#3857ae;font-size:11px;font-weight:700;line-height:1.2}
.hubGuestRuleLine>span+span{background:rgba(236,105,190,.09);border-color:rgba(236,105,190,.13);color:#9f4581}
.hubGuestCopyPass{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid rgba(60,97,203,.16);background:#f3f6ff;color:#325fca;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.hubGuestCopyPass:hover{background:#e6edff;transform:translateY(-1px)}
.hubPersonalGuestRow{background:linear-gradient(110deg,rgba(53,111,255,.025),rgba(236,105,190,.02))}
@media(max-width:520px){.hubGuestCopyPass span{display:none}.hubGuestCopyPass{width:33px;height:33px;justify-content:center;padding:0}.hubGuestRuleLine>span{font-size:10px;padding:5px 7px}}

/* v0534 · event artwork and unified invitation group controls */
.hubInviteStudioArt{overflow:hidden;flex:none}.hubInviteStudioArt img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hubInviteAllowanceCard{transition:transform .2s ease,box-shadow .2s ease,border .2s ease}
.hubInviteStudioPolicy{line-height:1.55;overflow-wrap:anywhere}
.hubInviteHouseholdControls select,.hubInviteStudioFieldGrid input{min-width:0}
@media(max-width:540px){.hubInviteStudioArt{width:50px;height:50px}.hubInviteAllowanceCard{border-radius:16px}}

.hubGuestRuleLine{display:flex;align-items:flex-start;gap:5px 12px;flex-wrap:wrap;overflow-wrap:anywhere}
.hubGuestRuleLine span{max-width:100%;white-space:normal;line-height:1.5}

/* END assets/css/tabs/hub.css */

/* BEGIN assets/css/tabs/find.css */
.findPage{width:min(var(--panelMaxW),calc(100dvw - 24px));margin:0 auto;padding-bottom:18px}
.findPage [hidden]{display:none!important}
.findExploreHeader{display:flex;align-items:end;justify-content:space-between;padding:8px 2px 4px}
.findExploreHeader span,.findSectionHead span{display:block;color:var(--appBlue);font-size:.61rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.findExploreHeader h1{margin:2px 0 0;color:var(--appText);font-size:1.72rem;line-height:1;font-weight:980;letter-spacing:-.055em}
.findSavedShortcut{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:14px;display:grid;place-items:center;background:var(--appPanel);color:var(--appText);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.findToolbar{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 0;background:color-mix(in srgb,var(--appBg) 90%,transparent);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.findPage.isSearching .findToolbar{grid-template-columns:42px minmax(0,1fr) 42px}
.findSearch{height:48px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid color-mix(in srgb,var(--appText) 11%,transparent);border-radius:17px;background:color-mix(in srgb,var(--appPanel) 96%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.findSearch:focus-within{border-color:color-mix(in srgb,var(--appBlue) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 12%,transparent),0 8px 24px rgba(0,0,0,.07)}
.findSearch>i{color:var(--appBlue)}
.findSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.91rem;font-weight:790}
.findSearch input::placeholder{color:color-mix(in srgb,var(--appMuted) 78%,transparent)}
.findClearBtn,.findBackBtn,.findFilterBtn{border:0;display:grid;place-items:center;color:var(--appText);background:var(--appPanel)}
.findClearBtn{width:28px;height:28px;border-radius:999px;color:var(--appMuted)}
.findBackBtn,.findFilterBtn{width:42px;height:48px;border-radius:15px;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);box-shadow:0 7px 20px rgba(0,0,0,.06)}
.findHero{position:relative;min-height:238px;margin:2px 0 20px;overflow:hidden;border-radius:27px;background:var(--findHeroPhoto) center/cover no-repeat;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.15)}
.findHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,18,.86),rgba(6,9,18,.38) 72%,rgba(6,9,18,.1))}
.findHeroContent{position:relative;z-index:1;max-width:570px;padding:28px;color:#fff}
.findHeroContent>span{font-size:.61rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.76)}
.findHeroContent h2{margin:7px 0 9px;max-width:460px;font-size:clamp(1.55rem,5vw,2.55rem);line-height:.98;letter-spacing:-.05em}
.findHeroContent p{max-width:510px;margin:0;color:rgba(255,255,255,.82);font-size:.78rem;line-height:1.42;font-weight:720}
.findHeroContent button{min-height:40px;margin-top:18px;padding:0 15px;border:0;border-radius:13px;background:#fff;color:#111827;font-weight:930}.findHeroContent button i{margin-left:6px}
.findDiscoverSection{margin:0 0 24px}.findSectionHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 11px}.findSectionHead h2{margin:3px 0 0;color:var(--appText);font-size:1.08rem;line-height:1.05;font-weight:960;letter-spacing:-.035em}.findSectionHead button{border:0;background:transparent;color:var(--appBlue);font-size:.72rem;font-weight:920}
.findCategoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.findCategoryCard{min-width:0;border:0;background:transparent;color:var(--appText);text-align:left;font:inherit;font-size:.68rem;font-weight:900}.findCategoryPhoto{display:block;width:100%;aspect-ratio:1/1;margin-bottom:7px;border-radius:18px;background:var(--findCategoryPhoto) center/cover no-repeat;border:1px solid color-mix(in srgb,var(--appText) 9%,transparent);box-shadow:0 9px 24px rgba(0,0,0,.09)}.findCategoryCard>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.findRail{display:flex;gap:11px;overflow-x:auto;padding:1px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:none}.findRail::-webkit-scrollbar{display:none}.findRailCard{flex:0 0 min(72dvw,245px);scroll-snap-align:start}
.findCollectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.findCollectionCard{position:relative;min-height:126px;overflow:hidden;display:flex;align-items:flex-end;padding:15px;border:0;border-radius:20px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel));color:#fff;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.13)}.findCollectionMedia{position:absolute;inset:0;background:var(--findCollectionPhoto) center/cover no-repeat}.findCollectionCard:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.08),rgba(5,8,15,.82))}.findCollectionArt{display:none}.findCollectionCopy{position:relative;z-index:2;display:block;padding-right:24px}.findCollectionCopy strong{display:block;font-size:.88rem;font-weight:950}.findCollectionCopy small{display:block;margin-top:4px;color:rgba(255,255,255,.76);font-size:.62rem;line-height:1.25;font-weight:720}.findCollectionArrow{position:absolute;z-index:2;right:13px;top:13px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#111827}
.findQuickRow{display:flex;gap:8px;overflow-x:auto;padding:1px 0 14px;scrollbar-width:none;scroll-snap-type:x proximity}.findQuickRow::-webkit-scrollbar{display:none}.findQuickChip{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:7px;padding:0 13px 0 6px;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:999px;background:var(--appPanel);color:var(--appMuted);font-size:.72rem;font-weight:900}.findQuickChip.isActive{background:var(--appText);color:var(--appBg);border-color:var(--appText)}.findQuickThumb{width:27px;height:27px;flex:0 0 27px;border-radius:999px;background:var(--findQuickPhoto) center/cover no-repeat}.findQuickThumb i{display:none}
.findResultsHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 12px}.findResultsHead h2{margin:0;color:var(--appText);font-size:1.12rem;font-weight:960;letter-spacing:-.035em}.findResultsHead small{display:block;margin-top:4px;color:var(--appMuted);font-size:.72rem;font-weight:800}.findSortSelect{max-width:145px;height:35px;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:11px;padding:0 28px 0 10px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:.68rem;font-weight:850}
.findResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.findResultCard{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:19px;background:var(--appPanel);box-shadow:0 10px 28px rgba(0,0,0,.08)}.findResultPhoto{position:relative;width:100%;aspect-ratio:1.25/1;overflow:hidden;background:var(--findPhoto) center/cover no-repeat;background-color:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel))}.findResultPhoto:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));pointer-events:none}.findFavoriteBtn{position:absolute;z-index:2;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#141722;box-shadow:0 5px 15px rgba(0,0,0,.13)}.findFavoriteBtn.isActive{color:#e53270}.findStockBadge{position:absolute;z-index:2;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 8px;border-radius:999px;background:rgba(10,12,18,.68);color:#fff;font-size:.59rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.findResultBody{display:flex;flex-direction:column;flex:1;padding:10px}.findResultType{color:var(--appBlue);font-size:.58rem;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.findResultBody h3{margin:4px 0 0;color:var(--appText);font-size:.86rem;line-height:1.08;font-weight:950;letter-spacing:-.025em}.findResultBody p{display:-webkit-box;margin:6px 0 0;color:var(--appMuted);font-size:.67rem;line-height:1.25;font-weight:700;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.findResultFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.findResultFooter strong{min-width:0;color:var(--appText);font-size:.72rem;font-weight:930;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.findResultFooter strong small{color:var(--appMuted);font-size:.55rem}.findResultBtn{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:11px;display:grid;place-items:center;background:var(--appBlue);color:#fff}
.findEmpty{min-height:245px;border:1px dashed color-mix(in srgb,var(--appText) 16%,transparent);border-radius:20px;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;color:var(--appMuted);text-align:center}.findEmpty i{font-size:1.55rem}.findEmpty strong{color:var(--appText)}.findEmpty p{margin:0;max-width:260px;font-size:.72rem;line-height:1.4}.findEmpty button{min-height:38px;border:0;border-radius:999px;padding:0 15px;background:var(--appText);color:var(--appBg);font-weight:900}
.catalogImageError{position:relative;background-image:none!important;background-color:rgba(127,127,127,.12)!important}.catalogImageError::after{content:attr(data-image-error);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:12px;font-weight:700;line-height:1.25;color:currentColor;background:rgba(255,255,255,.76)}
@media(max-width:640px){.findPage{width:100dvw;padding:0 12px 18px}.findCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.findCategoryPhoto{border-radius:15px}.findCategoryCard{font-size:.61rem}.findHero{min-height:218px;border-radius:23px}.findHeroContent{padding:22px}.findCollectionCard{min-height:118px}.findSortSelect{display:none}}
@media(min-width:641px){.findCategoryGrid{grid-template-columns:repeat(7,minmax(0,1fr))}.findRailCard{flex-basis:235px}.findResults{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1025px){.findResults{grid-template-columns:repeat(4,minmax(0,1fr))}.findCollectionGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(hover:hover){.findCategoryCard,.findCollectionCard,.findResultCard{transition:transform .2s ease,box-shadow .2s ease}.findCategoryCard:hover,.findCollectionCard:hover,.findResultCard:hover{transform:translateY(-3px)}}
@media(prefers-color-scheme:dark){.catalogImageError::after{background:rgba(15,18,24,.82)}}


/* RENTAL_WINDOW_PARITY_V002: contained horizontal rental fields matching the booking reference. */
.findDateGate{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.findDateFields{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;box-sizing:border-box!important}
.findDateField,.findDateValue{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.findDateValue strong,.findDateValue small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#findDateApply{grid-column:1/-1;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:430px){.findDateGate{padding-inline:14px!important}.findDateFields{gap:8px!important}.findDateField>span{font-size:10px!important}.findDateValue{padding-inline:10px!important}.findDateValue strong{font-size:12px!important}.findDateValue small{font-size:9px!important}}


/* DATE_REQUIRED_AVAILABILITY_V001
   Inventory can be browsed before dates are chosen, but no stock/availability
   claim is shown until a complete rental window has been applied. */
.findPage.needsRentalDates .findStockBadge,
.findPage.needsRentalDates #findAvailableSection{display:none!important}

/* MEDIA_CONTAINMENT_V001
   Keep every visual surface painted inside its own card and prevent malformed
   or oversized images from escaping the Explore layout. */
.findPage,
.findPage *{box-sizing:border-box}
.findPage img,
.findPage picture,
.findPage video,
.findPage canvas,
.findPage svg{max-width:100%;max-height:100%}
.findPage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.findHero,
.findCategoryPhoto,
.findQuickThumb,
.findCollectionCard,
.findResultCard,
.findResultPhoto,
.findRailCard{min-width:0;max-width:100%;overflow:hidden;contain:layout paint;isolation:isolate;background-clip:padding-box}
.findCategoryCard,
.findCollectionCard,
.findResultCard{max-width:100%}
.findRail{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
.findResultPhoto,
.findCategoryPhoto,
.findQuickThumb,
.findHero,
.findCollectionCard{background-origin:padding-box;background-clip:padding-box}

/* EXPLORE_MEDIA_CONTAINMENT_V002
   Keep product media and carousel cards fully inside the Explore content area.
   Product images use contain so the complete inventory item remains visible. */
.findPage,
.findDiscoverSection,
#findFeaturedSection,
#findAvailableSection,
.findResults,
.findRail{
  min-width:0;
  max-width:100%;
}
.findDiscoverSection,
#findFeaturedSection,
#findAvailableSection{
  overflow:hidden;
  contain:layout paint;
}
.findRail{
  width:100%;
  padding-inline:0;
  scroll-padding-inline:0;
}
.findRailCard{
  flex:0 0 calc((100% - 11px) / 2);
  width:calc((100% - 11px) / 2);
  max-width:calc((100% - 11px) / 2);
  min-width:0;
}
.findResultCard{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.findResultPhoto{
  width:100%;
  max-width:100%;
  overflow:hidden;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.findResultPhoto img,
.findRailCard img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:420px){
  .findRailCard{
    flex-basis:calc((100% - 9px) / 2);
    width:calc((100% - 9px) / 2);
    max-width:calc((100% - 9px) / 2);
  }
}

/* PRODUCT_DETAILS_FULLSCREEN_V003
   Mobile product details are a real app screen, not a partial sheet. */
html.findProductOpen,
body.findProductOpen{overflow:hidden!important;overscroll-behavior:none!important}
body.findProductOpen{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;touch-action:none}
.findProductOverlay{position:fixed;z-index:2147482000;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(7,10,20,.48);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;overflow:hidden;overscroll-behavior:contain}
.findProductOverlay.isOpen{opacity:1;visibility:visible}
.findProductSheet{position:relative;width:min(760px,calc(100% - 24px));height:min(92dvh,900px);max-height:92dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--appText) 11%,transparent);border-radius:28px 28px 0 0;background:var(--appBg);color:var(--appText);box-shadow:0 -24px 70px rgba(0,0,0,.3);transform:translateY(34px);transition:transform .24s cubic-bezier(.22,.72,.2,1);isolation:isolate}
.findProductOverlay.isOpen .findProductSheet{transform:translateY(0)}
.findProductTopbar{position:relative;z-index:5;min-width:0;min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--appText) 9%,transparent);background:color-mix(in srgb,var(--appBg) 91%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.findProductTopbar>span{min-width:0;text-align:center;font-size:.84rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.findProductClose,.findProductShare,.findProductSave{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--appText) 11%,transparent);border-radius:15px;background:var(--appPanel);color:var(--appText);font-size:1.1rem}
.findProductScroll{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y}
.findProductScroll::-webkit-scrollbar{display:none}
.findProductGallery{position:relative;width:100%;min-width:0;aspect-ratio:1.18/1;overflow:hidden;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel));contain:layout paint;touch-action:pan-y}
.findProductHeroImage{position:absolute;inset:0;max-width:100%;max-height:100%;background:var(--findProductPhoto) center/contain no-repeat;transform:none!important}
.findProductDots{position:absolute;z-index:2;left:50%;bottom:14px;display:flex;gap:6px;transform:translateX(-50%);padding:6px 8px;border-radius:999px;background:rgba(10,12,20,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.findProductDots:empty{display:none}.findProductDots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48)}.findProductDots button.isActive{width:20px;background:#fff}
.findProductContent{min-width:0;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px))}
.findProductHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.findProductHeading>div{min-width:0}.findProductHeading span{display:block;color:var(--appBlue);font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.findProductHeading h2{margin:5px 0 0;font-size:clamp(1.55rem,7vw,2.2rem);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}.findProductSave{flex:0 0 44px}.findProductSave.isActive{color:#e53270}
.findProductPrice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.findProductPrice strong{font-size:1.16rem}.findProductPrice strong small{color:var(--appMuted);font-size:.68rem}.findProductPrice>span{display:flex;align-items:center;gap:5px;color:var(--appText);font-size:.78rem;font-weight:900}.findProductPrice .bi-star-fill{color:#f0a600}
.findProductSummary{margin:14px 0 0;color:var(--appMuted);font-size:.92rem;line-height:1.55;font-weight:680}
.findProductCallout{display:flex;gap:12px;margin-top:18px;padding:15px;border:1px solid color-mix(in srgb,var(--appBlue) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel))}.findProductCallout>i{color:var(--appBlue);font-size:1.1rem}.findProductCallout b{display:block;font-size:.8rem}.findProductCallout p{margin:3px 0 9px;color:var(--appMuted);font-size:.77rem;line-height:1.38}.findProductCallout p:last-child{margin-bottom:0}
.findProductSection{margin-top:24px}.findProductSection h3{margin:0 0 11px;font-size:1rem;letter-spacing:-.02em}.findProductFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.findProductFact{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid color-mix(in srgb,var(--appText) 9%,transparent);border-radius:15px;background:var(--appPanel)}.findProductFact>i{flex:0 0 auto;color:var(--appBlue)}.findProductFact span{min-width:0}.findProductFact small{display:block;color:var(--appMuted);font-size:.6rem;font-weight:850}.findProductFact b{display:block;margin-top:3px;font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}
.findProductIncluded{display:grid;gap:8px}.findProductIncluded span{display:flex;align-items:flex-start;gap:9px;color:var(--appMuted);font-size:.78rem;line-height:1.35}.findProductIncluded i{color:#20b66a;font-size:1rem}
.findProductChoices{display:grid;gap:10px}.findProductChoices>div{padding:13px;border:1px solid color-mix(in srgb,var(--appText) 9%,transparent);border-radius:15px;background:var(--appPanel)}.findProductChoices b{font-size:.8rem}.findProductChoices p,.findProductChoices span{display:block;margin:4px 0 0;color:var(--appMuted);font-size:.7rem;line-height:1.35}
.findProductImportant{padding:15px;border-radius:18px;background:color-mix(in srgb,#f3a500 10%,var(--appPanel));border:1px solid color-mix(in srgb,#f3a500 24%,transparent)}.findProductImportant p{display:flex;gap:8px;margin:8px 0 0;color:var(--appMuted);font-size:.76rem;line-height:1.4}.findProductFinePrint{margin:22px 0 0;color:var(--appMuted);font-size:.66rem;line-height:1.4;text-align:center}
.findProductActions{position:relative;z-index:6;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--appText) 9%,transparent);background:color-mix(in srgb,var(--appBg) 92%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.findProductActions>div{min-width:0}.findProductActions small{display:block;color:var(--appMuted);font-size:.58rem;font-weight:850}.findProductActions strong{display:block;min-width:0;margin-top:2px;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.findProductAdd{min-height:48px;border:0;border-radius:15px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--appBlue);color:#fff;font-weight:950;white-space:nowrap}
@media(max-width:640px){
  .findProductOverlay{display:block;background:var(--appBg)}
  .findProductSheet{position:absolute;inset:0;width:100dvw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;transform:translateX(20px);grid-template-rows:auto minmax(0,1fr) auto}
  .findProductOverlay.isOpen .findProductSheet{transform:translateX(0)}
  .findProductTopbar{min-height:calc(58px + env(safe-area-inset-top,0px));padding-top:calc(8px + env(safe-area-inset-top,0px));padding-inline:12px}
  .findProductGallery{aspect-ratio:1/1;max-height:52dvh}
  .findProductContent{padding-inline:16px}
  .findProductActions{grid-template-columns:minmax(0,1fr) minmax(148px,auto);padding-inline:12px}
  .findProductAdd{padding-inline:14px}
}
@media(max-width:370px){.findProductFacts{grid-template-columns:1fr}.findProductActions{grid-template-columns:minmax(0,.8fr) minmax(138px,1.2fr)}.findProductAdd{font-size:.78rem}}
@media(min-width:641px){.findProductOverlay{padding:24px}.findProductSheet{border-radius:28px;align-self:center}.findProductGallery{max-height:500px}}


/* PRODUCT_DETAILS_CART_CONTROL_V001
   Rental dates must layer above the item screen, and cart quantity remains editable in place. */
.findProductCartControl{min-width:0;display:flex;justify-content:flex-end}
.findProductCartControl>.findProductAdd{width:100%;min-width:168px}
.findProductQuantity{width:min(100%,240px);min-height:50px;display:grid;grid-template-columns:48px minmax(70px,1fr) 48px;align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--appBlue) 42%,transparent);border-radius:16px;background:var(--appPanel);box-shadow:0 12px 28px rgba(24,182,255,.12)}
.findProductQuantity>button{border:0;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue);font-size:1rem;font-weight:950;touch-action:manipulation}
.findProductQuantity>button:active{background:color-mix(in srgb,var(--appBlue) 18%,var(--appPanel));transform:scale(.96)}
.findProductQuantity label{min-width:0;display:grid;place-content:center;padding:4px 6px;text-align:center;border-inline:1px solid color-mix(in srgb,var(--appText) 9%,transparent)}
.findProductQuantity label span{display:block;color:var(--appMuted);font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.findProductQuantityInput{display:block;width:100%;min-width:0;margin:1px 0 0;padding:0;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:1rem;font-weight:950;text-align:center;-webkit-appearance:none;appearance:none}
.findProductQuantityInput:focus{color:var(--appBlue)}
@media(max-width:370px){.findProductQuantity{grid-template-columns:42px minmax(58px,1fr) 42px}.findProductCartControl>.findProductAdd{min-width:142px}}

/* Customer-facing item customization */
.findProductSectionHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.findProductSectionHeading h3{margin:0}
.findProductSectionHeading p{margin:4px 0 0;color:var(--appMuted);font-size:.7rem;line-height:1.35}
.findAddonSelectionStatus{flex:0 0 auto;color:var(--appBlue);font-size:.65rem;font-weight:900}
.findAddonGroups{display:grid;gap:14px}
.findAddonGroup{min-width:0;margin:0;padding:14px;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:18px;background:var(--appPanel)}
.findAddonGroup.hasError{border-color:#e04f66;box-shadow:0 0 0 3px color-mix(in srgb,#e04f66 12%,transparent)}
.findAddonGroup legend{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0}
.findAddonGroup legend>span{font-size:.82rem;font-weight:950}
.findAddonGroup legend sup{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-size:.46rem;line-height:1;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}
.findAddonGroup legend>small{color:var(--appMuted);font-size:.56rem;font-weight:800;text-align:right}
.findAddonGroup>p{margin:7px 0 11px;color:var(--appMuted);font-size:.68rem;line-height:1.4}
.findAddonOptions{display:grid;gap:8px;margin-top:10px}
.findAddonOption{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--appText) 9%,transparent);border-radius:14px;background:color-mix(in srgb,var(--appBg) 65%,var(--appPanel));color:var(--appText);text-align:left}
.findAddonOption.isSelected{border-color:color-mix(in srgb,var(--appBlue) 68%,transparent);background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));box-shadow:0 8px 22px rgba(26,173,255,.1)}
.findAddonOptionVisual{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px}
.findAddonSwatch{width:25px;height:25px;display:block;border:2px solid color-mix(in srgb,var(--appText) 16%,transparent);border-radius:999px;background:var(--addon-color,#fff);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.findAddonOptionCopy{min-width:0;display:block}
.findAddonOptionCopy b{display:block;font-size:.73rem;line-height:1.25;overflow-wrap:anywhere}
.findAddonOptionCopy small{display:block;margin-top:3px;color:var(--appMuted);font-size:.6rem;line-height:1.35;overflow-wrap:anywhere}
.findAddonOption em,.findAddonQuantityRow>em{color:var(--appMuted);font-size:.6rem;font-style:normal;font-weight:850;white-space:nowrap}
.findAddonCheck{width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:var(--appBlue);color:#fff;font-size:.7rem;opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .16s ease}
.findAddonOption.isSelected .findAddonCheck{opacity:1;transform:scale(1)}
.findAddonQuantityRow{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--appText) 9%,transparent);border-radius:14px;background:color-mix(in srgb,var(--appBg) 65%,var(--appPanel))}
.findAddonQuantityRow.isSelected{border-color:color-mix(in srgb,var(--appBlue) 55%,transparent);background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel))}
.findAddonQuantityRow .findAddonOptionCopy{display:flex;align-items:center;gap:9px}
.findAddonQuantityControl{display:grid;grid-template-columns:34px 38px 34px;height:36px;overflow:hidden;border:1px solid color-mix(in srgb,var(--appText) 10%,transparent);border-radius:11px;background:var(--appBg)}
.findAddonQuantityControl button{border:0;background:transparent;color:var(--appBlue);font-size:.9rem}
.findAddonQuantityControl input{min-width:0;width:100%;padding:0;border:0;border-inline:1px solid color-mix(in srgb,var(--appText) 8%,transparent);outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.72rem;font-weight:950;text-align:center;-webkit-appearance:none;appearance:none}
.findProductAddonPriceNote{display:block;margin-top:2px;color:var(--appBlue);font-size:.52rem;font-weight:850}
.findAddonGroupError{margin-top:8px;color:#e04f66;font-size:.62rem;font-weight:800}
.activeCartAddonSummary{display:-webkit-box;margin-top:4px;color:var(--appMuted);font-size:.58rem;font-style:normal;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:390px){.findAddonQuantityRow{grid-template-columns:minmax(0,1fr) auto}.findAddonQuantityControl{grid-template-columns:31px 34px 31px}.findAddonOption{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}.findAddonOption>em,.findAddonQuantityRow>em{display:block;font-size:.56rem}.findAddonCheck{grid-column:4}.findAddonOptionVisual{grid-row:1}}

/* Keep the customer's choices immediately below the item's price. */
.findProductCustomizerPrimary{margin-top:14px;border-color:color-mix(in srgb,var(--appBlue) 24%,transparent);background:color-mix(in srgb,var(--appBlue) 3%,var(--appPanel));box-shadow:0 12px 30px rgba(24,182,255,.07)}
.findProductPriorityLabel{display:block;margin-bottom:4px;color:var(--appBlue);font-size:.54rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.findProductCustomizerPrimary+.findProductSummary{margin-top:20px}

/* Selected add-on image preview feedback */
.findProductHeroImage.isOptionPreview{
  animation:findOptionPreviewPulse .26s ease-out;
}
@keyframes findOptionPreviewPulse{
  0%{opacity:.68;transform:scale(.992)}
  100%{opacity:1;transform:scale(1)}
}

/* Merchandising discovery sections */
.findMerchChipGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.findMerchChip{min-height:78px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:22px;background:var(--panel,#111725);color:inherit;display:flex;align-items:center;gap:12px;padding:16px;text-align:left}.findMerchChip>i:first-child{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(80,170,255,.14)}.findMerchChip span{display:grid;gap:3px;flex:1}.findMerchChip strong{font-size:15px}.findMerchChip small{opacity:.68}.findEventBuilderCard{width:100%;border:1px solid rgba(111,146,255,.3);border-radius:28px;padding:20px;display:flex;align-items:center;gap:16px;text-align:left;color:inherit;background:linear-gradient(135deg,rgba(52,178,255,.18),rgba(235,75,218,.18))}.findEventBuilderIcon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:23px}.findEventBuilderCard>span:nth-child(2){display:grid;gap:4px;flex:1}.findEventBuilderCard small{text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.7}.findEventBuilderCard strong{font-size:18px}.findEventBuilderCard em{font-style:normal;font-size:13px;line-height:1.4;opacity:.72}@media(max-width:430px){.findMerchChipGrid{grid-template-columns:1fr 1fr}.findMerchChip{padding:13px;min-height:72px}.findEventBuilderCard{padding:17px}.findEventBuilderCard em{display:none}}

.findPackageLiveSection{order:-5}.findPackageLiveSection .findRail{grid-auto-columns:minmax(270px,360px)}.findPackageLiveSection .findExploreCard{border-color:rgba(57,174,255,.28);box-shadow:0 18px 50px rgba(0,112,255,.1)}

/* SEARCH_BAR_POLISH_V001
   Refines the Explore search field without changing search behavior. */
.findToolbar{
  padding:12px 0 14px;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.findSearch{
  position:relative;
  height:58px;
  gap:12px;
  padding:0 18px;
  border:1px solid color-mix(in srgb,var(--appBlue) 12%,var(--appText) 8%);
  border-radius:22px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--appPanel) 98%,var(--appBlue) 2%),
      color-mix(in srgb,var(--appPanel) 98%,var(--appPink) 2%));
  box-shadow:
    0 14px 34px rgba(22,35,74,.10),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
  overflow:hidden;
}
.findSearch::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(25,182,255,.035),transparent 45%,rgba(239,82,199,.035));
}
.findSearch:focus-within{
  border-color:color-mix(in srgb,var(--appBlue) 52%,transparent);
  background:var(--appPanel);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent),
    0 17px 38px rgba(22,35,74,.13),
    inset 0 1px 0 rgba(255,255,255,.78);
  transform:translateY(-1px);
}
.findSearch>i{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  color:var(--appBlue);
  font-size:1.18rem;
  filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--appBlue) 22%,transparent));
}
.findSearch input{
  position:relative;
  z-index:1;
  font-size:clamp(.91rem,4vw,1rem);
  font-weight:760;
  letter-spacing:-.018em;
}
.findSearch input::placeholder{
  color:color-mix(in srgb,var(--appMuted) 72%,transparent);
  opacity:1;
}
.findClearBtn{
  position:relative;
  z-index:1;
  width:31px;
  height:31px;
  border:1px solid color-mix(in srgb,var(--appText) 7%,transparent);
  background:color-mix(in srgb,var(--appPanel) 82%,transparent);
  box-shadow:0 5px 14px rgba(12,20,42,.07);
}
@media (prefers-color-scheme:dark){
  .findSearch{
    border-color:color-mix(in srgb,var(--appText) 14%,transparent);
    background:
      linear-gradient(135deg,
        color-mix(in srgb,var(--appPanel) 96%,var(--appBlue) 4%),
        color-mix(in srgb,var(--appPanel) 96%,var(--appPink) 4%));
    box-shadow:
      0 15px 38px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.055);
  }
  .findSearch::before{
    background:linear-gradient(110deg,rgba(25,182,255,.055),transparent 45%,rgba(239,82,199,.05));
  }
  .findSearch:focus-within{
    border-color:color-mix(in srgb,var(--appBlue) 58%,transparent);
    background:color-mix(in srgb,var(--appPanel) 98%,transparent);
    box-shadow:
      0 0 0 4px color-mix(in srgb,var(--appBlue) 12%,transparent),
      0 18px 42px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.07);
  }
  .findClearBtn{
    background:color-mix(in srgb,var(--appPanel) 88%,var(--appText) 2%);
  }
}
@media(max-width:640px){
  .findToolbar{padding:10px 0 12px}
  .findSearch{height:56px;border-radius:21px;padding-inline:17px}
}

/* SEARCH_PARENT_TRANSPARENT_V003
   Removes blur and background only from the parent toolbar.
   The actual search field keeps its existing filled background, border, shadow and focus styling. */
.findToolbar{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
@media (prefers-color-scheme:dark){
  .findToolbar{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }
}

.activeCartPackageSummary{display:block;margin-top:5px;font-style:normal;font-size:11px;line-height:1.45;color:var(--muted,#6f7482)}.activeCartPackageSummary strong{font-size:inherit;color:inherit}

/* PACKAGE_CUSTOMER_DETAILS_V002
   Makes package contents, quantities, retail value, and savings explicit. */
.findPackageSavingsHero{display:flex;align-items:center;gap:12px;margin:12px 0 2px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--appPink) 28%,transparent);border-radius:18px;background:color-mix(in srgb,var(--appPink) 7%,var(--appPanel));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent)}
.findPackageSavingsHero>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--appPink) 12%,var(--appPanel));color:var(--appPink);font-size:1rem}
.findPackageSavingsHero span{display:grid;gap:2px}.findPackageSavingsHero small{color:var(--appMuted);font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.findPackageSavingsHero strong{color:var(--appText);font-size:.86rem;font-weight:950}
.findPackageContents{border-color:color-mix(in srgb,var(--appBlue) 19%,transparent);background:color-mix(in srgb,var(--appBlue) 3%,var(--appPanel))}
.findPackageItemCount{align-self:flex-start;padding:6px 9px;border:1px solid color-mix(in srgb,var(--appBlue) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--appBlue) 7%,var(--appPanel));color:var(--appBlue);font-size:.55rem;font-weight:900;white-space:nowrap}
.findPackageComponentList{display:grid;gap:9px;margin-top:12px}
.findPackageComponent{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid color-mix(in srgb,var(--appText) 8%,transparent);border-radius:16px;background:color-mix(in srgb,var(--appBg) 62%,var(--appPanel));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 50%,transparent)}
.findPackageComponentImage{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:var(--package-component-photo) center/cover no-repeat,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel));color:var(--appBlue)}
.findPackageComponentImage[style*="url('')"]{background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel))}.findPackageComponentImage>i{font-size:1rem;opacity:.55}
.findPackageComponentCopy{min-width:0;display:grid;gap:2px}.findPackageComponentCopy strong{overflow:hidden;color:var(--appText);font-size:.72rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.findPackageComponentCopy span{color:var(--appBlue);font-size:.62rem;font-weight:900}.findPackageComponentCopy small{color:var(--appMuted);font-size:.53rem;font-weight:750}
.findPackageComponentPrice{display:grid;justify-items:end;gap:2px;text-align:right}.findPackageComponentPrice b{color:var(--appText);font-size:.7rem;font-weight:950}.findPackageComponentPrice small{color:var(--appMuted);font-size:.5rem;font-weight:750;white-space:nowrap}
.findPackagePricing{border-color:color-mix(in srgb,var(--appPink) 18%,transparent);background:color-mix(in srgb,var(--appPink) 3%,var(--appPanel))}
.findPackagePriceRows{display:grid;gap:0;margin-top:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--appText) 8%,transparent);border-radius:16px;background:color-mix(in srgb,var(--appBg) 62%,var(--appPanel))}
.findPackagePriceRows>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--appText) 7%,transparent)}.findPackagePriceRows>div:last-child{border-bottom:0}.findPackagePriceRows span{color:var(--appMuted);font-size:.64rem;font-weight:820}.findPackagePriceRows strong{color:var(--appText);font-size:.72rem;font-weight:950}.findPackagePriceRows .isSavings{background:color-mix(in srgb,var(--appPink) 8%,transparent)}.findPackagePriceRows .isSavings span,.findPackagePriceRows .isSavings strong{color:var(--appPink)}.findPackagePriceRows .isNoSavings strong{font-size:.62rem}
.findPackageFooterSavings{display:block;margin-top:2px;color:var(--appPink);font-size:.53rem;font-weight:900}
@media(max-width:390px){.findPackageComponent{grid-template-columns:46px minmax(0,1fr) auto;gap:9px}.findPackageComponentImage{width:46px;height:46px}.findPackageItemCount{font-size:.5rem}.findPackageComponentCopy strong{font-size:.68rem}.findPackageComponentPrice b{font-size:.66rem}}


.findProductAddWrap,.findProductQuantityWrap{display:grid;justify-items:stretch;gap:6px;min-width:min(100%,240px)}
.findPackageQuantityAvailability{display:block;color:var(--appMuted);font-size:.65rem;font-weight:800;line-height:1.25;text-align:center}
.findProductAdd.isUnavailable{cursor:not-allowed;opacity:.58;filter:saturate(.45)}
.findProductQuantity>button:disabled{cursor:not-allowed;opacity:.38;transform:none}


/* CATALOG_IMAGE_REVEAL_V002
   Keep every protected catalog image covered until it has fully loaded and
   decoded. The loading surface uses the same particle-based Infinis infinity
   animation as the platform's existing full-screen loader. */
.findHero,
.findCategoryPhoto,
.findQuickThumb,
.findCollectionMedia,
.findResultPhoto,
.findPackageMedia,
.findDetailMedia,
.findProductHeroImage,
.findPackageComponentImage{
  position:relative;
}
.catalogImageLoading{
  background-image:none!important;
  background-color:color-mix(in srgb,var(--appBlue) 7%,var(--appPanel))!important;
}
.catalogInfinityLoader{
  position:absolute;
  z-index:40;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
  background:color-mix(in srgb,var(--appPanel) 94%,var(--appBlue) 6%);
  opacity:1;
  transition:opacity .22s ease;
}
.catalogInfinityLoader canvas{
  display:block;
  width:min(46%,92px);
  height:auto;
  aspect-ratio:1.75/1;
  overflow:visible;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--appBlue) 30%,transparent));
}
.catalogInfinityLoader.isLeaving{opacity:0}
.catalogImageReady{animation:catalogImageReveal .24s ease-out both}
@keyframes catalogImageReveal{from{opacity:.72}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .catalogImageReady{animation:none}
  .catalogInfinityLoader{transition-duration:.08s}
}

}

/* PACKAGE_COMPONENT_IMAGE_CONTAINMENT_V001
   Keep package inventory thumbnails fully inside their dedicated image div. */
.findPackageComponentImage{
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  contain:paint;
  clip-path:inset(0 round 13px);
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.findPackageComponentImage::before,
.findPackageComponentImage::after{
  max-width:100%;
  max-height:100%;
  overflow:hidden;
}
.findPackageComponentImage>img,
.findPackageComponentImage>picture,
.findPackageComponentImage>picture>img,
.findPackageComponentImage>canvas,
.findPackageComponentImage>video{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit;
  overflow:hidden;
}
.findPackageComponentImage>.catalogInfinityLoader{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  border-radius:inherit;
  clip-path:inset(0 round 13px);
}
.findPackageComponentImage>.catalogInfinityLoader canvas{
  width:min(64%,72px)!important;
  height:auto!important;
  max-width:72px!important;
  max-height:42px!important;
  overflow:hidden!important;
}
@media(max-width:390px){
  .findPackageComponentImage{clip-path:inset(0 round 12px)}
  .findPackageComponentImage>.catalogInfinityLoader{clip-path:inset(0 round 12px)}
}

/* PACKAGE_COMPONENT_THUMBNAIL_INSET_V002
   Keep the actual inventory artwork comfortably inside the thumbnail frame.
   The background image resolves inside the padded content box, while the
   rounded image div remains the clipping boundary. */
.findPackageComponentImage{
  box-sizing:border-box!important;
  padding:6px!important;
  background-origin:content-box!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.findPackageComponentImage>i{
  display:none!important;
}
.findPackageComponentImage>.catalogInfinityLoader{
  inset:0!important;
  margin:0!important;
}
@media(max-width:390px){
  .findPackageComponentImage{padding:5px!important}
}

/* Included package items open their own product detail overlay while preserving the package position. */
.findProductOverlay.hasChildProduct{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.findPackageComponent[role="button"]{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
.findPackageComponent[role="button"]:active{transform:scale(.985)}
.findPackageComponent[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 42%,transparent);outline-offset:2px}
@media(hover:hover){.findPackageComponent[role="button"]:hover{border-color:color-mix(in srgb,var(--appBlue) 35%,transparent);background:color-mix(in srgb,var(--appBlue) 6%,var(--appPanel))}}

.findCalendarGrid button.isCartFull{box-shadow:inset 0 -4px 0 #2f9e44}.findCalendarGrid button.isCartPartial{box-shadow:inset 0 -4px 0 #f59f00}.findCalendarGrid button.isCartLow{box-shadow:inset 0 -4px 0 #e8590c}.findCalendarGrid button:disabled.isCartLow{opacity:.42;filter:saturate(.6)}

/* Context-aware product action icon */
.findResultBtn.needsDates{background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 88%,#fff),color-mix(in srgb,var(--appPink) 58%,var(--appBlue)));box-shadow:0 8px 18px color-mix(in srgb,var(--appBlue) 22%,transparent)}
.findResultBtn.needsProject{background:color-mix(in srgb,var(--appText) 88%,var(--appBlue));box-shadow:0 8px 18px color-mix(in srgb,var(--appText) 18%,transparent)}
.findResultBtn.needsDates i,.findResultBtn.needsProject i{font-size:.92rem}

/* V305_SHARED_HEADER_CLEARANCE_TRANSFER
   The shell now ends exactly at the fixed top bar for every tab. The shared
   #tabMount parent owns the preserved viewport-specific breathing room, so
   Explore keeps the same initial placement and its sticky toolbar can still
   meet the top bar without a shell-owned gap. */

.findDateGate .findRentalRuleSummary{grid-column:1/-1;margin:0;padding:7px 4px 0;text-align:left;line-height:1.35;font-size:10px}
@media(max-width:430px){.findDateGate .findRentalRuleSummary{font-size:9px;padding-top:4px}}

/* END assets/css/tabs/find.css */

/* BEGIN assets/css/tabs/catalog.css */
.ordersPage{width:min(var(--panelMaxW),calc(100dvw - 28px));max-width:100%;margin:0 auto;display:grid;gap:14px;color:var(--appText)}
.ordersHero,.ordersWorkspace{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);box-shadow:0 18px 45px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.ordersHero{border-radius:27px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ordersEyebrow{display:block;font-size:.67rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:var(--appMuted)}.ordersHero h1{margin:5px 0 6px;font-size:2rem;letter-spacing:-.055em}.ordersHero p{margin:0;color:var(--appMuted);font-size:.82rem}.ordersHeroIcon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,182,255,.18),rgba(255,79,216,.16));font-size:1.5rem;flex:0 0 auto}
.ordersWorkspace{border-radius:24px;padding:15px}.ordersToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ordersSearch{height:42px;min-width:220px;max-width:380px;flex:1;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--appMuted)}.ordersSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--appText);font:inherit;font-size:.75rem;font-weight:760}.ordersFilters{display:flex;gap:7px}.orderFilter{height:35px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.05);color:var(--appMuted);padding:0 13px;font-size:.66rem;font-weight:900;white-space:nowrap}.orderFilter.active{border-color:transparent;background:var(--appAccentGlass);color:#fff}
.ordersList{display:grid;gap:10px}.orderCard{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035);padding:14px}.orderTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.orderIdentity{display:flex;align-items:center;gap:11px;min-width:0}.orderIcon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,182,255,.17),rgba(255,79,216,.14));flex:0 0 auto}.orderIdentity div{min-width:0}.orderIdentity small,.orderIdentity b{display:block}.orderIdentity small{color:var(--appMuted);font-size:.59rem;font-weight:850}.orderIdentity b{margin-top:3px;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orderStatus{display:inline-flex;align-items:center;justify-content:center;min-height:29px;border-radius:999px;padding:0 10px;font-size:.59rem;font-weight:950;background:rgba(255,255,255,.08);white-space:nowrap}.orderStatus.quote{background:rgba(255,79,216,.14)}.orderStatus.confirmed{background:rgba(24,182,255,.15)}.orderStatus.preparing{background:rgba(255,184,77,.15)}.orderStatus.out{background:rgba(40,224,163,.15)}.orderStatus.return{background:rgba(255,122,90,.15)}.orderStatus.cancelled{background:rgba(255,122,90,.15)}
.orderDetails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.orderDetails>div{border-radius:14px;background:rgba(255,255,255,.045);padding:10px}.orderDetails small,.orderDetails b,.orderDetails span{display:block}.orderDetails small{font-size:.57rem;color:var(--appMuted);text-transform:uppercase;letter-spacing:.06em;font-weight:900}.orderDetails b{margin:4px 0 2px;font-size:.75rem}.orderDetails span{font-size:.59rem;color:var(--appMuted)}.orderOpen{width:100%;height:38px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.06);color:var(--appText);font-size:.68rem;font-weight:900}.ordersEmpty{min-height:240px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--appMuted);text-align:center}.ordersEmpty i{font-size:1.6rem}.ordersEmpty b{color:var(--appText)}.ordersEmpty small{font-size:.67rem}
@media(max-width:700px){.ordersToolbar{align-items:stretch;flex-direction:column}.ordersSearch{max-width:none}.ordersFilters{overflow-x:auto;scrollbar-width:none}.ordersFilters::-webkit-scrollbar{display:none}}
@media(max-width:560px){.ordersPage{width:100%;padding:0 11px;gap:11px}.ordersHero{padding:18px;border-radius:22px}.ordersHero h1{font-size:1.55rem}.ordersHero p{font-size:.72rem;max-width:230px}.ordersHeroIcon{width:48px;height:48px;border-radius:17px;font-size:1.1rem}.ordersWorkspace{padding:11px;border-radius:20px}.orderCard{padding:11px;border-radius:17px}.orderIdentity b{font-size:.73rem;white-space:normal;line-height:1.2}.orderIcon{width:37px;height:37px}.orderStatus{font-size:.54rem;padding:0 8px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.orderDetails{gap:6px;margin:11px 0}.orderDetails>div{padding:8px}.orderDetails b{font-size:.67rem}.orderDetails span{font-size:.54rem}.orderOpen{height:36px}}
@media(max-width:380px){.orderDetails{grid-template-columns:1fr}.orderDetails>div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:6px}.orderDetails b{margin:0}}

/* Customer-facing refinement */
.ordersPage{display:block}.ordersHero{display:none}.ordersWorkspace{padding:18px}.ordersHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ordersHeader h1{margin:0;font-size:1.55rem;letter-spacing:-.045em}.ordersBrowse{height:38px;border:0;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:7px;background:var(--appAccentGlass);color:#fff;font-size:.68rem;font-weight:900}.orderCard{width:100%;display:block;text-align:left;color:var(--appText)}.orderIdentity span:not(.orderIcon){display:block;margin-top:4px;color:var(--appMuted);font-size:.62rem}.orderBottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}.orderBottom span{font-size:.64rem;color:var(--appMuted)}.orderBottom b{font-size:.76rem}.orderBottom i{font-size:.8rem;color:var(--appMuted)}.orderDetails,.orderOpen{display:none}.ordersEmpty button{height:38px;border:0;border-radius:13px;padding:0 15px;background:var(--appAccentGlass);color:#fff;font-size:.68rem;font-weight:900}
@media(max-width:560px){.ordersWorkspace{padding:13px}.ordersHeader h1{font-size:1.35rem}.ordersBrowse span{display:none}.ordersBrowse{width:38px;padding:0;justify-content:center}.orderTop{align-items:flex-start}.orderIdentity{align-items:flex-start}.orderStatus{flex:0 0 auto}.orderBottom{margin-top:10px;padding-top:9px}}


/* Customer product details sheet */
.findProductOverlay{position:fixed;inset:0;z-index:9800;background:rgba(4,8,20,.56);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease;padding-top:max(18px,env(safe-area-inset-top))}.findProductOverlay.isOpen{opacity:1;pointer-events:auto}.findProductSheet{width:min(760px,100dvw);height:min(92dvh,900px);max-height:92dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--appBg,#f7f8fc);color:var(--appText,#101426);border:1px solid rgba(255,255,255,.35);border-radius:32px 32px 0 0;overflow:hidden;box-shadow:0 -28px 90px rgba(4,8,20,.30);transform:translateY(28px);transition:transform .26s cubic-bezier(.22,.75,.25,1)}.findProductOverlay.isOpen .findProductSheet{transform:translateY(0)}.findProductTopbar{height:62px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(110,120,145,.14);background:color-mix(in srgb,var(--appBg,#fff) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:3}.findProductTopbar>span{text-align:center;font-size:.76rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.findProductClose,.findProductShare,.findProductSave{border:1px solid rgba(110,120,145,.18);background:rgba(255,255,255,.52);color:inherit;display:grid;place-items:center}.findProductClose,.findProductShare{width:42px;height:42px;border-radius:15px;font-size:1rem}.findProductScroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.findProductGallery{position:relative;width:100%;height:clamp(260px,42dvh,420px);overflow:hidden;background:#e9eef8}.findProductHeroImage{position:absolute;inset:0;background-image:var(--findProductPhoto);background-position:center;background-repeat:no-repeat;background-size:contain;overflow:hidden}.findProductDots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(8,12,25,.34);backdrop-filter:blur(8px)}.findProductDots:empty{display:none}.findProductDots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55)}.findProductDots button.isActive{width:20px;background:#fff}.findProductContent{padding:22px 20px 30px;display:grid;gap:18px}.findProductHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.findProductHeading>div{min-width:0}.findProductHeading span{display:block;color:var(--appBlue,#19b6ff);font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.findProductHeading h2{margin:5px 0 0;font-size:clamp(1.7rem,7dvw,2.35rem);line-height:1;letter-spacing:-.055em}.findProductSave{width:46px;height:46px;border-radius:16px;flex:0 0 auto;font-size:1.1rem}.findProductSave.isActive{color:#f05fb8}.findProductPrice{display:flex;align-items:center;justify-content:space-between;gap:12px}.findProductPrice strong{font-size:1.25rem}.findProductPrice strong small{font-size:.68rem;color:var(--appMuted);font-weight:800}.findProductPrice>span{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:900}.findProductPrice .bi-star-fill{color:#ffb23e}.findProductSummary{margin:0;color:var(--appMuted);font-size:.88rem;line-height:1.55}.findProductCallout{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border-radius:20px;background:linear-gradient(135deg,rgba(24,182,255,.11),rgba(240,95,184,.09));border:1px solid rgba(90,125,220,.12)}.findProductCallout>i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.55);color:var(--appBlue)}.findProductCallout b{display:block;font-size:.72rem;margin-bottom:3px}.findProductCallout p{margin:0 0 9px;color:var(--appMuted);font-size:.76rem;line-height:1.4}.findProductCallout p:last-child{margin-bottom:0}.findProductSection{display:grid;gap:11px}.findProductSection h3{margin:0;font-size:1rem;letter-spacing:-.025em}.findProductFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.findProductFact{min-width:0;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:11px;border:1px solid rgba(110,120,145,.13);border-radius:16px;background:rgba(255,255,255,.36)}.findProductFact>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(24,182,255,.10);color:var(--appBlue)}.findProductFact span{min-width:0}.findProductFact small,.findProductFact b{display:block}.findProductFact small{font-size:.57rem;color:var(--appMuted);font-weight:850}.findProductFact b{margin-top:2px;font-size:.68rem;line-height:1.28;overflow-wrap:anywhere}.findProductIncluded{display:grid;gap:8px}.findProductIncluded span{display:flex;align-items:flex-start;gap:9px;font-size:.76rem;line-height:1.35}.findProductIncluded i{color:#1ebf82;margin-top:1px}.findProductChoices{display:grid;gap:9px}.findProductChoices>div{padding:13px;border-radius:17px;border:1px solid rgba(110,120,145,.13);background:rgba(255,255,255,.34)}.findProductChoices b,.findProductChoices span{display:block}.findProductChoices b{font-size:.76rem}.findProductChoices p,.findProductChoices span{margin:4px 0 0;color:var(--appMuted);font-size:.68rem;line-height:1.4}.findProductImportant{padding:15px;border-radius:20px;background:rgba(255,178,62,.09);border:1px solid rgba(255,178,62,.18)}.findProductImportant p{margin:0;color:var(--appMuted);font-size:.73rem;line-height:1.45}.findProductImportant p+p{margin-top:8px}.findProductImportant p i{margin-right:7px;color:#e29a20}.findProductFinePrint{margin:0;text-align:center;color:var(--appMuted);font-size:.62rem;line-height:1.4}.findProductActions{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px);align-items:center;gap:14px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(110,120,145,.14);background:color-mix(in srgb,var(--appBg,#fff) 90%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.findProductActions small,.findProductActions strong{display:block}.findProductActions small{color:var(--appMuted);font-size:.58rem;font-weight:850}.findProductActions strong{margin-top:2px;font-size:.95rem}.findProductAdd{height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,rgba(24,182,255,.20),rgba(240,95,184,.18));color:#fff;font:inherit;font-size:.76rem;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 30px rgba(70,110,240,.22)}.findProductAdd:disabled{opacity:.65}.findResultCard{cursor:pointer}.findResultCard:focus-visible{outline:3px solid rgba(24,182,255,.55);outline-offset:3px}
@media(max-width:520px){.findProductOverlay{padding-top:max(8px,env(safe-area-inset-top))}.findProductSheet{height:96dvh;max-height:96dvh;border-radius:26px 26px 0 0}.findProductTopbar{height:58px}.findProductGallery{height:36dvh;min-height:250px}.findProductContent{padding:19px 16px 26px}.findProductFacts{grid-template-columns:1fr}.findProductActions{grid-template-columns:minmax(0,.72fr) minmax(150px,1.28fr);padding-left:16px;padding-right:16px}.findProductHeading h2{font-size:1.8rem}}
@media(prefers-color-scheme:dark){.findProductSheet{background:#080b14}.findProductClose,.findProductShare,.findProductSave,.findProductFact,.findProductChoices>div{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}.findProductGallery{background:#101827}.findProductCallout>i{background:rgba(255,255,255,.08)}}
@media(prefers-reduced-motion:reduce){.findProductOverlay,.findProductSheet{transition:none}}

/* PRODUCT_DETAILS_EDGE_TO_EDGE_MOBILE_V004
   Mobile/WebView product details must occupy the entire visual viewport. */
@media (max-width: 640px) {
  html.findProductOpen,
  body.findProductOpen {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--appBg, #080b14) !important;
  }

  body.findProductOpen {
    position: fixed !important;
    inset: 0 !important;
  }

  .findProductOverlay,
  .findProductOverlay.isOpen {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--appBg, #080b14) !important;
    overflow: hidden !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .findProductSheet {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    align-self: stretch !important;
    transform: translateX(20px) !important;
  }

  .findProductOverlay.isOpen .findProductSheet {
    transform: translateX(0) !important;
  }

  .findProductTopbar {
    border-radius: 0 !important;
  }

  .findProductActions {
    margin: 0 !important;
    border-radius: 0 !important;
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 640px) {
    .findProductOverlay,
    .findProductOverlay.isOpen,
    .findProductSheet {
      height: 100dvh !important;
      min-height: -webkit-fill-available !important;
    }
  }
}

/* END assets/css/tabs/catalog.css */

/* BEGIN assets/css/tabs/merit.css */
.meritPage{width:var(--panelW);margin:0 auto;display:grid;gap:18px;padding:0 0 28px;color:var(--appText)}
.meritWallet{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:30px;padding:22px;background:linear-gradient(145deg,rgba(28,120,246,.84),rgba(111,82,238,.78) 55%,rgba(229,76,196,.7));color:#fff;box-shadow:0 18px 48px rgba(60,73,164,.22);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.meritWallet:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(17,21,55,.08));pointer-events:none}.meritWalletGlow{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}.meritWalletGlowBlue{width:220px;height:220px;left:-110px;top:-120px;background:rgba(91,213,255,.22)}.meritWalletGlowPink{width:230px;height:230px;right:-125px;bottom:-145px;background:rgba(255,156,228,.22)}
.meritWalletHead{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.meritKickerRow{display:flex;align-items:center;gap:7px}.meritKicker,.meritSectionHead span{font-size:.68rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.meritKicker{color:rgba(255,255,255,.8)}.meritInfoButton{border:0;background:transparent;color:inherit;display:grid;place-items:center}.meritInfoButtonInline{width:24px;height:24px;border-radius:50%;font-size:.92rem;color:rgba(255,255,255,.86)}.meritInfoButtonInline:active{background:rgba(255,255,255,.13)}
.meritBalanceLine{display:flex;align-items:baseline;gap:8px;margin-top:4px}.meritBalanceLine strong{font-size:clamp(2.7rem,9vw,4.4rem);line-height:.95;letter-spacing:-.07em}.meritBalanceLine span{font-size:.95rem;font-weight:900;color:rgba(255,255,255,.84)}.meritWalletTitle p{margin:9px 0 0;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.78)}
.meritEmblem{width:64px;height:64px;flex:0 0 64px;border-radius:21px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.34),0 10px 30px rgba(31,36,100,.12);font-size:1.7rem}
.meritWalletStats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.meritWalletStats>div,.meritWalletStats>button{position:relative;min-width:0;padding:11px 10px;border-radius:16px;background:rgba(16,20,61,.14);border:1px solid rgba(255,255,255,.13);color:#fff;text-align:left}.meritWalletStats span{display:block;font-size:.58rem;font-weight:850;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meritWalletStats strong{display:block;margin-top:3px;font-size:1rem}.meritWalletStats button>i{position:absolute;right:8px;top:8px;font-size:.66rem;color:rgba(255,255,255,.66)}
.meritGrowthPanel{position:relative;z-index:1;margin-top:9px;padding:12px 13px;border-radius:17px;background:rgba(15,17,50,.2);border:1px solid rgba(255,255,255,.15)}.meritGrowthTop{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem;font-weight:850;color:rgba(255,255,255,.8)}.meritGrowthTop b{color:#fff}.meritRateTrack{height:7px;margin-top:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2)}.meritRateTrack span{display:block;height:100%;border-radius:inherit;background:rgba(255,255,255,.95)}
.meritHeroActions{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:11px}.meritPrimary,.meritSecondary{height:46px;border-radius:15px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px}.meritPrimary{border:1px solid rgba(255,255,255,.64);background:rgba(255,255,255,.9);color:#17203e;box-shadow:0 8px 24px rgba(22,31,86,.12)}.meritSecondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;padding:0 19px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.meritBlock{display:grid;gap:11px}.meritSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.meritSectionHead span{color:var(--appBlue)}.meritSectionHead h2{margin:3px 0 0;font-size:1.34rem;letter-spacing:-.04em}.meritSectionHead button{border:0;background:transparent;color:var(--appBlue);font-weight:900;padding:4px}.meritItemsBlock{scroll-margin-top:16px}
.meritRewardRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,270px);gap:12px;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}.meritRewardRail::-webkit-scrollbar{display:none}.meritRewardCard{scroll-snap-align:start;overflow:hidden;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanel);box-shadow:0 10px 28px rgba(18,30,75,.07)}.meritRewardArt{position:relative;height:108px;display:grid;place-items:center;background:rgba(24,182,255,.1);font-size:2.55rem;color:var(--appBlue)}.meritRewardCard.pink .meritRewardArt{color:var(--appPink);background:rgba(255,79,216,.09)}.meritRewardCard.violet .meritRewardArt{color:#8d6cf7;background:rgba(141,108,247,.1)}.meritRewardCard.aqua .meritRewardArt{color:#14a79d;background:rgba(20,167,157,.1)}.meritRewardArt span{position:absolute;top:10px;right:10px;border-radius:999px;padding:5px 8px;background:var(--appPanel);color:var(--appText);font-size:.55rem;font-weight:950;text-transform:uppercase;border:1px solid var(--appLine)}.meritRewardBody{padding:14px}.meritRewardBody h3{min-height:38px;margin:0 0 6px;font-size:.98rem;letter-spacing:-.025em}.meritRewardCost{display:flex;align-items:baseline;gap:5px}.meritRewardCost strong{font-size:1.05rem}.meritRewardCost span{font-size:.68rem;color:var(--appMuted);font-weight:850}.meritRewardBody small{display:block;min-height:16px;margin-top:7px;font-size:.64rem;color:var(--appMuted);font-weight:750}.meritRewardBody button{width:100%;height:38px;margin-top:10px;border:1px solid color-mix(in srgb,var(--appBlue) 36%,var(--appLine));border-radius:13px;background:rgba(24,182,255,.08);color:var(--appText);font-weight:950}.meritRewardBody button.isReady{background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine))}
.meritSignedOutNote{position:relative;z-index:1;margin:10px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.78)}
body.meritInfoOpen{overflow:hidden}.meritInfoOverlay{position:fixed;inset:0;z-index:10020;display:grid;align-items:end}.meritInfoOverlay[hidden]{display:none}.meritInfoBackdrop{position:absolute;inset:0;border:0;background:rgba(10,13,28,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.meritInfoSheet{position:relative;width:min(100%,620px);max-height:min(82dvh,720px);margin:0 auto;border-radius:28px 28px 0 0;border:1px solid color-mix(in srgb,var(--appLine) 84%,transparent);border-bottom:0;background:color-mix(in srgb,var(--appPanel) 94%,transparent);box-shadow:0 -20px 70px rgba(13,20,50,.25);padding:10px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.meritInfoOverlay.isOpen .meritInfoBackdrop{opacity:1}.meritInfoOverlay.isOpen .meritInfoSheet{transform:translateY(0)}.meritInfoHandle{width:42px;height:5px;margin:2px auto 13px;border-radius:999px;background:var(--appLine)}.meritInfoSheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meritInfoSheet>header span{font-size:.64rem;letter-spacing:.14em;font-weight:950;color:var(--appBlue)}.meritInfoSheet>header h2{margin:3px 0 0;font-size:1.4rem;letter-spacing:-.04em}.meritInfoSheet>header button{width:40px;height:40px;border-radius:14px;border:1px solid var(--appLine);background:var(--appPanelSoft);color:var(--appText)}.meritInfoSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.meritInfoSummary>div{min-width:0;padding:12px;border-radius:16px;border:1px solid var(--appLine);background:var(--appPanelSoft)}.meritInfoSummary span{display:block;font-size:.62rem;font-weight:850;color:var(--appMuted)}.meritInfoSummary strong{display:block;margin-top:4px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meritInfoList{display:grid;gap:9px}.meritInfoList article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel)}.meritInfoList article>i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appBlue);font-size:1.05rem}.meritInfoList h3{margin:1px 0 4px;font-size:.84rem}.meritInfoList p{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.45;font-weight:700}
@media(max-width:520px){.meritPage{width:var(--panelMobW);gap:15px}.meritWallet{padding:17px;border-radius:25px}.meritEmblem{width:54px;height:54px;flex-basis:54px;border-radius:18px;font-size:1.4rem}.meritWalletStats{gap:6px;margin-top:16px}.meritWalletStats>div,.meritWalletStats>button{padding:9px 8px}.meritWalletStats span{font-size:.52rem}.meritWalletStats strong{font-size:.9rem}.meritWalletStats button>i{right:6px;top:6px}.meritHeroActions{grid-template-columns:1fr auto}.meritSecondary span{display:none}.meritSecondary{width:48px;padding:0}.meritSectionHead h2{font-size:1.18rem}.meritRewardRail{grid-auto-columns:74vw}.meritInfoSheet{padding-left:15px;padding-right:15px}.meritInfoSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.meritBoostStrip{position:relative;z-index:1;width:100%;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);color:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.meritBoostIcon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.17);font-size:1rem}.meritBoostCopy{min-width:0;display:grid;gap:2px}.meritBoostCopy b{font-size:.78rem}.meritBoostCopy small{font-size:.62rem;font-weight:750;color:rgba(255,255,255,.72)}.meritBoostStrip>i{font-size:.75rem;color:rgba(255,255,255,.72)}
.meritBoostEarn{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:.61rem;font-weight:900;color:var(--appBlue)}.meritBoostEarn i{font-size:.72rem}

/* END assets/css/tabs/merit.css */

/* BEGIN assets/css/tabs/bubble.css */
.bubblePage{width:min(100%,760px);margin:0 auto;padding:14px 14px calc(30px + var(--bottomNavHeight,76px));display:grid;gap:14px;color:var(--appText)}
.bubbleHero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px solid color-mix(in srgb,var(--appBlue) 14%,var(--appLine));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--appPanel) 94%,#f7fbff),color-mix(in srgb,var(--appPanel) 96%,#fff7fb));box-shadow:0 16px 40px rgba(35,70,130,.08)}
.bubbleAvatarWrap{position:relative}.bubbleAvatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;border:5px solid rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(38,83,143,.14),0 0 0 1px rgba(62,131,220,.14)}.bubbleAvatar img{width:100%;height:100%;object-fit:cover}.bubbleAvatar span{font-size:1.65rem;font-weight:950;letter-spacing:-.05em;color:#2869c7}.bubbleStatusDot{position:absolute;right:3px;bottom:5px;width:18px;height:18px;border-radius:50%;background:#35ba76;border:4px solid #fff}
.bubbleIdentity{min-width:0}.bubbleIdentity>span,.bubbleFeedSection>header span,.bubbleAccountBar>div>span{font-size:.64rem;letter-spacing:.15em;font-weight:950;color:var(--appBlue)}.bubbleIdentity h1{margin:4px 0 5px;font-size:clamp(1.65rem,6vw,2.2rem);letter-spacing:-.055em;line-height:1}.bubbleIdentity>p{margin:0;color:var(--appMuted);font-size:.76rem;line-height:1.45;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubbleIdentityMeta{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.bubbleIdentityMeta span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--appBlue) 8%,var(--appPanel));font-size:.62rem;font-weight:900;color:color-mix(in srgb,var(--appBlue) 82%,var(--appText))}.bubbleEditButton{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;border:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 92%,transparent);color:var(--appText);font-size:.7rem;font-weight:900}
.bubbleActionStrip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bubbleActionStrip button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:14px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel);color:var(--appText);text-align:left;box-shadow:0 8px 24px rgba(24,47,92,.045)}.bubbleActionStrip button>i{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(48,132,232,.1);color:var(--appBlue);font-size:1rem}.bubbleActionStrip button:last-child>i{background:rgba(255,116,177,.1);color:#c44f86}.bubbleActionStrip span{display:grid;gap:2px}.bubbleActionStrip b{font-size:.78rem}.bubbleActionStrip small{font-size:.62rem;color:var(--appMuted);font-weight:700}
.bubblePocketGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bubblePocket{min-width:0;display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanel);color:var(--appText);text-align:left}.bubblePocketIcon{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;font-size:1.1rem}.meritFeature .bubblePocketIcon{background:rgba(35,139,247,.1);color:#2475d1}.gritFeature .bubblePocketIcon{background:rgba(255,107,177,.1);color:#d95193}.bubblePocket>span:nth-child(2){min-width:0;display:grid;gap:1px}.bubblePocket small{font-size:.59rem;color:var(--appMuted);font-weight:850}.bubblePocket strong{font-size:.98rem;letter-spacing:-.025em}.bubblePocket em{font-style:normal;font-size:.61rem;color:var(--appMuted);font-weight:700}.bubblePocket>i{font-size:.72rem;color:var(--appMuted)}
.bubbleFeedSection{display:grid;gap:10px}.bubbleFeedSection>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 3px}.bubbleFeedSection h2{margin:4px 0 0;font-size:1.2rem;letter-spacing:-.04em}.bubbleFeedSection>header button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanel);color:var(--appText);font-size:.66rem;font-weight:900}.bubbleFeed{display:grid;gap:11px}.bubbleFeedEmpty{padding:30px 20px;text-align:center;border:1px dashed color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:25px;background:color-mix(in srgb,var(--appPanel) 96%,#f5fbff)}.bubbleEmptyIllustration{width:58px;height:58px;margin:0 auto 12px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(48,132,232,.13),rgba(255,116,177,.1));color:var(--appBlue);font-size:1.35rem}.bubbleFeedEmpty h3{margin:0 0 6px;font-size:1rem}.bubbleFeedEmpty p{max-width:470px;margin:0 auto;color:var(--appMuted);font-size:.72rem;line-height:1.55;font-weight:700}.bubbleFeedEmpty button{margin-top:15px;padding:10px 14px;border:0;border-radius:14px;background:var(--appBlue);color:#fff;font-size:.7rem;font-weight:900}
.bubblePostCard{overflow:hidden;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel);box-shadow:0 10px 28px rgba(19,42,85,.05)}.bubblePostCard>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 15px}.bubblePostAvatar,.bubbleMiniAvatar,.bubbleFriendAvatar{overflow:hidden;display:grid;place-items:center;border-radius:50%;background:rgba(48,132,232,.1);color:var(--appBlue);font-weight:950}.bubblePostAvatar{width:42px;height:42px}.bubblePostAvatar img,.bubbleMiniAvatar img{width:100%;height:100%;object-fit:cover}.bubblePostCard header div:nth-child(2){display:grid;gap:2px}.bubblePostCard header strong{font-size:.77rem}.bubblePostCard header small{font-size:.59rem;color:var(--appMuted);font-weight:700}.bubblePostCard header button{border:0;background:transparent;color:var(--appMuted)}.bubblePostBody{padding:3px 16px 16px}.bubblePostTag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(48,132,232,.09);color:var(--appBlue);font-size:.56rem;font-weight:950}.bubblePostBody h3{margin:10px 0 5px;font-size:1.08rem;letter-spacing:-.03em}.bubblePostBody p{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.55;font-weight:650}.bubblePostFacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bubblePostFacts span{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:850;color:var(--appMuted)}.bubblePostCard>footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--appLine)}.bubblePostCard>footer button{padding:11px 8px;border:0;border-right:1px solid var(--appLine);background:transparent;color:var(--appMuted);font-size:.61rem;font-weight:850}.bubblePostCard>footer button:last-child{border-right:0}.bubblePostCard>footer i{margin-right:5px}
.bubbleAccountBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel)}.bubbleAccountBar h2{margin:4px 0 0;font-size:.75rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleAccountBar>div{min-width:0}.bubbleAccountBar button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanelSoft);color:var(--appText);font-size:.62rem;font-weight:900;white-space:nowrap}
body.bubbleLayerOpen{overflow:hidden}.bubbleLayer{position:fixed;inset:0;z-index:10050;display:grid;align-items:end}.bubbleLayer[hidden]{display:none}.bubbleLayerBackdrop{position:absolute;inset:0;border:0;background:rgba(12,18,35,.34);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity .22s ease}.bubbleLayerSheet{position:relative;width:min(100%,760px);height:min(92dvh,900px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:30px 30px 0 0;border:1px solid var(--appLine);border-bottom:0;background:var(--appBg);box-shadow:0 -25px 80px rgba(16,27,56,.24);transform:translateY(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.bubbleLayer.isOpen .bubbleLayerBackdrop{opacity:1}.bubbleLayer.isOpen .bubbleLayerSheet{transform:translateY(0)}.bubbleLayerHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 13px;border-bottom:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 94%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.bubbleLayerHead span{font-size:.62rem;letter-spacing:.15em;font-weight:950;color:var(--appBlue)}.bubbleLayerHead h2{margin:3px 0 0;font-size:1.35rem;letter-spacing:-.045em}.bubbleLayerHead button{width:42px;height:42px;border-radius:15px;border:1px solid var(--appLine);background:var(--appPanelSoft);color:var(--appText)}.bubbleLayerBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom));scroll-behavior:smooth}.bubbleLayerBody>.meritPage{padding-bottom:24px}.bubbleLayerBody .meritInfoOverlay{z-index:10070}
.bubbleProfileForm,.bubblePostForm{display:grid;gap:14px;padding:16px}.bubbleProfilePreview{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--appPanel);border:1px solid var(--appLine)}.bubbleMiniAvatar{width:54px;height:54px}.bubbleProfilePreview div:last-child{display:grid;gap:3px}.bubbleProfilePreview strong{font-size:.9rem}.bubbleProfilePreview small{font-size:.64rem;color:var(--appMuted)}.bubbleProfileForm label,.bubblePostForm label,.bubbleFriendInvite label{display:grid;gap:7px}.bubbleProfileForm label>span,.bubblePostForm label>span,.bubbleFriendInvite label>span{font-size:.67rem;font-weight:900}.bubbleProfileForm input,.bubbleProfileForm textarea,.bubblePostForm input,.bubblePostForm textarea,.bubbleFriendInvite input{width:100%;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);padding:12px 13px;font:inherit;font-size:.76rem;outline:none}.bubbleProfileForm textarea,.bubblePostForm textarea{resize:vertical}.bubbleProfileForm label>small{text-align:right;color:var(--appMuted);font-size:.58rem}.bubbleProfileNote{display:flex;gap:10px;padding:12px;border-radius:16px;background:rgba(48,132,232,.07);color:var(--appMuted)}.bubbleProfileNote i{color:var(--appBlue)}.bubbleProfileNote p{margin:0;font-size:.65rem;line-height:1.45;font-weight:700}.bubbleSaveButton{padding:13px 16px;border:0;border-radius:15px;background:var(--appBlue);color:#fff;font-weight:950}.bubblePostFormIntro{display:flex;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(145deg,rgba(48,132,232,.09),rgba(255,116,177,.07))}.bubblePostFormIntro>i{width:42px;height:42px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:var(--appPanel);color:var(--appBlue)}.bubblePostFormIntro h3{margin:0 0 4px;font-size:.9rem}.bubblePostFormIntro p{margin:0;color:var(--appMuted);font-size:.65rem;line-height:1.45}.bubbleFormPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bubbleFriendInvite{margin:16px;padding:16px;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanel)}.bubbleFriendInvite h3{margin:0 0 4px}.bubbleFriendInvite>p{margin:0 0 13px;color:var(--appMuted);font-size:.68rem}.bubbleFriendInvite form{display:grid;gap:10px}.bubbleFriendInvite form>button{padding:12px;border:0;border-radius:14px;background:var(--appBlue);color:#fff;font-weight:950}.bubbleFriendList{display:grid;gap:9px;padding:0 16px 18px}.bubbleFriendList article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanel)}.bubbleFriendAvatar{width:44px;height:44px}.bubbleFriendList article>div:nth-child(2){display:grid;gap:3px}.bubbleFriendList strong{font-size:.78rem}.bubbleFriendList small{font-size:.61rem;color:var(--appMuted)}.bubbleFriendList article>button{width:34px;height:34px;border:1px solid var(--appLine);border-radius:12px;background:var(--appPanelSoft);color:var(--appMuted)}.bubbleFriendsEmpty{text-align:center;padding:28px 18px;border:1px dashed var(--appLine);border-radius:21px}.bubbleFriendsEmpty i{font-size:1.55rem;color:var(--appBlue)}.bubbleFriendsEmpty strong{display:block;margin:8px 0 4px}.bubbleFriendsEmpty p{margin:0;color:var(--appMuted);font-size:.68rem;line-height:1.5}
.bubbleGritSummary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.bubbleGritSummary>div{padding:15px;border-radius:19px;border:1px solid var(--appLine);background:var(--appPanel)}.bubbleGritSummary span{display:block;font-size:.65rem;font-weight:850;color:var(--appMuted)}.bubbleGritSummary strong{display:block;margin-top:4px;font-size:1.1rem}.bubbleGritList{display:grid;gap:10px;padding:0 16px 18px}.bubbleGritList article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px;border-radius:21px;border:1px solid var(--appLine);background:var(--appPanel)}.bubbleGritIcon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:rgba(48,132,232,.1);color:var(--appBlue);font-size:1.15rem}.bubbleGritIcon img{width:100%;height:100%;display:block;object-fit:contain;border-radius:15px}.bubbleGritTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.bubbleGritTitle h3{margin:0;font-size:.94rem}.bubbleGritTitle span{padding:5px 8px;border-radius:999px;background:rgba(44,174,108,.1);color:#218254;font-size:.56rem;font-weight:950}.bubbleGritList p{margin:5px 0;color:var(--appMuted);font-size:.7rem;line-height:1.45}.bubbleGritList small{font-size:.65rem;color:var(--appBlue);font-weight:850}.bubbleEmpty{margin:16px;padding:30px 18px;text-align:center;border:1px dashed var(--appLine);border-radius:22px;background:var(--appPanel)}.bubbleEmpty i{font-size:1.8rem;color:var(--appBlue)}.bubbleEmpty h3{margin:10px 0 5px}.bubbleEmpty p{margin:0;color:var(--appMuted);font-size:.75rem;line-height:1.5}
@media(max-width:620px){.bubblePage{padding:10px 10px calc(24px + var(--bottomNavHeight,76px));gap:12px}.bubbleHero{grid-template-columns:74px minmax(0,1fr);padding:17px;border-radius:24px;gap:12px}.bubbleAvatar{width:72px;height:72px;border-width:4px}.bubbleEditButton{position:absolute;right:12px;top:12px;padding:8px}.bubbleEditButton span{display:none}.bubbleIdentity{padding-right:30px}.bubbleIdentity h1{font-size:1.48rem}.bubbleIdentity>p{-webkit-line-clamp:2;font-size:.69rem}.bubbleIdentityMeta span{padding:6px 8px;font-size:.56rem}.bubbleActionStrip{grid-template-columns:1fr 1fr}.bubbleActionStrip button{grid-template-columns:36px minmax(0,1fr);padding:11px;gap:9px}.bubbleActionStrip button>i{width:36px;height:36px;border-radius:13px}.bubbleActionStrip small{display:none}.bubblePocketGrid{grid-template-columns:1fr}.bubblePocket{padding:13px;border-radius:19px}.bubbleFeedSection h2{font-size:1.08rem}.bubbleAccountBar{align-items:flex-start;flex-direction:column}.bubbleAccountBar button{width:100%;justify-content:center}.bubbleLayerSheet{height:94dvh;border-radius:25px 25px 0 0}.bubbleLayerHead{padding:14px}.bubbleLayerBody>.meritPage{width:100%;padding-left:10px;padding-right:10px}.bubbleFormPair{grid-template-columns:1fr}.bubblePostCard>footer button{font-size:.56rem}.bubblePostCard>footer i{display:block;margin:0 0 3px}}

/* v140 feed-first Bubble */
.bubbleFeedPage{gap:12px}.bubbleFeedWelcome{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid var(--appLine);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--appPanel) 95%,#f6fbff),color-mix(in srgb,var(--appPanel) 96%,#fff7fb))}.bubbleFeedWelcome>div{min-width:0}.bubbleFeedWelcome span{font-size:.58rem;letter-spacing:.14em;font-weight:950;color:var(--appBlue)}.bubbleFeedWelcome h1{margin:4px 0 5px;font-size:1.4rem;letter-spacing:-.04em}.bubbleFeedWelcome p{margin:0;color:var(--appMuted);font-size:.69rem;line-height:1.45;font-weight:650}.bubbleFeedWelcome>button{display:grid;place-items:center;gap:2px;flex:0 0 auto;width:58px;height:58px;border:0;border-radius:19px;background:var(--appBlue);color:#fff;font-size:.58rem;font-weight:900}.bubbleFeedFilters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.bubbleFeedFilters::-webkit-scrollbar{display:none}.bubbleFeedFilters button{flex:0 0 auto;padding:9px 14px;border:1px solid var(--appLine);border-radius:999px;background:var(--appPanel);color:var(--appMuted);font-size:.63rem;font-weight:900}.bubbleFeedFilters button.active{background:var(--appText);color:var(--appBg);border-color:var(--appText)}.bubbleComposer{display:grid;grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:9px;padding:10px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel)}.bubbleComposerAvatar{width:42px;height:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--appPanelSoft);color:var(--appBlue);font-weight:950}.bubbleComposerAvatar img{width:100%;height:100%;object-fit:cover}.bubbleComposerPrompt{min-width:0;padding:11px 12px;border:0;border-radius:14px;background:var(--appPanelSoft);color:var(--appMuted);text-align:left;font-size:.66rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleComposerAdd{width:40px;height:40px;border:0;border-radius:14px;background:rgba(48,132,232,.1);color:var(--appBlue)}.bubbleMirror{margin:16px;border:1px solid var(--appLine);border-radius:25px;overflow:hidden;background:var(--appPanel)}.bubbleMirrorCover{height:88px;background:radial-gradient(circle at 20% 10%,rgba(48,132,232,.5),transparent 35%),radial-gradient(circle at 80% 20%,rgba(255,116,177,.42),transparent 38%),linear-gradient(135deg,#15284c,#315f9e)}.bubbleMirrorIdentity{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:end;padding:0 16px 14px;margin-top:-34px}.bubbleMirrorAvatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:5px solid var(--appPanel);background:var(--appPanelSoft);color:var(--appBlue);font-size:1.2rem;font-weight:950}.bubbleMirrorAvatar img{width:100%;height:100%;object-fit:cover}.bubbleMirrorIdentity small{font-size:.53rem;letter-spacing:.13em;color:var(--appBlue);font-weight:950}.bubbleMirrorIdentity h2{margin:2px 0 4px;font-size:1.25rem}.bubbleMirrorIdentity p{margin:0;color:var(--appMuted);font-size:.66rem;line-height:1.4}.bubbleMirrorMeta{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 16px}.bubbleMirrorMeta span{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:var(--appPanelSoft);font-size:.58rem;font-weight:850}.bubbleProfileGrid{display:grid;gap:9px;padding:0 16px 20px}.bubbleProfileGrid button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);color:var(--appText);text-align:left}.bubbleProfileGrid button>i:first-child{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(48,132,232,.1);color:var(--appBlue)}.bubbleProfileGrid button>span{display:grid;gap:2px}.bubbleProfileGrid small{font-size:.51rem;letter-spacing:.1em;color:var(--appBlue);font-weight:950}.bubbleProfileGrid b{font-size:.76rem}.bubbleProfileGrid em{font-style:normal;font-size:.59rem;color:var(--appMuted);font-weight:700}@media(max-width:620px){.bubbleFeedWelcome{padding:15px}.bubbleFeedWelcome h1{font-size:1.2rem}.bubbleFeedWelcome p{font-size:.64rem}.bubbleFeedWelcome>button{width:52px;height:52px}.bubbleMirror{margin:10px}.bubbleProfileGrid{padding:0 10px 16px}}

/* v147: Bubble Mirror logout + required Bubble name onboarding */
.bubbleProfileGrid .bubbleMirrorLogout{border-color:color-mix(in srgb,#d64c68 32%,var(--appLine));background:color-mix(in srgb,#d64c68 6%,var(--appPanel))}.bubbleProfileGrid .bubbleMirrorLogout>i:first-child{background:color-mix(in srgb,#d64c68 13%,transparent);color:#c43f5b}.bubbleProfileGrid .bubbleMirrorLogout small{color:#c43f5b}.bubbleProfileGrid .bubbleMirrorLogout:hover{border-color:color-mix(in srgb,#d64c68 48%,var(--appLine));transform:translateY(-1px)}.bubbleProfileGrid .bubbleMirrorLogout:disabled{opacity:.62;cursor:wait;transform:none}.bubbleProfileGrid .bubbleMirrorLogout.isBusy>i:first-child{animation:bubbleLogoutPulse .9s ease-in-out infinite alternate}@keyframes bubbleLogoutPulse{from{transform:scale(.94);opacity:.72}to{transform:scale(1.04);opacity:1}}


/* v163: signed-out Bubble membership gate */
.bubbleSignedOutPage{min-height:calc(100dvh - var(--topbarH,72px) - var(--bottomNavH,76px) - 24px);display:grid;place-items:center;padding-top:12px;padding-bottom:24px}
.bubbleSignedOutGate{position:relative;width:min(760px,100%);overflow:hidden;padding:clamp(22px,4vw,42px);border:1px solid var(--appLine);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),var(--appPanel) 48%,color-mix(in srgb,#ff74b1 3%,var(--appPanel)));box-shadow:0 24px 60px rgba(15,23,42,.09);isolation:isolate}
.bubbleSignedOutGate:before{content:"";position:absolute;z-index:-1;width:280px;height:280px;right:-120px;top:-145px;border-radius:50%;background:color-mix(in srgb,#ff74b1 8%,transparent);filter:blur(2px)}
.bubbleSignedOutMark{position:relative;display:grid;place-items:center;width:70px;height:70px;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:24px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appGlass));color:var(--appBlue)}
.bubbleSignedOutMark>span{font-size:1.45rem}.bubbleSignedOutMark>i{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--appLine);border-radius:10px;background:var(--appPanel);font-size:.67rem}
.bubbleSignedOutCopy{max-width:630px}.bubbleSignedOutCopy>small{display:block;margin-bottom:8px;color:var(--appBlue);font-size:.55rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.bubbleSignedOutCopy h1{margin:0;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.08;letter-spacing:-.045em}.bubbleSignedOutCopy p{max-width:605px;margin:12px 0 0;color:var(--appMuted);font-size:.72rem;line-height:1.65}
.bubbleSignedOutBenefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.bubbleSignedOutBenefits>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid var(--appLine);border-radius:18px;background:color-mix(in srgb,var(--appGlass) 72%,transparent)}.bubbleSignedOutBenefits>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue);font-size:.8rem}.bubbleSignedOutBenefits>div>div{display:grid;gap:4px;min-width:0}.bubbleSignedOutBenefits b{font-size:.58rem;line-height:1.25}.bubbleSignedOutBenefits small{color:var(--appMuted);font-size:.47rem;line-height:1.45}
.bubbleSignedOutAction{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding-top:20px;border-top:1px solid var(--appLine)}.bubbleSignedOutAction>div{display:grid;gap:4px}.bubbleSignedOutAction>div b{font-size:.64rem}.bubbleSignedOutAction>div small{color:var(--appMuted);font-size:.5rem;line-height:1.4}.bubbleSignedOutAction button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 19px;border:0;border-radius:16px;background:var(--appText);color:var(--appBg);font-size:.58rem;font-weight:950;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.12)}.bubbleSignedOutAction button:active{transform:scale(.985)}
@media(max-width:700px){.bubbleSignedOutPage{width:100%;min-height:calc(100dvh - var(--topbarH,64px) - var(--bottomNavH,72px));padding:0 10px 14px}.bubbleSignedOutGate{width:100%;padding:22px 17px 18px;border-radius:24px}.bubbleSignedOutMark{width:62px;height:62px;margin-bottom:18px;border-radius:21px}.bubbleSignedOutCopy>small{font-size:.49rem}.bubbleSignedOutCopy h1{font-size:1.55rem}.bubbleSignedOutCopy p{font-size:.63rem;line-height:1.58}.bubbleSignedOutBenefits{grid-template-columns:1fr;gap:8px;margin-top:20px}.bubbleSignedOutBenefits>div{grid-template-columns:36px minmax(0,1fr);padding:12px;border-radius:16px}.bubbleSignedOutBenefits>div>span{width:36px;height:36px}.bubbleSignedOutBenefits b{font-size:.56rem}.bubbleSignedOutBenefits small{font-size:.46rem}.bubbleSignedOutAction{display:grid;gap:13px;margin-top:20px;padding-top:17px}.bubbleSignedOutAction button{width:100%;min-height:52px;border-radius:16px;font-size:.57rem}}

/* v168: Edit Your Mirror identity fields + automatic photo upload */
.bubbleMirrorEditor{display:grid;gap:0;min-height:100%;background:var(--appBg)}
.bubbleEditorHero{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;overflow:hidden;padding:30px;border-bottom:1px solid var(--appLine);background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 12%,var(--appPanel)),var(--appPanel) 55%,color-mix(in srgb,#ff74b1 7%,var(--appPanel)))}
.bubbleEditorGlow{position:absolute;width:260px;height:260px;right:-120px;top:-150px;border-radius:50%;background:color-mix(in srgb,#ff74b1 11%,transparent);filter:blur(8px);pointer-events:none}
.bubbleEditorAvatar{position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:8px;width:142px;height:142px;padding:0;border:1px solid color-mix(in srgb,var(--appBlue) 26%,var(--appLine));border-radius:36px;background:color-mix(in srgb,var(--appPanel) 88%,transparent);color:var(--appText);box-shadow:0 18px 42px rgba(15,23,42,.12);overflow:hidden}
.bubbleEditorAvatar>span{position:absolute;inset:0;display:grid;place-items:center;background:var(--appPanelSoft);font-size:1.45rem;font-weight:950;color:var(--appBlue)}
.bubbleEditorAvatar>span img{width:100%;height:100%;object-fit:cover}
.bubbleEditorAvatar>i,.bubbleEditorAvatar>em{position:relative;z-index:2;opacity:0;transform:translateY(6px);transition:.2s ease}
.bubbleEditorAvatar>i{font-size:1.2rem}.bubbleEditorAvatar>em{font-style:normal;font-size:.57rem;font-weight:950}
.bubbleEditorAvatar:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(8,16,34,.56);opacity:0;transition:.2s ease}
.bubbleEditorAvatar:hover:after,.bubbleEditorAvatar:focus-visible:after,.bubbleEditorAvatar:hover>i,.bubbleEditorAvatar:focus-visible>i,.bubbleEditorAvatar:hover>em,.bubbleEditorAvatar:focus-visible>em,.bubbleEditorAvatar.hasPreview:after,.bubbleEditorAvatar.hasPreview>i,.bubbleEditorAvatar.hasPreview>em{opacity:1;transform:none;color:#fff}
.bubbleEditorFile{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.bubbleEditorIntro{position:relative;z-index:1;max-width:500px}.bubbleEditorIntro>small{display:block;margin-bottom:8px;color:var(--appBlue);font-size:.54rem;font-weight:950;letter-spacing:.13em}.bubbleEditorIntro h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.08;letter-spacing:-.045em}.bubbleEditorIntro p{max-width:540px;margin:11px 0 0;color:var(--appMuted);font-size:.7rem;line-height:1.62}
.bubbleEditorFields{display:grid;gap:16px;padding:26px 30px}.bubbleEditorField{display:grid;gap:10px}.bubbleEditorField>span{display:grid;gap:3px}.bubbleEditorField>span>b{font-size:.69rem}.bubbleEditorField>span>small{color:var(--appMuted);font-size:.55rem;line-height:1.4}.bubbleEditorField input,.bubbleEditorField textarea{width:100%;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);color:var(--appText);outline:0;font:inherit;font-size:.72rem;transition:border-color .2s ease,box-shadow .2s ease}.bubbleEditorField input{min-height:52px;padding:0 16px}.bubbleEditorField textarea{min-height:128px;padding:15px 16px;line-height:1.6;resize:vertical}.bubbleEditorField input:focus,.bubbleEditorField textarea:focus{border-color:color-mix(in srgb,var(--appBlue) 60%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent)}
.bubbleEditorBio{position:relative}.bubbleEditorBio>em{position:absolute;right:14px;bottom:12px;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--appPanel) 85%,transparent);color:var(--appMuted);font-style:normal;font-size:.48rem;font-weight:850}
.bubbleEditorPrivacy{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine));border-radius:18px;background:color-mix(in srgb,var(--appBlue) 6%,var(--appPanel))}.bubbleEditorPrivacy>i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue)}.bubbleEditorPrivacy>div{display:grid;gap:4px}.bubbleEditorPrivacy b{font-size:.61rem}.bubbleEditorPrivacy small{color:var(--appMuted);font-size:.52rem;line-height:1.45}
.bubbleEditorActions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 30px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--appLine);background:color-mix(in srgb,var(--appPanel) 94%,transparent);backdrop-filter:blur(18px);z-index:5}.bubbleEditorActions button{min-height:49px;padding:0 18px;border-radius:16px;font-size:.6rem;font-weight:950}.bubbleEditorCancel{border:1px solid var(--appLine);background:transparent;color:var(--appMuted)}.bubbleEditorActions .bubbleSaveButton{display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px;border:0;background:var(--appText);color:var(--appBg)}.bubbleEditorActions .bubbleSaveButton.isBusy i{animation:bubbleEditorArrow .8s ease-in-out infinite alternate}.bubbleEditorActions button:disabled{opacity:.62;cursor:wait}@keyframes bubbleEditorArrow{to{transform:translateX(4px)}}
@media(max-width:620px){.bubbleLayerSheet:has(.bubbleMirrorEditor){height:100dvh;max-height:100dvh;border-radius:0}.bubbleLayerBody:has(.bubbleMirrorEditor){padding:0}.bubbleEditorHero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;padding:24px 18px 22px}.bubbleEditorAvatar{width:124px;height:124px;border-radius:32px}.bubbleEditorAvatar:after,.bubbleEditorAvatar>i,.bubbleEditorAvatar>em{opacity:1;transform:none;color:#fff}.bubbleEditorAvatar:after{background:linear-gradient(transparent 52%,rgba(8,16,34,.72))}.bubbleEditorAvatar>i{position:absolute;right:11px;bottom:10px}.bubbleEditorAvatar>em{position:absolute;left:12px;bottom:12px}.bubbleEditorIntro h2{font-size:1.43rem}.bubbleEditorIntro p{font-size:.63rem}.bubbleEditorFields{padding:20px 16px 24px}.bubbleEditorField input{min-height:54px}.bubbleEditorActions{display:grid;grid-template-columns:1fr 1.45fr;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.bubbleEditorActions button{width:100%;padding:0 12px}.bubbleEditorActions .bubbleSaveButton{min-width:0}}

.bubblePhotoProgress{position:relative;z-index:2;grid-column:1/-1;display:grid;gap:8px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));border-radius:17px;background:color-mix(in srgb,var(--appPanel) 94%,transparent)}.bubblePhotoProgress[hidden]{display:none}.bubblePhotoProgress>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.bubblePhotoProgress span{font-size:.58rem;font-weight:900}.bubblePhotoProgress b{font-size:.58rem;color:var(--appBlue)}.bubblePhotoProgress progress{width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;accent-color:var(--appBlue)}.bubblePhotoProgress small{font-size:.5rem;color:var(--appMuted)}.bubbleEditorAvatar.isUploading:before{content:"";position:absolute;z-index:4;inset:8px;border:3px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:inherit;animation:bubblePhotoSpin .85s linear infinite}.bubbleEditorAvatar.isUploading:after{opacity:1;background:rgba(8,16,34,.48)}@keyframes bubblePhotoSpin{to{transform:rotate(360deg)}}
.bubbleEditorSectionTitle{display:grid;gap:4px;margin-top:3px}.bubbleEditorSectionTitle span{font-size:.5rem;letter-spacing:.13em;font-weight:950;color:var(--appBlue)}.bubbleEditorSectionTitle h3{margin:0;font-size:.9rem}.bubbleEditorSectionTitle p{margin:0;color:var(--appMuted);font-size:.54rem}.bubbleEditorNameGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bubbleEditorNameGrid .bubbleEditorField:last-child{max-width:220px}@media(max-width:620px){.bubblePhotoProgress{width:100%;text-align:left}.bubbleEditorNameGrid{grid-template-columns:1fr}.bubbleEditorNameGrid .bubbleEditorField:last-child{max-width:none}}

/* v291 Grit collection imagery, Mirror counts, and receipt-style detail view */
.bubbleGritList article[role="button"]{cursor:pointer;grid-template-columns:54px minmax(0,1fr) auto;align-items:center}.bubbleGritList article[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 42%,transparent);outline-offset:3px}.bubbleGritOpenIcon{color:var(--appMuted);font-size:.8rem}.bubbleGritIcon img{width:100%;height:100%;object-fit:contain}.bubbleGritDetail{display:grid;gap:15px}.bubbleGritDetail>header{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;padding:17px;border:1px solid var(--appLine);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),var(--appPanel) 52%,color-mix(in srgb,var(--appPink) 7%,var(--appPanel)))}.bubbleGritDetailImage{width:104px;aspect-ratio:1;display:grid;place-items:center}.bubbleGritDetailImage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(18,30,75,.16))}.bubbleGritDetailImage i{font-size:46px;color:var(--appBlue)}.bubbleGritDetail header small{display:block;color:var(--appBlue);font-size:.58rem;font-weight:950;letter-spacing:.14em}.bubbleGritDetail header h2{margin:5px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;line-height:.96;letter-spacing:-.04em}.bubbleGritDetail header p,.bubbleGritDetailDescription{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.5;font-weight:750}.bubbleGritDetailDescription{font-size:.8rem;padding:0 3px}.bubbleGritDetailHeading{display:flex;align-items:center;gap:9px;color:var(--appBlue);font-size:.58rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.bubbleGritDetailHeading:before,.bubbleGritDetailHeading:after{content:"";height:1px;flex:1;background:var(--appLine)}.bubbleGritDetailBenefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bubbleGritDetailBenefits article{display:flex;gap:10px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanel)}.bubbleGritDetailBenefits article>span{flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-weight:950}.bubbleGritDetailBenefits strong{display:block;font-size:.76rem}.bubbleGritDetailBenefits p{margin:3px 0 0;color:var(--appMuted);font-size:.66rem;line-height:1.42;font-weight:700}.bubbleGritDetailPermanent{padding:12px 13px;border-left:4px solid var(--appBlue);border-radius:13px;background:var(--appPanelSoft);color:var(--appMuted);font-size:.68rem;line-height:1.5}.bubbleGritDetailPermanent strong{color:var(--appText)}
@media(max-width:520px){.bubbleGritDetail>header{grid-template-columns:84px minmax(0,1fr);padding:14px}.bubbleGritDetailImage{width:80px}.bubbleGritDetail header h2{font-size:1.8rem}.bubbleGritDetailBenefits{grid-template-columns:1fr}}

/* v291 Grit collection imagery, Mirror counts, and receipt-style detail view */
.bubbleGritList article[role="button"]{cursor:pointer;grid-template-columns:54px minmax(0,1fr) auto;align-items:center}.bubbleGritList article[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 42%,transparent);outline-offset:3px}.bubbleGritOpenIcon{color:var(--appMuted);font-size:.8rem}.bubbleGritIcon img{width:100%;height:100%;object-fit:contain}.bubbleGritDetail{display:grid;gap:15px}.bubbleGritDetail>header{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;padding:17px;border:1px solid var(--appLine);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),var(--appPanel) 52%,color-mix(in srgb,var(--appPink) 7%,var(--appPanel)))}.bubbleGritDetailImage{width:104px;aspect-ratio:1;display:grid;place-items:center}.bubbleGritDetailImage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(18,30,75,.16))}.bubbleGritDetailImage i{font-size:46px;color:var(--appBlue)}.bubbleGritDetail header small{display:block;color:var(--appBlue);font-size:.58rem;font-weight:950;letter-spacing:.14em}.bubbleGritDetail header h2{margin:5px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;line-height:.96;letter-spacing:-.04em}.bubbleGritDetail header p,.bubbleGritDetailDescription{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.5;font-weight:750}.bubbleGritDetailDescription{font-size:.8rem;padding:0 3px}.bubbleGritDetailHeading{display:flex;align-items:center;gap:9px;color:var(--appBlue);font-size:.58rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.bubbleGritDetailHeading:before,.bubbleGritDetailHeading:after{content:"";height:1px;flex:1;background:var(--appLine)}.bubbleGritDetailBenefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bubbleGritDetailBenefits article{display:flex;gap:10px;padding:12px;border:1px solid var(--appLine);border-radius:16px;background:var(--appPanel)}.bubbleGritDetailBenefits article>span{flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));color:var(--appBlue);font-weight:950}.bubbleGritDetailBenefits strong{display:block;font-size:.76rem}.bubbleGritDetailBenefits p{margin:3px 0 0;color:var(--appMuted);font-size:.66rem;line-height:1.42;font-weight:700}.bubbleGritDetailPermanent{padding:12px 13px;border-left:4px solid var(--appBlue);border-radius:13px;background:var(--appPanelSoft);color:var(--appMuted);font-size:.68rem;line-height:1.5}.bubbleGritDetailPermanent strong{color:var(--appText)}
@media(max-width:520px){.bubbleGritDetail>header{grid-template-columns:84px minmax(0,1fr);padding:14px}.bubbleGritDetailImage{width:80px}.bubbleGritDetail header h2{font-size:1.8rem}.bubbleGritDetailBenefits{grid-template-columns:1fr}}


/* v292 display-first Grit gallery, transparent artwork, and full-screen mobile Mirror */
.bubbleGritGallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px 22px}
.bubbleGritGallery article{position:relative;min-width:0;overflow:hidden;border:1px solid var(--appLine);border-radius:25px;background:linear-gradient(150deg,color-mix(in srgb,var(--appPanel) 97%,transparent),color-mix(in srgb,var(--appBlue) 4%,var(--appPanel)));box-shadow:0 16px 34px rgba(14,28,65,.08);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bubbleGritGallery article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--appBlue) 28%,var(--appLine));box-shadow:0 20px 44px rgba(14,28,65,.14)}
.bubbleGritGallery article:focus-visible{outline:3px solid color-mix(in srgb,var(--appBlue) 42%,transparent);outline-offset:3px}
.bubbleGritArtwork{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:14px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--appBlue) 10%,transparent),transparent 62%);overflow:hidden}
.bubbleGritArtwork img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(9,18,42,.22));transform:scale(1.03);transition:transform .28s ease}
.bubbleGritGallery article:hover .bubbleGritArtwork img{transform:scale(1.075)}
.bubbleGritArtwork.imageFailed:after,.bubbleGritMissingArt{content:"";display:grid;place-items:center;width:64%;aspect-ratio:1;border:1px dashed var(--appLine);border-radius:50%;color:var(--appBlue);background:var(--appPanelSoft)}
.bubbleGritMissingArt i{font-size:2rem}
.bubbleGritActivePill{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:rgba(20,28,48,.78);color:#fff;font-size:.52rem;font-weight:950;letter-spacing:.06em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bubbleGritGalleryCaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 15px;border-top:1px solid var(--appLine)}
.bubbleGritGalleryCaption>div{min-width:0}.bubbleGritGalleryCaption small{display:block;color:var(--appBlue);font-size:.49rem;font-weight:950;letter-spacing:.13em}.bubbleGritGalleryCaption h3{overflow:hidden;margin:4px 0 0;font-size:.92rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.bubbleGritGalleryCaption>i{flex:0 0 auto;color:var(--appMuted)}
.bubbleGritDetailImage img{background:transparent}
@media(max-width:620px){
  .bubbleGlobalOverlayHost .bubbleLayerSheet:has(.bubbleMirror),
  .bubbleLayerSheet:has(.bubbleMirror){width:100dvw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}
  .bubbleLayerBody:has(.bubbleMirror){padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .bubbleLayerSheet:has(.bubbleMirror) .bubbleLayerHead{padding-top:max(14px,env(safe-area-inset-top))}
  .bubbleGritGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 18px}
  .bubbleGritArtwork{padding:8px}.bubbleGritGalleryCaption{padding:11px 11px 13px}.bubbleGritGalleryCaption h3{font-size:.84rem}
}
@media(max-width:380px){.bubbleGritGallery{grid-template-columns:1fr}.bubbleGritArtwork{aspect-ratio:1.12}}


/* v293 full-screen mobile Grit collection and cinematic selected-Grit experience */
@media(max-width:620px){
  .bubbleGlobalOverlayHost .bubbleLayerSheet:has(.bubbleGritExperience),
  .bubbleLayerSheet:has(.bubbleGritExperience){width:100dvw;height:100dvh;max-width:none;max-height:100dvh;margin:0;border:0;border-radius:0}
  .bubbleLayerSheet:has(.bubbleGritExperience) .bubbleLayerHead{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:color-mix(in srgb,var(--appPanel) 88%,transparent)}
  .bubbleLayerBody:has(.bubbleGritExperience){padding-bottom:max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 2%,color-mix(in srgb,var(--appBlue) 9%,transparent),transparent 33%),var(--appBg)}
}

.bubbleGritExperience{gap:24px;padding:0 18px 28px}
.bubbleGritDetailHero{position:relative;min-height:520px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;overflow:hidden;margin:0 -18px;padding:24px 22px 34px;border-bottom:1px solid var(--appLine);background:linear-gradient(180deg,color-mix(in srgb,var(--appBlue) 6%,var(--appBg)),var(--appBg) 84%)}
.bubbleGritDetailAura{position:absolute;width:min(82vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--appBlue) 18%,transparent),color-mix(in srgb,var(--appPink) 8%,transparent) 38%,transparent 70%);filter:blur(10px);animation:bubbleGritAura 5s ease-in-out infinite alternate}
@keyframes bubbleGritAura{from{transform:scale(.94);opacity:.72}to{transform:scale(1.06);opacity:1}}
.bubbleGritExperience .bubbleGritDetailImage{position:relative;z-index:1;width:min(78vw,480px);height:min(78vw,480px);display:grid;place-items:center}
.bubbleGritExperience .bubbleGritDetailImage img{width:100%;height:100%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(0 34px 42px rgba(8,16,38,.3))}
.bubbleGritExperience .bubbleGritDetailImage i{font-size:8rem}
.bubbleGritDetailIdentity{position:relative;z-index:1;width:min(100%,680px);text-align:center}.bubbleGritDetailIdentity small{display:block;color:var(--appBlue);font-size:.6rem;font-weight:950;letter-spacing:.16em}.bubbleGritDetailIdentity h2{margin:8px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,8vw,5rem);line-height:.9;letter-spacing:-.055em}.bubbleGritDetailIdentity p{margin:0 auto;max-width:580px;color:var(--appMuted);font-size:.82rem;line-height:1.55;font-weight:760}
.bubbleGritDetailStory{display:grid;gap:8px;padding:21px;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel)}.bubbleGritDetailStory>span{color:var(--appBlue);font-size:.56rem;font-weight:950;letter-spacing:.15em}.bubbleGritDetailStory .bubbleGritDetailDescription{padding:0;font-size:.9rem;line-height:1.72}
.bubbleGritExperience .bubbleGritDetailBenefits{gap:13px}.bubbleGritExperience .bubbleGritDetailBenefits article{padding:17px;border-radius:20px}.bubbleGritExperience .bubbleGritDetailBenefits article>span{flex-basis:36px;width:36px;height:36px;font-size:.68rem}.bubbleGritExperience .bubbleGritDetailBenefits strong{font-size:.86rem}.bubbleGritExperience .bubbleGritDetailBenefits p{font-size:.72rem;line-height:1.55}
.bubbleGritExperience .bubbleGritDetailPermanent{display:flex;gap:12px;align-items:center;padding:16px;border-left:0;border:1px solid color-mix(in srgb,var(--appBlue) 20%,var(--appLine));border-radius:20px}.bubbleGritExperience .bubbleGritDetailPermanent>i{font-size:1.25rem;color:var(--appBlue)}.bubbleGritExperience .bubbleGritDetailPermanent span{display:block;margin-top:3px}
.bubbleGritReturn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px}
@media(max-width:620px){
  .bubbleGritExperience{gap:22px;padding:0 14px calc(22px + env(safe-area-inset-bottom))}
  .bubbleGritDetailHero{min-height:calc(100dvh - 76px);margin:0 -14px;padding:18px 14px 34px}
  .bubbleGritExperience .bubbleGritDetailImage{width:min(94dvw,520px);height:min(94dvw,520px)}
  .bubbleGritExperience .bubbleGritDetailImage img{transform:scale(1.18)}
  .bubbleGritDetailIdentity{align-self:end}.bubbleGritDetailIdentity h2{font-size:clamp(3rem,15vw,5.2rem)}.bubbleGritDetailIdentity p{font-size:.78rem;padding:0 6px}
  .bubbleGritDetailStory{padding:18px}.bubbleGritExperience .bubbleGritDetailBenefits{grid-template-columns:1fr}
}

/* v307 - Social-style Bubble lookup and request flow */
/* IMPORTANT: iOS zoom prevention. Every editable field must render at 16px or larger. */
.bubbleFinderHero{margin:16px 14px 10px;padding:0;background:transparent;border:0;box-shadow:none}.bubbleFinderForm{margin:0}.bubbleFinderSearch{height:58px;display:grid;grid-template-columns:22px minmax(0,1fr) 38px;align-items:center;gap:9px;padding:0 10px 0 17px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanel);box-shadow:0 10px 28px rgba(31,43,80,.07);transition:border-color .18s ease,box-shadow .18s ease}.bubbleFinderSearch:focus-within{border-color:color-mix(in srgb,var(--appBlue) 66%,var(--appLine));box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 9%,transparent),0 12px 30px rgba(31,43,80,.08)}.bubbleFinderSearch>i{font-size:1.02rem;color:var(--appMuted)}.bubbleFinderSearch input{width:100%;min-width:0;height:100%;border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;color:var(--appText);outline:none;font-family:inherit!important;font-size:16px!important;line-height:1.2!important;font-weight:720}.bubbleFinderSearch input::placeholder{color:var(--appMuted);opacity:.72}.bubbleFinderSearch button{width:38px;height:38px;border:0;border-radius:12px;background:var(--appPanelSoft);color:var(--appMuted);display:grid;place-items:center}.bubbleFinderResults:empty{display:none}.bubbleFinderResults{margin-top:9px}.bubbleFinderPrompt{min-height:38px;display:flex;align-items:center;padding:7px 12px;color:var(--appMuted);font-size:.62rem;font-weight:800}.bubbleFinderResultCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 11px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel);box-shadow:0 9px 24px rgba(31,43,80,.06);animation:bubbleFinderReveal .2s cubic-bezier(.2,.8,.2,1)}@keyframes bubbleFinderReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.bubbleFinderResultAvatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 13%,var(--appPanel)));color:var(--appText);font-weight:950}.bubbleFinderResultCard>div:nth-child(2){min-width:0;display:grid;gap:2px}.bubbleFinderResultCard strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleFinderResultCard span{font-size:.58rem;color:var(--appMuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleFinderResultCard button{min-height:40px;padding:0 13px;border:0;border-radius:13px;background:var(--appText);color:var(--appPanel);font-size:.61rem;font-weight:950;white-space:nowrap}.bubbleFinderResultCard button:disabled{background:var(--appPanelSoft);color:var(--appMuted)}.bubbleFriendList{padding:2px 14px 22px}.bubbleConnectionsHead{display:flex;align-items:end;justify-content:space-between;padding:11px 3px 9px}.bubbleConnectionsHead>div{display:grid;gap:2px}.bubbleConnectionsHead small{font-size:.49rem;letter-spacing:.15em;color:var(--appBlue);font-weight:950}.bubbleConnectionsHead strong{font-size:.82rem}.bubbleConnectionsHead>span{min-width:29px;height:29px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:var(--appPanelSoft);font-size:.62rem;font-weight:950}.bubbleFriendList article{box-shadow:0 8px 24px rgba(31,43,80,.05)}.bubbleFriendList article.isPending{opacity:.78}.bubbleFriendAvatar{border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 15%,var(--appPanel)),color-mix(in srgb,var(--appPink) 12%,var(--appPanel)));font-weight:950}.bubbleFriendsEmpty{padding:30px 18px;border:1px dashed color-mix(in srgb,var(--appBlue) 22%,var(--appLine));background:transparent}.bubbleFriendsEmptyIcon{width:54px;height:54px;margin:0 auto 11px;border-radius:19px;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel))}.bubbleFriendsEmptyIcon i{font-size:1.35rem}.bubbleFriendsEmpty strong{font-size:.8rem}.bubbleFriendsEmpty p{max-width:330px;margin:5px auto 0}.bubbleFriendInvite{display:none!important}
@media(max-width:390px){.bubbleFinderHero{margin-left:11px;margin-right:11px}.bubbleFriendList{padding-left:11px;padding-right:11px}.bubbleFinderResultCard{grid-template-columns:44px minmax(0,1fr) auto}.bubbleFinderResultAvatar{width:44px;height:44px}.bubbleFinderResultCard button{padding:0 10px}}
@supports (-webkit-touch-callout:none){.bubbleFinderSearch input{font-size:16px!important}}

/* v308 - Real Bubble directory search. Only server-returned accounts render. */
.bubbleFinderHero{margin:18px 16px 8px}
.bubbleFinderSearch{height:56px;border-radius:28px;padding:0 12px 0 18px;background:color-mix(in srgb,var(--appPanel) 94%,transparent);box-shadow:0 12px 34px rgba(31,43,80,.08)}
.bubbleFinderSearch:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--appBlue) 10%,transparent),0 16px 36px rgba(31,43,80,.1)}
.bubbleFinderResults{display:grid;gap:8px;margin-top:12px}
.bubbleFinderResultCard{padding:10px 11px;border-radius:21px;box-shadow:0 10px 28px rgba(31,43,80,.065)}
.bubbleFinderResultAvatar{overflow:hidden}
.bubbleFinderResultAvatar img{width:100%;height:100%;display:block;object-fit:cover}
.bubbleFinderResultIdentity{min-width:0;display:grid;gap:2px}
.bubbleFinderResultIdentity strong{font-size:.78rem}
.bubbleFinderResultIdentity span{font-size:.58rem;color:var(--appBlue);font-weight:850}
.bubbleFinderResultCard button{min-width:82px;border-radius:999px;padding:0 14px}
.bubbleFinderPrompt{justify-content:center;gap:9px;min-height:52px;padding:10px;font-size:.62rem}
.bubbleFinderSpinner{width:17px;height:17px;border:2px solid color-mix(in srgb,var(--appBlue) 20%,transparent);border-top-color:var(--appBlue);border-radius:50%;animation:bubbleFinderSpin .75s linear infinite}
@keyframes bubbleFinderSpin{to{transform:rotate(360deg)}}
.bubbleFinderNoResults{min-height:118px;display:grid;place-items:center;align-content:center;gap:4px;padding:20px;border-radius:22px;color:var(--appMuted);text-align:center}
.bubbleFinderNoResults i{font-size:1.35rem;color:var(--appBlue)}
.bubbleFinderNoResults strong{font-size:.78rem;color:var(--appText)}
.bubbleFinderNoResults span{font-size:.58rem}
.bubbleFinderNoResults.isError i{color:#b42318}
.bubbleFriendList{padding-top:6px}
.bubbleFriendsEmpty{min-height:150px;display:grid;place-items:center;align-content:center;gap:4px;border:0;background:transparent;color:var(--appMuted)}
.bubbleFriendsEmptyIcon{margin:0 auto 4px}
.bubbleFriendsEmpty strong{font-size:.7rem;color:var(--appMuted)}


/* v312 Notification center, request acceptance, and connected Bubble messaging */
.bubbleNotificationLoading{min-height:42dvh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--appMuted)}.bubbleNotificationLoading span{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--appBlue) 18%,transparent);border-top-color:var(--appBlue);border-radius:50%;animation:bubbleFinderSpin .8s linear infinite}.bubbleNotificationCenter{padding:16px;display:grid;gap:18px}.bubbleNotificationIntro{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;padding:17px;border:1px solid color-mix(in srgb,var(--appBlue) 14%,var(--appLine));border-radius:24px;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--appBlue) 14%,transparent),transparent 48%),radial-gradient(circle at 92% 88%,color-mix(in srgb,var(--appPink) 12%,transparent),transparent 46%),var(--appPanel);box-shadow:0 16px 38px rgba(31,43,80,.08)}.bubbleNotificationMark{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 14%,var(--appPanel)));color:var(--appBlue);font-size:1.2rem}.bubbleNotificationIntro strong{font-size:1rem}.bubbleNotificationIntro p{margin:4px 0 0;color:var(--appMuted);font-size:.64rem;line-height:1.45}.bubbleNotificationSection{display:grid;gap:10px}.bubbleNotificationSection>header{display:flex;align-items:end;justify-content:space-between;padding:0 3px}.bubbleNotificationSection>header small{display:block;color:var(--appBlue);font-size:.48rem;letter-spacing:.16em;font-weight:950}.bubbleNotificationSection>header h3{margin:3px 0 0;font-size:1rem;letter-spacing:-.035em}.bubbleNotificationSection>header>span{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:var(--appPanelSoft);font-weight:950;font-size:.62rem}.bubbleRequestCard{display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanel);box-shadow:0 12px 30px rgba(31,43,80,.07)}.bubbleNotificationAvatar{width:50px;height:50px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 13%,var(--appPanel)));font-size:.75rem;font-weight:950}.bubbleNotificationAvatar img{width:100%;height:100%;object-fit:cover}.bubbleRequestCopy{min-width:0}.bubbleRequestCopy strong,.bubbleRequestCopy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleRequestCopy strong{font-size:.79rem}.bubbleRequestCopy span{margin-top:2px;color:var(--appBlue);font-size:.56rem;font-weight:850}.bubbleRequestCopy p{margin:6px 0 0;color:var(--appMuted);font-size:.61rem}.bubbleRequestActions{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.bubbleRequestActions button{min-height:44px;border:0;border-radius:15px;font-size:.62rem;font-weight:950}.bubbleRequestActions button:first-child{background:var(--appText);color:var(--appPanel)}.bubbleRequestActions button:last-child{background:var(--appPanelSoft);color:var(--appMuted)}.bubbleConnectionCards{display:grid;gap:8px}.bubbleConnectionCard{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--appLine);border-radius:19px;background:var(--appPanel);color:var(--appText);text-align:left;box-shadow:0 9px 24px rgba(31,43,80,.05)}.bubbleConnectionCard .bubbleNotificationAvatar{width:46px;height:46px}.bubbleConnectionCard>span:nth-child(2){min-width:0}.bubbleConnectionCard strong,.bubbleConnectionCard small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleConnectionCard strong{font-size:.75rem}.bubbleConnectionCard small{margin-top:3px;color:var(--appMuted);font-size:.55rem}.bubbleConnectionCard>i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 9%,var(--appPanel));color:var(--appBlue)}.bubbleNotificationEmpty{min-height:118px;display:grid;place-items:center;align-content:center;gap:5px;padding:20px;border:1px dashed var(--appLine);border-radius:22px;text-align:center;color:var(--appMuted)}.bubbleNotificationEmpty i{font-size:1.35rem;color:var(--appBlue)}.bubbleNotificationEmpty strong{font-size:.76rem;color:var(--appText)}.bubbleNotificationEmpty span{font-size:.57rem}.bubbleNotificationError{min-height:48dvh;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;text-align:center}.bubbleNotificationError i{font-size:1.65rem;color:#b42318}.bubbleNotificationError strong{font-size:.9rem}.bubbleNotificationError span{color:var(--appMuted);font-size:.62rem}.bubbleNotificationError button{margin-top:8px;min-height:44px;padding:0 18px;border:0;border-radius:15px;background:var(--appText);color:var(--appPanel);font-weight:950}.bubbleConversation{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.bubbleConversation>header{display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--appLine)}.bubbleConversation>header strong,.bubbleConversation>header span{display:block}.bubbleConversation>header strong{font-size:.82rem}.bubbleConversation>header span{margin-top:3px;color:var(--appBlue);font-size:.55rem;font-weight:850}.bubbleMessageList{min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.bubbleMessageList article{max-width:82%;align-self:flex-start;padding:10px 12px;border-radius:17px 17px 17px 5px;background:var(--appPanelSoft)}.bubbleMessageList article.isMine{align-self:flex-end;border-radius:17px 17px 5px 17px;background:var(--appText);color:var(--appPanel)}.bubbleMessageList p{margin:0;font-size:.68rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bubbleMessageList small{display:block;margin-top:5px;opacity:.65;font-size:.48rem}.bubbleConversationEmpty{margin:auto;display:grid;place-items:center;gap:5px;text-align:center;color:var(--appMuted)}.bubbleConversationEmpty i{font-size:1.6rem;color:var(--appBlue)}.bubbleConversationEmpty strong{font-size:.8rem;color:var(--appText)}.bubbleConversationEmpty span{font-size:.56rem}.bubbleMessageComposer{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:9px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--appLine);background:var(--appPanel)}.bubbleMessageComposer textarea{min-height:46px;max-height:120px;resize:none;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanelSoft);color:var(--appText);padding:13px 14px;font:650 16px/1.25 inherit;outline:none}.bubbleMessageComposer button{width:46px;height:46px;border:0;border-radius:16px;background:var(--appText);color:var(--appPanel)}
@media(max-width:620px){.bubbleLayerSheet:has(.bubbleNotificationCenter),.bubbleLayerSheet:has(.bubbleConversation){width:100dvw;height:100dvh;max-height:100dvh;border-radius:0}.bubbleLayerSheet:has(.bubbleNotificationCenter) .bubbleLayerHead,.bubbleLayerSheet:has(.bubbleConversation) .bubbleLayerHead{padding-top:max(14px,env(safe-area-inset-top))}.bubbleNotificationCenter{padding:14px 12px 20px}}

/* v313 Universal, single-feed notification center */
.notificationFeed{padding:14px 12px 24px;display:grid;gap:13px}.notificationFeedLead{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:14px 15px;border:1px solid color-mix(in srgb,var(--appBlue) 13%,var(--appLine));border-radius:22px;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--appBlue) 12%,transparent),transparent 52%),radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--appPink) 10%,transparent),transparent 50%),var(--appPanel)}.notificationFeedLead>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appBlue);font-size:1.05rem}.notificationFeedLead strong{display:block;font-size:.88rem}.notificationFeedLead p{margin:3px 0 0;color:var(--appMuted);font-size:.59rem;line-height:1.4}.notificationFeedList{display:grid;gap:9px}.notificationFeedItem{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanel);box-shadow:0 10px 28px rgba(31,43,80,.055)}.notificationFeedItem.isUnread:before{content:"";position:absolute;top:13px;right:13px;width:7px;height:7px;border-radius:50%;background:var(--appBlue);box-shadow:0 0 0 5px color-mix(in srgb,var(--appBlue) 11%,transparent)}.notificationFeedCopy{min-width:0;padding-right:15px}.notificationFeedCopy p{margin:1px 0 0;color:var(--appMuted);font-size:.64rem;line-height:1.48}.notificationFeedCopy p strong{color:var(--appText);font-weight:950}.notificationFeedCopy time{display:block;margin-top:5px;color:var(--appBlue);font-size:.5rem;font-weight:850}.notificationFeedActions{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.notificationFeedActions button{min-height:42px;border:0;border-radius:14px;font-size:.61rem;font-weight:950}.notificationFeedActions button:first-child{background:var(--appText);color:var(--appPanel)}.notificationFeedActions button:last-child{background:var(--appPanelSoft);color:var(--appMuted)}.notificationFeedActions button:disabled{opacity:.55}.notificationFeedEmpty{min-height:42dvh;display:grid;place-items:center;align-content:center;gap:6px;padding:28px;text-align:center;color:var(--appMuted)}.notificationFeedEmpty>span{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 12%,var(--appPanel)),color-mix(in srgb,var(--appPink) 10%,var(--appPanel)));color:var(--appBlue);font-size:1.45rem}.notificationFeedEmpty strong{margin-top:5px;color:var(--appText);font-size:.84rem}.notificationFeedEmpty p{margin:0;max-width:300px;font-size:.59rem;line-height:1.45}

/* v317 Customer-first connected Bubble experience */
.bubbleFriendsExperience{padding:14px 12px 28px;display:grid;gap:14px;background:radial-gradient(circle at 7% 3%,color-mix(in srgb,var(--appBlue) 9%,transparent),transparent 28%),radial-gradient(circle at 94% 14%,color-mix(in srgb,var(--appPink) 8%,transparent),transparent 30%)}
.bubbleFriendsWelcome{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:15px 16px;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel);box-shadow:0 14px 34px rgba(31,43,80,.065)}
.bubbleFriendsWelcome>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 14%,var(--appPanel)),color-mix(in srgb,var(--appPink) 12%,var(--appPanel)));color:var(--appBlue)}
.bubbleFriendsWelcome small{display:block;color:var(--appBlue);font-size:.47rem;letter-spacing:.17em;font-weight:950}.bubbleFriendsWelcome strong{display:block;margin-top:2px;font-size:1.08rem;letter-spacing:-.04em}.bubbleFriendsWelcome p{margin:2px 0 0;color:var(--appMuted);font-size:.6rem}
.bubbleFriendsExperience .bubbleFinderHero{margin:0}.bubbleFriendsExperience .bubbleFinderSearch{height:60px;border-radius:22px;background:color-mix(in srgb,var(--appPanel) 96%,transparent)}
.bubbleFriendsExperience .bubbleFriendList{padding:0;display:grid;gap:14px}
.bubbleConnectedProfile{overflow:hidden;border:1px solid color-mix(in srgb,var(--appBlue) 12%,var(--appLine));border-radius:27px;background:linear-gradient(145deg,#14223f,#11152c 55%,#1b1535);color:#fff;box-shadow:0 18px 42px rgba(17,23,50,.2)}
.bubbleConnectedHero{display:grid;grid-template-columns:76px minmax(0,1fr) 48px;gap:13px;align-items:center;padding:18px 17px 14px}.bubbleConnectedAvatar{position:relative;width:76px;height:76px;border-radius:50%;overflow:visible;display:grid;place-items:center;background:linear-gradient(145deg,var(--appBlue),var(--appPink));font-size:1rem;font-weight:950}.bubbleConnectedAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.2)}.bubbleConnectedAvatar>i{position:absolute;right:2px;bottom:3px;width:15px;height:15px;border:3px solid #18203a;border-radius:50%;background:#4bd28b}
.bubbleConnectedIdentity{min-width:0}.bubbleConnectedIdentity h3{margin:0;font-size:1rem;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleConnectedIdentity h3 i{color:#8e78ff;font-size:.75rem}.bubbleConnectedIdentity>span{display:block;margin-top:3px;color:#9a84ff;font-size:.64rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleConnectedIdentity>em{width:max-content;display:flex;align-items:center;gap:4px;margin-top:8px;padding:5px 9px;border-radius:999px;background:rgba(70,209,135,.12);color:#71e5a6;font-size:.5rem;font-style:normal;font-weight:900}
.bubbleConnectedHero>button{width:48px;height:48px;border:1px solid rgba(176,123,255,.42);border-radius:50%;display:grid;place-items:center;background:rgba(129,67,238,.22);color:#fff;font-size:1rem;box-shadow:0 0 0 5px rgba(140,73,255,.08)}
.bubbleConnectedStats{margin:0 15px 14px;padding:13px 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055)}.bubbleConnectedStats span{min-width:0;display:grid;place-items:center;gap:2px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.bubbleConnectedStats span:last-child{border-right:0}.bubbleConnectedStats i{color:#8d79ff;font-size:.72rem}.bubbleConnectedStats b{max-width:100%;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleConnectedStats small{color:rgba(255,255,255,.62);font-size:.46rem}
.bubbleConnectedActions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.bubbleConnectedActions button{min-height:72px;border:0;border-right:1px solid rgba(255,255,255,.08);display:grid;place-items:center;align-content:center;gap:6px;background:transparent;color:#fff}.bubbleConnectedActions button:last-child{border-right:0}.bubbleConnectedActions i{font-size:.9rem;color:#9e86ff}.bubbleConnectedActions span{font-size:.49rem;font-weight:850}
.bubbleFriendsGrow{padding:22px 18px;border:1px solid var(--appLine);border-radius:27px;background:var(--appPanel);text-align:center;box-shadow:0 14px 36px rgba(31,43,80,.065)}.bubbleFriendsPlanet{position:relative;width:58px;height:58px;margin:0 auto 8px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 15%,var(--appPanel)),color-mix(in srgb,var(--appPink) 14%,var(--appPanel)));color:#6f4ce7;font-size:1.45rem}.bubbleFriendsPlanet .bi-stars{position:absolute;right:-4px;top:-4px;font-size:.7rem;color:var(--appPink)}.bubbleFriendsGrow>strong{display:block;font-size:.88rem}.bubbleFriendsGrow>p{margin:4px auto 14px;max-width:330px;color:var(--appMuted);font-size:.59rem;line-height:1.45}.bubbleFriendsGrow>button{width:100%;min-height:48px;border:0;border-radius:16px;background:linear-gradient(100deg,#6b3bf1,var(--appPink));color:#fff;font-size:.63rem;font-weight:950;box-shadow:0 12px 28px color-mix(in srgb,var(--appPink) 17%,transparent)}
.notificationFeedItem.isMessage{cursor:pointer}.notificationFeedItem.isMessage:active{transform:scale(.985)}
.headerAction:has(#notificationBadge:not([hidden])){background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 22%,var(--appPanel)),color-mix(in srgb,var(--appPink) 18%,var(--appPanel)));border-color:color-mix(in srgb,var(--appBlue) 40%,var(--appLine))}.headerActionBadge{box-shadow:0 5px 14px color-mix(in srgb,var(--appPink) 30%,transparent)}
@media(max-width:420px){.bubbleConnectedHero{grid-template-columns:68px minmax(0,1fr) 44px;padding:16px 14px 13px}.bubbleConnectedAvatar{width:68px;height:68px}.bubbleConnectedHero>button{width:44px;height:44px}.bubbleConnectedStats{margin-left:12px;margin-right:12px}.bubbleFriendsExperience{padding-left:10px;padding-right:10px}}


/* v318 Bubble directory exact social layout, stable cards, compact content */
.bubbleFriendsExperience{padding:14px 14px 30px;gap:16px;background:transparent}
.bubbleFriendsWelcome,.bubbleFriendsGrow{display:none!important}
.bubbleFinderToolbar{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:10px;align-items:center}
.bubbleFinderToolbar .bubbleFinderForm{min-width:0}
.bubbleFriendsExperience .bubbleFinderSearch{height:58px;border-radius:22px;background:var(--appPanel);box-shadow:0 10px 28px rgba(31,43,80,.055)}
.bubbleFinderFilter{width:54px;height:54px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanelSoft);color:var(--appText);display:grid;place-items:center;font-size:1.05rem}
.bubbleViewTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.bubbleViewTabs button{position:relative;min-width:0;height:48px;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanel);color:var(--appMuted);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;font-size:.55rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(31,43,80,.035)}
.bubbleViewTabs button i{font-size:.78rem}.bubbleViewTabs button .bi-circle-fill{font-size:.45rem;color:#35c875}.bubbleViewTabs button.isActive{border-color:color-mix(in srgb,#7a50ff 42%,var(--appLine));color:#7149f2;background:linear-gradient(145deg,color-mix(in srgb,#7a50ff 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 6%,var(--appPanel)))}
.bubbleConnectionsHead{padding:2px 2px 0;align-items:center}.bubbleConnectionsHead strong{font-size:.85rem}.bubbleConnectionsHead>span{height:26px;min-width:26px;background:color-mix(in srgb,var(--appBlue) 10%,var(--appPanel));color:var(--appText)}
.bubbleFriendsExperience .bubbleFriendList{gap:12px}
.bubbleConnectedProfile{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:16px;border:1px solid var(--appLine);border-radius:25px;background:var(--appPanel);color:var(--appText);box-shadow:0 12px 30px rgba(31,43,80,.065);overflow:visible}
.bubbleConnectedAvatar{width:72px;height:72px;padding:3px;background:linear-gradient(145deg,var(--appBlue),#8066ff 55%,var(--appPink));font-size:.9rem;color:#fff}
.bubbleConnectedAvatar img{border:3px solid var(--appPanel);background:var(--appPanel)}
.bubbleConnectedAvatar>i{right:2px;bottom:2px;width:15px;height:15px;border-color:var(--appPanel);background:#35c875}
.bubbleConnectedIdentity h3{font-size:.82rem;letter-spacing:-.02em}.bubbleConnectedIdentity h3 i{color:#7357f2;font-size:.68rem}.bubbleConnectedIdentity>span{margin-top:3px;color:var(--appMuted);font-size:.58rem}.bubbleConnectedIdentity>em{margin-top:7px;padding:4px 8px;background:color-mix(in srgb,#35c875 12%,var(--appPanel));color:#24a964;font-size:.48rem}
.bubbleConnectedQuickActions{display:grid;grid-template-columns:repeat(3,40px);gap:7px}.bubbleConnectedQuickActions button{position:relative;width:40px;height:40px;border:1px solid var(--appLine);border-radius:14px;background:var(--appPanelSoft);color:#7656ef;display:grid;place-items:center;font-size:.82rem}.bubbleConnectedQuickActions button b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--appPanel);border-radius:999px;background:var(--appPink);color:#fff;display:grid;place-items:center;font-size:.4rem}
.bubbleConnectedHero,.bubbleConnectedStats,.bubbleConnectedActions{display:none!important}
@media(max-width:480px){.bubbleViewTabs{gap:6px}.bubbleViewTabs button{height:45px;padding:0 5px;font-size:.49rem}.bubbleConnectedProfile{grid-template-columns:62px minmax(0,1fr);padding:14px;gap:11px}.bubbleConnectedAvatar{width:62px;height:62px}.bubbleConnectedQuickActions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.bubbleConnectedQuickActions button{width:100%;height:42px}.bubbleFinderToolbar{grid-template-columns:minmax(0,1fr) 50px}.bubbleFinderFilter{width:50px;height:50px}}

/* V319 live Bubble messaging */
.bubbleConversation>header{position:relative;padding-right:76px}
.bubbleLiveStatus{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,#35c77a 12%,var(--appPanel));color:#168a4d;font-size:.55rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.bubbleLiveStatus i{width:7px;height:7px;border-radius:50%;background:#35c77a;box-shadow:0 0 0 0 rgba(53,199,122,.35);animation:bubbleLivePulse 1.8s infinite}
@keyframes bubbleLivePulse{0%{box-shadow:0 0 0 0 rgba(53,199,122,.38)}70%{box-shadow:0 0 0 7px rgba(53,199,122,0)}100%{box-shadow:0 0 0 0 rgba(53,199,122,0)}}

/* v340 Founder profile frame */
.bubbleMirrorAvatar{position:relative;overflow:visible!important}.bubbleMirrorAvatar .bubbleAvatarCore{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--appPanelSoft)}.bubbleMirrorAvatar .bubbleAvatarCore>img{width:100%;height:100%;object-fit:cover}.bubbleMirrorAvatar.hasFounderFrame{border-color:transparent!important;box-shadow:none!important}.founderProfileFrame{position:absolute!important;z-index:5!important;pointer-events:none!important;max-width:none!important;object-fit:contain!important;width:146%!important;height:146%!important;left:-23%!important;top:-23%!important;filter:drop-shadow(0 7px 12px rgba(20,20,46,.26))}.founderFrameToggle{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 0;background:linear-gradient(135deg,#315fda,#cf58b5)}

/* v348 premium mobile Bubble feed redesign */
.bubbleFeedPageV348{width:100%;max-width:760px;padding:0 0 calc(28px + var(--bottomNavHeight,76px));gap:0;background:linear-gradient(180deg,color-mix(in srgb,var(--appBlue) 3%,var(--appBg)),var(--appBg) 23%)}
.bubbleFeedFiltersV348{position:sticky;top:0;z-index:18;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:10px 14px;border-bottom:1px solid var(--appLine);background:color-mix(in srgb,var(--appBg) 92%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.bubbleFeedFiltersV348::-webkit-scrollbar{display:none}.bubbleFeedFiltersV348 button{flex:0 0 auto;min-height:43px;padding:0 18px;border:0;border-radius:15px;background:transparent;color:var(--appMuted);font-size:.72rem;font-weight:900;white-space:nowrap}.bubbleFeedFiltersV348 button.active{background:linear-gradient(110deg,#39aaf5,#8b62ff 58%,#d94fc5);color:#fff;box-shadow:0 10px 22px rgba(98,91,244,.2)}
.bubbleComposerV348{margin:15px 14px 13px;padding:11px;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel);box-shadow:0 14px 34px rgba(31,43,80,.065);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.bubbleComposerV348 .bubbleComposerPrompt{min-width:0;height:58px;border:0;border-radius:18px;background:var(--appPanelSoft);display:flex;align-items:center;gap:11px;padding:8px 13px;text-align:left;color:var(--appMuted)}.bubbleComposerV348 .bubbleComposerPrompt>span{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--appBlue),var(--appPink));color:#fff;font-weight:950}.bubbleComposerV348 .bubbleComposerPrompt img{width:100%;height:100%;object-fit:cover}.bubbleComposerV348 .bubbleComposerPrompt em{font-style:normal;font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubbleComposerTools{display:grid;grid-template-columns:repeat(4,52px);gap:3px}.bubbleComposerTools button{height:58px;border:0;border-radius:17px;background:transparent;color:var(--appMuted);display:grid;place-items:center;align-content:center;gap:4px}.bubbleComposerTools i{font-size:1.02rem}.bubbleComposerTools button:nth-child(1) i{color:#4d8fff}.bubbleComposerTools button:nth-child(2) i{color:#e9a336}.bubbleComposerTools button:nth-child(3) i{color:#a657ee}.bubbleComposerTools button:nth-child(4){background:linear-gradient(145deg,#37b4f8,#825cff 58%,#d84bc2);color:#fff}.bubbleComposerTools span{font-size:.43rem;font-weight:900}
.bubbleStoryRail{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;padding:8px 15px 16px;border-bottom:1px solid var(--appLine)}.bubbleStoryRail::-webkit-scrollbar{display:none}.bubbleStoryRail>button{flex:0 0 88px;border:0;background:transparent;color:var(--appText);display:grid;justify-items:center;gap:4px}.bubbleStoryAvatar{position:relative;width:70px;height:70px;padding:3px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#35b7f3,#765fff 55%,#e64aa8);box-shadow:0 8px 20px rgba(84,83,213,.16)}.bubbleStoryAvatar img{width:100%;height:100%;object-fit:cover;border:3px solid var(--appPanel);border-radius:50%}.bubbleStoryAvatar>b{width:100%;height:100%;display:grid;place-items:center;border:3px solid var(--appPanel);border-radius:50%;background:var(--appPanelSoft)}.bubbleStoryAvatar>i:not(.bi-plus-lg){width:100%;height:100%;display:grid;place-items:center;border:3px solid var(--appPanel);border-radius:50%;background:linear-gradient(145deg,#10204c,#39205c);color:#70d4ff;font-size:1.45rem}.bubbleStoryAvatar .bi-plus-lg{position:absolute;right:-2px;bottom:0;width:23px;height:23px;border:3px solid var(--appPanel);border-radius:50%;display:grid;place-items:center;background:#7857ec;color:#fff;font-size:.56rem}.bubbleStoryRail strong{max-width:88px;font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubbleStoryRail small{max-width:88px;color:#7657ed;font-size:.48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubbleFeedSectionV348{padding:17px 14px 0}.bubbleFeedSectionV348>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.bubbleFeedSectionV348>header span{font-size:.62rem;letter-spacing:.18em}.bubbleFeedSectionV348>header h2{margin:4px 0 0;font-size:1.55rem;letter-spacing:-.05em}.bubbleFeedHeaderTools{display:flex;gap:7px}.bubbleFeedHeaderTools button{height:40px;border:1px solid var(--appLine);border-radius:13px;background:var(--appPanel);color:var(--appText);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:.58rem;font-weight:900}.bubbleFeedHeaderTools button:last-child{width:40px;padding:0}
.bubbleFeedSectionV348 .bubbleFeed{display:grid;gap:12px}.bubbleFeedContentCard{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);overflow:hidden;border:1px solid var(--appLine);border-radius:24px;background:var(--appPanel);box-shadow:0 14px 34px rgba(31,43,80,.065)}.bubblePostVisual{position:relative;min-height:210px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(74,199,255,.38),transparent 32%),radial-gradient(circle at 80% 75%,rgba(236,75,183,.4),transparent 32%),linear-gradient(145deg,#111b42,#341851);color:#fff}.bubblePostVisual>i{font-size:3rem;opacity:.85}.bubblePostDateTile{position:absolute;left:10px;top:10px;width:46px;min-height:55px;padding:6px;border-radius:13px;background:rgba(17,20,43,.82);backdrop-filter:blur(12px);display:grid;place-items:center;align-content:center;color:#fff}.bubblePostDateTile b{font-size:.47rem;color:#e287ff}.bubblePostDateTile strong{font-size:1.1rem;line-height:1}.bubblePostContent{min-width:0;padding:13px 14px 10px;display:grid;grid-template-rows:auto 1fr auto}.bubblePostContent>header{display:grid;grid-template-columns:32px minmax(0,1fr) 30px;gap:8px;align-items:center}.bubblePostContent .bubblePostAvatar{width:32px;height:32px}.bubblePostContent header strong{font-size:.65rem}.bubblePostContent header small{font-size:.49rem}.bubblePostContent header button{width:30px;height:30px}.bubblePostContent .bubblePostBody{padding:12px 0}.bubblePostContent .bubblePostBody h3{font-size:1rem;margin:6px 0}.bubblePostContent .bubblePostBody p{font-size:.59rem;line-height:1.45}.bubblePostContent .bubblePostFacts{display:grid;gap:5px}.bubblePostContent footer{padding:9px 0 0;border-top:1px solid var(--appLine);gap:4px}.bubblePostContent footer button{padding:7px 3px;font-size:.48rem}
.bubbleFeedEmptyV348{padding:28px 18px;border:1px solid var(--appLine);border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),var(--appPanel) 52%,color-mix(in srgb,var(--appPink) 6%,var(--appPanel)));text-align:center;box-shadow:0 14px 34px rgba(31,43,80,.06)}.bubbleFeedEmptyV348>span{display:block;color:var(--appBlue);font-size:.54rem;font-weight:950;letter-spacing:.16em;margin-top:10px}.bubbleFeedEmptyV348 h3{margin:6px 0 7px;font-size:1.15rem}.bubbleFeedEmptyV348 p{max-width:440px;margin:0 auto;color:var(--appMuted);font-size:.65rem;line-height:1.55;font-weight:700}.bubbleEmptyActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.bubbleEmptyActions button{min-height:46px;border:0;border-radius:15px;background:linear-gradient(110deg,#39aaf5,#8b62ff 58%,#d94fc5);color:#fff;font-size:.57rem;font-weight:950}.bubbleEmptyActions button:last-child{background:var(--appPanel);color:var(--appText);border:1px solid var(--appLine)}
@media(max-width:560px){.bubbleComposerV348{grid-template-columns:1fr}.bubbleComposerTools{grid-template-columns:repeat(4,1fr)}.bubbleComposerTools button{height:52px}.bubbleFeedContentCard{grid-template-columns:36% minmax(0,1fr)}.bubblePostVisual{min-height:198px}}
@media(max-width:390px){.bubbleFeedFiltersV348{padding-left:10px;padding-right:10px}.bubbleFeedFiltersV348 button{padding:0 14px}.bubbleComposerV348{margin-left:10px;margin-right:10px}.bubbleStoryRail{padding-left:10px}.bubbleFeedSectionV348{padding-left:10px;padding-right:10px}.bubbleFeedContentCard{grid-template-columns:1fr}.bubblePostVisual{min-height:175px}.bubblePostContent{padding:13px}.bubbleEmptyActions{grid-template-columns:1fr}}

/* v349 Bubble action routing, decluttered identity, and creation studio */
.bubbleComposerV348 .bubbleComposerPrompt{padding:8px 16px;gap:10px}
.bubbleComposerV348 .bubbleComposerPrompt>i{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 16%,var(--appPanel)),color-mix(in srgb,var(--appPink) 13%,var(--appPanel)));color:var(--appBlue);font-size:1rem}
.bubbleStoryAvatar.bubbleStoryCreate{padding:0;border:2px dashed color-mix(in srgb,var(--appBlue) 55%,var(--appPink));background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 8%,var(--appPanel)));box-shadow:none}
.bubbleStoryAvatar.bubbleStoryCreate .bi-plus-lg{position:static;width:36px;height:36px;border:0;border-radius:14px;background:linear-gradient(145deg,#37b4f8,#825cff 58%,#d84bc2);font-size:.9rem;box-shadow:0 8px 20px rgba(93,86,230,.22)}
.bubbleCreateForm{display:grid;gap:15px;padding:1px 0 calc(18px + env(safe-area-inset-bottom))}
.bubbleCreateHero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:17px;border:1px solid var(--appLine);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 7%,var(--appPanel)),var(--appPanel) 58%,color-mix(in srgb,var(--appPink) 7%,var(--appPanel)))}
.bubbleCreateHero>span{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#37b4f8,#765fff 58%,#d84bc2);color:#fff;box-shadow:0 12px 26px rgba(83,89,225,.22)}
.bubbleCreateHero>span i{font-size:1.35rem}.bubbleCreateHero small{display:block;color:var(--appBlue);font-size:.5rem;font-weight:950;letter-spacing:.16em}.bubbleCreateHero h3{margin:4px 0 5px;font-size:1rem;letter-spacing:-.025em}.bubbleCreateHero p{margin:0;color:var(--appMuted);font-size:.63rem;line-height:1.5;font-weight:700}
.bubbleCreateVisibility{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px;border:1px solid var(--appLine);border-radius:17px;background:var(--appPanelSoft)}
.bubbleCreateVisibility button{min-height:44px;border:0;border-radius:13px;background:transparent;color:var(--appMuted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:.56rem;font-weight:900}.bubbleCreateVisibility button.isActive{background:var(--appPanel);color:var(--appText);box-shadow:0 7px 18px rgba(31,43,80,.08)}.bubbleCreateVisibility button.isActive i{color:var(--appBlue)}
.bubbleCreateMedia{min-height:152px;border:1px dashed color-mix(in srgb,var(--appBlue) 38%,var(--appLine))!important;border-radius:21px!important;background:color-mix(in srgb,var(--appBlue) 4%,var(--appPanel))!important;display:grid!important;place-items:center;align-content:center;gap:6px;text-align:center;padding:22px!important;cursor:pointer}.bubbleCreateMedia input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bubbleCreateMedia>i{font-size:1.65rem;color:var(--appBlue)}.bubbleCreateMedia>strong{font-size:.74rem}.bubbleCreateMedia>span{color:var(--appMuted);font-size:.56rem;line-height:1.45}
.bubbleCreateActions{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;padding:10px 0 max(4px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--appBg) 26%)}.bubbleCreateActions button{min-height:52px;border-radius:16px}.bubbleCreateActions .bubbleEditorCancel{border:1px solid var(--appLine);background:var(--appPanel);color:var(--appMuted);font-weight:900}.bubbleCreateActions .bubbleSaveButton{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}
@media(max-width:560px){.bubbleCreateHero{grid-template-columns:50px minmax(0,1fr);padding:15px}.bubbleCreateHero>span{width:50px;height:50px;border-radius:17px}.bubbleCreateVisibility button{font-size:.52rem}.bubbleLayerBody:has(.bubbleCreateForm){padding-left:14px;padding-right:14px}}

/* V368 event invitation notification cards */
.notificationFeedItem.isEventInvitation{border-color:rgba(111,77,236,.2);background:linear-gradient(135deg,rgba(45,174,234,.08),rgba(243,77,181,.08))}
.notificationEventInviteActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;grid-column:2/-1}
.notificationEventInviteActions button{min-height:42px;border-radius:14px;font-weight:900}
.notificationEventInviteActions button:first-child{background:linear-gradient(135deg,rgba(45,174,234,.85),rgba(243,77,181,.85));color:#fff;border:0}
.notificationEventInviteActions button:last-child{background:rgba(255,255,255,.75);color:#626b80;border:1px solid rgba(98,111,145,.16)}

/* END assets/css/tabs/bubble.css */

/* BEGIN assets/css/tabs/emptyTab.css */
.emptyPage{
  width:var(--panelW);
  min-height:calc(100dvh - 220px);
  margin:0 auto;
  display:grid;
  place-items:center;
}

.emptyPanel{
  width:min(520px,100%);
  border:1px solid var(--appLine);
  border-radius:var(--r2x);
  padding:var(--pad3x);
  text-align:center;
  background:
    radial-gradient(circle at 18% 8%,rgba(24,182,255,.18),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(255,79,216,.14),transparent 34%),
    color-mix(in srgb,var(--appPanel) 88%,transparent);
  box-shadow:var(--shadowPanel);
  backdrop-filter:blur(var(--blurLg));
  -webkit-backdrop-filter:blur(var(--blurLg));
}

.emptyPanel i{
  width:70px;
  height:70px;
  margin:0 auto var(--gapXl);
  border-radius:var(--rLg);
  display:grid;
  place-items:center;
  background:var(--appAccentGlass);
  color:var(--appWhite);
  font-size:2rem;
}

.emptyPanel h1{
  margin:0 0 var(--gapMd);
  letter-spacing:-.05em;
}

.emptyPanel p{
  margin:0;
  color:var(--appMuted);
  font-weight:800;
}

/* END assets/css/tabs/emptyTab.css */

/* BEGIN assets/css/tabs/core.css */

.coretab{min-height:calc(100dvh - 150px);padding:0 14px 0;color:#172033;background:#f7f8fc;overflow-x:hidden}
.coretab button{font:inherit;-webkit-tap-highlight-color:transparent}
.coretab__profile{margin:0 -14px 18px;padding:max(18px,env(safe-area-inset-top)) 18px 22px;background:#fff;border-bottom:1px solid #e8ebf3}
.coretab__identity{width:100%;border:0;background:transparent;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:left;color:inherit}
.coretab__avatar{position:relative;width:68px;height:68px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#edf1ff;color:#566fd1;font-size:25px;border:3px solid #fff;box-shadow:0 0 0 1px #dce2f3,0 10px 24px rgba(36,49,91,.12)}.coretab__avatar img{width:100%;height:100%;object-fit:cover}
.coretab__identityCopy{min-width:0;display:grid;gap:3px}.coretab__identityCopy small{font-size:9px;font-weight:950;letter-spacing:.15em;color:#7767d9}.coretab__identityCopy strong{font-size:20px;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coretab__identityCopy span{font-size:11px;color:#71809a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coretab__identityStatus{display:none;align-items:center;gap:6px;font-size:10px;font-weight:850;color:#647089}.coretab__identityStatus i{width:7px;height:7px;border-radius:50%;background:#25b879}.coretab__chevron{color:#8390a8;font-size:14px}
.coretab__membership{margin-bottom:22px;padding:16px;border:1px solid #e2e6f0;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(42,54,91,.07);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.coretab__membershipMark{width:50px;height:50px;border-radius:17px;background:#172033;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #6d60db}.coretab__membershipMark span{font-size:21px;font-weight:950}
.coretab__membership>div:nth-child(2){min-width:0}.coretab__membership small{font-size:9px;font-weight:950;letter-spacing:.14em;color:#e059ac}.coretab__membership h2{margin:2px 0 3px;font-size:18px;letter-spacing:-.035em}.coretab__membership p{margin:0;color:#6f7b91;font-size:11px;line-height:1.4}
.coretab__membership button{grid-column:1/-1;min-height:44px;border:0;border-radius:15px;background:#273cfa;color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px}
.coretab__groups{display:grid;gap:24px}.coretab__groupHead{padding:0 4px 9px}.coretab__groupHead small{font-size:9px;font-weight:950;letter-spacing:.16em;color:#7767d9}.coretab__groupHead h2{margin:2px 0 0;font-size:19px;letter-spacing:-.035em}
.coretab__list{overflow:hidden;border:1px solid #e5e8f0;border-radius:22px;background:#fff;box-shadow:0 8px 26px rgba(37,49,84,.045)}
.coretab__row{position:relative;width:100%;min-height:74px;border:0;border-bottom:1px solid #edf0f5;background:#fff;padding:11px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:left;color:#192238;transition:background .18s ease,transform .18s ease}.coretab__row:last-child{border-bottom:0}.coretab__row:active{background:#f4f6fb;transform:scale(.995)}
.coretab__rowIcon{width:40px;height:40px;border-radius:14px;background:#f1f4ff;color:#465fd0;display:grid;place-items:center;font-size:18px}.coretab__row:nth-child(3n+2) .coretab__rowIcon{background:#fff1f8;color:#d34d9d}.coretab__row:nth-child(3n) .coretab__rowIcon{background:#eef9f7;color:#138f7e}
.coretab__rowCopy{min-width:0;display:grid;gap:3px}.coretab__rowCopy strong{font-size:15px;line-height:1.15;letter-spacing:-.015em}.coretab__rowCopy small{font-size:10.5px;line-height:1.35;color:#758198}
.coretab__badge{max-width:82px;padding:5px 8px;border-radius:999px;background:#f1f3f8;color:#59667f;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coretab__rowArrow{font-size:13px;color:#8c98ab}
.coretab__footer{padding:28px 6px 4px;display:grid;gap:4px;color:#6f7a8d}.coretab__footer strong{color:#273149;font-size:13px}.coretab__footer span{font-size:10.5px;line-height:1.4}.coretab__footer small{font-size:9px}
.coretab__toast{position:fixed;right:14px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));z-index:2147483000;max-width:min(330px,calc(100dvw - 28px));padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(23,32,51,.94);color:#fff;box-shadow:0 16px 46px rgba(13,22,44,.3);font-size:11px;line-height:1.4;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}.coretab__toast.isVisible{opacity:1;transform:none}
.godAvatarMedia{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.godAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}.godAvatarMedia>i{display:grid;place-items:center;width:100%;height:100%}
@media(min-width:720px){.coretab{max-width:860px;margin:0 auto;padding:18px 22px 40px}.coretab__profile{margin:0 0 24px;border:1px solid #e4e7ef;border-radius:28px}.coretab__identityStatus{display:flex}.coretab__membership{grid-template-columns:auto 1fr auto}.coretab__membership button{grid-column:auto;min-width:132px;padding:0 18px}.coretab__groups{grid-template-columns:1fr 1fr;align-items:start}.coretab__group:last-child{grid-column:1/-1}.coretab__row{min-height:78px}}
@media(prefers-reduced-motion:reduce){.coretab__row,.coretab__toast{transition:none}}
@media(prefers-color-scheme:dark){.coretab{background:#0e1422;color:#f5f7fc}.coretab__profile,.coretab__membership,.coretab__list,.coretab__row{background:#171f31;border-color:#293349}.coretab__identityCopy span,.coretab__membership p,.coretab__rowCopy small,.coretab__footer{color:#9eabc0}.coretab__row{color:#f6f7fb;border-bottom-color:#293349}.coretab__row:active{background:#202a3e}.coretab__rowIcon{background:#24304c}.coretab__footer strong{color:#e6eaf2}.coretab__badge{background:#273149;color:#c5cedd}}

body.godMembersOpen{overflow:hidden}
.godMembersOverlay{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:stretch;background:rgba(13,20,36,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .22s ease}
.godMembersOverlay.isOpen{opacity:1}
.godMembersPanel{width:100dvw;height:100dvh;overflow:hidden;background:rgba(247,249,255,.96);transform:translateY(14px);transition:transform .26s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto 1fr;color:#101828}
.godMembersOverlay.isOpen .godMembersPanel{transform:none}
.godMembersTopbar{min-height:72px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(42,62,102,.10);background:rgba(255,255,255,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.godMembersTopbar>div{display:grid;gap:1px}.godMembersTopbar span{font-size:11px;font-weight:900;letter-spacing:.22em;color:#536c9d}.godMembersTopbar strong{font-size:22px;letter-spacing:-.04em}.godMembersTopbar button{width:44px;height:44px;border:1px solid rgba(42,62,102,.12);border-radius:50%;background:rgba(255,255,255,.8);color:#17233c;font-size:19px;display:grid;place-items:center}
.godMembersScroll{min-height:0;overflow:auto;padding:18px 14px max(24px,env(safe-area-inset-bottom));display:grid;align-content:start;gap:14px}
.godMembersHero,.godMembersDetails,.godMembersSignedOut{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.78);box-shadow:0 20px 60px rgba(32,48,82,.12);border-radius:28px}
.godMembersHero{padding:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.godMembersAvatar{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e8eeff;color:#4967b7;font-size:30px;border:2px solid #fff;box-shadow:0 12px 30px rgba(45,74,140,.18)}.godMembersAvatar img{width:100%;height:100%;object-fit:cover}.godMembersHero small{color:#66799f;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.godMembersHero h2{margin:3px 0;font-size:clamp(26px,8dvw,38px);line-height:1;letter-spacing:-.05em}.godMembersHero p{margin:0;color:#667085;font-size:13px;overflow-wrap:anywhere}
.godMembersDetails{padding:10px;display:grid;gap:7px}.godMembersSectionTitle{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#66799f}.godMembersRow{min-height:58px;border:1px solid rgba(54,77,123,.08);background:rgba(245,248,255,.76);border-radius:18px;padding:10px 13px;display:grid;grid-template-columns:minmax(90px,.42fr) 1fr;align-items:center;gap:10px}.godMembersRow span{font-size:12px;color:#73809a;font-weight:750}.godMembersRow strong{text-align:right;font-size:13px;overflow-wrap:anywhere}
.godMembersSignedOut{padding:34px 22px;text-align:center;display:grid;justify-items:center;gap:10px}.godMembersSignedOut i{font-size:34px;color:#526fc0}.godMembersSignedOut h2{margin:0;font-size:25px;letter-spacing:-.04em}.godMembersSignedOut p{margin:0;color:#667085;line-height:1.55;font-size:14px}
.godAvatarMedia{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.godAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}.godAvatarMedia>i{display:grid;place-items:center;width:100%;height:100%}
@media(min-width:720px){.godMembersOverlay{place-items:center;padding:24px}.godMembersPanel{width:min(680px,92dvw);height:min(820px,90dvh);border-radius:32px;box-shadow:0 40px 120px rgba(8,17,38,.28)}.godMembersTopbar{padding-top:14px}.godMembersScroll{padding:22px}}
@media(prefers-color-scheme:dark){.coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel{background:rgba(21,30,48,.94);border-color:rgba(255,255,255,.08)}.coretab__module,.coretab__metrics div{background:rgba(255,255,255,.06);color:#f6f7fb}.coretab__welcome p,.coretab__welcome>div>span,.coretab__moduleCopy small,.coretab__memberCopy p,.coretab__metrics span{color:#aab6ca}.godMembersPanel{background:rgba(14,21,37,.97);color:#f5f7ff}.godMembersTopbar{background:rgba(17,25,43,.78);border-color:rgba(255,255,255,.08)}.godMembersTopbar button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.godMembersHero,.godMembersDetails,.godMembersSignedOut{background:rgba(26,36,58,.76);border-color:rgba(255,255,255,.08)}.godMembersRow{background:rgba(18,28,48,.76);border-color:rgba(255,255,255,.06)}.godMembersHero p,.godMembersSignedOut p{color:#aab6ca}}

/* Core mobile visual alignment */
#infinisAuthProfileButtonHost.isFloating,
.infinisAuthProfileButtonHost.isFloating{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.coretab{
  width:min(100%,760px);
  margin:0 auto;
  min-height:auto;
  padding:8px 14px 44px;
  background:transparent;
}
.coretab__profile{
  margin:0 0 12px;
  padding:14px;
  border:1px solid #e4e8f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(29,43,76,.06);
}
.coretab__identity{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
}
.coretab__identityStatus{display:none!important}
.coretab__avatar{
  width:52px;
  height:52px;
  border-width:2px;
  font-size:20px;
  box-shadow:0 0 0 1px #dce2f3,0 7px 18px rgba(36,49,91,.10);
}
.coretab__identityCopy small{font-size:8px;letter-spacing:.14em}
.coretab__identityCopy strong{font-size:18px;line-height:1.12}
.coretab__identityCopy span{font-size:10.5px;line-height:1.3}
.coretab__chevron{font-size:13px}

.coretab__membership{
  margin-bottom:18px;
  padding:14px;
  border-radius:22px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  box-shadow:0 8px 24px rgba(42,54,91,.055);
}
.coretab__membershipMark{
  width:44px;
  height:44px;
  border-radius:14px;
}
.coretab__membershipMark span{font-size:19px}
.coretab__membership small{font-size:8px;letter-spacing:.13em}
.coretab__membership h2{margin:2px 0;font-size:16px}
.coretab__membership p{font-size:10px;line-height:1.35}
.coretab__membership button{
  grid-column:auto;
  min-width:44px;
  width:44px;
  min-height:44px;
  padding:0;
  border-radius:14px;
  font-size:0;
}
.coretab__membership button i{font-size:18px}

.coretab__groups{gap:18px}
.coretab__groupHead{padding:0 4px 7px}
.coretab__groupHead small{font-size:8px;letter-spacing:.14em}
.coretab__groupHead h2{font-size:17px}
.coretab__list{border-radius:20px;box-shadow:0 6px 20px rgba(37,49,84,.04)}
.coretab__row{
  min-height:66px;
  padding:10px 12px;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:10px;
}
.coretab__rowIcon{
  width:36px;
  height:36px;
  border-radius:12px;
  font-size:16px;
}
.coretab__rowCopy strong{font-size:14px}
.coretab__rowCopy small{font-size:10px;line-height:1.3}
.coretab__badge{max-width:72px;padding:4px 7px;font-size:8px}
.coretab__rowArrow{font-size:12px}
.coretab__footer{padding:22px 4px 2px}

@media(max-width:390px){
  .coretab{padding-left:10px;padding-right:10px}
  .coretab__profile{padding:12px}
  .coretab__membership{padding:12px}
  .coretab__membership p{display:none}
  .coretab__row{grid-template-columns:auto minmax(0,1fr) auto}
  .coretab__badge{display:none}
}

@media(prefers-color-scheme:dark){
  .coretab__profile{background:#171f31;border-color:#293349}
}

/* Temporary Grit collection entry in Core */
.coretab__grits{margin:0 0 18px;padding:15px;border:1px solid #e2e7f1;border-radius:22px;background:linear-gradient(145deg,#ffffff 0%,#f6f8ff 58%,#fdf5ff 100%);box-shadow:0 9px 28px rgba(42,54,91,.06);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.coretab__gritsIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#dff7ff,#ede7ff 58%,#ffe8f7);color:#6658d9;font-size:21px;box-shadow:inset 0 0 0 1px rgba(113,97,220,.12)}
.coretab__gritsCopy{min-width:0}.coretab__gritsCopy small{display:block;font-size:8px;font-weight:950;letter-spacing:.14em;color:#7868d8}.coretab__gritsCopy h2{margin:2px 0 3px;font-size:17px;letter-spacing:-.025em}.coretab__gritsCopy p{margin:0;color:#738098;font-size:10px;line-height:1.35}
.coretab__grits>button{min-width:68px;min-height:42px;padding:0 12px;border:0;border-radius:14px;background:#161d33;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.coreGritOpen{overflow:hidden}
.coreGritOverlay{position:fixed;inset:0;z-index:2147482500;background:rgba(16,24,42,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .22s ease;display:grid;place-items:stretch}
.coreGritOverlay.isOpen{opacity:1}.coreGritPanel{width:100dvw;height:100dvh;background:rgba(248,250,255,.98);color:#11182b;display:grid;grid-template-rows:auto 1fr;transform:translateY(14px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.coreGritOverlay.isOpen .coreGritPanel{transform:none}
.coreGritTopbar{min-height:74px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(50,70,110,.10);background:rgba(255,255,255,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.coreGritTopbar>div{display:grid;gap:1px}.coreGritTopbar small{font-size:9px;font-weight:950;letter-spacing:.18em;color:#7768d7}.coreGritTopbar strong{font-size:23px;letter-spacing:-.04em}.coreGritTopbar button{width:44px;height:44px;border:1px solid rgba(52,71,110,.12);border-radius:15px;background:#fff;color:#172039;display:grid;place-items:center;font-size:18px}
.coreGritScroll{min-height:0;overflow:auto;padding:16px 14px max(26px,env(safe-area-inset-bottom));display:grid;align-content:start;gap:14px}
.coreGritHero{padding:18px;border:1px solid rgba(104,93,211,.13);border-radius:26px;background:linear-gradient(145deg,#eefaff,#f1ecff 56%,#fff0fa);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.coreGritHeroIcon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.82);color:#685bd9;font-size:23px;box-shadow:0 10px 28px rgba(92,78,196,.12)}.coreGritHero small{font-size:9px;font-weight:950;letter-spacing:.15em;color:#7364d2}.coreGritHero h2{margin:4px 0 7px;font-size:24px;line-height:1.04;letter-spacing:-.045em}.coreGritHero p{margin:0;color:#68748b;font-size:12px;line-height:1.5}
.coreGritState{min-height:230px;padding:28px 20px;border:1px solid #e4e8f1;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:#707c93}.coreGritState>i{font-size:30px;color:#7868dc}.coreGritState strong{color:#1b2439;font-size:17px}.coreGritState span{max-width:310px;font-size:11px;line-height:1.5}.coreGritState button{margin-top:7px;min-height:42px;padding:0 18px;border:0;border-radius:14px;background:#151d33;color:#fff;font-weight:900}.coreGritLoader{width:30px;height:30px;border:3px solid #e6e9f3;border-top-color:#7667dd;border-radius:50%;animation:coreGritSpin .8s linear infinite}@keyframes coreGritSpin{to{transform:rotate(360deg)}}
.coreGritGrid{display:grid;gap:13px}.coreGritCard{padding:14px;border:1px solid #e2e7f1;border-radius:24px;background:#fff;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;box-shadow:0 10px 30px rgba(35,49,83,.06)}.coreGritVisual{width:104px;aspect-ratio:1;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#f4f8ff,#f7f2ff);overflow:hidden}.coreGritVisual img{width:100%;height:100%;object-fit:contain}.coreGritVisual>i{font-size:35px;color:#7163d4}.coreGritCardCopy{min-width:0}.coreGritCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.coreGritCardTop span{font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#7b6cda}.coreGritCardTop b{padding:4px 7px;border-radius:999px;background:#eef2f8;color:#607087;font-size:8px}.coreGritCardCopy h3{margin:4px 0 5px;font-size:20px;letter-spacing:-.035em}.coreGritCardCopy p{margin:0;color:#6e7a90;font-size:10.5px;line-height:1.42}.coreGritCardCopy small{margin-top:9px;display:flex;align-items:center;gap:6px;color:#4f5d76;font-size:9px;font-weight:850}.coreGritCardCopy small i{color:#7567da}
@media(min-width:720px){.coreGritOverlay{place-items:center;padding:24px}.coreGritPanel{width:min(760px,92dvw);height:min(840px,90dvh);border-radius:30px;overflow:hidden;box-shadow:0 38px 120px rgba(8,17,38,.28)}.coreGritGrid{grid-template-columns:1fr 1fr}.coreGritCard{grid-template-columns:112px minmax(0,1fr)}.coreGritVisual{width:112px}}
@media(max-width:390px){.coretab__gritsCopy p{display:none}.coretab__grits>button{min-width:44px;width:44px;padding:0;font-size:0}.coretab__grits>button i{font-size:16px}.coreGritCard{grid-template-columns:88px minmax(0,1fr)}.coreGritVisual{width:88px}}
@media(prefers-color-scheme:dark){.coretab__grits{background:linear-gradient(145deg,#171f31,#1d2137 58%,#241a33);border-color:#2b354d}.coretab__gritsCopy p{color:#9da9bd}.coretab__grits>button{background:#f4f6fb;color:#11182b}.coreGritPanel{background:rgba(13,20,35,.98);color:#f7f8fc}.coreGritTopbar{background:rgba(17,25,43,.84);border-color:rgba(255,255,255,.08)}.coreGritTopbar button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.coreGritHero{background:linear-gradient(145deg,#142439,#211b3d 56%,#32172c);border-color:rgba(255,255,255,.08)}.coreGritHero p,.coreGritCardCopy p,.coreGritState span{color:#aab5c8}.coreGritState,.coreGritCard{background:#171f31;border-color:#29344a}.coreGritState strong,.coreGritCardCopy h3{color:#f7f8fc}.coreGritVisual{background:linear-gradient(145deg,#202b42,#271d42)}.coreGritCardTop b{background:#273149;color:#c7d0df}.coreGritCardCopy small{color:#c2cad8}}
@media(prefers-reduced-motion:reduce){.coreGritOverlay,.coreGritPanel{transition:none}.coreGritLoader{animation:none}}

/* Grit Studio admin */
.coretab__gritAdmin{margin:0 0 18px;padding:16px;border:1px solid rgba(105,86,232,.18);border-radius:22px;background:linear-gradient(145deg,#f7f4ff,#eef7ff 55%,#fff3fb);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 28px rgba(54,45,120,.08)}
.coretab__gritAdmin small{display:block;font-size:8px;font-weight:950;letter-spacing:.15em;color:#735de0}.coretab__gritAdmin h2{margin:2px 0 3px;font-size:18px}.coretab__gritAdmin p{margin:0;color:#748098;font-size:10px;line-height:1.4}.coretab__gritAdmin button{border:0;border-radius:14px;min-height:44px;padding:0 14px;background:#171d32;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
body.gritStudioOpen{overflow:hidden}.gritStudioOverlay{position:fixed;inset:0;z-index:999999;background:rgba(8,13,25,.48);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:.18s ease}.gritStudioOverlay.isOpen{opacity:1;pointer-events:auto}.gritStudioPanel{position:absolute;inset:0;background:#f4f6fb;color:#11182b;display:grid;grid-template-rows:auto auto minmax(0,1fr);transform:translateY(16px);transition:.18s ease}.gritStudioOverlay.isOpen .gritStudioPanel{transform:none}.gritStudioHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 22px 18px;background:rgba(255,255,255,.88);border-bottom:1px solid #e2e7f0;backdrop-filter:blur(18px)}.gritStudioHeader small{display:block;color:#745fe0;font-size:9px;font-weight:950;letter-spacing:.16em}.gritStudioHeader strong{display:block;font-size:28px;letter-spacing:-.04em}.gritStudioHeader span{display:block;color:#778298;font-size:11px}.gritStudioHeader button{width:44px;height:44px;border:1px solid #dfe4ee;border-radius:15px;background:#fff;color:#11182b}.gritStudioTabs{display:flex;gap:8px;padding:12px 18px;background:#fff;border-bottom:1px solid #e5e9f1;overflow:auto}.gritStudioTabs button{border:0;border-radius:999px;padding:10px 14px;background:#edf0f6;color:#657087;font-size:10px;font-weight:900;white-space:nowrap}.gritStudioTabs button.isActive{background:#171d32;color:#fff}.gritStudioBody{overflow:auto;padding:20px 18px calc(90px + env(safe-area-inset-bottom))}.gritStudioLoading,.gritStudioError,.gritStudioEmpty{min-height:240px;border:1px solid #e0e5ef;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#768197;padding:30px}.gritStudioLoading span{width:28px;height:28px;border:3px solid #dfe5f2;border-top-color:#6e59e8;border-radius:50%;animation:gritSpin .8s linear infinite}@keyframes gritSpin{to{transform:rotate(360deg)}}.gritStudioToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.gritStudioToolbar h2{margin:0;font-size:23px}.gritStudioToolbar p{margin:4px 0 0;color:#7a8498;font-size:11px}.gritStudioToolbar>button{border:0;border-radius:15px;background:linear-gradient(135deg,#4ab8ef,#7b63eb,#d247cb);color:#fff;min-height:44px;padding:0 15px;font-weight:900}.gritStudioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.gritStudioCard{border:1px solid #dfe5ef;border-radius:22px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:13px;align-items:center;color:#11182b}.gritStudioBadge{width:78px;height:78px;border-radius:20px;background:linear-gradient(145deg,#eaf8ff,#f2ebff,#ffeaf7);display:grid;place-items:center;overflow:hidden}.gritStudioBadge img{width:100%;height:100%;object-fit:contain}.gritStudioCard small,.gritStudioCard em{display:block;font-size:8px;color:#7b6fe1;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-style:normal}.gritStudioCard strong{display:block;font-size:18px;margin:2px 0}.gritStudioCard p{margin:5px 0 0;color:#798397;font-size:10px;line-height:1.4}.gritStudioList{display:grid;gap:10px}.gritStudioList article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:12px}.gritStudioList article>span{width:56px;height:56px;border-radius:16px;background:#f0f3f9;display:grid;place-items:center;overflow:hidden}.gritStudioList img{width:100%;height:100%;object-fit:contain}.gritStudioList strong,.gritStudioList small,.gritStudioList em{display:block}.gritStudioList small,.gritStudioList em{font-size:9px;color:#7d8798;font-style:normal}.gritStudioList article>button{border:0;border-radius:12px;padding:10px;background:#f7e9ee;color:#a32e55;font-weight:900}.gritStudioModal{position:fixed;inset:0;z-index:1000000;background:rgba(5,10,20,.58);backdrop-filter:blur(12px);display:grid;place-items:center;padding:16px;opacity:0;transition:.15s}.gritStudioModal.isOpen{opacity:1}.gritStudioModal>form{width:min(680px,100%);max-height:92dvh;overflow:auto;background:#fff;color:#11182b;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.gritStudioModal header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-bottom:1px solid #e6eaf2}.gritStudioModal header small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritStudioModal header strong{font-size:22px}.gritStudioModal header button{width:40px;height:40px;border:0;border-radius:13px;background:#edf1f7}.gritStudioForm{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.gritStudioForm label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#687388;text-transform:uppercase;letter-spacing:.08em}.gritStudioForm label.wide{grid-column:1/-1}.gritStudioForm input,.gritStudioForm select,.gritStudioForm textarea{width:100%;min-height:46px;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#11182b;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal}.gritStudioForm textarea{min-height:90px;resize:vertical}.gritStudioForm label.check{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal}.gritStudioForm label.check input{width:18px;min-height:18px}.gritStudioModal footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;background:#fff;border-top:1px solid #e6eaf2}.gritStudioModal footer button{border:0;border-radius:14px;min-height:44px;padding:0 16px;font-weight:900}.gritStudioModal footer button:last-child{background:#171d32;color:#fff}.gritDesigner{display:grid;grid-template-columns:minmax(260px,380px) minmax(280px,1fr);gap:18px}.gritDesigner form,.gritDesignerPreview,.gritApiPanel{background:#fff;border:1px solid #dfe5ef;border-radius:22px;padding:16px}.gritDesigner form{display:grid;gap:12px}.gritDesigner label,.gritApiPanel label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesigner input,.gritDesigner select,.gritApiPanel select{min-height:44px;border:1px solid #dfe5ef;border-radius:13px;padding:10px;background:#f7f9fc}.gritDesignerColors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gritDesigner form>button{border:0;border-radius:14px;min-height:46px;background:#171d32;color:#fff;font-weight:900}.gritDesignerPreview{display:grid;place-items:center;background:linear-gradient(145deg,#eef7ff,#f6efff,#fff0fa)}.gritAwardPreview{--gritAccent:#6956e8;--gritSurface:#fff;--gritRadius:28px;width:min(360px,100%);border-radius:var(--gritRadius);background:var(--gritSurface);padding:20px;text-align:center;box-shadow:0 20px 60px color-mix(in srgb,var(--gritAccent) 25%,transparent);border:1px solid color-mix(in srgb,var(--gritAccent) 28%,#fff)}.gritAwardPreview>button{float:right;border:0;background:#eef1f7;border-radius:12px;width:38px;height:38px}.gritAwardPreview>span{display:block;clear:both;height:180px}.gritAwardPreview img{width:100%;height:100%;object-fit:contain}.gritAwardPreview small{color:var(--gritAccent);font-weight:950;letter-spacing:.14em}.gritAwardPreview h3{font-size:35px;margin:4px 0}.gritAwardPreview p{color:#758096;font-size:11px}.gritAwardPreview b{display:block;margin-top:14px;background:var(--gritAccent);color:#fff;padding:15px;border-radius:15px}.gritApiPanel{display:grid;gap:14px}.gritApiCode{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#11182b;color:#fff;border-radius:16px;padding:14px}.gritApiCode small{grid-column:1/-1;color:#9ba8bd}.gritApiCode code{overflow:auto}.gritApiCode button,.gritApiActions button{border:0;border-radius:12px;padding:10px 13px;font-weight:900}.gritApiPanel pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#11182b;color:#dce6ff;border-radius:16px;padding:15px;font-size:10px;max-height:300px;overflow:auto}.gritApiActions{display:flex;gap:8px}.gritApiActions button{background:#e9edf6;color:#172039}
@media(max-width:720px){.gritStudioHeader span{display:none}.gritStudioBody{padding-inline:12px}.gritStudioGrid{grid-template-columns:1fr}.gritDesigner{grid-template-columns:1fr}.gritStudioForm{grid-template-columns:1fr}.gritStudioForm label.wide{grid-column:auto}.gritDesignerColors{grid-template-columns:1fr}.coretab__gritAdmin{align-items:flex-start;flex-direction:column}.coretab__gritAdmin button{width:100%}}
@media(prefers-color-scheme:dark){.coretab__gritAdmin{background:linear-gradient(145deg,#171f31,#211b39,#29192f);border-color:#303951}.coretab__gritAdmin p{color:#9ba8bd}.coretab__gritAdmin button{background:#f5f7fb;color:#11182b}.gritStudioPanel,.gritStudioBody{background:#0c1321;color:#f6f8fc}.gritStudioHeader,.gritStudioTabs{background:rgba(14,22,38,.94);border-color:#253047}.gritStudioHeader span,.gritStudioToolbar p{color:#9ca8bc}.gritStudioHeader button,.gritStudioTabs button,.gritStudioLoading,.gritStudioError,.gritStudioEmpty,.gritStudioCard,.gritStudioList article,.gritStudioModal>form,.gritStudioModal header,.gritStudioModal footer,.gritDesigner form,.gritDesignerPreview,.gritApiPanel{background:#151e2f;color:#f6f8fc;border-color:#29354c}.gritStudioTabs button{background:#202b3f;color:#aeb9ca}.gritStudioTabs button.isActive{background:#f5f7fb;color:#11182b}.gritStudioBadge,.gritStudioList article>span{background:#202a3d}.gritStudioCard p,.gritStudioList small,.gritStudioList em{color:#a4afc1}.gritStudioModal header button{background:#253149;color:#fff}.gritStudioForm input,.gritStudioForm select,.gritStudioForm textarea,.gritDesigner input,.gritDesigner select,.gritApiPanel select{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritStudioModal footer button:last-child,.gritDesigner form>button{background:#f5f7fb;color:#11182b}.gritDesignerPreview{background:linear-gradient(145deg,#111d31,#201b39,#2d172b)}.gritAwardPreview{--gritSurface:#121b2b;color:#f6f8fc}.gritAwardPreview p{color:#a9b5c7}}
.gritEditorFooterSpacer{flex:1}.gritStudioModal footer .gritDeleteTrigger{margin-right:auto;background:#fff0f3;color:#a62245;border:1px solid #f3c9d4}.gritDeleteBody{padding:24px;text-align:center}.gritDeleteIcon{width:70px;height:70px;margin:0 auto 14px;border-radius:22px;background:#fff0f3;color:#b1264e;display:grid;place-items:center;font-size:27px}.gritDeleteBody h3{margin:0 0 8px;font-size:22px}.gritDeleteBody p{margin:0;color:#737f94;font-size:12px;line-height:1.6}.gritDeleteWarning{margin-top:16px;padding:13px;border-radius:14px;background:#fff5e8;color:#8f5715;font-size:11px;font-weight:900}.gritStudioModal footer .gritDeleteContinue,.gritStudioModal footer .gritDeleteFinal{background:#b1264e;color:#fff}.gritStudioModal footer .gritDeleteFinal:disabled{opacity:.42;cursor:not-allowed}.gritDeleteInstructions{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:14px;background:#f5f7fb;color:#657087;font-size:11px;line-height:1.5}.gritDeleteInlineError{grid-column:1/-1;padding:12px 14px;border-radius:14px;background:#fff0f3;color:#a62245;font-size:11px;font-weight:800}.gritStudioToast{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:1000002;max-width:min(360px,calc(100dvw - 36px));padding:13px 16px;border-radius:15px;background:#172039;color:#fff;box-shadow:0 18px 48px rgba(10,18,35,.22);font-size:11px;font-weight:850;opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s ease}.gritStudioToast.isVisible{opacity:1;transform:none}.gritStudioToast[data-tone="error"]{background:#9f2448}
@media(prefers-color-scheme:dark){.gritStudioModal footer .gritDeleteTrigger{background:#351c2a;color:#ffb7ca;border-color:#563047}.gritDeleteIcon{background:#351c2a;color:#ff9fbb}.gritDeleteBody p{color:#a7b2c5}.gritDeleteWarning{background:#33281b;color:#f4c783}.gritDeleteInstructions{background:#202b3f;color:#aeb9ca}.gritDeleteInlineError{background:#351c2a;color:#ffb7ca}}

/* Grit Studio v081 — advanced designer, grouped styles, and screen preview */
.gritStudioCard{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.gritCardMain{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:center;width:100%;padding:14px;border:0;background:transparent;color:inherit;text-align:left}.gritCardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.gritCardActions button{min-height:40px;border:1px solid #dfe5ef;border-radius:12px;background:#f7f9fc;color:#172039;font-weight:900}.gritCardActions button:first-child{background:#171d32;color:#fff;border-color:#171d32}.gritDesignerPro{grid-template-columns:minmax(320px,430px) minmax(340px,1fr);align-items:start}.gritDesignerPro>form{max-height:calc(100dvh - 245px);overflow:auto;padding:0;background:transparent;border:0}.gritDesignerSection{display:grid;gap:12px;background:#fff;border:1px solid #dfe5ef;border-radius:22px;padding:16px}.gritDesignerSection h3{margin:0;font-size:15px}.gritDesignerSection textarea{width:100%;min-height:130px;border:1px solid #dfe5ef;border-radius:13px;padding:12px;background:#f7f9fc;color:#11182b;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.gritImportNote{margin:0;color:#737f94;font-size:10px;line-height:1.5}.gritImportActions{display:flex;gap:8px}.gritImportActions button{flex:1;min-height:40px;border:0;border-radius:12px;background:#e9edf6;color:#172039;font-weight:900}.gritTargetSelection{max-height:150px;overflow:auto;padding:10px;border:1px solid #dfe5ef;border-radius:13px;background:#f7f9fc;display:grid;gap:8px}.gritTargetSelection[hidden]{display:none}.gritTargetSelection label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal}.gritTargetSelection input{width:18px;min-height:18px}.gritDesignerPreviewShell{position:sticky;top:0;background:#fff;border:1px solid #dfe5ef;border-radius:22px;overflow:hidden}.gritDesignerPreviewTop{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #e6eaf2}.gritDesignerPreviewTop span{font-size:9px;color:#7b8699}.gritDesignerPreview{padding:0;min-height:560px;border:0;border-radius:0}.gritDesignerPreview iframe{width:100%;height:560px;border:0;background:#fff}.gritScreenPreview{position:fixed;inset:0;z-index:1000003;background:rgba(5,10,20,.7);backdrop-filter:blur(18px);display:grid;place-items:center;padding:14px;opacity:0;pointer-events:none;transition:.18s ease}.gritScreenPreview.isOpen{opacity:1;pointer-events:auto}.gritScreenPreview>section{width:min(1100px,100%);height:min(900px,calc(100dvh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#f4f6fb;border-radius:26px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35)}.gritScreenPreview header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #e3e8f1}.gritScreenPreview header small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritScreenPreview header strong{font-size:18px}.gritScreenPreview header>div:last-child{display:flex;gap:7px}.gritScreenPreview header button{width:40px;height:40px;border:0;border-radius:12px;background:#edf1f7}.gritScreenPreview header button.isActive{background:#171d32;color:#fff}.gritScreenPreview main{display:grid;place-items:center;overflow:auto;padding:20px}.gritPreviewDevice{background:#111827;padding:10px;border-radius:28px;box-shadow:0 22px 70px rgba(0,0,0,.2);transition:.25s ease}.gritPreviewDevice.isMobile{width:min(390px,100%);height:min(760px,100%)}.gritPreviewDevice.isDesktop{width:min(960px,100%);height:min(620px,100%);border-radius:20px}.gritPreviewDevice iframe{width:100%;height:100%;border:0;border-radius:20px;background:#fff}.gritPreviewDevice.isDesktop iframe{border-radius:12px}
@media(max-width:720px){.gritDesignerPro{grid-template-columns:1fr}.gritDesignerPro>form{max-height:none;overflow:visible}.gritDesignerPreviewShell{position:relative}.gritDesignerPreview{min-height:520px}.gritDesignerPreview iframe{height:520px}.gritStudioToolbar{align-items:stretch;flex-direction:column}.gritStudioToolbar>button{width:100%}.gritScreenPreview{padding:0}.gritScreenPreview>section{height:100dvh;border-radius:0}.gritScreenPreview main{padding:12px}.gritPreviewDevice.isMobile{width:100%;height:100%;max-width:430px}.gritPreviewDevice.isDesktop{width:100%;height:70dvh}.gritImportActions{flex-direction:column}}
@media(prefers-color-scheme:dark){.gritCardActions button,.gritDesignerSection,.gritDesignerPreviewShell,.gritScreenPreview header{background:#151e2f;color:#f6f8fc;border-color:#29354c}.gritCardActions button:first-child,.gritScreenPreview header button.isActive{background:#f5f7fb;color:#11182b}.gritDesignerSection textarea,.gritTargetSelection{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritImportActions button,.gritScreenPreview header button{background:#253149;color:#fff}.gritDesignerPreviewTop{border-color:#29354c}.gritScreenPreview>section{background:#0c1321}}

/* v082 Overlay Designer visual rebuild */
.gritDesignerToolbar{align-items:center}.gritDesignerToolbarActions{display:flex;gap:9px}.gritDesignerToolbarActions button{min-height:44px;border:1px solid #dce3ef;border-radius:14px;padding:0 15px;background:#fff;color:#172039;font-weight:900}.gritDesignerToolbarActions button:last-child{border-color:#171d32;background:#171d32;color:#fff}.gritDesignerPro>form{gap:14px}.gritDesignerSection{padding:18px;gap:14px;box-shadow:0 8px 28px rgba(18,29,56,.045)}.gritDesignerSectionHead{display:flex;align-items:center;gap:11px;padding-bottom:3px}.gritDesignerSectionHead>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f6ff,#f2eaff,#ffeaf7);color:#6654dc;font-size:17px}.gritDesignerSectionHead small,.gritDesignerPreviewTop small{display:block;color:#7866df;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerSectionHead h3{margin:1px 0 0;font-size:17px;letter-spacing:-.02em}.gritDesignerSection label{gap:8px}.gritDesignerSection input:not([type=color]),.gritDesignerSection select{width:100%;min-height:50px;border:1px solid #dce3ef;border-radius:15px;padding:0 14px;background:#f7f9fc;color:#11182b;font-size:14px}.gritDesignerColors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gritDesignerColors label{display:grid;gap:8px;padding:10px;border:1px solid #e0e6f0;border-radius:16px;background:#f8faff}.gritDesignerColors label>span{font-size:8px;font-weight:950;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerColors input[type=color]{display:block;width:100%;height:54px;min-height:54px;padding:4px;border:1px solid #dbe2ee;border-radius:12px;background:#fff;overflow:hidden}.gritDesignerColors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gritDesignerColors input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.gritDesignerFieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gritTemplateFile{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.gritImportDrop{width:100%;min-height:112px;border:1.5px dashed #bfc9dc;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#fbf8ff);display:grid;place-items:center;align-content:center;gap:3px;color:#172039}.gritImportDrop i{font-size:25px;color:#6754df}.gritImportDrop strong{font-size:13px}.gritImportDrop span{font-size:9px;color:#7c879a}.gritImportActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gritImportActions button{min-height:44px;border:1px solid #dfe5ef!important;background:#f4f6fb!important}.gritImportActions button:first-child{background:#171d32!important;color:#fff!important;border-color:#171d32!important}.gritImportStatus{display:block;padding:10px 12px;border-radius:12px;background:#f2f5fa;color:#68758b;font-size:9px}.gritCodeEditors{border-top:1px solid #e5eaf2;padding-top:11px}.gritCodeEditors summary{cursor:pointer;font-size:10px;font-weight:900;color:#58647a}.gritCodeEditors[open]{display:grid;gap:12px}.gritDesignerActions{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px;background:rgba(244,246,251,.92);backdrop-filter:blur(16px);border:1px solid #dce3ee;border-radius:18px}.gritDesignerActions button{min-height:50px;border:0;border-radius:14px;padding:0 16px;font-weight:950}.gritDesignerActions button:first-child{background:#e9edff;color:#4e3fc1}.gritDesignerActions button:last-child{background:#171d32;color:#fff}.gritDesignerPreviewTop{padding:15px 17px}.gritDesignerPreviewTop strong{display:block;margin-top:2px}.gritPreviewStage{width:100%;height:100%;display:grid;place-items:center;position:relative}.gritPreviewStageLabel{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:9px;font-weight:800;backdrop-filter:blur(10px)}
@media(max-width:720px){.gritStudioBody{padding:14px 12px calc(100px + env(safe-area-inset-bottom))}.gritDesignerToolbar{position:sticky;top:-14px;z-index:8;margin:0 -12px 14px;padding:11px 12px;background:rgba(244,246,251,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e0e6ef}.gritDesignerToolbar>div:first-child{display:none}.gritDesignerToolbarActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.gritDesignerToolbarActions button{padding:0 10px;font-size:10px}.gritDesignerSection{padding:15px;border-radius:19px}.gritDesignerColors{grid-template-columns:1fr 1fr}.gritDesignerColors label:last-child{grid-column:1/-1}.gritDesignerFieldGrid{grid-template-columns:1fr}.gritImportActions{grid-template-columns:1fr}.gritDesignerActions{grid-template-columns:1fr 1.25fr}.gritDesignerActions button{padding:0 10px;font-size:10px}.gritDesignerPreviewShell{border-radius:19px}.gritDesignerPreview{min-height:500px}.gritDesignerPreview iframe{height:500px}.gritScreenPreview header{padding:10px 11px}.gritScreenPreview header strong{font-size:15px}.gritScreenPreview header button{width:36px;height:36px}.gritScreenPreview header>div:last-child{gap:4px}.gritPreviewStageLabel{top:6px;max-width:90%;white-space:normal;text-align:center}.gritPreviewDevice{margin-top:28px}}
@media(prefers-color-scheme:dark){.gritDesignerToolbarActions button,.gritDesignerColors label,.gritImportDrop,.gritImportStatus{background:#172235;color:#f6f8fc;border-color:#2d3a52}.gritDesignerToolbarActions button:last-child,.gritImportActions button:first-child,.gritDesignerActions button:last-child{background:#f5f7fb!important;color:#11182b!important;border-color:#f5f7fb!important}.gritDesignerSection input:not([type=color]),.gritDesignerSection select{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritDesignerActions{background:rgba(15,23,39,.92);border-color:#33405a}.gritDesignerActions button:first-child{background:#2b315d;color:#d9d4ff}.gritCodeEditors{border-color:#33405a}}

/* Grit Studio v083 — full-screen responsive Designer workspace */
.gritStudioBody.isDesignerWorkspace{padding:0!important;overflow:hidden!important;background:transparent!important}
.gritDesignerWorkspace{--designer-bg:#f4f6fb;--designer-panel:rgba(255,255,255,.88);--designer-panel-solid:#fff;--designer-text:#11182d;--designer-muted:#69738b;--designer-line:rgba(40,52,83,.12);--designer-accent:#6956e8;position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 50% 30%,rgba(105,86,232,.12),transparent 34%),var(--designer-bg);color:var(--designer-text);overflow:hidden}
@media (prefers-color-scheme:dark){.gritDesignerWorkspace{--designer-bg:#080d1d;--designer-panel:rgba(17,24,43,.86);--designer-panel-solid:#11182b;--designer-text:#f7f8ff;--designer-muted:#9ea8c0;--designer-line:rgba(255,255,255,.1);background:radial-gradient(circle at 50% 30%,rgba(105,86,232,.23),transparent 38%),var(--designer-bg)}}
.gritDesignerAppbar{height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,220px) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--designer-line);background:var(--designer-panel);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:12}
.gritDesignerAppbar button,.gritDesignerDeviceSwitch button,.gritDesignerZoom button,.gritDesignerFabRail button,.gritDesignerMobileDock button{border:0;background:none;color:inherit}
.gritDesignerBack,.gritDesignerSaveTop{height:44px;border-radius:14px!important;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}
.gritDesignerBack{width:44px;background:var(--designer-panel-solid)!important;border:1px solid var(--designer-line)!important}
.gritDesignerSaveTop{padding:0 16px;background:linear-gradient(135deg,#5966ee,#8b4fe8)!important;color:#fff!important;box-shadow:0 10px 24px rgba(93,80,225,.24)}
.gritDesignerAppbar>div{min-width:0}.gritDesignerAppbar small{display:block;font-size:10px;letter-spacing:.16em;color:var(--designer-muted);font-weight:900}.gritDesignerAppbar strong{display:block;font-size:20px;line-height:1.15}
.gritDesignerGritPicker{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--designer-line);border-radius:14px;background:var(--designer-panel-solid)}.gritDesignerGritPicker span{font-size:11px;font-weight:900;color:var(--designer-muted);text-transform:uppercase;letter-spacing:.08em}.gritDesignerGritPicker select{min-width:0;width:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;outline:0}
.gritDesignerStage{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:74px 86px 82px}
.gritDesignerDeviceSwitch{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;padding:4px;border:1px solid var(--designer-line);background:var(--designer-panel);border-radius:16px;backdrop-filter:blur(18px);z-index:6}.gritDesignerDeviceSwitch button{height:38px;padding:0 13px;border-radius:12px;display:flex;align-items:center;gap:7px;color:var(--designer-muted);font-weight:800}.gritDesignerDeviceSwitch button.isActive{background:var(--designer-panel-solid);color:var(--designer-accent);box-shadow:0 5px 18px rgba(30,36,64,.1)}
.gritDesignerCanvasWrap{--designer-zoom:1;display:flex;align-items:center;justify-content:center;width:min(78vw,880px);height:min(68vh,680px);transition:.25s ease;transform:scale(var(--designer-zoom));transform-origin:center}.gritDesignerCanvasWrap.isMobile{width:min(82vw,430px)}.gritDesignerCanvasWrap.isDesktop{width:min(78vw,900px)}
.gritDesignerCanvas{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--designer-panel-solid);border:1px solid var(--designer-line);box-shadow:0 30px 90px rgba(23,28,58,.18)}.gritDesignerCanvas iframe{width:100%;height:100%;border:0;background:transparent}
.gritDesignerFabRail{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:7}.gritDesignerFabRail button{width:58px;min-height:58px;border:1px solid var(--designer-line);border-radius:20px;background:var(--designer-panel)!important;backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 10px 25px rgba(20,27,58,.1)}.gritDesignerFabRail button:first-child{background:linear-gradient(135deg,#5966ee,#8b4fe8)!important;color:#fff}.gritDesignerFabRail i{font-size:18px}.gritDesignerFabRail span{font-size:9px;font-weight:900}
.gritDesignerZoom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--designer-line);border-radius:18px;background:var(--designer-panel);backdrop-filter:blur(18px);z-index:7}.gritDesignerZoom button{width:36px;height:36px;border-radius:12px}.gritDesignerZoom span{min-width:52px;text-align:center;font-size:12px;font-weight:900}
.gritDesignerSheet{position:absolute;inset:0;z-index:30;pointer-events:none}.gritDesignerSheetBackdrop{position:absolute;inset:0;background:rgba(7,10,22,.32);opacity:0;transition:.2s}.gritDesignerSheetPanel{position:absolute;right:0;top:0;bottom:0;width:min(390px,92vw);display:grid;grid-template-rows:auto 1fr auto;background:var(--designer-panel-solid);border-left:1px solid var(--designer-line);box-shadow:-24px 0 70px rgba(10,16,38,.18);transform:translateX(104%);transition:.28s cubic-bezier(.2,.8,.2,1)}.gritDesignerSheet.isOpen{pointer-events:auto}.gritDesignerSheet.isOpen .gritDesignerSheetBackdrop{opacity:1}.gritDesignerSheet.isOpen .gritDesignerSheetPanel{transform:none}.gritDesignerSheetPanel>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--designer-line)}.gritDesignerSheetPanel>header small{display:block;font-size:10px;letter-spacing:.14em;color:var(--designer-muted);font-weight:900}.gritDesignerSheetPanel>header strong{font-size:20px}.gritDesignerSheetPanel>header button{width:42px;height:42px;border-radius:14px;border:1px solid var(--designer-line);background:transparent;color:inherit}.gritDesignerPanel{display:none;overflow:auto;padding:18px;align-content:start;gap:16px}.gritDesignerPanel.isActive{display:grid}.gritDesignerPanel label{display:grid;gap:7px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--designer-muted)}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea{width:100%;border:1px solid var(--designer-line);border-radius:15px;background:var(--designer-bg);color:var(--designer-text);padding:13px;font:inherit;text-transform:none;letter-spacing:0;outline:0}.gritDesignerPanel textarea{min-height:170px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.gritDesignerSwatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gritDesignerSwatches label{padding:10px;border:1px solid var(--designer-line);border-radius:16px;background:var(--designer-bg)}.gritDesignerSwatches input[type=color]{width:100%;height:54px;padding:0;border:0;border-radius:12px;background:transparent;overflow:hidden}.gritDesignerSheetPanel>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--designer-line);background:var(--designer-panel)}
.gritDesignerPrimary,.gritDesignerSecondary,.gritDesignerImportCard{border-radius:16px;border:1px solid var(--designer-line);font:inherit;font-weight:900}.gritDesignerPrimary{min-height:50px;background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff;border:0}.gritDesignerSecondary{min-height:50px;background:var(--designer-bg);color:var(--designer-text)}.gritTemplateFile{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.gritDesignerImportCard{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--designer-bg);color:var(--designer-text);border-style:dashed}.gritDesignerImportCard i{font-size:36px;color:var(--designer-accent)}.gritDesignerImportCard span,.gritImportStatus{color:var(--designer-muted);font-size:12px}.gritTargetSelection{display:grid;gap:8px;max-height:180px;overflow:auto;padding:10px;border:1px solid var(--designer-line);border-radius:14px}.gritTargetSelection label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--designer-text)}
.gritDesignerMobileDock{display:none}
@media(max-width:700px){.gritStudioPanel{height:100dvh!important;max-height:100dvh!important}.gritStudioHeader,.gritStudioTabs{display:none!important}.gritStudioBody{height:100dvh!important}.gritDesignerWorkspace{height:100dvh}.gritDesignerAppbar{height:62px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px}.gritDesignerGritPicker{position:absolute;top:70px;left:12px;right:12px;z-index:10;height:46px}.gritDesignerSaveTop{width:44px;padding:0}.gritDesignerSaveTop span{display:none}.gritDesignerStage{padding:126px 14px 92px;align-items:center}.gritDesignerDeviceSwitch{top:68px;display:none}.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(92vw,420px);height:min(61dvh,600px)}.gritDesignerCanvas{border-radius:25px}.gritDesignerFabRail,.gritDesignerZoom{display:none}.gritDesignerMobileDock{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:1px solid var(--designer-line);border-radius:22px;background:var(--designer-panel);backdrop-filter:blur(22px);box-shadow:0 16px 45px rgba(17,24,43,.22);z-index:20}.gritDesignerMobileDock button{border:0;background:transparent;color:var(--designer-muted);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.gritDesignerMobileDock button:nth-child(3){background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff}.gritDesignerMobileDock i{font-size:18px}.gritDesignerMobileDock span{font-size:9px;font-weight:900}.gritDesignerSheetPanel{left:0;right:0;top:auto;width:auto;height:min(78dvh,720px);bottom:0;border-left:0;border-top:1px solid var(--designer-line);border-radius:26px 26px 0 0;transform:translateY(104%)}.gritDesignerSheet.isOpen .gritDesignerSheetPanel{transform:none}.gritDesignerSheetPanel>header{padding:15px 16px}.gritDesignerPanel{padding:15px 16px}.gritDesignerSheetPanel>footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.gritDesignerSwatches{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:380px){.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:94vw;height:58dvh}.gritDesignerAppbar strong{font-size:18px}.gritDesignerMobileDock{left:6px;right:6px}}

/* v083 full-screen Designer workspace */
.gritStudioTabs button[data-grit-studio-tab="designer"]{font-size:0}.gritStudioTabs button[data-grit-studio-tab="designer"]::after{content:'Designer';font-size:10px}
.gritStudioBody.isDesignerWorkspace{overflow:hidden;padding:0;background:#eef2f8}
.gritDesignerWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#eef2f8;color:#11182b}
.gritDesignerWorkspaceTop{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #dfe5ef;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:20}
.gritDesignerTitle,.gritDesignerTopTools{display:flex;align-items:center;gap:10px}.gritDesignerTitle>button{width:42px;height:42px;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#172039}.gritDesignerTitle small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerTitle strong{display:block;font-size:20px;letter-spacing:-.03em}.gritDesignerGritSelect{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerGritSelect select{min-width:170px;height:42px;border:1px solid #dfe5ef;border-radius:13px;background:#f7f9fc;color:#11182b;padding:0 12px;font-weight:800}.gritDesignerDeviceToggle{display:flex;padding:4px;border:1px solid #dfe5ef;border-radius:14px;background:#f2f5fa}.gritDesignerDeviceToggle button{width:38px;height:34px;border:0;border-radius:10px;background:transparent;color:#778298}.gritDesignerDeviceToggle button.isActive{background:#fff;color:#5f4ed6;box-shadow:0 3px 12px rgba(18,29,56,.12)}.gritDesignerSaveTop{height:42px;border:0;border-radius:13px;padding:0 15px;background:#171d32;color:#fff;font-weight:900}.gritDesignerSaveTop i{margin-right:6px}
.gritDesignerWorkspaceMain{position:relative;min-height:0;display:grid;grid-template-columns:78px 300px minmax(0,1fr);overflow:hidden}.gritDesignerToolRail{z-index:14;display:flex;flex-direction:column;gap:8px;padding:12px 9px;border-right:1px solid #dfe5ef;background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.gritDesignerToolRail button{min-height:62px;border:0;border-radius:16px;background:transparent;color:#68758a;display:grid;place-items:center;align-content:center;gap:4px;font-weight:850;font-size:9px}.gritDesignerToolRail button i{font-size:19px}.gritDesignerToolRail button.isActive{background:linear-gradient(145deg,#e9f7ff,#f2ecff,#ffeef9);color:#5d4bd0;box-shadow:inset 0 0 0 1px rgba(107,86,224,.13)}
.gritDesignerInspector{z-index:13;min-width:0;overflow:auto;padding:14px;border-right:1px solid #dfe5ef;background:#fff;transition:transform .22s ease}.gritDesignerInspectorHead{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 14px}.gritDesignerInspectorHead small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerInspectorHead strong{font-size:19px}.gritDesignerInspectorHead button{display:none;width:38px;height:38px;border:0;border-radius:12px;background:#edf1f7}.gritDesignerInspector form{display:block}.gritDesignerPanel{display:none;gap:14px}.gritDesignerPanel.isActive{display:grid}.gritDesignerPanel>label{display:grid;gap:7px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea{width:100%;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#11182b;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select{min-height:46px}.gritDesignerPanel textarea{min-height:180px;resize:vertical;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.gritDesignerSwatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gritDesignerSwatches label{display:grid;gap:6px;padding:9px;border:1px solid #dfe5ef;border-radius:14px;background:#f8faff}.gritDesignerSwatches span{font-size:7px;font-weight:950;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerSwatches input[type=color]{width:100%;height:46px;border:0;border-radius:10px;padding:0;background:transparent}.gritDesignerSwatches input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gritDesignerSwatches input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}.gritDesignerPrimary,.gritDesignerSecondary,.gritDesignerReset{min-height:46px;border-radius:14px;padding:0 14px;font-weight:900}.gritDesignerPrimary{border:0;background:#171d32;color:#fff}.gritDesignerSecondary,.gritDesignerReset{border:1px solid #dfe5ef;background:#f4f6fb;color:#172039}.gritDesignerImportCard{min-height:150px;border:1.5px dashed #bfc9dc;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fbf8ff);display:grid;place-items:center;align-content:center;gap:5px;color:#172039}.gritDesignerImportCard i{font-size:30px;color:#6754df}.gritDesignerImportCard strong{font-size:14px}.gritDesignerImportCard span{font-size:9px;color:#7c879a}.gritDesignerHelp{margin:0;color:#778298;font-size:10px;line-height:1.55}.gritDesignerHiddenSubmit{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gritDesignerCanvasArea{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#f5f8fd,#edf2fa)}.gritDesignerCanvasBackdrop{position:absolute;inset:0;background-image:linear-gradient(rgba(104,117,138,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(104,117,138,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 25%,transparent 85%)}.gritDesignerCanvasFrame{--designerZoom:1;position:relative;z-index:2;transform:scale(var(--designerZoom));transform-origin:center;transition:width .22s ease,height .22s ease,transform .16s ease;border:9px solid #172039;background:#fff;box-shadow:0 25px 70px rgba(23,29,50,.2);overflow:hidden}.gritDesignerCanvasFrame.isMobile{width:min(390px,calc(100% - 180px));height:min(720px,calc(100% - 120px));border-radius:30px}.gritDesignerCanvasFrame.isDesktop{width:min(900px,calc(100% - 180px));height:min(580px,calc(100% - 120px));border-radius:20px}.gritDesignerCanvasFrame iframe{width:100%;height:100%;border:0;background:#fff}.gritDesignerCanvasControls{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;border:1px solid rgba(210,219,233,.9);border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(23,29,50,.12)}.gritDesignerCanvasControls button{width:38px;height:38px;border:0;border-radius:50%;background:#f2f5fa;color:#172039}.gritDesignerCanvasControls span{min-width:54px;text-align:center;font-size:10px;font-weight:900}.gritDesignerFloatingActions{position:absolute;z-index:6;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.gritDesignerFloatingActions button{width:66px;min-height:62px;border:1px solid #dbe2ee;border-radius:20px;background:rgba(255,255,255,.92);color:#172039;backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(23,29,50,.11);display:grid;place-items:center;align-content:center;gap:4px;font-size:8px;font-weight:900}.gritDesignerFloatingActions button i{font-size:19px}.gritDesignerFloatingActions button:first-child{background:linear-gradient(145deg,#6655df,#7c5df0);color:#fff;border-color:transparent}
@media(max-width:820px){.gritStudioPanel{grid-template-rows:auto auto minmax(0,1fr)}.gritStudioBody.isDesignerWorkspace{padding:0}.gritDesignerWorkspaceTop{min-height:58px;padding:8px 10px}.gritDesignerTitle small{display:none}.gritDesignerTitle strong{font-size:18px}.gritDesignerTitle>button{width:40px;height:40px}.gritDesignerGritSelect span{display:none}.gritDesignerGritSelect select{min-width:0;max-width:132px;width:32vw;height:40px}.gritDesignerDeviceToggle{display:none}.gritDesignerSaveTop{width:42px;padding:0}.gritDesignerSaveTop span,.gritDesignerSaveTop i{margin:0}.gritDesignerWorkspaceMain{display:block}.gritDesignerToolRail{position:absolute;z-index:20;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(213,222,236,.95);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 15px 45px rgba(23,29,50,.16)}.gritDesignerToolRail button{min-height:52px;border-radius:15px;font-size:7px}.gritDesignerToolRail button i{font-size:17px}.gritDesignerInspector{position:absolute;z-index:19;left:0;right:0;bottom:0;max-height:min(68dvh,620px);padding:14px 14px calc(90px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 55px rgba(23,29,50,.2);transform:translateY(105%)}.gritDesignerInspector.isOpen{transform:translateY(0)}.gritDesignerInspectorHead{position:sticky;top:-14px;z-index:2;margin:-14px -14px 8px;padding:16px 14px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e4e9f1}.gritDesignerInspectorHead button{display:grid;place-items:center}.gritDesignerCanvasArea{height:100%}.gritDesignerCanvasFrame.isMobile{width:min(330px,calc(100% - 36px));height:min(610px,calc(100% - 125px));border-width:7px;border-radius:26px}.gritDesignerCanvasFrame.isDesktop{width:calc(100% - 34px);height:min(390px,calc(100% - 150px));border-width:7px}.gritDesignerFloatingActions{right:10px;top:12px;transform:none;display:flex;gap:7px}.gritDesignerFloatingActions button{width:44px;min-height:44px;border-radius:15px}.gritDesignerFloatingActions button span{display:none}.gritDesignerFloatingActions button i{font-size:17px}.gritDesignerCanvasControls{bottom:88px}.gritDesignerSwatches{grid-template-columns:repeat(3,1fr)} }
@media(max-width:430px){.gritStudioHeader{padding-bottom:12px}.gritStudioHeader strong{font-size:24px}.gritStudioTabs{padding:9px 10px}.gritStudioTabs button{padding:9px 12px}.gritDesignerCanvasFrame.isMobile{width:min(300px,calc(100% - 28px));height:min(545px,calc(100% - 135px))}.gritDesignerCanvasFrame.isDesktop{height:300px}.gritDesignerCanvasControls{bottom:84px}.gritDesignerFloatingActions{right:8px;top:8px}.gritDesignerFloatingActions button{width:41px;min-height:41px}.gritDesignerSwatches{grid-template-columns:1fr 1fr}.gritDesignerSwatches label:last-child{grid-column:1/-1}}
@media(prefers-color-scheme:dark){.gritStudioBody.isDesignerWorkspace,.gritDesignerWorkspace{background:#0b1220;color:#f5f7fb}.gritDesignerWorkspaceTop,.gritDesignerToolRail,.gritDesignerInspector{background:rgba(16,24,40,.96);border-color:#28354b}.gritDesignerTitle>button,.gritDesignerGritSelect select,.gritDesignerDeviceToggle,.gritDesignerInspectorHead button,.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea,.gritDesignerSecondary,.gritDesignerReset{background:#111b2d;color:#f5f7fb;border-color:#33415a}.gritDesignerDeviceToggle button.isActive{background:#253149;color:#cfc8ff}.gritDesignerSaveTop,.gritDesignerPrimary{background:#f5f7fb;color:#11182b}.gritDesignerToolRail button{color:#aab5c7}.gritDesignerToolRail button.isActive{background:linear-gradient(145deg,#182e42,#2b2346,#3a1f39);color:#c8bdff}.gritDesignerSwatches label,.gritDesignerImportCard,.gritImportStatus{background:#111b2d;color:#f5f7fb;border-color:#33415a}.gritDesignerCanvasArea{background:linear-gradient(145deg,#0c1422,#111a2a)}.gritDesignerCanvasBackdrop{background-image:linear-gradient(rgba(157,173,198,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(157,173,198,.06) 1px,transparent 1px)}.gritDesignerCanvasControls,.gritDesignerFloatingActions button{background:rgba(18,28,46,.92);color:#f5f7fb;border-color:#33415a}.gritDesignerCanvasControls button{background:#26334a;color:#fff}.gritDesignerFloatingActions button:first-child{background:linear-gradient(145deg,#6655df,#b04fc5)} }
@media(max-width:820px) and (prefers-color-scheme:dark){.gritDesignerToolRail,.gritDesignerInspectorHead{background:rgba(16,24,40,.96);border-color:#28354b}}

/* v084 full studio designer workspace */
.gritStudioBody.isDesignerWorkspace{padding:0!important;overflow:hidden!important;background:#eef2f8}
.gritDesignerWorkspace{height:100%;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 84px;grid-template-rows:58px minmax(0,1fr) 154px;background:linear-gradient(145deg,#eef3fa,#f7f9fd);color:#11182b;overflow:hidden}
.gritDesignerAppbar{grid-column:1/-1;display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #dce4ef;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:20}
.gritDesignerBack,.gritDesignerSaveTop{height:42px;border-radius:14px;border:1px solid #dce4ef;background:#fff;color:#131a2d;font-weight:900;padding:0 14px}.gritDesignerBack{width:42px;padding:0}.gritDesignerAppbar>div small{display:block;font-size:7px;letter-spacing:.16em;color:#715ce5;font-weight:950}.gritDesignerAppbar>div strong{font-size:18px}.gritDesignerGritPicker{justify-self:end;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:900;text-transform:uppercase;color:#768096}.gritDesignerGritPicker select{height:40px;min-width:160px;border:1px solid #dce4ef;border-radius:13px;background:#f5f8fc;padding:0 34px 0 12px;color:#11182b;font-weight:850}.gritDesignerSaveTop{background:linear-gradient(135deg,#6656ee,#9f4ddb);border:0;color:#fff;box-shadow:0 10px 25px rgba(107,84,231,.25)}
.gritDesignerStage{grid-column:2;grid-row:2;position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(113,87,231,.15),transparent 30%),linear-gradient(145deg,#f8faff,#edf2fa)}
.gritDesignerStage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(97,112,139,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(97,112,139,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000 20%,transparent 82%)}
.gritDesignerCanvasWrap{--designer-zoom:1;position:relative;z-index:2;transform:scale(var(--designer-zoom));transform-origin:center;transition:.18s ease;border:7px solid #172039;background:#fff;overflow:hidden;box-shadow:0 28px 80px rgba(26,34,57,.22)}.gritDesignerCanvasWrap.isMobile{width:min(360px,calc(100% - 170px));height:min(610px,calc(100% - 90px));border-radius:31px}.gritDesignerCanvasWrap.isDesktop{width:min(880px,calc(100% - 170px));height:min(520px,calc(100% - 90px));border-radius:20px}.gritDesignerCanvas,.gritDesignerCanvas iframe{width:100%;height:100%;border:0}
.gritDesignerDeviceSwitch{position:absolute;z-index:7;top:14px;left:50%;transform:translateX(-50%);display:flex;padding:5px;gap:4px;border:1px solid #d9e1ed;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.1)}.gritDesignerDeviceSwitch button{height:38px;min-width:48px;border:0;border-radius:13px;background:transparent;color:#758096}.gritDesignerDeviceSwitch button.isActive{background:#6b57e7;color:#fff}.gritDesignerDeviceSwitch span{display:none}
.gritDesignerZoom{position:absolute;z-index:7;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #d9e1ed;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.1)}.gritDesignerZoom button{width:36px;height:36px;border:0;border-radius:50%;background:#eef2f8;color:#172039}.gritDesignerZoom span{min-width:54px;text-align:center;font-size:10px;font-weight:900}
.gritDesignerFabRail{grid-column:3;grid-row:2;position:static;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;border-left:1px solid #dce4ef;background:rgba(255,255,255,.86);z-index:12}.gritDesignerFabRail button{width:62px;min-height:58px;border:1px solid #dbe3ef;border-radius:19px;background:#fff;color:#182039;display:grid;place-items:center;align-content:center;gap:4px;font-size:7px;font-weight:900;box-shadow:0 9px 22px rgba(23,29,50,.08)}.gritDesignerFabRail button i{font-size:18px}.gritDesignerFabRail button:first-child{background:linear-gradient(145deg,#6655e7,#8a5cec);color:#fff;border:0}
.gritDesignerSheet{grid-column:1;grid-row:2/4;position:relative!important;display:block!important;z-index:13;background:#fff;border-right:1px solid #dce4ef;overflow:hidden}.gritDesignerSheetBackdrop{display:none!important}.gritDesignerSheetPanel{position:static!important;transform:none!important;width:100%!important;height:100%;max-height:none!important;border-radius:0!important;box-shadow:none!important;background:#fff;display:flex;flex-direction:column}.gritDesignerSheetPanel>header{padding:16px 14px 12px;border-bottom:1px solid #e3e9f2}.gritDesignerSheetPanel>header small{display:block;color:#715ce5;font-size:7px;font-weight:950;letter-spacing:.15em}.gritDesignerSheetPanel>header strong{font-size:18px}.gritDesignerSheetPanel>header button{display:none}.gritDesignerPanel{padding:14px;overflow:auto;align-content:start;flex:1}.gritDesignerSheetPanel>footer{display:grid;gap:8px;padding:12px;border-top:1px solid #e3e9f2}.gritDesignerSheetPanel>footer button{width:100%}
.gritDesignerTemplateTray{grid-column:2/4;grid-row:3;min-width:0;padding:12px 14px 14px;border-top:1px solid #dce4ef;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);z-index:10}.gritDesignerTemplateTray header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gritDesignerTemplateTray header small{display:block;color:#715ce5;font-size:7px;letter-spacing:.15em;font-weight:950}.gritDesignerTemplateTray header strong{font-size:13px}.gritDesignerTemplateTray header button{border:0;background:transparent;color:#6655df;font-size:9px;font-weight:900}.gritDesignerTemplateList{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.gritDesignerTemplateList button{flex:0 0 132px;height:88px;padding:8px;border:1px solid #dce4ef;border-radius:16px;background:#f8faff;color:#172039;text-align:left}.gritDesignerTemplateList button span{height:50px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle,rgba(122,88,244,.38),rgba(15,23,42,.96));color:#fff}.gritDesignerTemplateList button span i{font-size:25px;text-shadow:0 0 16px #8d6cff}.gritDesignerTemplateList button strong{display:block;margin-top:5px;font-size:8px}.gritDesignerTemplateList button.isActive{border-color:#6a57e8;box-shadow:0 0 0 2px rgba(106,87,232,.16)}
.gritDesignerMobileDock{display:none!important}
@media(max-width:820px){
 .gritStudioHeader{display:none}.gritStudioPanel{grid-template-rows:auto minmax(0,1fr)}.gritStudioTabs{padding-top:max(8px,env(safe-area-inset-top));z-index:30}.gritStudioBody.isDesignerWorkspace{height:100%}
 .gritDesignerWorkspace{height:100%;grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr) 112px;background:#eef2f8}
 .gritDesignerAppbar{grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;padding:6px 8px;gap:7px}.gritDesignerAppbar>div small{display:none}.gritDesignerAppbar>div strong{font-size:16px}.gritDesignerGritPicker span{display:none}.gritDesignerGritPicker select{min-width:0;width:30vw;max-width:126px;height:40px;padding-left:9px}.gritDesignerSaveTop{width:42px;padding:0}.gritDesignerSaveTop span{display:none}
 .gritDesignerStage{grid-column:1;grid-row:2;min-height:0}.gritDesignerCanvasWrap.isMobile{width:min(286px,calc(100% - 86px));height:min(500px,calc(100% - 92px));border-width:6px;border-radius:27px}.gritDesignerCanvasWrap.isDesktop{width:calc(100% - 36px);height:min(300px,calc(100% - 110px));border-width:6px}.gritDesignerDeviceSwitch{top:8px}.gritDesignerZoom{bottom:10px}.gritDesignerFabRail{position:absolute;right:7px;top:58px;bottom:auto;display:grid;grid-template-columns:1fr;gap:7px;padding:0;background:transparent;border:0}.gritDesignerFabRail button{width:46px;min-height:46px;border-radius:16px}.gritDesignerFabRail button span{display:none}.gritDesignerFabRail button:nth-child(n+5){display:none}
 .gritDesignerSheet{position:fixed!important;inset:0!important;z-index:1000005;display:none!important;background:rgba(10,15,28,.38);backdrop-filter:blur(10px);border:0}.gritDesignerSheet.isOpen{display:block!important}.gritDesignerSheetBackdrop{display:block!important;position:absolute;inset:0}.gritDesignerSheetPanel{position:absolute!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:74dvh!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(15,23,42,.3)!important;overflow:hidden}.gritDesignerSheetPanel>header button{display:grid;place-items:center}.gritDesignerPanel{max-height:52dvh}.gritDesignerSheetPanel>footer{grid-template-columns:1fr 1fr}
 .gritDesignerTemplateTray{grid-column:1;grid-row:3;padding:9px 10px 10px}.gritDesignerTemplateTray header{margin-bottom:6px}.gritDesignerTemplateTray header strong{display:none}.gritDesignerTemplateList{gap:8px}.gritDesignerTemplateList button{flex-basis:94px;height:72px;padding:6px;border-radius:13px}.gritDesignerTemplateList button span{height:42px}.gritDesignerTemplateList button strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:390px){.gritStudioTabs button{padding:8px 10px}.gritDesignerAppbar>div{display:none}.gritDesignerAppbar{grid-template-columns:auto minmax(0,1fr) auto}.gritDesignerGritPicker{justify-self:stretch}.gritDesignerGritPicker select{width:100%;max-width:none}.gritDesignerCanvasWrap.isMobile{width:min(254px,calc(100% - 78px));height:min(448px,calc(100% - 90px))}}
@media(prefers-color-scheme:dark){
 .gritStudioBody.isDesignerWorkspace,.gritDesignerWorkspace{background:#090f1c;color:#f6f8ff}.gritDesignerAppbar,.gritDesignerSheet,.gritDesignerSheetPanel,.gritDesignerFabRail,.gritDesignerTemplateTray{background:rgba(14,22,38,.96);border-color:#28354b}.gritDesignerStage{background:radial-gradient(circle at 50% 42%,rgba(111,82,236,.2),transparent 30%),linear-gradient(145deg,#09101d,#111a2a)}.gritDesignerStage:before{background-image:linear-gradient(rgba(166,180,205,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(166,180,205,.06) 1px,transparent 1px)}.gritDesignerBack,.gritDesignerGritPicker select,.gritDesignerFabRail button,.gritDesignerTemplateList button{background:#111b2d;color:#f4f7ff;border-color:#324159}.gritDesignerDeviceSwitch,.gritDesignerZoom{background:rgba(17,27,45,.9);border-color:#33415a}.gritDesignerZoom button{background:#26334a;color:#fff}.gritDesignerTemplateList button span{background:radial-gradient(circle,rgba(122,88,244,.48),#070b15)}
}

/* v086: focused Grit overlay design studio */
.gritStudioOverlay.isDesignerMode .gritStudioPanel{grid-template-rows:minmax(0,1fr)}
.gritStudioOverlay.isDesignerMode .gritStudioHeader,.gritStudioOverlay.isDesignerMode .gritStudioTabs{display:none!important}
.gritStudioOverlay.isDesignerMode .gritStudioBody{padding:0!important;overflow:hidden!important}
.gritDesignerWorkspace{height:100dvh!important;min-height:0;grid-template-columns:248px minmax(0,1fr) 82px;grid-template-rows:62px minmax(0,1fr) 128px;overflow:hidden}
.gritDesignerStage{isolation:isolate}
.gritDesignerStageLabel{position:absolute;z-index:8;left:18px;top:16px;display:grid;gap:2px;padding:9px 12px;border:1px solid #dce4ef;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.08)}
.gritDesignerStageLabel span{font-size:7px;letter-spacing:.16em;font-weight:950;color:#725de5}.gritDesignerStageLabel strong{font-size:11px;color:#192137}
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(720px,calc(100% - 150px));height:min(620px,calc(100% - 86px));border:1px solid rgba(112,126,153,.24);border-radius:24px;background-color:#f9fbff;background-image:linear-gradient(45deg,#edf1f7 25%,transparent 25%),linear-gradient(-45deg,#edf1f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f7 75%),linear-gradient(-45deg,transparent 75%,#edf1f7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:0 26px 72px rgba(25,34,57,.15);overflow:hidden}
.gritDesignerCanvas iframe{background:transparent}
.gritDesignerFabRail{position:relative;z-index:30}
.gritDesignerGritPicker{position:relative;z-index:40}.gritDesignerGritPicker select{position:relative;z-index:41}
.gritDesignerAppbar{z-index:50;overflow:visible}
.gritDesignerSheet{z-index:60}.gritDesignerTemplateTray{z-index:25}
@media(max-width:720px){
 .gritDesignerWorkspace{grid-template-columns:1fr;grid-template-rows:56px minmax(0,1fr) 100px;height:100dvh!important}
 .gritDesignerStageLabel{left:10px;top:10px;padding:7px 9px}.gritDesignerStageLabel strong{display:none}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:calc(100% - 70px);height:calc(100% - 74px);max-width:none;max-height:none;border-radius:19px;margin-right:42px}
 .gritDesignerFabRail{z-index:35;top:58px;right:7px}
 .gritDesignerTemplateTray{z-index:20}
 .gritDesignerAppbar{z-index:45}
 .gritDesignerGritPicker{min-width:0;overflow:visible}.gritDesignerGritPicker select{width:100%;max-width:144px}
 .gritDesignerSheet{z-index:1000010!important}
 .gritDesignerMobileDock{z-index:44!important}
}
@media(prefers-color-scheme:dark){
 .gritDesignerStageLabel{background:rgba(16,25,42,.9);border-color:#334159}.gritDesignerStageLabel strong{color:#f4f7ff}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{background-color:#0d1524;background-image:linear-gradient(45deg,#151f31 25%,transparent 25%),linear-gradient(-45deg,#151f31 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151f31 75%),linear-gradient(-45deg,transparent 75%,#151f31 75%);border-color:#334159}
}

/* v087: keep the actual overlay large and visible on the Designer artboard. */
.gritDesignerCanvasWrap{border:1px solid rgba(117,95,240,.24)!important;background:rgba(255,255,255,.5)!important;box-shadow:0 24px 70px rgba(28,36,60,.15)!important}
.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(640px,calc(100% - 120px))!important;height:min(650px,calc(100% - 88px))!important;border-radius:28px!important}
.gritDesignerCanvas iframe{display:block!important;background:transparent!important}
@media(max-width:820px){.gritDesignerStage{padding:66px 58px 96px 12px!important}.gritDesignerStageLabel{top:12px!important;left:14px!important}.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:min(610px,calc(100dvh - 310px))!important;min-height:430px!important;border-radius:24px!important}.gritDesignerZoom{bottom:12px!important}.gritDesignerFabRail{right:8px!important;top:50%!important;transform:translateY(-50%)!important}}
@media(max-width:430px){.gritDesignerStage{padding:58px 54px 90px 8px!important}.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:min(570px,calc(100dvh - 300px))!important;min-height:410px!important}.gritDesignerFabRail button{width:46px!important;min-height:46px!important}}
@media(prefers-color-scheme:dark){.gritDesignerCanvasWrap{background:rgba(13,22,38,.72)!important;border-color:rgba(142,120,255,.34)!important}}

/* v088: render the editable Grit as live HTML in an isolated Shadow DOM, not an iframe or device canvas. */
.gritDesignerCanvas{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:transparent}
.gritDesignerCanvas>iframe{display:none!important}
.gritDesignerCanvas.hasRenderError{padding:24px}
@media(max-width:820px){.gritDesignerCanvas{padding:12px 4px}}


/* v089: unrestricted mobile live-HTML overlay workspace. */
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.gritDesignerCanvas{overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;place-items:center!important}
@media(max-width:820px){
  .gritDesignerStage{padding:58px 68px 90px 10px!important;align-items:center!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:calc(100dvh - 282px)!important;min-height:470px!important;max-height:none!important}
  .gritDesignerFabRail{right:8px!important;z-index:12!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:58px 58px 88px 8px!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 278px)!important;min-height:450px!important}
}

/* v090: center the live overlay and restore the mobile floating action rail. */
@media(max-width:820px){
  .gritDesignerStage{
    padding:58px 12px 88px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    width:100%!important;
    height:calc(100dvh - 278px)!important;
    min-height:450px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .gritDesignerCanvas{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    overflow:visible!important;
    padding:0 58px 0 8px!important;
    box-sizing:border-box!important;
  }
  .gritDesignerFabRail{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    z-index:90!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:7px!important;
    border:1px solid rgba(219,227,239,.92)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 16px 42px rgba(25,34,57,.18)!important;
    pointer-events:auto!important;
  }
  .gritDesignerFabRail button{
    display:grid!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    pointer-events:auto!important;
  }
  .gritDesignerFabRail button:nth-child(n){display:grid!important}
  .gritDesignerFabRail button span{display:none!important}
  .gritDesignerZoom{z-index:95!important;bottom:12px!important}
  .gritDesignerStageLabel{z-index:95!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:58px 8px 86px!important}
  .gritDesignerCanvas{padding:0 56px 0 4px!important}
  .gritDesignerFabRail{right:6px!important;gap:7px!important;padding:6px!important}
  .gritDesignerFabRail button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerFabRail{background:rgba(14,22,38,.84)!important;border-color:#334159!important}
}


/* v091: mobile-first Grit layout studio and direct element editing. */
.gritDesignerCanvas [data-inline-editable]{cursor:pointer;outline:0;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}
.gritDesignerCanvas [data-inline-editable]:hover,.gritDesignerCanvas [data-inline-editable]:focus{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(105,86,232,.22)}
.gritElementEditorIntro{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--designer-line);border-radius:17px;background:var(--designer-bg)}
.gritElementEditorIntro>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff;font-size:19px}.gritElementEditorIntro small{display:block;color:var(--designer-muted);font-size:9px;letter-spacing:.12em;font-weight:900}.gritElementEditorIntro strong{font-size:17px}.gritElementImageTools{display:grid;gap:10px}.gritElementImageTools>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gritDesignerTemplateTray header small::after{content:' • LAYOUTS'}
@media(max-width:820px){
 .gritDesignerWorkspace{grid-template-rows:56px minmax(0,1fr) 112px!important}
 .gritDesignerStage{padding:54px 8px 72px!important;overflow:hidden!important}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 262px)!important;min-height:430px!important;width:100%!important}
 .gritDesignerCanvas{padding:0 54px 0 6px!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:none}
 .gritDesignerCanvas::-webkit-scrollbar{display:none}
 .gritDesignerFabRail{right:5px!important;top:48%!important;gap:6px!important;padding:5px!important;border-radius:19px!important}
 .gritDesignerFabRail button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
 .gritDesignerZoom{bottom:7px!important;transform:translateX(-50%) scale(.92)!important}
 .gritDesignerTemplateTray{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
 .gritDesignerTemplateList{gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:2px!important}
 .gritDesignerTemplateList button{flex:0 0 104px!important;height:82px!important;scroll-snap-align:start;border-radius:15px!important;padding:6px!important}
 .gritDesignerTemplateList button span{height:48px!important;border-radius:12px!important}.gritDesignerTemplateList button strong{font-size:9px!important}
 .gritDesignerSheetPanel{max-height:84dvh!important}.gritDesignerPanel{max-height:62dvh!important}
}
@media(max-width:430px){
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 258px)!important;min-height:410px!important}
 .gritDesignerCanvas{padding-right:50px!important;padding-left:4px!important}
 .gritDesignerFabRail{right:3px!important}.gritDesignerFabRail button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
 .gritDesignerTemplateList button{flex-basis:96px!important}
}

/* v092: true centered mobile artboard and exact designer/preview parity */
.gritDesignerStage{
  display:grid!important;
  place-items:center!important;
}
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile,
.gritDesignerCanvasWrap.isDesktop{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  margin:0 auto!important;
  transform:scale(var(--designer-zoom))!important;
  transform-origin:center center!important;
}
.gritDesignerCanvas{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.gritDesignerFabRail{z-index:110!important}
@media(max-width:820px){
  .gritDesignerStage{
    padding:58px 12px 88px!important;
    overflow:hidden!important;
  }
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    width:100%!important;
    max-width:100%!important;
    height:calc(100dvh - 278px)!important;
    min-height:440px!important;
    margin:0!important;
  }
  .gritDesignerFabRail{
    position:absolute!important;
    right:10px!important;
    top:auto!important;
    bottom:92px!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    max-width:calc(100% - 20px)!important;
    overflow-x:auto!important;
    padding:6px!important;
    border:1px solid rgba(112,126,153,.2)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:blur(20px)!important;
    box-shadow:0 12px 36px rgba(24,31,55,.16)!important;
  }
  .gritDesignerFabRail button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .gritDesignerZoom{bottom:22px!important;z-index:105!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:54px 8px 84px!important}
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    height:calc(100dvh - 270px)!important;
    min-height:420px!important;
  }
}
@media(prefers-color-scheme:dark){
  @media(max-width:820px){.gritDesignerFabRail{background:rgba(14,22,38,.84)!important;border-color:#334159!important}}
}


/* v093: centered, contained Grit Studio workspace and exact preview sizing. */
.gritDesignerStage{min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;transform-origin:center center!important}
.gritDesignerCanvas{min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:38px!important;box-sizing:border-box!important}
.gritPreviewStage{min-width:0;min-height:0;overflow:hidden;padding:46px 18px 18px;box-sizing:border-box}
.gritPreviewDevice{max-width:100%!important;max-height:100%!important;box-sizing:border-box!important;margin:0!important}
.gritPreviewDevice.isMobile{width:min(390px,100%)!important;height:min(760px,100%)!important}
.gritPreviewDevice.isDesktop{width:min(960px,100%)!important;height:min(620px,100%)!important}
.gritScreenPreview main{overflow:hidden!important;min-height:0!important}
@media(max-width:820px){
  .gritDesignerWorkspace{grid-template-columns:1fr!important;grid-template-rows:56px 58px minmax(0,1fr) 112px!important;height:100dvh!important;overflow:hidden!important}
  .gritDesignerAppbar{grid-column:1!important;grid-row:1!important}
  .gritDesignerFabRail{grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;transform:none!important;justify-self:center!important;align-self:center!important;width:min(560px,calc(100% - 16px))!important;max-width:calc(100% - 16px)!important;height:50px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;overflow-x:auto!important;padding:4px!important;border-radius:18px!important;z-index:45!important}
  .gritDesignerFabRail button{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
  .gritDesignerStage{grid-column:1!important;grid-row:3!important;padding:34px 10px 58px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .gritDesignerCanvas{width:100%!important;height:100%!important;padding:34px 18px 18px!important;display:grid!important;place-items:center!important;overflow:auto!important}
  .gritDesignerTemplateTray{grid-column:1!important;grid-row:4!important;min-height:0!important;overflow:hidden!important}
  .gritDesignerStageLabel{left:12px!important;top:8px!important;z-index:20!important}
  .gritDesignerZoom{left:50%!important;right:auto!important;bottom:7px!important;transform:translateX(-50%) scale(.88)!important;z-index:25!important}
  .gritDesignerMobileDock{display:none!important}
  .gritScreenPreview main{padding:8px!important}
  .gritPreviewStage{padding:48px 8px 8px!important}
  .gritPreviewDevice.isMobile{width:min(390px,100%)!important;height:100%!important}
  .gritPreviewDevice.isDesktop{width:100%!important;height:min(620px,100%)!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:56px 56px minmax(0,1fr) 106px!important}
  .gritDesignerStage{padding:32px 6px 54px!important}
  .gritDesignerCanvas{padding:32px 10px 14px!important}
  .gritDesignerFabRail{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;justify-content:flex-start!important}
  .gritDesignerFabRail button{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .gritPreviewStage{padding:46px 4px 4px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){.gritDesignerFabRail{background:rgba(14,22,38,.88)!important;border-color:#334159!important}}

/* v094: mobile Grit Studio artboard fit, clean controls, and no canvas bleed. */
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile{
  width:390px!important;
  height:760px!important;
  min-width:390px!important;
  min-height:760px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  transform:scale(var(--designer-effective-zoom,1))!important;
  transform-origin:center center!important;
  margin:0!important;
}
.gritDesignerCanvasWrap.isDesktop{
  width:960px!important;
  height:620px!important;
  min-width:960px!important;
  min-height:620px!important;
}
.gritDesignerCanvas{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@media(max-width:820px){
  .gritDesignerWorkspace{
    height:100dvh!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:62px 58px minmax(0,1fr) 112px!important;
    overflow:hidden!important;
  }
  .gritDesignerAppbar{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 12px!important;
    min-width:0!important;
  }
  .gritDesignerAppbar>div{display:none!important}
  .gritDesignerBack,.gritDesignerSaveTop{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border-radius:14px!important;
  }
  .gritDesignerGritPicker{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .gritDesignerGritPicker span{display:none!important}
  .gritDesignerGritPicker select{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    border-radius:14px!important;
    border:1px solid #dce4ef!important;
    background:#f5f8fc!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:44px!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
  }
  .gritDesignerFabRail{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    margin:0!important;
    padding:6px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    overflow-x:auto!important;
    border:0!important;
    border-bottom:1px solid #dce4ef!important;
    border-radius:0!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px)!important;
  }
  .gritDesignerFabRail button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    border:1px solid #dbe3ef!important;
    box-shadow:0 5px 14px rgba(23,29,50,.07)!important;
  }
  .gritDesignerFabRail button:first-child{
    background:linear-gradient(145deg,#6655e7,#8a5cec)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  .gritDesignerFabRail button span{display:none!important}
  .gritDesignerFabRail button i{font-size:18px!important}
  .gritDesignerStage{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
    min-height:0!important;
    padding:30px 10px 54px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .gritDesignerStageLabel{top:8px!important;left:12px!important;right:auto!important;max-width:calc(100% - 24px)!important}
  .gritDesignerZoom{bottom:7px!important;z-index:30!important}
  .gritDesignerTemplateTray{grid-column:1!important;grid-row:4!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:62px 56px minmax(0,1fr) 106px!important}
  .gritDesignerAppbar{padding-inline:10px!important;gap:8px!important}
  .gritDesignerFabRail{height:56px!important;padding:6px 8px!important;justify-content:flex-start!important}
  .gritDesignerFabRail button{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .gritDesignerStage{padding:28px 8px 52px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerGritPicker select{background:#111b2d!important;color:#f5f7fb!important;border-color:#33415a!important}
  .gritDesignerFabRail{background:rgba(14,22,38,.86)!important;border-bottom-color:#28354b!important}
  .gritDesignerFabRail button{background:#111b2d!important;color:#f5f7fb!important;border-color:#33415a!important}
  .gritDesignerFabRail button:first-child{background:linear-gradient(145deg,#6655e7,#8a5cec)!important}
}

/* v095: mobile floating tools, width-fit artboard, and direct pan/zoom navigation. */
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile,
.gritDesignerCanvasWrap.isDesktop{
  transform:translate3d(var(--designer-pan-x,0),var(--designer-pan-y,0),0) scale(var(--designer-effective-zoom,1))!important;
  will-change:transform;
  transition:transform .18s cubic-bezier(.2,.8,.2,1);
}
.gritDesignerStage.isPanning .gritDesignerCanvasWrap{transition:none!important}
.gritDesignerWorkspace.isPanMode .gritDesignerStage{cursor:grab}
.gritDesignerWorkspace.isPanMode .gritDesignerStage.isPanning{cursor:grabbing}
.gritDesignerZoom button[data-pan-canvas].isActive{background:linear-gradient(145deg,#6655e7,#8a5cec)!important;color:#fff!important}
@media(max-width:820px){
  .gritDesignerWorkspace{
    grid-template-rows:62px minmax(0,1fr) 106px!important;
  }
  .gritDesignerStage{
    grid-row:2!important;
    position:relative!important;
    padding:34px 8px 126px!important;
    touch-action:none;
  }
  .gritDesignerFabRail{
    grid-column:auto!important;
    grid-row:auto!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:66px!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    height:58px!important;
    padding:6px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid rgba(213,222,236,.96)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 16px 42px rgba(23,29,50,.2)!important;
    backdrop-filter:blur(20px)!important;
    z-index:42!important;
    scrollbar-width:none;
  }
  .gritDesignerFabRail::-webkit-scrollbar{display:none}
  .gritDesignerFabRail button,
  .gritDesignerFabRail button:nth-child(n){
    display:grid!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .gritDesignerZoom{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    z-index:43!important;
  }
  .gritDesignerZoom button{flex:0 0 36px}
  .gritDesignerTemplateTray{grid-row:3!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile{transform-origin:center center!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:62px minmax(0,1fr) 106px!important}
  .gritDesignerStage{padding:32px 6px 122px!important}
  .gritDesignerFabRail{max-width:calc(100% - 14px)!important;bottom:64px!important}
  .gritDesignerFabRail button,.gritDesignerFabRail button:nth-child(n){flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerFabRail{background:rgba(14,22,38,.9)!important;border-color:#33415a!important}
}


/* v096: exact viewport centering and two-axis artboard fitting on mobile. */
.gritDesignerStage{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.gritDesignerStage>.gritDesignerCanvasWrap,
.gritDesignerStage>.gritDesignerCanvasWrap.isMobile,
.gritDesignerStage>.gritDesignerCanvasWrap.isDesktop{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%) translate3d(var(--designer-pan-x,0),var(--designer-pan-y,0),0) scale(var(--designer-effective-zoom,1))!important;
  transform-origin:center center!important;
}
.gritDesignerStage.isPanning>.gritDesignerCanvasWrap{transition:none!important}
@media(max-width:820px){
  .gritDesignerStage{
    padding:44px 10px 128px!important;
  }
  .gritDesignerStage>.gritDesignerCanvasWrap,
  .gritDesignerStage>.gritDesignerCanvasWrap.isMobile,
  .gritDesignerStage>.gritDesignerCanvasWrap.isDesktop{
    max-width:none!important;
    max-height:none!important;
  }
  .gritDesignerFabRail{
    left:50%!important;
    right:auto!important;
    bottom:66px!important;
    transform:translateX(-50%)!important;
  }
  .gritDesignerZoom{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:430px){
  .gritDesignerStage{padding:42px 8px 124px!important}
}


/* v098: size the mobile editing artboard around the actual overlay instead of a tall 760px blank canvas.
   The previous 438x760 fit was height-limited, which shrank the overlay width and made it look clipped. */
.gritDesignerCanvasWrap.isMobile{
  width:438px!important;
  min-width:438px!important;
  height:620px!important;
  min-height:620px!important;
}
@media(max-width:820px){
  .gritDesignerCanvasWrap.isMobile{
    width:438px!important;
    min-width:438px!important;
    height:620px!important;
    min-height:620px!important;
    max-width:none!important;
    max-height:none!important;
  }
}


/* v099: preserve a real horizontal safety gutter around the editing outline.
   The outline extends 10px beyond the overlay, so the iframe/artboard must be wider than the 430px overlay itself. */
.gritDesignerCanvasWrap.isMobile{
  width:470px!important;
  min-width:470px!important;
  height:620px!important;
  min-height:620px!important;
}
@media(max-width:820px){
  .gritDesignerCanvasWrap.isMobile{
    width:470px!important;
    min-width:470px!important;
    height:620px!important;
    min-height:620px!important;
  }
}


/* Members Studio admin */
body.membersStudioOpen{overflow:hidden}.coretab__adminStudios{display:grid;gap:12px}.coretab__membersAdmin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(80,150,238,.28);border-radius:24px;background:linear-gradient(135deg,rgba(235,249,255,.96),rgba(249,239,255,.96));box-shadow:0 14px 36px rgba(45,74,130,.08)}.coretab__membersAdmin small{color:#377db6;font-size:9px;font-weight:950;letter-spacing:.14em}.coretab__membersAdmin h2{margin:3px 0;font-size:22px}.coretab__membersAdmin p{margin:0;color:#718096;font-size:11px}.coretab__membersAdmin>button{border:0;border-radius:15px;min-height:44px;padding:0 15px;color:#fff;font-weight:900;background:linear-gradient(135deg,#35a9e8,#7465ef,#d34bcf)}
.membersStudioOverlay{position:fixed;inset:0;z-index:1000001;background:rgba(7,13,25,.52);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:.18s ease}.membersStudioOverlay.isOpen{opacity:1;pointer-events:auto}.membersStudioPanel{position:absolute;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#f4f7fc;color:#11182b;transform:translateY(14px);transition:.18s ease}.membersStudioOverlay.isOpen .membersStudioPanel{transform:none}.membersStudioHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 20px 16px;background:rgba(255,255,255,.9);border-bottom:1px solid #e1e7f0;backdrop-filter:blur(20px)}.membersStudioHeader small{display:block;color:#6f5fe0;font-size:9px;font-weight:950;letter-spacing:.15em}.membersStudioHeader strong{display:block;font-size:28px;letter-spacing:-.04em}.membersStudioHeader span{display:block;color:#778298;font-size:11px}.membersStudioHeader button{width:44px;height:44px;border:1px solid #dfe5ef;border-radius:15px;background:#fff}.membersStudioSearch{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:0 14px;min-height:48px;border:1px solid #dfe5ef;border-radius:16px;background:#fff}.membersStudioSearch i{color:#78849a}.membersStudioSearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#11182b;font:inherit}.membersStudioBody{overflow:auto;padding:14px 16px calc(28px + env(safe-area-inset-bottom))}.membersStudioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:11px}.membersStudioCard{border:1px solid #dfe5ef;border-radius:22px;background:#fff;overflow:hidden}.membersStudioCard>button{width:100%;border:0;background:transparent;color:inherit;padding:13px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}.membersStudioAvatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#3daee9,#7466ef,#d34aca)}.membersStudioCopy{min-width:0}.membersStudioCopy small,.membersStudioCopy strong,.membersStudioCopy em,.membersStudioCopy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membersStudioCopy small{font-size:8px;color:#6f60d9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.membersStudioCopy strong{font-size:17px;margin:2px 0}.membersStudioCopy em{font-size:10px;color:#68748a;font-style:normal}.membersStudioCopy p{font-size:9px;color:#9aa3b2;margin:4px 0 0}.membersStudioLoading,.membersStudioError,.membersStudioEmpty{min-height:240px;border:1px solid #dfe5ef;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px;color:#748096}.membersStudioLoading span{width:30px;height:30px;border:3px solid #dfe5ef;border-top-color:#715fe6;border-radius:50%;animation:gritSpin .8s linear infinite}.membersStudioError i{font-size:32px;color:#d0486d}.membersStudioModal{position:fixed;inset:0;z-index:1000002;display:grid;place-items:center;padding:16px;background:rgba(5,10,20,.62);backdrop-filter:blur(14px);opacity:0;transition:.15s}.membersStudioModal.isOpen{opacity:1}.membersStudioModal>form{width:min(700px,100%);max-height:94dvh;overflow:auto;border-radius:26px;background:#fff;color:#11182b;box-shadow:0 32px 100px rgba(0,0,0,.28)}.membersStudioModal header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf2;backdrop-filter:blur(18px)}.membersStudioModal header small{display:block;color:#735fe1;font-size:8px;font-weight:950;letter-spacing:.13em}.membersStudioModal header strong{font-size:23px}.membersStudioModal header button{width:42px;height:42px;border:1px solid #e0e5ed;border-radius:14px;background:#fff}.membersStudioForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.membersStudioForm label,.membersStudioDeleteBody label{display:grid;gap:7px;font-size:10px;font-weight:900;color:#4d5970}.membersStudioForm label.wide,.membersStudioForm fieldset.wide{grid-column:1/-1}.membersStudioForm input,.membersStudioDeleteBody input,.membersStudioDeleteBody textarea{width:100%;border:1px solid #dce3ed;border-radius:14px;background:#f9fbfe;color:#11182b;padding:12px;font:inherit;outline:0}.membersStudioForm fieldset{border:1px solid #dfe5ef;border-radius:18px;padding:13px}.membersStudioForm legend{font-weight:950}.membersStudioForm fieldset>p{margin:0 0 10px;color:#7b8699;font-size:10px}.membersStudioPrivilege{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;padding:10px;border-radius:13px;background:#f6f8fc;margin-top:8px}.membersStudioPrivilege input{width:20px;height:20px}.membersStudioPrivilege span{display:block}.membersStudioPrivilege strong,.membersStudioPrivilege small{display:block}.membersStudioPrivilege small{font-weight:500;color:#7b8699;margin-top:2px}.membersStudioModal footer{position:sticky;bottom:0;display:flex;align-items:center;gap:9px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e5eaf2;backdrop-filter:blur(18px)}.membersStudioModal footer span{flex:1}.membersStudioModal footer button{border:0;border-radius:14px;min-height:44px;padding:0 15px;font-weight:900;background:#edf1f7;color:#39455c}.membersStudioModal footer button[type=submit]{background:linear-gradient(135deg,#426ee8,#8b58e7,#d447b8);color:#fff}.membersStudioModal footer .membersStudioDelete{background:#fae9ee;color:#a62f56}.membersStudioDeleteBody{padding:22px;text-align:center}.membersStudioDeleteBody>i{font-size:44px;color:#d33d68}.membersStudioDeleteBody h3{font-size:25px;margin:10px 0 5px}.membersStudioDeleteBody p{color:#6f7b90;font-size:11px;line-height:1.6;margin:0 0 18px}.membersStudioDeleteBody label{text-align:left;margin-top:12px}.membersStudioDeleteBody textarea{min-height:100px;resize:vertical}
@media(max-width:640px){.coretab__membersAdmin{align-items:flex-start;flex-direction:column}.coretab__membersAdmin>button{width:100%}.membersStudioHeader strong{font-size:24px}.membersStudioHeader span{max-width:260px}.membersStudioGrid{grid-template-columns:1fr}.membersStudioForm{grid-template-columns:1fr}.membersStudioForm label.wide,.membersStudioForm fieldset.wide{grid-column:auto}.membersStudioModal{padding:0}.membersStudioModal>form{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.membersStudioModal footer{flex-wrap:wrap}.membersStudioModal footer span{display:none}.membersStudioModal footer button{flex:1}.membersStudioModal footer .membersStudioDelete{flex-basis:100%}}

/* Members Studio v111 layout and avatar repair */
.membersStudioPanel{width:100dvw;height:100dvh;overflow:hidden}
.membersStudioHeader{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.membersStudioHeader>div{min-width:0;padding-right:8px}.membersStudioHeader strong,.membersStudioHeader span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.membersStudioHeader span{line-height:1.35}
.membersStudioSearch{margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right));overflow:hidden}
.membersStudioBody{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.membersStudioCard>button{min-height:84px;grid-template-columns:58px minmax(0,1fr) 24px;padding:13px 14px}
.membersStudioAvatar{position:relative!important;inset:auto!important;width:58px!important;height:58px!important;min-width:58px;overflow:hidden;border-radius:18px;isolation:isolate}
.membersStudioAvatarFallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.membersStudioAvatarMedia{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;z-index:1}
.membersStudioAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}
.membersStudioCopy strong{font-size:18px;line-height:1.12}.membersStudioCopy em{font-size:11px}.membersStudioCopy p{font-size:10px}
@media(max-width:640px){.membersStudioHeader{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px}.membersStudioHeader strong{font-size:25px}.membersStudioHeader span{font-size:12px}.membersStudioHeader button{flex:0 0 46px;width:46px;height:46px}.membersStudioSearch{min-height:54px;border-radius:20px;margin-top:12px}.membersStudioBody{padding-top:12px}.membersStudioGrid{gap:10px}.membersStudioCard{border-radius:22px}.membersStudioCard>button{min-height:88px}.membersStudioCopy small{font-size:9px}.membersStudioCopy strong{font-size:19px}}


/* Grit Studio v135 - preserve original layout, mobile chrome visibility, and rotation recovery */
html.gritStudioOpen,body.gritStudioOpen{overflow:hidden!important;overscroll-behavior:none}
.gritStudioOverlay{position:fixed!important;inset:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritStudioPanel{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritStudioBody{min-width:0!important;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.gritStudioHeader [data-grit-studio-close]{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation;z-index:40}
.gritStudioTabs button,.gritStudioBody button,.gritStudioBody input,.gritStudioBody select,.gritStudioBody textarea{pointer-events:auto!important;touch-action:manipulation}

@media(max-width:820px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioPanel{grid-template-rows:auto auto minmax(0,1fr)!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{display:flex!important;position:relative;z-index:32;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:12px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader>div{min-width:0;overflow:hidden}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader strong,.gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{display:flex!important;position:relative;z-index:31;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));scrollbar-width:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs::-webkit-scrollbar{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs button{flex:0 0 auto}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioBody{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .gritStudioOverlay.isDesignerMode .gritStudioPanel{grid-template-rows:minmax(0,1fr)!important}
  .gritStudioOverlay.isDesignerMode .gritStudioHeader,.gritStudioOverlay.isDesignerMode .gritStudioTabs{display:none!important}
  .gritStudioOverlay.isDesignerMode .gritStudioBody{height:100%!important;padding:0!important;overflow:hidden!important}
}

@media(max-width:430px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{gap:10px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader [data-grit-studio-close]{flex:0 0 48px;width:48px;height:48px}
}

@media(orientation:landscape) and (max-height:560px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{padding-top:6px;padding-bottom:6px}
}


/* Grit Studio v136 - iOS portrait restoration after device rotation */
.gritStudioOverlay,.gritStudioPanel{transform:translateZ(0);-webkit-transform:translateZ(0)}
.gritStudioOverlay.isOpen{pointer-events:auto!important}
.gritStudioOverlay:not(.isOpen){pointer-events:none!important}
.gritStudioHeader,.gritStudioTabs,.gritStudioBody{contain:layout style}
@media(orientation:portrait){
  .gritStudioOverlay{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}
  .gritStudioPanel{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;transform:none!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader,
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{pointer-events:auto!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioBody{pointer-events:auto!important}
}
.gritDesignerSheet:not(.isOpen){pointer-events:none!important}
.gritStudioModal:not(.isOpen){pointer-events:none!important}

/* v193: customer-facing Help Center */
body.coreHelpOpen{overflow:hidden}
.coreHelpOverlay{position:fixed;inset:0;z-index:2147482500;background:rgba(12,18,32,.44);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .24s ease}
.coreHelpOverlay.isOpen{opacity:1}
.coreHelpPanel{width:100dvw;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#f7f9fd;color:#131b31;transform:translateY(14px);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.coreHelpOverlay.isOpen .coreHelpPanel{transform:none}
.coreHelpTopbar{min-height:74px;padding:max(12px,env(safe-area-inset-top)) 15px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;border-bottom:1px solid rgba(41,58,93,.1);background:rgba(255,255,255,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.coreHelpTopbar>div{display:grid;gap:1px}.coreHelpTopbar small{font-size:8px;font-weight:950;letter-spacing:.16em;color:#1aaee8}.coreHelpTopbar strong{font-size:19px;letter-spacing:-.035em}.coreHelpBack{width:42px;height:42px;border:1px solid #e1e6ef;border-radius:15px;background:#fff;color:#172036;display:grid;place-items:center;font-size:18px}.coreHelpStatus{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#eefaf5;color:#14795f;font-size:9px;font-weight:900}.coreHelpStatus i{width:7px;height:7px;border-radius:50%;background:#20b781;box-shadow:0 0 0 4px rgba(32,183,129,.12)}
.coreHelpScroll{overflow:auto;overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom));scroll-behavior:smooth}
.coreHelpHero{position:relative;overflow:hidden;padding:34px 18px 24px;text-align:center;background:linear-gradient(145deg,#eef8ff 0%,#fff 50%,#fff1fa 100%);border-bottom:1px solid #e6ebf3}.coreHelpHeroGlow{position:absolute;width:260px;height:260px;border-radius:50%;left:50%;top:-160px;transform:translateX(-50%);background:radial-gradient(circle,rgba(25,176,239,.26),rgba(235,77,189,.08) 55%,transparent 70%);filter:blur(8px);pointer-events:none}.coreHelpHeroIcon{position:relative;width:68px;height:68px;margin:0 auto 14px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#22b6f2,#8558ea 58%,#ed4fc2);color:#fff;font-size:29px;box-shadow:0 18px 38px rgba(90,87,216,.24)}.coreHelpHero>small{position:relative;font-size:9px;font-weight:950;letter-spacing:.18em;color:#5a67d8}.coreHelpHero h1{position:relative;margin:6px auto 8px;max-width:520px;font-size:31px;line-height:1.02;letter-spacing:-.055em}.coreHelpHero>p{position:relative;margin:0 auto;max-width:560px;color:#657188;font-size:13px;line-height:1.55}
.coreHelpSearch{position:relative;margin:22px auto 0;max-width:620px;height:58px;padding:0 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce4ef;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(32,49,82,.1);text-align:left}.coreHelpSearch>i{font-size:20px;color:#16ace9}.coreHelpSearch input{min-width:0;border:0;outline:0;background:transparent;color:#172036;font:inherit;font-size:14px;font-weight:750}.coreHelpSearch input::placeholder{color:#8994a7}.coreHelpSearch button{width:34px;height:34px;border:0;border-radius:11px;background:#f1f4f8;color:#667188;display:grid;place-items:center;opacity:0;pointer-events:none;transform:scale(.86);transition:.18s ease}.coreHelpSearch button.isVisible{opacity:1;pointer-events:auto;transform:none}
.coreHelpQuick{max-width:620px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coreHelpQuick button{min-width:0;min-height:56px;padding:9px 6px;border:1px solid rgba(209,220,235,.9);border-radius:17px;background:rgba(255,255,255,.72);color:#25304a;display:grid;place-items:center;align-content:center;gap:4px}.coreHelpQuick i{font-size:17px;color:#7560e8}.coreHelpQuick span{font-size:8px;font-weight:900;line-height:1.15}
.coreHelpSection{padding:26px 16px 4px;scroll-margin-top:18px}.coreHelpSection>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.coreHelpSection>header small,.coreHelpContact small{font-size:8px;font-weight:950;letter-spacing:.17em;color:#1aaee8}.coreHelpSection>header h2,.coreHelpContact h2{margin:3px 0 0;font-size:22px;line-height:1.08;letter-spacing:-.045em}.coreHelpSection>header>span{padding:6px 9px;border-radius:999px;background:#f0efff;color:#6555cf;font-size:8px;font-weight:900;white-space:nowrap}
.coreHelpGuideGrid{display:grid;gap:10px}.coreHelpGuide{width:100%;min-height:92px;padding:13px;border:1px solid #e0e6ef;border-radius:22px;background:#fff;color:#172036;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;box-shadow:0 10px 28px rgba(29,43,74,.045)}.coreHelpGuide>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:#eaf8ff;color:#12a9e7;font-size:21px}.coreHelpGuide:nth-child(3n+2)>span{background:#fff0f8;color:#d950a4}.coreHelpGuide:nth-child(3n)>span{background:#f0edff;color:#745ee5}.coreHelpGuide>div{display:grid;gap:4px;min-width:0}.coreHelpGuide strong{font-size:14px}.coreHelpGuide small{color:#6f7b91;font-size:10.5px;line-height:1.4}.coreHelpGuide>i{color:#94a0b3}.coreHelpGuide:active{transform:scale(.993)}
.coreHelpEmpty{padding:28px 18px;border:1px dashed #ccd6e4;border-radius:22px;background:#fff;text-align:center;display:grid;place-items:center;gap:5px}.coreHelpEmpty i{font-size:28px;color:#845fe7}.coreHelpEmpty strong{font-size:15px}.coreHelpEmpty span{font-size:10px;color:#758198}
.coreHelpFaq{overflow:hidden;border:1px solid #e0e6ef;border-radius:22px;background:#fff}.coreHelpFaq article{border-bottom:1px solid #edf0f5}.coreHelpFaq article:last-child{border-bottom:0}.coreHelpFaq article>button{width:100%;min-height:64px;padding:13px 15px;border:0;background:#fff;color:#172036;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;font-weight:850}.coreHelpFaq article>button i{width:30px;height:30px;border-radius:11px;background:#f2f4fa;display:grid;place-items:center;color:#6958db}.coreHelpFaq article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.coreHelpFaq article>div>p{overflow:hidden;margin:0;padding:0 15px;color:#68758a;font-size:11px;line-height:1.55}.coreHelpFaq article.isOpen>div{grid-template-rows:1fr}.coreHelpFaq article.isOpen>div>p{padding-bottom:16px}
.coreHelpContact{margin:28px 16px 0;padding:24px 18px;border:1px solid #dce4ef;border-radius:27px;background:linear-gradient(145deg,#17213a,#26375e 68%,#502a67);color:#fff;text-align:center;scroll-margin-top:18px;box-shadow:0 20px 46px rgba(23,33,58,.18)}.coreHelpContactMark{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;background:linear-gradient(145deg,#22b6f2,#ec4fc1);display:grid;place-items:center;font-size:27px;box-shadow:0 14px 32px rgba(18,174,231,.22)}.coreHelpContact small{color:#79dcff}.coreHelpContact h2{font-size:25px}.coreHelpContact p{margin:9px auto 18px;max-width:520px;color:#cbd4e5;font-size:11px;line-height:1.55}.coreHelpContact>button{width:100%;min-height:52px;border:0;border-radius:17px;background:#fff;color:#172036;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px}.coreHelpContact>button:first-of-type{background:linear-gradient(100deg,#22b5ef,#7a5be7 55%,#ec50c3);color:#fff;box-shadow:0 14px 32px rgba(94,81,215,.27)}.coreHelpContact .coreHelpSecondary{margin-top:9px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.17)}
.coreHelpFooter{margin:18px 20px 0;display:flex;align-items:flex-start;gap:9px;color:#778397;font-size:9px;line-height:1.45}.coreHelpFooter i{color:#1aaee8;font-size:15px}
@media(min-width:760px){.coreHelpPanel{width:min(940px,calc(100dvw - 42px));height:min(900px,calc(100dvh - 42px));margin:21px auto;border-radius:30px;box-shadow:0 28px 90px rgba(12,20,38,.28)}.coreHelpGuideGrid{grid-template-columns:1fr 1fr}.coreHelpSection,.coreHelpContact{margin-left:auto;margin-right:auto;max-width:820px}.coreHelpHero{padding-top:42px}.coreHelpTopbar{border-radius:30px 30px 0 0}}
@media(prefers-reduced-motion:reduce){.coreHelpOverlay,.coreHelpPanel,.coreHelpSearch button,.coreHelpFaq article>div{transition:none}.coreHelpScroll{scroll-behavior:auto}}
@media(prefers-color-scheme:dark){.coreHelpPanel{background:#0d1422;color:#f5f7fc}.coreHelpTopbar,.coreHelpGuide,.coreHelpFaq,.coreHelpFaq article>button,.coreHelpEmpty{background:#172033;border-color:#2a354a;color:#f5f7fc}.coreHelpHero{background:linear-gradient(145deg,#102033,#131927 52%,#25152a);border-color:#2a354a}.coreHelpHero>p,.coreHelpGuide small,.coreHelpFaq article>div>p,.coreHelpEmpty span,.coreHelpFooter{color:#a7b2c5}.coreHelpSearch{background:#172033;border-color:#33405a}.coreHelpSearch input{color:#fff}.coreHelpSearch button,.coreHelpFaq article>button i{background:#263149;color:#c9d1df}.coreHelpQuick button{background:rgba(23,32,51,.78);border-color:#33405a;color:#f4f7fc}.coreHelpStatus{background:#17352f;color:#72d7b8}}


/* v194: complete Help Center guides, nested topics, and guest contact flow */
[data-help-view][hidden],[data-help-home][hidden]{display:none!important}
.coreHelpDetail,.coreHelpContactPage{padding-bottom:28px}
.coreHelpDetailHero,.coreHelpContactHero{position:relative;overflow:hidden;padding:34px 18px 26px;text-align:center;background:linear-gradient(145deg,#eef8ff 0%,#fff 50%,#fff1fa 100%);border-bottom:1px solid #e6ebf3}
.coreHelpDetailHero>span,.coreHelpContactHero>span{width:68px;height:68px;margin:0 auto 14px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#22b6f2,#765ee8 58%,#ed4fc2);color:#fff;font-size:28px;box-shadow:0 18px 38px rgba(90,87,216,.22)}
.coreHelpDetailHero>small,.coreHelpContactHero>small{font-size:8px;font-weight:950;letter-spacing:.18em;color:#5a67d8}.coreHelpDetailHero h1,.coreHelpContactHero h1{margin:6px auto 8px;max-width:620px;font-size:30px;line-height:1.04;letter-spacing:-.055em}.coreHelpDetailHero p,.coreHelpContactHero p{margin:0 auto;max-width:620px;color:#657188;font-size:12px;line-height:1.58}
.coreHelpDetailNav{position:sticky;top:0;z-index:4;padding:10px 12px;display:flex;gap:8px;overflow:auto;background:rgba(247,249,253,.92);border-bottom:1px solid #e2e8f1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);scrollbar-width:none}.coreHelpDetailNav::-webkit-scrollbar{display:none}.coreHelpDetailNav button{flex:0 0 auto;min-height:38px;padding:7px 11px 7px 7px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;color:#27334c;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900}.coreHelpDetailNav button span{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#edf7ff;color:#179fd7}
.coreHelpDetailSections{display:grid;gap:14px;padding:18px 14px}.coreHelpDetailSection{scroll-margin-top:64px;padding:16px;border:1px solid #dfe6f0;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(29,43,74,.05)}.coreHelpDetailSection>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.coreHelpDetailSection>header>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f3efff);color:#6558db;font-size:20px}.coreHelpDetailSection>header small{font-size:8px;font-weight:950;letter-spacing:.14em;color:#1aaee8}.coreHelpDetailSection h2{margin:2px 0 5px;font-size:20px;letter-spacing:-.04em}.coreHelpDetailSection header p{margin:0;color:#6d798e;font-size:10.5px;line-height:1.5}
.coreHelpSubtopics{margin-top:14px;overflow:hidden;border:1px solid #e6ebf2;border-radius:18px}.coreHelpSubtopic{border-bottom:1px solid #edf1f6}.coreHelpSubtopic:last-child{border:0}.coreHelpSubtopic>button{width:100%;min-height:54px;padding:11px 12px;border:0;background:#fbfcff;color:#1c263d;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.coreHelpSubtopic>button>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900}.coreHelpSubtopic>button>span i{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#eef8ff;color:#149fd9}.coreHelpSubtopic>button>i{color:#7464d8}.coreHelpSubtopic>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.coreHelpSubtopic>div p{overflow:hidden;margin:0;padding:0 12px;color:#67748a;font-size:10.5px;line-height:1.58}.coreHelpSubtopic>div.isOpen{grid-template-rows:1fr}.coreHelpSubtopic>div.isOpen p{padding-bottom:13px}
.coreHelpDetailActions{margin:8px 14px 0;padding:22px 16px;border-radius:24px;background:linear-gradient(145deg,#17213a,#26375e 68%,#502a67);color:#fff;text-align:center}.coreHelpDetailActions>small{font-size:8px;font-weight:950;letter-spacing:.15em;color:#7bdcff}.coreHelpDetailActions h2{margin:4px 0 15px;font-size:21px;letter-spacing:-.04em}.coreHelpDetailActions>div{display:grid;gap:8px}.coreHelpDetailActions button{min-height:50px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.coreHelpDetailActions button.isPrimary{border:0;background:linear-gradient(100deg,#22b5ef,#7a5be7 55%,#ec50c3);box-shadow:0 14px 30px rgba(94,81,215,.25)}
.coreHelpContactPage{max-width:760px;margin:0 auto}.coreHelpContactForm{margin:18px 14px 0;padding:18px;border:1px solid #dfe6f0;border-radius:26px;background:#fff;box-shadow:0 18px 42px rgba(29,43,74,.07)}.coreHelpHoneypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.coreHelpFormIntro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-bottom:17px}.coreHelpFormIntro>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f7ecff);color:#755de3;font-size:20px}.coreHelpFormIntro small{font-size:8px;font-weight:950;letter-spacing:.15em;color:#1aaee8}.coreHelpFormIntro h2{margin:2px 0 4px;font-size:21px;letter-spacing:-.04em}.coreHelpFormIntro p{margin:0;color:#6d798e;font-size:10px;line-height:1.5}.coreHelpFormGrid{display:grid;gap:12px}.coreHelpContactForm label{display:grid;gap:6px}.coreHelpContactForm label>span,.coreHelpReplyMethods legend{font-size:10px;font-weight:900;color:#29354e}.coreHelpContactForm label em{font-style:normal;color:#8994a8;font-size:8px}.coreHelpContactForm input,.coreHelpContactForm select,.coreHelpContactForm textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:15px;background:#fbfcff;color:#172036;padding:13px;font:inherit;font-size:12px;outline:0}.coreHelpContactForm input:focus,.coreHelpContactForm select:focus,.coreHelpContactForm textarea:focus{border-color:#6b7ee7;box-shadow:0 0 0 4px rgba(93,108,224,.1)}.coreHelpFormWide{margin-top:12px;position:relative}.coreHelpFormWide>small{position:absolute;right:9px;bottom:8px;font-size:8px;color:#8a95a7;background:#fbfcff;padding:2px 4px}.coreHelpReplyMethods{margin:13px 0 0;padding:14px;border:1px solid #e1e7f0;border-radius:18px}.coreHelpReplyMethods p{margin:3px 0 10px;color:#7a8599;font-size:9px}.coreHelpReplyMethods>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.coreHelpReplyMethods label{position:relative}.coreHelpReplyMethods input{position:absolute;opacity:0;pointer-events:none}.coreHelpReplyMethods label span{min-height:44px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#657188;font-size:9px;font-weight:900}.coreHelpReplyMethods input:checked+span{border-color:#6f6ee5;background:linear-gradient(145deg,#eef8ff,#fff1fa);color:#4d4fc6;box-shadow:0 0 0 3px rgba(111,110,229,.08)}.coreHelpPrivacy{margin-top:13px;padding:11px;border-radius:14px;background:#f3f8ff;color:#627087;display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.45}.coreHelpPrivacy i{color:#1aaee8;font-size:15px}.coreHelpSubmit{width:100%;min-height:54px;margin-top:14px;border:0;border-radius:17px;background:linear-gradient(100deg,#22b5ef,#7a5be7 55%,#ec50c3);color:#fff;font-weight:950;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 14px 30px rgba(94,81,215,.22)}.coreHelpSubmit:disabled{opacity:.68}.coreHelpFormStatus{min-height:18px;margin:9px 3px 0;text-align:center;color:#647188;font-size:9px;line-height:1.45}.coreHelpFormStatus[data-tone="error"]{color:#bd3153}.coreHelpContactSuccess{padding:22px 4px;text-align:center}.coreHelpContactSuccess>span{width:72px;height:72px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#1db88a,#2aaee9);color:#fff;font-size:30px;box-shadow:0 16px 34px rgba(27,173,166,.23)}.coreHelpContactSuccess>small{font-size:8px;font-weight:950;letter-spacing:.17em;color:#1598d2}.coreHelpContactSuccess h2{margin:5px 0 8px;font-size:25px;letter-spacing:-.05em}.coreHelpContactSuccess p{margin:0 auto;max-width:490px;color:#68758a;font-size:11px;line-height:1.55}.coreHelpContactSuccess>div{margin:18px auto;padding:13px;border:1px solid #dfe6f0;border-radius:16px;background:#f8faff;display:grid;gap:4px}.coreHelpContactSuccess>div small{font-size:8px;color:#7c8799;text-transform:uppercase;letter-spacing:.12em}.coreHelpContactSuccess>div strong{font-size:14px;word-break:break-word}.coreHelpContactSuccess button{min-height:48px;padding:0 18px;border:0;border-radius:15px;background:#17213a;color:#fff;font-weight:900}
@media(min-width:640px){.coreHelpFormGrid{grid-template-columns:1fr 1fr}.coreHelpDetailActions>div{grid-template-columns:1fr 1fr}.coreHelpDetailSections{padding-left:22px;padding-right:22px}.coreHelpDetailActions{margin-left:22px;margin-right:22px}.coreHelpContactForm{padding:24px}}
@media(prefers-color-scheme:dark){.coreHelpDetailHero,.coreHelpContactHero{background:linear-gradient(145deg,#102033,#131927 52%,#25152a);border-color:#2a354a}.coreHelpDetailHero p,.coreHelpContactHero p,.coreHelpDetailSection header p,.coreHelpSubtopic>div p,.coreHelpFormIntro p,.coreHelpContactSuccess p{color:#a7b2c5}.coreHelpDetailNav{background:rgba(13,20,34,.92);border-color:#2a354a}.coreHelpDetailNav button,.coreHelpDetailSection,.coreHelpContactForm,.coreHelpSubtopic>button,.coreHelpReplyMethods label span{background:#172033;border-color:#2a354a;color:#f5f7fc}.coreHelpSubtopics,.coreHelpReplyMethods{border-color:#2a354a}.coreHelpContactForm label>span,.coreHelpReplyMethods legend{color:#eef2f9}.coreHelpContactForm input,.coreHelpContactForm select,.coreHelpContactForm textarea{background:#101827;border-color:#33405a;color:#fff}.coreHelpPrivacy,.coreHelpContactSuccess>div{background:#16263a;border-color:#2a354a;color:#a7b2c5}.coreHelpFormWide>small{background:#101827}.coreHelpReplyMethods input:checked+span{background:linear-gradient(145deg,#18314a,#2a1d39);color:#b9bdff}}

/* v195: automated support assistant and live-agent chat */
.coreSupportChatPage{max-width:820px;margin:0 auto;padding:0 0 26px}.coreSupportChatHero{padding:24px 16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;background:linear-gradient(145deg,#edf9ff,#fff 50%,#fff0fa);border-bottom:1px solid #e3eaf4}.coreSupportChatHero>span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#20b5ef,#7560e9 58%,#ed4fc2);color:#fff;font-size:24px;box-shadow:0 15px 32px rgba(87,88,215,.21)}.coreSupportChatHero small{font-size:8px;font-weight:950;letter-spacing:.16em;color:#5664db}.coreSupportChatHero h1{margin:3px 0 5px;font-size:25px;letter-spacing:-.05em}.coreSupportChatHero p{margin:0;color:#657188;font-size:10.5px;line-height:1.5}.coreSupportChatHero>button{grid-column:1/-1;min-height:42px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;color:#24314a;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}
.coreSupportChatShell{margin:14px;border:1px solid #dde5f0;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(25,40,73,.08)}.coreSupportChatHeader{min-height:68px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #e7ecf3;background:#fbfcff}.coreSupportAvatar{position:relative;width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#20b5ef,#7a5be7 60%,#ec50c3);color:#fff;font-size:18px}.coreSupportAvatar span{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#24b985}.coreSupportChatHeader strong{display:block;font-size:12px}.coreSupportChatHeader small{display:block;margin-top:2px;color:#758198;font-size:8.5px}.coreSupportChatHeader>button{width:38px;height:38px;border:1px solid #e0e7f0;border-radius:13px;background:#fff;color:#66738a}
.coreSupportMessages{height:min(440px,52dvh);min-height:310px;padding:16px 12px;overflow:auto;background:linear-gradient(#f8faff,#fff)}.coreSupportMessage{display:flex;margin:0 0 11px}.coreSupportMessage.isCustomer{justify-content:flex-end}.coreSupportMessage>div{max-width:84%;padding:10px 12px;border-radius:17px 17px 17px 6px;background:#eef3fb;color:#24314a}.coreSupportMessage.isCustomer>div{border-radius:17px 17px 6px 17px;background:linear-gradient(120deg,#225fef,#765ee8);color:#fff}.coreSupportMessage small{display:block;margin-bottom:3px;font-size:8px;font-weight:900;color:#5b69dc}.coreSupportMessage p{margin:0;font-size:11px;line-height:1.5;white-space:pre-wrap}.coreSupportMessage time{display:block;margin-top:5px;font-size:7.5px;opacity:.65}
.coreSupportQuickReplies{padding:0 10px 10px;display:flex;gap:7px;overflow:auto;scrollbar-width:none}.coreSupportQuickReplies::-webkit-scrollbar{display:none}.coreSupportQuickReplies button{flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#34415a;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900}.coreSupportQuickReplies button i{color:#665de0}
.coreSupportComposer{padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:1px solid #e7ecf3;background:#fff}.coreSupportComposer textarea,.coreSupportAgentComposer textarea{min-height:44px;max-height:110px;resize:none;border:1px solid #dce4ef;border-radius:15px;background:#f8faff;padding:12px;color:#172036;font:inherit;font-size:11px;outline:0}.coreSupportComposer button,.coreSupportAgentComposer button{width:44px;height:44px;border:0;border-radius:15px;background:linear-gradient(145deg,#22b5ef,#785fe8 60%,#eb50c4);color:#fff}.coreSupportSafety{margin:0;padding:0 12px 12px;color:#7a8699;font-size:8px;display:flex;gap:6px;align-items:center}.coreSupportSafety i{color:#1aaee8}
.coreSupportIdentity{position:absolute;inset:0;z-index:9;display:grid;place-items:end center;padding:16px;background:rgba(13,20,34,.42);backdrop-filter:blur(8px)}.coreSupportIdentity[hidden]{display:none}.coreSupportIdentityCard{position:relative;width:min(100%,560px);max-height:88dvh;overflow:auto;padding:22px 18px;border-radius:26px;background:#fff;box-shadow:0 24px 80px rgba(13,20,34,.28);text-align:center}.coreSupportIdentityCard>button{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:13px;background:#f0f3f8}.coreSupportIdentityCard>span{width:62px;height:62px;margin:0 auto 12px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#20b5ef,#7a5be7 60%,#ec50c3);color:#fff;font-size:25px}.coreSupportIdentityCard>small{font-size:8px;font-weight:950;letter-spacing:.16em;color:#5d66d9}.coreSupportIdentityCard h2{margin:4px 0 6px;font-size:23px}.coreSupportIdentityCard>p{margin:0 auto 15px;max-width:420px;color:#6c788d;font-size:10px;line-height:1.5}.coreSupportIdentityCard form{display:grid;gap:11px;text-align:left}.coreSupportIdentityCard label{display:grid;gap:5px}.coreSupportIdentityCard label span{font-size:9px;font-weight:900}.coreSupportIdentityCard input,.coreSupportIdentityCard select{width:100%;box-sizing:border-box;border:1px solid #dce4ef;border-radius:14px;background:#fafbfe;padding:12px;font:inherit;font-size:11px}.coreSupportIdentityCard form>button{min-height:50px;border:0;border-radius:16px;background:linear-gradient(100deg,#22b5ef,#7a5be7 55%,#ec50c3);color:#fff;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px}.coreSupportIdentityCard form>p{min-height:16px;margin:0;text-align:center;color:#bd3153;font-size:8.5px}
.coreSupportAgentConsole{margin:14px;border:1px solid #dfe6f0;border-radius:24px;background:#fff;overflow:hidden}.coreSupportAgentConsole>header{min-height:64px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e5eaf2}.coreSupportAgentConsole header button{width:40px;height:40px;border:1px solid #dfe6f0;border-radius:13px;background:#fff}.coreSupportAgentConsole header small{font-size:8px;color:#5f68da;font-weight:900}.coreSupportAgentConsole header h2{margin:1px 0 0;font-size:17px}.coreSupportAgentList{padding:10px;display:grid;gap:8px}.coreSupportAgentList>button{min-height:58px;padding:10px;border:1px solid #e0e7f0;border-radius:16px;background:#fbfcff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left}.coreSupportAgentList>button>span{width:10px;height:10px;border-radius:50%;background:#7b8799}.coreSupportAgentList>button>span.isWaiting{background:#ef9b37}.coreSupportAgentList strong,.coreSupportAgentList small{display:block}.coreSupportAgentList small{margin-top:3px;color:#7a8699;font-size:8px}.coreSupportAgentList em{font-style:normal;font-size:8px;text-transform:uppercase;color:#5c68d9}.coreSupportAgentMessages{height:420px;padding:14px;overflow:auto;background:#f8faff}.coreSupportAgentComposer{padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.coreSupportAgentLoading{padding:30px;text-align:center;color:#68758c}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:640px){.coreSupportChatHero{grid-template-columns:auto minmax(0,1fr) auto}.coreSupportChatHero>button{grid-column:auto}.coreSupportChatShell{margin:20px}.coreSupportMessages{padding:20px}}
@media(prefers-color-scheme:dark){.coreSupportChatHero{background:linear-gradient(145deg,#102033,#131927 52%,#25152a);border-color:#2a354a}.coreSupportChatHero p,.coreSupportChatHeader small,.coreSupportSafety,.coreSupportIdentityCard>p{color:#a7b2c5}.coreSupportChatShell,.coreSupportChatHeader,.coreSupportComposer,.coreSupportQuickReplies button,.coreSupportIdentityCard,.coreSupportAgentConsole,.coreSupportAgentConsole header button{background:#172033;border-color:#2a354a;color:#f5f7fc}.coreSupportMessages,.coreSupportAgentMessages{background:#101827}.coreSupportMessage>div{background:#263149;color:#f5f7fc}.coreSupportComposer textarea,.coreSupportAgentComposer textarea,.coreSupportIdentityCard input,.coreSupportIdentityCard select{background:#101827;border-color:#33405a;color:#fff}.coreSupportIdentityCard>button{background:#263149;color:#fff}.coreSupportAgentList>button{background:#172033;border-color:#2a354a;color:#fff}}

/* v196 live support chat-only layout */
.coreSupportChatPage.isChatOnly{position:relative;display:flex;flex-direction:column;min-height:calc(100dvh - 92px);height:calc(100dvh - 92px);overflow:hidden;background:var(--core-surface,#f7f9ff)}
.coreSupportChatPage.isChatOnly .coreSupportChatShell{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.coreSupportChatPage.isChatOnly .coreSupportMessages{flex:1;min-height:0;overflow-y:auto;padding:24px 22px 210px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.coreSupportBottomDock{position:absolute;left:0;right:0;bottom:0;z-index:12;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(247,249,255,0),rgba(247,249,255,.96) 18%,#f7f9ff 42%);backdrop-filter:blur(14px)}
.coreSupportChatPage.isChatOnly .coreSupportQuickReplies{display:flex;gap:8px;overflow-x:auto;padding:18px 0 8px;scrollbar-width:none}
.coreSupportChatPage.isChatOnly .coreSupportQuickReplies::-webkit-scrollbar{display:none}
.coreSupportChatPage.isChatOnly .coreSupportQuickReplies button{flex:0 0 auto;white-space:nowrap}
.coreSupportChatPage.isChatOnly .coreSupportComposer{margin:0;box-shadow:0 12px 34px rgba(30,48,90,.12)}
.coreSupportChatPage.isChatOnly .coreSupportSafety{margin:8px 4px 0;font-size:11px}
.coreSupportAgentFab{position:absolute;right:16px;top:14px;z-index:20;display:flex;align-items:center;gap:8px;border:1px solid rgba(80,110,180,.18);border-radius:999px;padding:11px 14px;background:rgba(255,255,255,.94);color:#172036;font:700 13px/1 system-ui;box-shadow:0 10px 28px rgba(28,47,88,.14);backdrop-filter:blur(12px)}
.coreSupportAgentFab[hidden]{display:none!important}
.coreSupportAgentConsole{position:absolute;inset:0;z-index:30;background:#f7f9ff;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:520px){.coreSupportChatPage.isChatOnly{height:calc(100dvh - 78px);min-height:calc(100dvh - 78px)}.coreSupportChatPage.isChatOnly .coreSupportMessages{padding:18px 14px 196px}.coreSupportBottomDock{padding-left:12px;padding-right:12px}.coreSupportAgentFab span{display:none}.coreSupportAgentFab{width:46px;height:46px;justify-content:center;padding:0}}


/* v197 live support queue and compact contact sheet */
.coreSupportIdentity{padding:clamp(14px,4vw,26px);align-items:flex-end;background:rgba(23,31,51,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.coreSupportIdentityCard{width:min(100%,560px);max-height:min(82dvh,760px);overflow:auto;border-radius:30px 30px 22px 22px;padding:24px 20px calc(20px + env(safe-area-inset-bottom));text-align:left}
.coreSupportIdentityCard>span{width:66px;height:66px;margin:0 auto 12px;border-radius:22px}
.coreSupportIdentityCard>small,.coreSupportIdentityCard>h2,.coreSupportIdentityCard>p{text-align:center}
.coreSupportIdentityCard>h2{font-size:clamp(1.65rem,7vw,2.25rem);line-height:1.04;margin:5px 0 8px}
.coreSupportIdentityCard>p{font-size:.96rem;line-height:1.45;margin:0 auto 18px;max-width:420px}
.coreSupportIdentityCard form{display:grid;gap:12px}
.coreSupportIdentityCard label{display:grid;gap:6px}
.coreSupportIdentityCard label>span{font-size:.78rem;letter-spacing:.03em}
.coreSupportIdentityCard input,.coreSupportIdentityCard select{min-height:54px;padding:0 15px;border-radius:17px;font-size:1rem}
.coreSupportIdentityCard form>button{min-height:56px;border-radius:18px;margin-top:2px}
.coreSupportWaitStatus{flex:0 0 auto;margin:10px 14px 0;padding:11px 13px;border:1px solid rgba(77,109,231,.16);border-radius:18px;background:rgba(246,249,255,.94);display:flex;align-items:center;justify-content:space-between;gap:10px}
.coreSupportWaitStatus[hidden]{display:none!important}
.coreSupportWaitStatus>div{display:flex;align-items:center;gap:10px;min-width:0}
.coreSupportWaitStatus>div>i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(70,119,255,.10);color:#4d67de}
.coreSupportWaitStatus span{display:grid;gap:2px;min-width:0}
.coreSupportWaitStatus strong{font-size:.9rem;line-height:1.15}
.coreSupportWaitStatus small{font-size:.75rem;line-height:1.25;color:#69758b}
.coreSupportWaitStatus nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.coreSupportWaitStatus nav a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border-radius:12px;border:1px solid rgba(77,109,231,.16);background:white;color:#172038;text-decoration:none;font-weight:800;font-size:.78rem}
.coreSupportWaitStatus.isFallback{align-items:flex-start;background:linear-gradient(135deg,rgba(240,248,255,.98),rgba(255,244,252,.98))}
.coreSupportWaitStatus.isConnected{background:#eefbf5;border-color:#bfead6;color:#126d50}
@media(max-width:520px){.coreSupportWaitStatus.isFallback{display:grid}.coreSupportWaitStatus nav{justify-content:stretch}.coreSupportWaitStatus nav a{flex:1;justify-content:center}.coreSupportIdentityCard{border-radius:26px 26px 18px 18px}}

/* v199 live queue clarity */
.coreSupportWaitStatus.isConnecting i,.coreSupportWaitStatus:not(.isFallback):not(.isConnected) i{animation:coreSupportSpin 1s linear infinite}
@keyframes coreSupportSpin{to{transform:rotate(360deg)}}
.coreSupportWaitStatus.isConnecting{background:linear-gradient(135deg,rgba(238,248,255,.98),rgba(250,242,255,.98));border-color:rgba(83,104,230,.22)}


/* v200 live support experience */
.coreSupportChatPage.isChatOnly{isolation:isolate}
.coreSupportMessage{opacity:0;transform:translateY(12px) scale(.985);transition:opacity .34s cubic-bezier(.22,.8,.3,1),transform .34s cubic-bezier(.22,.8,.3,1)}
.coreSupportMessage.isVisible{opacity:1;transform:translateY(0) scale(1)}
.coreSupportTyping>div{min-width:98px}
.coreSupportTyping span{display:flex;align-items:center;gap:5px;padding:3px 2px 1px}
.coreSupportTyping span i{width:7px;height:7px;border-radius:50%;background:#6776df;animation:coreSupportTypingDot 1.15s infinite ease-in-out}
.coreSupportTyping span i:nth-child(2){animation-delay:.14s}.coreSupportTyping span i:nth-child(3){animation-delay:.28s}
@keyframes coreSupportTypingDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-4px);opacity:1}}
.coreSupportWaitStatus.isQueueLive{position:absolute;top:12px;right:14px;z-index:8;width:auto;max-width:245px;margin:0;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(30,48,90,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.coreSupportWaitStatus.isQueueLive>span{display:grid;gap:2px}.coreSupportWaitStatus.isQueueLive strong{font-size:.82rem}.coreSupportWaitStatus.isQueueLive small{font-size:.69rem;white-space:nowrap}
.coreSupportMiniInfinity{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#25b8ef,#765ee8 62%,#e84ec1);color:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(84,83,218,.24)}
.coreSupportMiniInfinity span{font-size:28px;line-height:1;animation:coreSupportInfinityPulse 1.4s ease-in-out infinite}
.coreSupportMiniInfinity b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 11px #fff;animation:coreSupportInfinityOrbit 1.6s linear infinite}
@keyframes coreSupportInfinityPulse{0%,100%{transform:scale(.92);opacity:.82}50%{transform:scale(1.07);opacity:1}}
@keyframes coreSupportInfinityOrbit{0%{transform:translate(-13px,-3px)}25%{transform:translate(0,-8px)}50%{transform:translate(13px,3px)}75%{transform:translate(0,8px)}100%{transform:translate(-13px,-3px)}}
.coreSupportAgentConsole header em{display:block;margin-top:2px;font-size:.7rem;font-style:normal;color:#6b7890;font-weight:700}
@media(max-width:520px){.coreSupportWaitStatus.isQueueLive{top:8px;right:10px;max-width:218px}.coreSupportMiniInfinity{width:36px;height:36px;border-radius:12px}.coreSupportWaitStatus.isQueueLive small{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.coreSupportMessage,.coreSupportMiniInfinity span,.coreSupportMiniInfinity b,.coreSupportTyping span i{animation:none!important;transition:none!important}}


/* v201 live agent typing presence */
.coreSupportLiveTyping{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:9px 12px;border:1px solid rgba(82,105,224,.18);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(31,47,92,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:coreSupportTypingBarIn .24s cubic-bezier(.22,.8,.3,1)}
.coreSupportLiveTyping[hidden]{display:none!important}
.coreSupportLiveTypingAvatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#22b7ef,#755ee7 62%,#e84ec1);color:#fff}
.coreSupportLiveTypingCopy{display:grid;min-width:0;line-height:1.1}.coreSupportLiveTypingCopy strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coreSupportLiveTypingCopy small{margin-top:3px;color:#69758b;font-size:.69rem}
.coreSupportLiveTypingDots{display:flex;gap:4px;margin-left:auto;padding-right:2px}.coreSupportLiveTypingDots i{width:7px;height:7px;border-radius:50%;background:#6674df;animation:coreSupportLiveTypingDot 1.05s infinite ease-in-out}.coreSupportLiveTypingDots i:nth-child(2){animation-delay:.13s}.coreSupportLiveTypingDots i:nth-child(3){animation-delay:.26s}
@keyframes coreSupportTypingBarIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes coreSupportLiveTypingDot{0%,70%,100%{transform:translateY(0);opacity:.3}35%{transform:translateY(-4px);opacity:1}}
@media(prefers-color-scheme:dark){.coreSupportLiveTyping{background:rgba(23,32,51,.96);border-color:#2d3950;color:#f7f9ff}.coreSupportLiveTypingCopy small{color:#a9b4c7}}
@media(prefers-reduced-motion:reduce){.coreSupportLiveTyping,.coreSupportLiveTypingDots i{animation:none!important}}
/* v202: low-overhead live typing presence; queue Infinity loader remains unchanged. */
.coreSupportLiveTyping{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:9px 12px;border:1px solid rgba(82,105,224,.18);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 8px 20px rgba(31,47,92,.10);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:coreSupportTypingBarIn .22s cubic-bezier(.22,.8,.3,1)}
.coreSupportLiveTyping[hidden]{display:none!important}
.coreSupportLiveTyping::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 3px 0 0 #5e73ed}
.coreSupportLiveTypingDots i{will-change:transform,opacity}
.coreSupportMessages>.coreSupportTyping{display:none!important}


/* v203: customer-first support chat and agent workspace */
.coreSupportChatPage.isChatOnly{background:linear-gradient(180deg,#f8fbff 0%,#f7f8ff 52%,#fff 100%)}
.coreSupportChatPage.isChatOnly .coreSupportMessages{padding:26px 18px 228px;background:transparent}
.coreSupportMessage{margin-bottom:14px}
.coreSupportMessage>div{position:relative;max-width:min(82%,560px);padding:13px 15px;border:1px solid rgba(72,94,145,.08);border-radius:22px 22px 22px 8px;background:#fff;color:#25314a;box-shadow:0 9px 26px rgba(37,54,94,.07)}
.coreSupportMessage.isCustomer>div{border:0;border-radius:22px 22px 8px 22px;background:linear-gradient(135deg,#315ff0,#735be5 65%,#c94dcc);box-shadow:0 12px 28px rgba(77,74,213,.18)}
.coreSupportMessage small{margin-bottom:5px;color:#5c65dc;font-size:10px;letter-spacing:.01em}
.coreSupportMessage p{font-size:13px;line-height:1.48;letter-spacing:-.005em}
.coreSupportMessage time{margin-top:7px;font-size:9px}
.coreSupportBottomDock{padding:0 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(248,250,255,0),rgba(248,250,255,.97) 18%,#f8faff 46%);backdrop-filter:none}
.coreSupportChatPage.isChatOnly .coreSupportQuickReplies{gap:9px;padding:20px 0 10px}
.coreSupportQuickReplies button{min-height:44px;padding:10px 14px;border-color:rgba(73,96,152,.14);border-radius:999px;background:rgba(255,255,255,.98);color:#34405a;font-size:11px;box-shadow:0 6px 18px rgba(38,53,91,.05)}
.coreSupportQuickReplies button:active{transform:scale(.98)}
.coreSupportComposer,.coreSupportAgentComposer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:8px;border:1px solid rgba(65,91,150,.13);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(31,48,91,.12)!important}
.coreSupportComposerIcon{width:40px;height:40px;display:grid;place-items:center;align-self:center;border-radius:15px;background:#f0f4ff;color:#596de1;font-size:16px}
.coreSupportComposer textarea,.coreSupportAgentComposer textarea{min-height:44px;max-height:116px;padding:12px 6px;border:0!important;background:transparent!important;font-size:13px;line-height:1.35}
.coreSupportComposer textarea:focus,.coreSupportAgentComposer textarea:focus{outline:0}
.coreSupportComposer button,.coreSupportAgentComposer button{width:46px;height:46px;border-radius:17px;box-shadow:0 8px 20px rgba(91,75,215,.22)}
.coreSupportSafety{padding:9px 8px 0!important;font-size:10px!important;line-height:1.35;color:#7c8799}
.coreSupportLiveTyping{border-radius:19px;padding:10px 13px;background:#fff;box-shadow:0 10px 26px rgba(31,47,92,.08)}
.coreSupportLiveTypingCopy strong{font-size:11px}.coreSupportLiveTypingCopy small{font-size:9px}
.coreSupportAgentFab{top:10px;right:12px;border-radius:16px;padding:11px 13px;background:#fff;box-shadow:0 10px 26px rgba(31,48,91,.12)}
.coreSupportAgentConsole{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#f5f7ff)}
.coreSupportAgentConsole>header.coreSupportAgentTopbar{flex:0 0 auto;min-height:82px;padding:13px 14px;grid-template-columns:46px minmax(0,1fr) 46px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(64,87,143,.10);box-shadow:0 8px 24px rgba(38,53,92,.05)}
.coreSupportAgentTopbar button{width:46px!important;height:46px!important;border-radius:16px!important;background:#f8faff!important}
.coreSupportAgentTopbar small{font-size:9px!important;letter-spacing:.12em}.coreSupportAgentTopbar h2{font-size:20px!important;letter-spacing:-.03em}.coreSupportAgentTopbar em{font-size:10px!important;color:#778399!important}
.coreSupportAgentTopbar.isConversation em{display:flex;align-items:center;gap:6px}.coreSupportAgentTopbar.isConversation em span{width:7px;height:7px;border-radius:50%;background:#22b985;box-shadow:0 0 0 4px rgba(34,185,133,.12)}
.coreSupportAgentList{flex:1;overflow:auto;padding:14px;gap:10px}
.coreSupportAgentList>button{min-height:76px;padding:12px;border-color:rgba(70,94,149,.11);border-radius:20px;background:#fff;grid-template-columns:44px minmax(0,1fr) auto auto;box-shadow:0 8px 24px rgba(36,52,90,.06)}
.coreSupportAgentPresence{width:44px!important;height:44px!important;display:grid;place-items:center;border-radius:16px!important;background:#eef3ff!important;color:#6172df}
.coreSupportAgentPresence.isWaiting{background:#fff5e8!important;color:#d4872a!important}.coreSupportAgentPresence.isActive{background:#eafaf3!important;color:#1a9d70!important}
.coreSupportAgentList strong{font-size:14px}.coreSupportAgentList small{font-size:10px;line-height:1.35}.coreSupportAgentList small b{display:block;margin-top:3px;color:#9099aa;font-size:9px}
.coreSupportAgentList em{padding:6px 9px;border-radius:999px;background:#f1f4fb;font-size:9px;text-transform:none;color:#69758a}
.coreSupportAgentEmpty{min-height:58dvh;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;color:#6f7b90}.coreSupportAgentEmpty>span{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#e9f8ff,#f6ebff);color:#6370df;font-size:28px}.coreSupportAgentEmpty h3{margin:16px 0 6px;color:#172036;font-size:22px}.coreSupportAgentEmpty p{max-width:340px;margin:0;font-size:12px;line-height:1.55}.coreSupportAgentEmpty button{margin-top:16px;min-height:44px;padding:0 16px;border:1px solid rgba(72,96,150,.14);border-radius:15px;background:#fff;color:#33405a;font-weight:800}
.coreSupportAgentMessages{flex:1;height:auto;min-height:0;padding:18px;overflow:auto;background:transparent}
.coreSupportAgentComposer{flex:0 0 auto;margin:0 14px calc(14px + env(safe-area-inset-bottom));padding:8px}.coreSupportAgentComposer small{grid-column:2/-1;padding:0 5px 3px;color:#7d8798;font-size:9px}
@media(max-width:520px){.coreSupportChatPage.isChatOnly .coreSupportMessages{padding:20px 14px 220px}.coreSupportBottomDock{padding-left:12px;padding-right:12px}.coreSupportMessage>div{max-width:88%}.coreSupportMessage p{font-size:12.5px}.coreSupportComposerIcon{display:none}.coreSupportComposer,.coreSupportAgentComposer{grid-template-columns:minmax(0,1fr) auto}.coreSupportAgentComposer small{grid-column:1/-1}.coreSupportAgentList>button{grid-template-columns:42px minmax(0,1fr) auto}.coreSupportAgentList>button>i:last-child{display:none}.coreSupportAgentList em{font-size:8px;padding:5px 7px}}
@media(prefers-color-scheme:dark){.coreSupportChatPage.isChatOnly,.coreSupportAgentConsole{background:linear-gradient(180deg,#101725,#121a2a)}.coreSupportMessage>div,.coreSupportComposer,.coreSupportAgentComposer,.coreSupportQuickReplies button,.coreSupportAgentConsole>header.coreSupportAgentTopbar,.coreSupportAgentList>button,.coreSupportAgentEmpty button{background:#182236;color:#f6f8fd;border-color:#2a3851}.coreSupportMessage>div{box-shadow:none}.coreSupportComposerIcon,.coreSupportAgentPresence{background:#24304a!important}.coreSupportAgentEmpty h3{color:#f6f8fd}.coreSupportBottomDock{background:linear-gradient(180deg,rgba(16,23,37,0),rgba(16,23,37,.97) 18%,#101725 46%)}}

/* v204: agent console is the workspace, not a card inside the workspace */
.coreSupportAgentConsole{
  margin:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f6f8ff 58%,#fff 100%)!important;
}
.coreSupportAgentConsole>header.coreSupportAgentTopbar{
  min-height:88px!important;
  padding:14px 18px!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.98)!important;
}
.coreSupportAgentList{
  padding:16px 18px calc(22px + env(safe-area-inset-bottom))!important;
  background:transparent!important;
}
.coreSupportAgentEmpty{
  min-height:0!important;
  height:100%!important;
  padding:32px 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.coreSupportAgentEmpty>span{width:68px;height:68px;border-radius:22px}
.coreSupportAgentEmpty h3{font-size:24px;letter-spacing:-.045em}
.coreSupportAgentEmpty p{font-size:12px;max-width:320px}
.coreSupportAgentMessages{padding:18px 18px 112px!important}
.coreSupportAgentComposer{margin:0 16px calc(16px + env(safe-area-inset-bottom))!important}
@media(max-width:520px){
  .coreSupportAgentConsole>header.coreSupportAgentTopbar{padding:12px 14px!important;grid-template-columns:44px minmax(0,1fr) 44px!important}
  .coreSupportAgentList{padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important}
  .coreSupportAgentEmpty{padding:24px 18px!important}
  .coreSupportAgentEmpty h3{font-size:22px}
}
@media(prefers-color-scheme:dark){
  .coreSupportAgentConsole{background:linear-gradient(180deg,#101725,#121a2a)!important}
  .coreSupportAgentConsole>header.coreSupportAgentTopbar{background:#182236!important}
}

/* v205: persistent draft typing presence, full-width connection status, and smoother message arrivals. */
.coreSupportWaitStatus.isQueueLive{
  position:relative;
  inset:auto;
  z-index:5;
  width:auto;
  max-width:none;
  margin:10px 14px 0;
  padding:11px 13px;
  border-radius:18px;
  background:rgba(246,249,255,.96);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.coreSupportWaitStatus.isQueueLive>span{display:grid;gap:2px;min-width:0}
.coreSupportWaitStatus.isQueueLive strong{font-size:.9rem;line-height:1.15}
.coreSupportWaitStatus.isQueueLive small{font-size:.75rem;line-height:1.25;white-space:normal}
.coreSupportMiniInfinity{width:34px;height:34px;border-radius:12px;box-shadow:0 7px 18px rgba(84,83,218,.2)}
.coreSupportMiniInfinity span{font-size:24px}
.coreSupportMessage{
  transform-origin:50% 100%;
  opacity:0;
  transform:translateY(18px) scale(.94);
  filter:blur(2px);
  transition:opacity .42s cubic-bezier(.18,.82,.26,1),transform .42s cubic-bezier(.18,.82,.26,1),filter .32s ease;
}
.coreSupportMessage.isCustomer{transform-origin:100% 100%}
.coreSupportMessage.isSupport{transform-origin:0 100%}
.coreSupportMessage.isVisible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
@media(max-width:520px){
  .coreSupportWaitStatus.isQueueLive{position:relative;top:auto;right:auto;max-width:none;margin:8px 10px 0;padding:10px 12px}
  .coreSupportMiniInfinity{width:34px;height:34px;border-radius:12px}
  .coreSupportWaitStatus.isQueueLive small{font-size:.7rem}
}
@media(prefers-color-scheme:dark){
  .coreSupportWaitStatus.isQueueLive{background:#182236;border-color:#2a3851;color:#f6f8fd}
  .coreSupportWaitStatus.isQueueLive small{color:#a9b4c7}
}
@media(prefers-reduced-motion:reduce){
  .coreSupportMessage{filter:none!important}
}


/* v206: app-native customer legal center and admin-only developer center. */
body.coreLegalOpen,body.coreDeveloperOpen{overflow:hidden}
.coreLegalOverlay,.coreDeveloperOverlay{position:fixed;inset:0;z-index:2147482800;background:rgba(10,16,29,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .22s ease}
.coreLegalOverlay.isOpen,.coreDeveloperOverlay.isOpen{opacity:1}
.coreLegalPanel,.coreDeveloperPanel{width:100dvw;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#f7f9fd;color:#141c31;transform:translateY(12px);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.coreLegalOverlay.isOpen .coreLegalPanel,.coreDeveloperOverlay.isOpen .coreDeveloperPanel{transform:none}
.coreLegalTopbar,.coreDeveloperPanel>header{min-height:76px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;border-bottom:1px solid #e4e9f1;background:rgba(255,255,255,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.coreLegalTopbar>button,.coreDeveloperPanel>header>button{width:44px;height:44px;border:1px solid #dfe5ee;border-radius:15px;background:#fff;color:#172036;display:grid;place-items:center;font-size:18px}.coreLegalTopbar>div,.coreDeveloperPanel>header>div{display:grid;gap:1px}.coreLegalTopbar small,.coreDeveloperPanel>header small{font-size:8px;font-weight:950;letter-spacing:.17em;color:#1aaee8}.coreLegalTopbar strong,.coreDeveloperPanel>header strong{font-size:20px;letter-spacing:-.04em}.coreLegalTopbar>span,.coreDeveloperPanel>header>span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#eef9f5;color:#167b61;font-size:9px;font-weight:900}.coreLegalTopbar>span i{width:7px;height:7px;border-radius:50%;background:#21b884}
.coreLegalBody,.coreDeveloperScroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}.coreLegalLandingHero,.coreDeveloperHero{padding:38px 18px 28px;text-align:center;background:linear-gradient(145deg,#eef8ff,#fff 50%,#fff1fa);border-bottom:1px solid #e4eaf2}.coreLegalLandingHero>span,.coreDeveloperHero>span{width:76px;height:76px;margin:0 auto 15px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#20b5ef,#755de7 58%,#ed4fc1);color:#fff;font-size:31px;box-shadow:0 18px 38px rgba(86,82,210,.22)}.coreLegalLandingHero>small,.coreDeveloperHero>small{font-size:8px;font-weight:950;letter-spacing:.18em;color:#5d67d9}.coreLegalLandingHero h1,.coreDeveloperHero h1{margin:6px auto 9px;max-width:650px;font-size:31px;line-height:1.03;letter-spacing:-.055em}.coreLegalLandingHero p,.coreDeveloperHero p{margin:0 auto;max-width:620px;color:#667288;font-size:12px;line-height:1.58}
.coreLegalHighlights,.coreDeveloperGrid{display:grid;gap:11px;padding:19px 15px}.coreLegalHighlights>button,.coreDeveloperGrid>button{width:100%;min-height:96px;padding:14px;border:1px solid #dfe6f0;border-radius:23px;background:#fff;color:#172036;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;text-align:left;box-shadow:0 12px 30px rgba(29,43,74,.05)}.coreLegalHighlights>button>span,.coreDeveloperGrid>button>span{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f3edff);color:#6558dc;font-size:22px}.coreLegalHighlights>button>div,.coreDeveloperGrid>button>div{display:grid;gap:3px}.coreLegalHighlights small,.coreDeveloperGrid small{font-size:8px;font-weight:950;letter-spacing:.13em;color:#1aaee8}.coreLegalHighlights strong,.coreDeveloperGrid strong{font-size:14px}.coreLegalHighlights p{margin:0;color:#6d798e;font-size:10px;line-height:1.45}.coreLegalHighlights>button>i,.coreDeveloperGrid>button>i{color:#95a0b2}
.coreLegalIncluded{margin:5px 15px 0;padding:18px;border:1px solid #dfe6f0;border-radius:25px;background:#fff}.coreLegalIncluded header small{font-size:8px;font-weight:950;letter-spacing:.15em;color:#1aaee8}.coreLegalIncluded h2{margin:3px 0 13px;font-size:22px;letter-spacing:-.045em}.coreLegalIncluded>div{display:grid;gap:8px}.coreLegalIncluded button{min-height:62px;padding:11px;border:1px solid #e5eaf2;border-radius:17px;background:#fafcff;color:#172036;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;text-align:left}.coreLegalIncluded button>i{width:38px;height:38px;border-radius:13px;background:#eef8ff;color:#16a7e2;display:grid;place-items:center;font-size:17px}.coreLegalIncluded button span{display:grid;gap:2px}.coreLegalIncluded button strong{font-size:11px}.coreLegalIncluded button small{font-size:9px;color:#748095}.coreLegalLandingFoot{margin:17px 20px 0;display:flex;gap:9px;color:#748095;font-size:9px;line-height:1.45}.coreLegalLandingFoot i{color:#18a9e5;font-size:16px}
.coreLegalDocument{min-height:100%;background:#f7f9fd}.coreLegalDocumentBack{position:sticky;top:0;z-index:5;width:100%;min-height:48px;padding:0 17px;border:0;border-bottom:1px solid #e3e8f0;background:rgba(247,249,253,.94);color:#26324b;display:flex;align-items:center;gap:8px;font-weight:900;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.coreLegalContent{min-height:0}.coreLegalHero{padding:31px 18px 23px;text-align:center;background:linear-gradient(145deg,#eef8ff,#fff 50%,#fff1fa);border-bottom:1px solid #e3e9f1}.coreLegalHero>span{width:64px;height:64px;margin:0 auto 12px;border-radius:22px;background:linear-gradient(145deg,#20b5ef,#795ce8 58%,#ed50c1);color:#fff;display:grid;place-items:center;font-size:27px}.coreLegalHero small{font-size:8px;font-weight:950;letter-spacing:.17em;color:#5d67d9}.coreLegalHero h1{margin:5px 0 7px;font-size:28px;line-height:1.05;letter-spacing:-.05em}.coreLegalHero p{margin:0 auto;max-width:600px;color:#68748a;font-size:11px;line-height:1.5}.coreLegalNav{position:sticky;top:48px;z-index:4;padding:9px 11px;display:flex;gap:7px;overflow:auto;background:rgba(247,249,253,.94);border-bottom:1px solid #e3e8f0;scrollbar-width:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.coreLegalNav::-webkit-scrollbar{display:none}.coreLegalNav button{flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid #dfe5ef;border-radius:13px;background:#fff;color:#57637a;font-size:9px;font-weight:900}.coreLegalNav button.isActive{border-color:#7163e3;background:linear-gradient(145deg,#eef8ff,#fff1fa);color:#5151c7}.coreLegalArticle{margin:16px 14px 0;padding:19px;border:1px solid #dfe6f0;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(29,43,74,.05)}.coreLegalArticle h2{margin:0 0 13px;font-size:22px;line-height:1.15;letter-spacing:-.04em}.coreLegalArticle p,.coreLegalArticle li{color:#566278;font-size:11px;line-height:1.65}.coreLegalArticle p{margin:0 0 11px}.coreLegalArticle ul,.coreLegalArticle ol{margin:8px 0 13px;padding-left:20px}.coreLegalArticle strong{color:#202b42}.coreLegalNotice{margin:14px 18px 0;padding:12px;border-radius:16px;background:#edf7ff;color:#647187;display:flex;gap:9px;font-size:9px;line-height:1.5}.coreLegalNotice i{color:#16a8e4;font-size:16px}
.coreDeveloperPanel>header>span{background:#f0edff;color:#6355cd}.coreDeveloperGrid{padding-top:20px}.coreDeveloperDetail{margin:5px 15px 0;padding:18px;border:1px solid #dfe6f0;border-radius:24px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.coreDeveloperDetail>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f3edff);color:#6558dc;font-size:20px}.coreDeveloperDetail small{font-size:8px;font-weight:950;letter-spacing:.15em;color:#1aaee8}.coreDeveloperDetail h2{margin:3px 0 5px;font-size:20px;letter-spacing:-.04em}.coreDeveloperDetail p{margin:0;color:#6d798e;font-size:10px;line-height:1.55}
@media(min-width:760px){.coreLegalPanel,.coreDeveloperPanel{width:min(930px,calc(100dvw - 42px));height:min(920px,calc(100dvh - 42px));margin:21px auto;border-radius:30px;box-shadow:0 28px 90px rgba(12,20,38,.28)}.coreLegalTopbar,.coreDeveloperPanel>header{border-radius:30px 30px 0 0}.coreLegalHighlights,.coreDeveloperGrid{grid-template-columns:1fr 1fr;max-width:820px;margin:auto}.coreLegalIncluded,.coreDeveloperDetail{max-width:790px;margin-left:auto;margin-right:auto}.coreLegalIncluded>div{grid-template-columns:1fr 1fr}.coreLegalArticle,.coreLegalNotice{max-width:760px;margin-left:auto;margin-right:auto}}
@media(prefers-color-scheme:dark){.coreLegalPanel,.coreDeveloperPanel,.coreLegalDocument{background:#0d1422;color:#f5f7fc}.coreLegalTopbar,.coreDeveloperPanel>header,.coreLegalHighlights>button,.coreDeveloperGrid>button,.coreLegalIncluded,.coreLegalArticle,.coreDeveloperDetail{background:#172033;border-color:#2a354a;color:#f5f7fc}.coreLegalLandingHero,.coreDeveloperHero,.coreLegalHero{background:linear-gradient(145deg,#102033,#131927 52%,#25152a);border-color:#2a354a}.coreLegalLandingHero p,.coreDeveloperHero p,.coreLegalHighlights p,.coreLegalHero p,.coreLegalArticle p,.coreLegalArticle li,.coreDeveloperDetail p{color:#a7b2c5}.coreLegalIncluded button,.coreLegalNav button{background:#101827;border-color:#33405a;color:#eef2f9}.coreLegalDocumentBack,.coreLegalNav{background:rgba(13,20,34,.94);border-color:#2a354a;color:#eef2f9}.coreLegalArticle strong{color:#fff}.coreLegalNotice{background:#16263a;color:#a7b2c5}}
@media(prefers-reduced-motion:reduce){.coreLegalOverlay,.coreDeveloperOverlay,.coreLegalPanel,.coreDeveloperPanel{transition:none}}


/* v207: customer, member, and administrator system status center. */
body.coreStatusOpen{overflow:hidden}
.coreStatusOverlay{position:fixed;inset:0;z-index:2147482900;background:rgba(10,16,29,.52);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .22s ease}
.coreStatusOverlay.isOpen{opacity:1}
.coreStatusPanel{width:100dvw;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#f7f9fd;color:#141c31;transform:translateY(12px);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.coreStatusOverlay.isOpen .coreStatusPanel{transform:none}
.coreStatusTopbar{min-height:76px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:12px;border-bottom:1px solid #e4e9f1;background:rgba(255,255,255,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.coreStatusTopbar button{width:44px;height:44px;border:1px solid #dfe5ee;border-radius:15px;background:#fff;color:#172036;display:grid;place-items:center;font-size:18px}.coreStatusTopbar button.isLoading i{animation:coreStatusSpin .8s linear infinite}.coreStatusTopbar>div{display:grid;gap:1px}.coreStatusTopbar small{font-size:8px;font-weight:950;letter-spacing:.17em;color:#1aaee8}.coreStatusTopbar strong{font-size:20px;letter-spacing:-.04em}
.coreStatusBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.coreStatusLoading,.coreStatusError{min-height:calc(100dvh - 90px);padding:36px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coreStatusPulse,.coreStatusError>span{width:82px;height:82px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#20b5ef,#755de7 58%,#ed4fc1);color:#fff;font-size:33px;box-shadow:0 20px 44px rgba(86,82,210,.24);animation:coreStatusPulse 1.6s ease-in-out infinite}.coreStatusLoading h1,.coreStatusError h1{margin:18px 0 8px;font-size:30px;letter-spacing:-.055em}.coreStatusLoading p,.coreStatusError p{margin:0;color:#667288;font-size:12px}.coreStatusLoading>div{display:flex;gap:6px;margin-top:18px}.coreStatusLoading>div i{width:7px;height:7px;border-radius:50%;background:#6c61dd;animation:coreStatusDots 1.2s ease-in-out infinite}.coreStatusLoading>div i:nth-child(2){animation-delay:.15s}.coreStatusLoading>div i:nth-child(3){animation-delay:.3s}.coreStatusError button{margin-top:18px;min-height:46px;padding:0 18px;border:0;border-radius:15px;background:#6158d9;color:#fff;font-weight:900;display:flex;align-items:center;gap:8px}
.coreStatusHero{padding:36px 18px 28px;text-align:center;background:linear-gradient(145deg,#eaf9f4,#fff 52%,#edf8ff);border-bottom:1px solid #e2e9f1}.coreStatusHero>span{width:76px;height:76px;margin:0 auto 14px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#23b88a,#20b5ef);color:#fff;font-size:31px;box-shadow:0 18px 38px rgba(31,172,155,.2)}.coreStatusHero.isDegraded{background:linear-gradient(145deg,#fff8e7,#fff 52%,#fff3e8)}.coreStatusHero.isDegraded>span{background:linear-gradient(145deg,#f0ad35,#ed7f42)}.coreStatusHero.isOutage{background:linear-gradient(145deg,#fff0f1,#fff 52%,#fff0f7)}.coreStatusHero.isOutage>span{background:linear-gradient(145deg,#e64e63,#d94175)}.coreStatusHero>small{font-size:8px;font-weight:950;letter-spacing:.18em;color:#188f76}.coreStatusHero h1{margin:6px auto 8px;max-width:670px;font-size:31px;line-height:1.04;letter-spacing:-.055em}.coreStatusHero p{margin:0 auto;max-width:620px;color:#667288;font-size:12px;line-height:1.55}.coreStatusHero>div{width:max-content;max-width:100%;margin:16px auto 0;padding:8px 11px;border:1px solid rgba(37,174,137,.18);border-radius:999px;background:rgba(255,255,255,.78);display:flex;align-items:center;gap:7px;font-size:9px}.coreStatusHero>div b{width:8px;height:8px;border-radius:50%;background:#22b786;box-shadow:0 0 0 5px rgba(34,183,134,.12)}.coreStatusHero>div strong{font-size:9px}.coreStatusHero>div em{font-style:normal;color:#748095}
.coreStatusSection{margin:16px 14px 0;padding:17px;border:1px solid #dfe6f0;border-radius:25px;background:#fff;box-shadow:0 12px 30px rgba(29,43,74,.05)}.coreStatusSection>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.coreStatusSection>header small,.coreStatusResponse>div>small,.coreStatusAdmin header small{font-size:8px;font-weight:950;letter-spacing:.16em;color:#1aaee8}.coreStatusSection>header h2,.coreStatusResponse h2,.coreStatusAdmin h2{margin:3px 0 0;font-size:21px;letter-spacing:-.045em}.coreStatusSection>header>span{padding:7px 9px;border-radius:999px;background:#f0f4fa;color:#637087;font-size:8px;font-weight:900}
.coreStatusServices{display:grid;gap:8px}.coreStatusServices article,.coreStatusAdminServices article{min-height:67px;padding:10px;border:1px solid #e5eaf2;border-radius:18px;background:#fbfcff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.coreStatusServiceIcon,.coreStatusAdminServices article>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f3edff);color:#6558dc;font-size:18px}.coreStatusServices article>div,.coreStatusAdminServices article>div{display:grid;gap:2px}.coreStatusServices strong,.coreStatusAdminServices strong{font-size:11px}.coreStatusServices small,.coreStatusAdminServices small{font-size:9px;color:#748095}.coreStatusServices em,.coreStatusAdminServices em{font-style:normal;font-size:8px;font-weight:900;display:flex;align-items:center;gap:5px}.isOperational{color:#168363}.isDegraded{color:#b77409}.isOutage{color:#c9344d}.isMaintenance{color:#6959d2}
.coreStatusMember{background:linear-gradient(145deg,#f5fbff,#fff 56%,#fff5fb)}.coreStatusMemberGrid{display:grid;gap:8px}.coreStatusMemberGrid article{padding:12px;border:1px solid #e3e8f1;border-radius:18px;background:rgba(255,255,255,.8);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.coreStatusMemberGrid article>i{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:#eef8ff;color:#159fd7}.coreStatusMemberGrid article>div{display:grid;gap:2px}.coreStatusMemberGrid strong{font-size:11px}.coreStatusMemberGrid small{font-size:9px;color:#748095}.coreStatusMemberGrid article>span{font-size:8px;font-weight:900}
.coreStatusSplit{display:grid}.coreStatusTimeline{display:grid;gap:10px}.coreStatusTimeline article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.coreStatusTimeline article>span{width:34px;height:34px;border-radius:12px;background:#eef9f5;display:grid;place-items:center}.coreStatusTimeline article>div{display:grid;gap:3px;padding-top:1px}.coreStatusTimeline strong{font-size:11px}.coreStatusTimeline small{font-size:9px;line-height:1.45;color:#6f7b90}.coreStatusTimeline em{font-size:8px;font-style:normal;color:#939daf}.coreStatusTimeline article.isEmpty>span{color:#168363}
.coreStatusResponse{margin:16px 14px 0;padding:18px;border-radius:25px;background:linear-gradient(145deg,#1c2740,#252d50);color:#fff}.coreStatusResponse>div:first-child{margin-bottom:12px}.coreStatusResponse>div:last-child{display:grid;gap:8px}.coreStatusResponse article{padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.coreStatusResponse article>i{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#76dcff}.coreStatusResponse article span{display:grid;gap:2px}.coreStatusResponse article strong{font-size:10px}.coreStatusResponse article small{font-size:9px;color:#c3ccdc}
.coreStatusAdmin{margin:16px 14px 0;padding:18px;border:1px solid #dcd7fa;border-radius:26px;background:linear-gradient(145deg,#f4f1ff,#fff 55%,#eefaff)}.coreStatusAdmin>header{display:flex;justify-content:space-between;gap:12px}.coreStatusAdmin header p{margin:5px 0 0;color:#6f7a8f;font-size:9px}.coreStatusAdmin header>span{height:max-content;padding:7px 9px;border-radius:999px;background:#ebe6ff;color:#5d4fc6;font-size:8px;font-weight:900}.coreStatusAdminGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.coreStatusAdminGrid article{padding:13px;border:1px solid #e2def5;border-radius:18px;background:rgba(255,255,255,.78);display:grid;gap:3px}.coreStatusAdminGrid small{font-size:8px;color:#778196}.coreStatusAdminGrid strong{font-size:18px;letter-spacing:-.04em}.coreStatusAdminGrid em{font-size:8px;font-style:normal;color:#9aa2b1}.coreStatusAdminServices{display:grid;gap:8px;margin-top:12px}.coreStatusFoot{margin:16px 18px 0;display:flex;gap:10px;align-items:flex-start;color:#68748a}.coreStatusFoot>i{font-size:17px;color:#1aaee8}.coreStatusFoot>span{display:grid;gap:2px}.coreStatusFoot strong{font-size:10px;color:#26324b}.coreStatusFoot small{font-size:9px;line-height:1.45}
@media(min-width:760px){.coreStatusPanel{width:min(930px,calc(100dvw - 42px));height:min(920px,calc(100dvh - 42px));margin:21px auto;border-radius:30px;box-shadow:0 28px 90px rgba(12,20,38,.28)}.coreStatusTopbar{border-radius:30px 30px 0 0}.coreStatusServices{grid-template-columns:1fr 1fr}.coreStatusMemberGrid{grid-template-columns:1fr 1fr}.coreStatusSplit{grid-template-columns:1fr 1fr;gap:0}.coreStatusAdminGrid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-color-scheme:dark){.coreStatusPanel{background:#0d1422;color:#f5f7fc}.coreStatusTopbar,.coreStatusSection{background:#172033;border-color:#2a354a;color:#f5f7fc}.coreStatusTopbar button{background:#101827;border-color:#33405a;color:#eef2f9}.coreStatusHero{background:linear-gradient(145deg,#102c27,#131927 52%,#102133);border-color:#2a354a}.coreStatusHero p,.coreStatusLoading p,.coreStatusError p,.coreStatusServices small,.coreStatusMemberGrid small,.coreStatusTimeline small,.coreStatusAdmin header p,.coreStatusFoot{color:#a7b2c5}.coreStatusHero>div,.coreStatusServices article,.coreStatusMemberGrid article,.coreStatusAdminGrid article,.coreStatusAdminServices article{background:#101827;border-color:#33405a}.coreStatusMember{background:linear-gradient(145deg,#102133,#172033 56%,#25152a)}.coreStatusAdmin{background:linear-gradient(145deg,#1c1932,#172033 56%,#102433);border-color:#39325e}.coreStatusFoot strong{color:#f5f7fc}}
@keyframes coreStatusSpin{to{transform:rotate(360deg)}}@keyframes coreStatusPulse{50%{transform:scale(1.04);box-shadow:0 23px 50px rgba(86,82,210,.3)}}@keyframes coreStatusDots{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.coreStatusOverlay,.coreStatusPanel,.coreStatusPulse,.coreStatusLoading>div i{transition:none;animation:none}}

/* END assets/css/tabs/core.css */

/* BEGIN assets/css/core/theme-compat.css */
/* Infinis system theme compatibility layer.
   Loaded last so every tab respects the operating-system light/dark preference. */
:root{
  --themeSurface:#ffffff;
  --themeSurfaceRaised:#ffffff;
  --themeSurfaceSoft:#f1f4fb;
  --themeSurfaceGlass:rgba(255,255,255,.88);
  --themeBorder:rgba(24,34,60,.12);
  --themeText:#151a2d;
  --themeMuted:#667085;
  --themeShadow:0 14px 38px rgba(29,42,78,.09);
  --themeTopbar:rgba(255,255,255,.82);
  --themeNav:rgba(255,255,255,.9);
}

@media (prefers-color-scheme:light){
  html,body,.app{background-color:#f7f9ff!important;color:var(--themeText)!important}
  body:before{opacity:.42}
  .topbar{background:var(--themeTopbar)!important;border-bottom-color:var(--themeBorder)!important;box-shadow:0 8px 28px rgba(29,42,78,.08),inset 0 -1px 0 rgba(255,255,255,.75)!important}
  .bottomnav{background:var(--themeNav)!important;border-color:var(--themeBorder)!important;box-shadow:0 -8px 28px rgba(29,42,78,.09),inset 0 1px 0 rgba(255,255,255,.9)!important}
  .bell{background:#fff!important;border-color:var(--themeBorder)!important;color:var(--themeText)!important}
  .toast{background:#fff!important;color:var(--themeText)!important;border:1px solid var(--themeBorder)!important}
  .tab-loader{background:rgba(247,249,255,.72)!important}

  /* Core/member tab previously used fixed dark colors. */
  .coretab{background:transparent!important;color:var(--themeText)!important}
  .coretab__profile,.coretab__membership,.coretab__list,.coretab__row,
  .coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel,
  .godMembersPanel,.godMembersHero,.godMembersDetails,.godMembersSignedOut,
  .godMembersTopbar,.godMembersRow{
    background:var(--themeSurface)!important;
    color:var(--themeText)!important;
    border-color:var(--themeBorder)!important;
  }
  .coretab__profile,.coretab__membership,.coretab__list,
  .coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel,
  .godMembersPanel,.godMembersHero,.godMembersDetails,.godMembersSignedOut{box-shadow:var(--themeShadow)!important}
  .coretab__row{border-bottom-color:var(--themeBorder)!important}
  .coretab__row:active{background:var(--themeSurfaceSoft)!important}
  .coretab__identityCopy span,.coretab__membership p,.coretab__rowCopy small,
  .coretab__footer,.coretab__footer span,.coretab__footer small,
  .coretab__welcome p,.coretab__welcome>div>span,.coretab__moduleCopy small,
  .coretab__memberCopy p,.coretab__metrics span,.godMembersHero p,.godMembersSignedOut p{color:var(--themeMuted)!important}
  .coretab__footer strong,.coretab__row,.coretab__identity,.coretab__module,.coretab__metrics div{color:var(--themeText)!important}
  .coretab__rowIcon,.coretab__module,.coretab__metrics div,.coretab__badge,.godMembersRow{background:var(--themeSurfaceSoft)!important}
  .coretab__membershipMark{background:color-mix(in srgb,var(--appBlue) 16%,#fff)!important;color:#2451b7!important}
  .coretab__toast{background:#fff!important;color:var(--themeText)!important;border-color:var(--themeBorder)!important;box-shadow:0 16px 46px rgba(29,42,78,.16)!important}
  .godMembersTopbar button{background:var(--themeSurfaceSoft)!important;border-color:var(--themeBorder)!important;color:var(--themeText)!important}

  /* Search, catalog, merit, aura and hub surfaces. */
  .findToolbar{background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .findSearch,.findSavedShortcut,.findBackBtn,.findFilterBtn,.findQuickChip,
  .findResultCard,.findSortSelect,.findProductSheet,.findProductClose,.findProductShare,
  .findProductSave,.findProductFact,.findProductChoices>div,
  .meritPromoCard,.meritRewardCard,.meritCategoryRail button,.meritTierCard,.meritActivityList,
  .auraHero,.auraStatement,.auraSection,.auraPreview,.auraReleaseCard,
  .hubCard,.hubPanel,.hubModule{
    background-color:var(--themeSurface)!important;
    color:var(--themeText)!important;
    border-color:var(--themeBorder)!important;
  }
  .findProductGallery,.meritMiniTrack,.meritJourney:before,.auraFeature,.auraFlow div,
  .auraFlow div i,.findProductCallout>i{background-color:var(--themeSurfaceSoft)!important}

  /* Shop by budget cards must use true light surfaces in day mode. */
  .findMerchChip{
    background:var(--themeSurface)!important;
    color:var(--themeText)!important;
    border-color:var(--themeBorder)!important;
    box-shadow:var(--themeShadow)!important;
  }
  .findMerchChip>i:first-child{
    background:color-mix(in srgb,var(--appBlue) 12%,#ffffff)!important;
    color:#2451b7!important;
  }
  .findMerchChip strong{color:var(--themeText)!important}
  .findMerchChip small{color:var(--themeMuted)!important;opacity:1!important}
  .findMerchChip>i:last-child{color:var(--themeText)!important}
  .findProductSheet{box-shadow:0 -20px 60px rgba(29,42,78,.16)!important}
  .findProductOverlay{background:rgba(31,41,55,.24)!important}
  .meritRewardArt span{background:rgba(255,255,255,.94)!important;color:#334155!important}

  /* Embedded account overlay light surfaces were partially overridden by fixed translucent dark values. */
  #infinisAuthRoot .infinisAuthPanel,
  #infinisAuthRoot .infinisAuthAccount .infinisAuthCard,
  #infinisAuthRoot .infinisAuthAccountTop,
  #infinisAuthRoot .infinisAuthMemberTabs,
  #infinisAuthRoot .infinisAuthFloatingActions,
  #infinisAuthRoot .infinisAuthProfileHero,
  #infinisAuthRoot .infinisAuthQuickCard,
  #infinisAuthRoot .infinisAuthInfoSection,
  #infinisAuthRoot .infinisAuthInfoRow{
    color:#111827!important;
    border-color:rgba(24,34,60,.12)!important;
  }
}

@media (prefers-color-scheme:dark){
  :root{
    --themeSurface:#111827;
    --themeSurfaceRaised:#172033;
    --themeSurfaceSoft:#202a3e;
    --themeSurfaceGlass:rgba(17,24,39,.9);
    --themeBorder:rgba(203,213,225,.14);
    --themeText:#f8fafc;
    --themeMuted:#aeb8ca;
    --themeShadow:0 18px 48px rgba(0,0,0,.28);
    --themeTopbar:rgba(9,14,25,.82);
    --themeNav:rgba(9,14,25,.9);
  }
  html,body,.app{background-color:#070b13!important;color:var(--themeText)!important}
  body:before{opacity:.7}
  .topbar{background:var(--themeTopbar)!important;border-bottom-color:var(--themeBorder)!important;box-shadow:0 10px 38px rgba(0,0,0,.28)!important}
  .bottomnav{background:var(--themeNav)!important;border-color:var(--themeBorder)!important;box-shadow:0 -10px 38px rgba(0,0,0,.3)!important}
  .bell{background:rgba(255,255,255,.07)!important;border-color:var(--themeBorder)!important;color:var(--themeText)!important}
  .toast{background:#172033!important;color:var(--themeText)!important;border:1px solid var(--themeBorder)!important}
  .tab-loader{background:rgba(3,6,14,.7)!important}

  .coretab{background:transparent!important;color:var(--themeText)!important}
  .coretab__profile,.coretab__membership,.coretab__list,.coretab__row,
  .coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel,
  .godMembersPanel,.godMembersHero,.godMembersDetails,.godMembersSignedOut,
  .godMembersTopbar,.godMembersRow{
    background:var(--themeSurfaceRaised)!important;
    color:var(--themeText)!important;
    border-color:var(--themeBorder)!important;
  }
  .coretab__identityCopy span,.coretab__membership p,.coretab__rowCopy small,
  .coretab__footer,.coretab__welcome p,.coretab__welcome>div>span,.coretab__moduleCopy small,
  .coretab__memberCopy p,.coretab__metrics span,.godMembersHero p,.godMembersSignedOut p{color:var(--themeMuted)!important}
  .coretab__rowIcon,.coretab__module,.coretab__metrics div,.coretab__badge,.godMembersRow{background:var(--themeSurfaceSoft)!important;color:var(--themeText)!important}
  .coretab__row:active{background:#263249!important}
  .coretab__toast{background:#172033!important;color:#f8fafc!important;border-color:var(--themeBorder)!important}

  .findToolbar{background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .findSearch,.findSavedShortcut,.findBackBtn,.findFilterBtn,.findQuickChip,
  .findResultCard,.findSortSelect,.findProductSheet,.findProductClose,.findProductShare,
  .findProductSave,.findProductFact,.findProductChoices>div,
  .meritPromoCard,.meritRewardCard,.meritCategoryRail button,.meritTierCard,.meritActivityList,
  .auraHero,.auraStatement,.auraSection,.auraPreview,.auraReleaseCard,
  .hubCard,.hubPanel,.hubModule{
    background-color:var(--themeSurface)!important;
    color:var(--themeText)!important;
    border-color:var(--themeBorder)!important;
  }
  .findProductGallery,.meritMiniTrack,.meritJourney:before,.auraFeature,.auraFlow div,
  .auraFlow div i,.findProductCallout>i{background-color:var(--themeSurfaceSoft)!important}
  .findProductOverlay{background:rgba(0,0,0,.62)!important}
  .findProductSheet{box-shadow:0 -20px 60px rgba(0,0,0,.48)!important}
  .meritRewardArt span{background:rgba(17,24,39,.9)!important;color:#f8fafc!important}

  #infinisAuthRoot .infinisAuthPanel,
  #infinisAuthRoot .infinisAuthAccount .infinisAuthCard,
  #infinisAuthRoot .infinisAuthAccountTop,
  #infinisAuthRoot .infinisAuthMemberTabs,
  #infinisAuthRoot .infinisAuthFloatingActions,
  #infinisAuthRoot .infinisAuthProfileHero,
  #infinisAuthRoot .infinisAuthQuickCard,
  #infinisAuthRoot .infinisAuthInfoSection,
  #infinisAuthRoot .infinisAuthInfoRow{
    color:#f8fafc!important;
    border-color:rgba(203,213,225,.14)!important;
  }
}

/* iOS Safari focus-zoom prevention
   Keep every editable form control at 16px or larger on touch-sized screens.
   Safari automatically zooms the viewport when focusing controls below 16px. */
@media (max-width: 900px) {
  input,
  textarea,
  select,
  [contenteditable="true"],
  [role="textbox"] {
    font-size: 16px !important;
  }
}

/* END assets/css/core/theme-compat.css */

/* BEGIN assets/css/core/native-app.css */
/* Infinis native-app experience layer.
   This file keeps the existing visual system intact while adding app-grade
   lifecycle, motion, keyboard, connectivity, and touch behavior. */
html.native-app-experience,
html.native-app-experience body{
  overscroll-behavior:none;
  -webkit-user-select:none;
  user-select:none;
}
html.native-app-experience input,
html.native-app-experience textarea,
html.native-app-experience [contenteditable="true"],
html.native-app-experience .selectable{
  -webkit-user-select:text;
  user-select:text;
}

html.native-app-experience .topbar{
  box-shadow:0 1px 0 rgba(18,26,48,.08);
}

html.native-app-experience .bottomnav{
  touch-action:manipulation;
  transform:translate3d(-50%,0,0);
  will-change:transform;
}

html.native-app-experience .navitem{
  min-height:50px;
  touch-action:manipulation;
}

html.native-app-experience .navitem.native-pressed{
  /* v303: keep the fixed navigation geometry stable while pressed. */
  transform:none;
  opacity:.78;
}

html.native-app-experience #tabMount.native-tab-enter{
  animation:nativeTabEnter .34s cubic-bezier(.2,.85,.25,1) both;
}
html.native-app-experience #tabMount.native-tab-back{
  animation:nativeTabBack .34s cubic-bezier(.2,.85,.25,1) both;
}
@keyframes nativeTabEnter{
  from{opacity:0;transform:translate3d(18px,0,0) scale(.992)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes nativeTabBack{
  from{opacity:0;transform:translate3d(-18px,0,0) scale(.992)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

.native-offline-bar{
  position:fixed;
  z-index:calc(var(--zToast) - 5);
  top:calc(var(--appSafeTop) + 8px);
  left:50%;
  transform:translate3d(-50%,-18px,0) scale(.97);
  opacity:0;
  pointer-events:none;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100dvw - 28px);
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.54);
  border-radius:999px;
  background:rgba(17,20,38,.88);
  color:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
  font-size:.72rem;
  font-weight:850;
  white-space:nowrap;
}
.native-offline-bar.show{
  opacity:1;
  transform:translate3d(-50%,0,0) scale(1);
}
.native-offline-bar i{color:#ffcf67}

.native-refresh-indicator{
  position:fixed;
  z-index:calc(var(--zTop) + 2);
  top:var(--pull-indicator-top,calc(var(--appSafeTop) + var(--topMobH) + 8px));
  left:50%;
  width:38px;
  height:38px;
  margin-left:-19px;
  display:grid;
  place-items:center;
  border:1px solid var(--appLine);
  border-radius:999px;
  background:color-mix(in srgb,var(--appPanel) 92%,transparent);
  color:var(--appBlue);
  box-shadow:0 12px 28px rgba(19,31,60,.16);
  opacity:0;
  transform:translate3d(0,-16px,0) scale(.88) rotate(0deg);
  pointer-events:none;
  transition:opacity .18s ease,transform .2s ease,border-color .18s ease;
  will-change:transform,opacity;
}
.native-refresh-indicator.visible{
  opacity:1;
  transform:translate3d(0,var(--pull-shift,0px),0) scale(1) rotate(var(--pull-rotation,0deg));
}
.native-refresh-indicator.ready{
  border-color:color-mix(in srgb,var(--appPink) 54%,var(--appBlue));
  box-shadow:0 12px 28px rgba(19,31,60,.16),0 0 0 4px color-mix(in srgb,var(--appBlue) 8%,transparent);
}
.native-refresh-indicator.refreshing{
  --pull-shift:7px;
  --pull-rotation:0deg;
  border-color:color-mix(in srgb,var(--appBlue) 62%,var(--appPink));
}
.native-refresh-indicator.refreshing i{animation:nativeSpin .72s linear infinite}
@keyframes nativeSpin{to{transform:rotate(360deg)}}

html.native-keyboard-open .bottomnav{
  transform:translate3d(-50%,calc(100% + 16px),0);
  pointer-events:none;
  opacity:0;
}
html.native-keyboard-open .scroller{
  padding-bottom:18px!important;
}

.native-app-preview-card{
  margin:18px auto;
  width:min(1120px,calc(100% - 28px));
  padding:20px;
  border:1px solid color-mix(in srgb,var(--appBlue) 24%,var(--appLine));
  border-radius:26px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 8%,var(--appPanel)),color-mix(in srgb,var(--appPink) 7%,var(--appPanel)));
}
.native-app-preview-card small{
  display:block;
  color:var(--appBlue);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.native-app-preview-card h3{margin:7px 0 6px;font-size:1.35rem}
.native-app-preview-card p{margin:0;color:var(--appMuted);font-weight:650;line-height:1.5}
.native-app-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.native-app-preview-grid span{display:flex;align-items:center;gap:8px;padding:11px;border-radius:16px;background:color-mix(in srgb,var(--appPanel) 84%,transparent);font-size:.75rem;font-weight:800}
.native-app-preview-grid i{color:var(--appBlue)}

@media (prefers-reduced-motion:reduce){
  html.native-app-experience #tabMount.native-tab-enter,
  html.native-app-experience #tabMount.native-tab-back{animation:none}
  .native-refresh-indicator,.native-offline-bar{transition:none}
}

/* v0440 Android / installed-app refinements */
html[data-native-platform="android"].native-app-experience button,
html[data-native-platform="android"].native-app-experience .btn,
html[data-native-platform="android"].native-app-experience [role="button"]{
  -webkit-tap-highlight-color:transparent;
}
html.native-app-experience .hubProjectListCard.isOffline{
  border-color:color-mix(in srgb,var(--appBlue) 34%,var(--appLine));
  background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 5%,var(--appPanel)));
}
html.native-app-experience .hubProjectListCard.isOffline .hubProjectListMeta strong{
  color:var(--appBlue);
}


/* v0460: iOS keyboard occupies the visual viewport; do not reserve a second synthetic gap. */
html[data-native-platform="ios"].native-keyboard-open{
  --appVisualTop:0px!important;
  --appVisualLeft:0px!important;
  --appVisualBottom:0px!important;
  --sceneTop:0px!important;
  --threadVisualTop:0px!important;
}
html[data-native-platform="ios"].native-keyboard-open .scroller{
  padding-bottom:0!important;
}

/* v0461: iOS owns keyboard occlusion. Keep the app on the layout viewport and
   let Safari pan the focused control; never create a second keyboard-sized gap. */
html[data-native-platform="ios"].native-keyboard-open,
html[data-native-platform="ios"].native-keyboard-open body,
html[data-native-platform="ios"].native-keyboard-open .app{
  height:100%!important;
  min-height:100%!important;
}
html[data-native-platform="ios"].native-keyboard-open .scroller{
  padding-bottom:0!important;
}


/* v0462: iOS keyboard occlusion is owned exclusively by iOS/Safari.
   Android keeps the generic keyboard compensation path. On iOS we freeze the
   pre-keyboard layout height and zero every synthetic bottom/safe-area inset. */
html[data-native-platform="ios"].native-keyboard-open{
  --appH:var(--iosKeyboardLayoutHeight,100dvh)!important;
  --appSafeBottom:0px!important;
  --appVisualBottom:0px!important;
  --sceneVh:var(--iosKeyboardLayoutHeight,100dvh)!important;
  --sceneTop:0px!important;
  --threadVisualHeight:var(--iosKeyboardLayoutHeight,100dvh)!important;
  --threadVisualTop:0px!important;
}
html[data-native-platform="ios"].native-keyboard-open .bottomnav{
  bottom:0!important;
}
html[data-native-platform="ios"].native-keyboard-open :is(.checkoutFooter,.findProductActions,.checkoutPaymentConfirmPanel footer,.findDatePickerPanel,.projectSpaceChooserList){
  padding-bottom:max(8px,0px)!important;
}

/* END assets/css/core/native-app.css */

/* BEGIN assets/css/core/ios-install.css */
/* v0524: a native top-layer dialog outranks regular z-index stacking contexts,
   existing popovers and any already-open modal. The backdrop is transparent
   for the small suggestion; the guide draws its own backdrop when opened. */
dialog.ios-install-experience{position:fixed;inset:0;box-sizing:border-box;margin:0;padding:0;border:0;width:100dvw;height:100dvh;max-width:none;max-height:none;overflow:visible;z-index:2147483647;background:transparent;pointer-events:none;font-family:inherit;color:#101326}
dialog.ios-install-experience::backdrop{background:transparent}
html[data-install-priority] #workspaceAccountDock{visibility:hidden!important;pointer-events:none!important}
.ios-install-experience[hidden]{display:none!important}
.ios-install-banner{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;width:min(94dvw,620px);min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:rgba(250,252,255,.92);box-shadow:0 16px 48px rgba(31,45,88,.22),0 2px 10px rgba(31,45,88,.1);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);transform:translate(-50%,calc(-100% - env(safe-area-inset-top) - 28px)) scale(.97);opacity:0;pointer-events:auto;transition:transform .58s cubic-bezier(.2,.9,.24,1.12),opacity .3s ease}
.ios-install-banner::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:rgba(255,255,255,.22);backdrop-filter:blur(20px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ios-install-banner.is-visible{transform:translate(-50%,0) scale(1);opacity:1}
.ios-install-banner.is-leaving{transform:translate(-50%,-125%) scale(.98);opacity:0}
.ios-install-banner__mark{width:44px;height:44px;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(43,83,188,.18);background:rgba(255,255,255,.18);backdrop-filter:blur(18px);flex:none}
.ios-install-banner__mark img{width:100%;height:100%;display:block;object-fit:cover}
.ios-install-banner__copy{display:flex;min-width:0;flex-direction:column;gap:2px;line-height:1.15}
.ios-install-banner__copy strong{font-size:14px;font-weight:800;letter-spacing:-.01em;color:#11152b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios-install-banner__copy span{font-size:11.5px;font-weight:560;color:#626a82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios-install-banner__action,.ios-install-guide__done{border:0;color:#fff;font:inherit;font-weight:800;background:linear-gradient(115deg,rgba(47,115,255,.20),rgba(156,92,255,.18) 54%,rgba(223,92,171,.16));box-shadow:0 7px 18px rgba(74,91,221,.26);cursor:pointer}
.ios-install-banner__action{height:38px;padding:0 15px;border-radius:14px;font-size:12px}
.ios-install-banner__dismiss{width:34px;height:38px;border:0;border-radius:12px;background:transparent;color:#798097;font-size:15px;display:grid;place-items:center;cursor:pointer}
.ios-install-banner button:focus-visible,.ios-install-guide button:focus-visible{outline:3px solid rgba(47,115,255,.35);outline-offset:2px}

.ios-install-guide{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:auto;opacity:0;transition:opacity .3s ease}
.ios-install-guide[hidden]{display:none!important}
.ios-install-guide.is-open{opacity:1}
.ios-install-guide__backdrop{position:absolute;inset:0;border:0;background:rgba(12,16,31,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ios-install-guide__sheet{position:relative;width:min(100%,520px);max-height:min(88dvh,760px);overflow:auto;overscroll-behavior:contain;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.82);border-radius:30px;background:#f6f7fb;box-shadow:0 28px 90px rgba(9,15,45,.35);transform:translateY(106%) scale(.98);transition:transform .48s cubic-bezier(.2,.9,.22,1.06)}
.ios-install-guide.is-open .ios-install-guide__sheet{transform:translateY(0) scale(1)}
.ios-install-guide__handle{width:42px;height:5px;border-radius:999px;background:#d7dbea;margin:0 auto 4px}
.ios-install-guide__close{position:sticky;top:0;z-index:2;float:right;width:38px;height:38px;border:0;border-radius:14px;background:rgba(232,235,245,.82);color:#555e77;font-size:16px;display:grid;place-items:center;cursor:pointer}
.ios-install-guide__hero{text-align:center;padding:18px 8px 8px;clear:both}
.ios-install-guide__icon-wrap{position:relative;width:78px;height:78px;margin:0 auto 14px}
.ios-install-guide__icon-wrap img{width:100%;height:100%;display:block;object-fit:cover;border-radius:23px;box-shadow:0 15px 28px rgba(58,78,160,.23)}
.ios-install-guide__icon-wrap span{position:absolute;right:-8px;top:-8px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,rgba(60,120,255,.20),rgba(230,92,174,.18));border:3px solid #fff;font-size:12px;box-shadow:0 6px 14px rgba(80,75,190,.28)}
.ios-install-guide__eyebrow{margin:0 0 7px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#5b68c9}
.ios-install-guide__hero h2{margin:0;font-size:clamp(24px,7dvw,34px);line-height:1.05;letter-spacing:-.045em;color:#12162c}
.ios-install-guide__hero>p:last-child{max-width:410px;margin:12px auto 0;color:#697086;font-size:13.5px;line-height:1.55;font-weight:540}
.ios-install-steps{list-style:none;margin:14px 0 12px;padding:0;display:grid;gap:9px}
.ios-install-steps li{display:grid;grid-template-columns:26px 42px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:rgba(255,255,255,.46);box-shadow:0 5px 15px rgba(34,48,92,.05);backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}
.ios-install-step__number{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef1ff;color:#5968cc;font-size:11px;font-weight:900}
.ios-install-step__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:16px;background:linear-gradient(135deg,#3476ff,#8f62ed 58%,#db5da9);box-shadow:0 7px 15px rgba(85,88,199,.19)}
.ios-install-step__copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.ios-install-step__copy strong{font-size:13.5px;color:#171b30}
.ios-install-step__copy small{font-size:11.5px;line-height:1.4;color:#737b91}
.ios-install-guide__note{display:flex;align-items:flex-start;gap:9px;margin:12px 2px;padding:11px 12px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:rgba(78,113,255,.08);color:#59637e;font-size:11.5px;line-height:1.45;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}
.ios-install-guide__note i{margin-top:2px;color:#4575e9}
.ios-install-guide__actions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:10px;margin-top:12px}
.ios-install-guide__share,.ios-install-guide__done{min-height:50px;border-radius:17px;font-size:13px}
.ios-install-guide__share{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.72);color:#26304d;font:inherit;font-weight:800;background:rgba(255,255,255,.48);box-shadow:0 8px 24px rgba(40,55,105,.08);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);cursor:pointer}
.ios-install-guide__share:disabled{opacity:.55;cursor:wait}
.ios-install-guide__status{min-height:18px;margin:4px 4px 0;text-align:center;color:#626b84;font-size:11.5px;line-height:1.4}
html.ios-install-guide-open,html.ios-install-guide-open body{overflow:hidden!important}

@media (max-width:767px){
  .ios-install-guide{align-items:stretch;padding:0}
  .ios-install-guide__backdrop{display:none}
  .ios-install-guide__sheet{width:100dvw;height:100dvh;max-height:none;border:0;border-radius:0;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#f6f7fb;box-shadow:none;transform:translateY(100%);display:flex;flex-direction:column}
  .ios-install-guide.is-open .ios-install-guide__sheet{transform:translateY(0)}
  .ios-install-guide__handle{display:none}
  .ios-install-guide__close{position:sticky;top:0;align-self:flex-end;float:none;flex:0 0 auto;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .ios-install-guide__hero{padding:8px 8px 4px}
  .ios-install-guide__icon-wrap{width:82px;height:82px;margin-bottom:12px}
  .ios-install-steps{margin-top:12px}
  .ios-install-guide__actions{position:sticky;bottom:0;margin-top:auto;padding-top:12px;padding-bottom:max(2px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(246,247,251,0),#f6f7fb 24%)}
}

@media (max-width:430px){
  .ios-install-banner{width:calc(100dvw - 16px);grid-template-columns:42px minmax(0,1fr) auto auto;gap:8px;border-radius:20px}
  .ios-install-banner__mark{width:42px;height:42px;border-radius:13px}
  .ios-install-banner__copy strong{font-size:13px}
  .ios-install-banner__copy span{font-size:10.5px}
  .ios-install-banner__action{padding:0 12px}
  .ios-install-banner__dismiss{width:28px}
  .ios-install-guide__sheet{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .ios-install-guide__actions{grid-template-columns:1fr}
}

@media (orientation:landscape) and (max-height:560px){
  .ios-install-guide{align-items:center;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .ios-install-guide__sheet{max-height:94dvh;width:min(94dvw,680px);border-radius:24px}
  .ios-install-guide__hero{padding-top:4px}
  .ios-install-guide__icon-wrap{width:58px;height:58px;margin-bottom:8px}
  .ios-install-guide__hero h2{font-size:25px}
  .ios-install-guide__hero>p:last-child{margin-top:8px}
  .ios-install-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .ios-install-steps li{grid-template-columns:1fr;text-align:center;justify-items:center;padding:9px}
  .ios-install-step__number{display:none}
}

@media (prefers-reduced-motion:reduce){
  .ios-install-banner,.ios-install-guide,.ios-install-guide__sheet{transition-duration:.01ms!important}
}

@media (prefers-color-scheme:dark){
  .ios-install-banner{background:rgba(24,27,42,.93);border-color:rgba(255,255,255,.15);box-shadow:0 16px 48px rgba(0,0,0,.48)}
  .ios-install-banner__copy strong{color:#f7f8ff}
  .ios-install-banner__copy span{color:#afb5ca}
  .ios-install-banner__dismiss{color:#abb2c7}
  .ios-install-guide__sheet{background:#171a28;border-color:rgba(255,255,255,.14)}
  .ios-install-guide__close{background:rgba(58,63,84,.78);color:#d4d8e7}
  .ios-install-guide__hero h2,.ios-install-step__copy strong{color:#f6f7ff}
  .ios-install-guide__hero>p:last-child,.ios-install-step__copy small{color:#aeb4c8}
  .ios-install-steps li{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}
  .ios-install-step__number{background:rgba(116,128,255,.16);color:#bdc4ff}
  .ios-install-guide__note{background:rgba(76,111,255,.12);color:#b8bfd1}
  .ios-install-guide__share{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#f3f5ff}
  .ios-install-guide__status{color:#b8bfd1}
  .ios-install-guide__icon-wrap span{border-color:#1c1f2f}
}

@media (prefers-color-scheme:dark) and (max-width:767px){.ios-install-guide__sheet{background:#171a28}.ios-install-guide__actions{background:linear-gradient(to bottom,rgba(23,26,40,0),#171a28 24%)}}

.ios-install-guide__done{background:rgba(255,255,255,.14)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 10px 30px rgba(30,40,80,.12)!important}
.ios-install-guide__step,.ios-install-guide__card,.ios-install-guide__icon,.ios-install-guide__number{background:rgba(255,255,255,.10)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
/* v265: stronger 70-80% nebula glass. Keep color vivid without fully opaque fills. */
.ios-install-banner__action,
.ios-install-guide__done,
.ios-install-guide__icon-wrap span,
.ios-install-step__icon{
  background:linear-gradient(
    135deg,
    rgba(47,115,255,.80),
    rgba(143,98,237,.74) 56%,
    rgba(223,92,171,.78)
  )!important;
  border:1px solid rgba(255,255,255,.66)!important;
  backdrop-filter:blur(24px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 10px 28px rgba(59,78,157,.16),0 0 22px rgba(223,92,171,.10)!important;
}
.ios-install-banner__action,
.ios-install-guide__done{color:#fff!important;text-shadow:0 1px 2px rgba(26,31,65,.28)!important}
.ios-install-step__icon,
.ios-install-guide__icon-wrap span{color:#fff!important}
.ios-install-step__icon::before,
.ios-install-guide__icon-wrap span::before{opacity:1}
.ios-install-step__number{
  background:linear-gradient(135deg,rgba(47,115,255,.74),rgba(223,92,171,.70))!important;
  border:1px solid rgba(255,255,255,.60)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  color:#fff!important;
}
.ios-install-guide__note{
  background:linear-gradient(135deg,rgba(47,115,255,.26),rgba(223,92,171,.22))!important;
  border-color:rgba(255,255,255,.62)!important;
}
.ios-install-steps li,
.ios-install-guide__close,
.ios-install-banner__mark{
  background:rgba(255,255,255,.34)!important;
  backdrop-filter:blur(24px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;
}
@media (prefers-color-scheme:dark){
  .ios-install-banner__action,
  .ios-install-guide__done,
  .ios-install-guide__icon-wrap span,
  .ios-install-step__icon{
    background:linear-gradient(135deg,rgba(70,126,255,.80),rgba(154,104,239,.74) 56%,rgba(229,96,178,.78))!important;
    border-color:rgba(255,255,255,.24)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 10px 28px rgba(0,0,0,.24)!important;
  }
  .ios-install-step__number{
    background:linear-gradient(135deg,rgba(70,126,255,.74),rgba(229,96,178,.70))!important;
    border-color:rgba(255,255,255,.18)!important;
  }
  .ios-install-guide__note{
    background:linear-gradient(135deg,rgba(70,126,255,.30),rgba(229,96,178,.24))!important;
    border-color:rgba(255,255,255,.14)!important;
  }
  .ios-install-steps li,
  .ios-install-guide__close,
  .ios-install-banner__mark{background:rgba(255,255,255,.10)!important}
}

/* END assets/css/core/ios-install.css */

/* BEGIN assets/css/core/accent-glass-global.css */
/* v265: site-wide nebula accent glass policy. Blue/pink remains visible at strong 70-80% transparency, never fully opaque. */
:root{
  --accentGlassBlue:rgba(24,182,255,.78);
  --accentGlassPink:rgba(255,79,216,.74);
  --accentGlassBorder:rgba(106,133,255,.60)
}
.headerActionBadge,.activeCartEmpty button,.activeCartPrimary,.findDateGate>button,
.findCalendarGrid button.isSelected,.checkoutPrimary,.contractPrimary,.orderFilter.active,
.ordersBrowse,.ordersEmpty button,.findProductAdd,.emptyAction,.catalogAddButton,
.ios-install-banner__action,.ios-install-guide__done,.ios-install-guide__icon-wrap span,
.ios-install-step__icon,.ios-install-step__number{
  background:linear-gradient(135deg,var(--accentGlassBlue),var(--accentGlassPink))!important;
  border:1px solid var(--accentGlassBorder)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
  backdrop-filter:blur(20px) saturate(1.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 28px rgba(51,73,150,.14)!important;
}
.hubProgressTrack span,.hubProjectMiniProgress i{
  background:linear-gradient(90deg,rgba(24,182,255,.80),rgba(255,79,216,.76))!important;
}

/* END assets/css/core/accent-glass-global.css */

/* BEGIN assets/css/tabs/hub-customer.css */
/* V427: customer planning experience. All accents preserve translucent gradients. */
:root{--hubInk:#172741;--hubMuted:#626f85;--hubBorder:rgba(51,83,138,.13);--hubSurface:rgba(255,255,255,.86);--hubSoft:#f4f7fd;--hubAccent:linear-gradient(125deg,rgba(115,189,246,.23),rgba(191,153,228,.2),rgba(233,165,206,.25))}
.hubPage.hubV427,.hubPage.hubV427.isProjectWorkspace{display:block!important;width:min(1080px,calc(100dvw - 32px))!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding:12px 0 28px!important;color:var(--hubInk)!important;overflow:visible!important;box-sizing:border-box}
.hubV427 *{box-sizing:border-box;min-width:0}.hubV427 [hidden],.hubMoreGrid[hidden]{display:none!important}.hubV427 button{color:var(--hubInk);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.hubV427 button:active{transform:scale(.98)}.hubV427 button:focus-visible,.hubGuestInviteOverlay button:focus-visible{outline:3px solid #75a8e5;outline-offset:3px}.hubV427 button:disabled{opacity:.55;cursor:default}.hubV427 h1,.hubV427 h2,.hubV427 h3{color:var(--hubInk);letter-spacing:-.035em}.hubV427 p{color:var(--hubMuted);line-height:1.55}.hubV427 input,.hubV427 select,.hubV427 textarea{font-size:16px!important;max-width:100%}
.hubHomeV427{display:grid;gap:22px;animation:hubCustomerIn .38s ease both}.hubGreeting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 4px}.hubGreeting small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#647893}.hubGreeting h1{font-size:clamp(28px,5.5dvw,40px);line-height:1.08;margin:12px 0 10px;max-width:490px}.hubGreeting p{font-size:14px;margin:0}.hubOrb{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;border-radius:24px;background:var(--hubAccent);font-size:37px;color:#648fc7;box-shadow:inset 0 0 20px rgba(255,255,255,.75);transform:rotate(-9deg)}
.hubLaunchNotice{display:flex!important;align-items:flex-start;gap:12px;border:1px solid var(--hubBorder);border-radius:18px;padding:15px 16px;background:var(--hubAccent);color:var(--hubInk);margin:0;flex-shrink:0}.hubLaunchNotice>span{font-size:22px;color:#6688b5;line-height:1}.hubLaunchNotice b{font-size:13px;display:block}.hubLaunchNotice p{font-size:12px;line-height:1.55;margin:5px 0 0;color:var(--hubMuted);max-width:670px}.hubHomeActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hubHomeActions button,.hubRentalButtons button{min-height:52px;border:1px solid var(--hubBorder);border-radius:16px;background:var(--hubSurface);font-weight:750;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px}.hubHomeActions button:first-child,.hubRentalButtons button:first-child{background:var(--hubAccent);box-shadow:0 8px 25px rgba(93,121,189,.08)}
.hubContinue{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:15px;text-align:left;padding:20px;border:1px solid var(--hubBorder);border-radius:24px;background:var(--hubSurface);box-shadow:0 12px 32px rgba(74,96,145,.06)}.hubMiniArt,.hubTileIcon{display:grid;place-items:center;border-radius:18px;background:var(--hubAccent);width:54px;height:54px;font-size:24px;color:#678dcc}.hubContinue small{display:block;font-size:9px;letter-spacing:.08em;color:var(--hubMuted);font-weight:750}.hubContinue b{display:block;margin:6px 0;font-size:19px;overflow-wrap:anywhere}.hubContinue em{font-style:normal;font-size:12px;color:var(--hubMuted)}
.hubSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hubSectionHeading h2{font-size:19px;margin:0}.hubSectionHeading>span{background:#edf1fa;padding:5px 11px;border-radius:12px;font-size:12px}.hubSectionHeading small{font-size:11px;color:var(--hubMuted)}.hubProjectListV427{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hubProjectTile{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 12px;align-items:center;gap:12px;border:1px solid var(--hubBorder);border-radius:20px;padding:16px;background:var(--hubSurface);text-align:left}.hubTileIcon{width:44px;height:48px;font-size:20px;border-radius:14px}.hubProjectTile b{display:block;font-size:15px;overflow-wrap:anywhere}.hubProjectTile small,.hubProjectTile em{display:block;margin-top:6px;font-size:12px;color:var(--hubMuted);font-style:normal}.hubProjectTile em{font-size:10px}.hubProjectTile>i{font-size:11px}
.hubEmptyV427{border:1px dashed rgba(110,145,192,.3);background:rgba(255,255,255,.6);padding:32px 20px;border-radius:24px;text-align:center}.hubEmptyV427>span{display:inline-grid;place-items:center;width:62px;height:62px;background:var(--hubAccent);border-radius:21px;font-size:30px;color:#6b8fcb}.hubEmptyV427 h3{font-size:20px;margin:16px 0 8px}.hubEmptyV427 p{font-size:13px;margin:0 auto;max-width:380px}.hubEmptyV427 button{border:0;background:var(--hubAccent);border-radius:14px;padding:13px 18px;margin-top:22px;font-weight:750;min-height:46px}.hubEmptyV427.isSmall{padding:22px 15px}.hubEmptyV427.isSmall h3{font-size:17px}.hubEmptyV427.isSmall>span{height:48px;width:48px;font-size:22px}
.hubIdeaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hubIdeaGrid button{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--hubBorder);border-radius:18px;background:var(--hubSurface);text-align:left;min-height:66px}.hubIdeaGrid button>span{width:34px;height:38px;flex:0 0 34px;border-radius:12px;display:grid;place-items:center;background:var(--hubAccent);font-size:18px}.hubIdeaGrid b{font-size:12px;flex:1}.hubIdeaGrid button>i{color:#91a1b8;font-size:13px}.hubBrowseCallout{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:18px;border-radius:23px;border:1px solid var(--hubBorder);background:var(--hubAccent);text-align:left}.hubBrowseCallout>span{font-size:26px;color:#6b8bbb}.hubBrowseCallout b{font-size:16px}.hubBrowseCallout p{margin:6px 0 0;font-size:12px}.hubLoadStatus{font-size:13px;color:var(--hubMuted);display:flex;gap:10px;align-items:center}.hubLoadStatus button{min-height:44px;border:1px solid var(--hubBorder);border-radius:12px;background:var(--hubSurface);padding:0 14px}
.hubWorkspaceHeader{display:flex;align-items:center;gap:12px;padding:8px 0 18px}.hubWorkspaceHeader>button{flex:0 0 42px;min-height:44px;width:42px;border:1px solid var(--hubBorder);border-radius:14px;background:var(--hubSurface);font-size:17px}.hubWorkspaceHeader>div{flex:1}.hubWorkspaceHeader small{font-size:9px;font-weight:750;color:var(--hubMuted);letter-spacing:.12em}.hubWorkspaceHeader h1{margin:5px 0 0;font-size:clamp(20px,4dvw,28px);overflow-wrap:anywhere;line-height:1.15}.hubWorkspaceHeader input{width:100%;border:1px solid var(--hubBorder);padding:9px;border-radius:10px}
.hubNavV427{position:sticky;top:var(--hubProjectTabsFixedTop,64px);z-index:28;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;border:1px solid var(--hubBorder);border-radius:19px;background:rgba(250,252,255,.94);backdrop-filter:blur(18px);padding:6px;margin:0 0 18px;box-shadow:0 8px 24px rgba(52,77,123,.05)}.hubNavV427 button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;background:transparent;border:0;border-radius:13px;font-size:12px;font-weight:700}.hubNavV427 button.isActive{background:var(--hubAccent);color:#35598e}.hubNavV427 button i{font-size:16px}.hubMoreGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px;margin:0 0 18px;border:1px solid var(--hubBorder);border-radius:20px;background:var(--hubSurface);animation:hubCustomerIn .2s ease}.hubMoreGrid button{border:1px solid var(--hubBorder);border-radius:14px;background:var(--hubSoft);padding:12px 8px;min-height:62px;display:grid;justify-items:center;gap:8px;font-size:12px}.hubMoreGrid i{font-size:19px}
.hubPage.hubV427.isProjectWorkspace .hubProjectPanel{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;background:none;overflow:visible!important}.hubV427 .hubProjectPanel.isActive{display:grid!important;gap:18px}.hubV427 .hubProjectPanel:not(.isActive){display:none!important}
.hubPlanHero{padding:24px;border:1px solid var(--hubBorder);border-radius:25px;background:var(--hubAccent)}.hubPlanEyebrow{display:inline-block;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.66);font-size:11px;color:#5b7496;font-weight:750}.hubPlanHero h2{font-size:clamp(26px,5dvw,36px);margin:17px 0 8px;line-height:1.12}.hubPlanHero>p{font-size:13px;margin:0;max-width:420px}.hubPlanFacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.hubPlanFacts button{display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid rgba(255,255,255,.65);border-radius:17px;padding:14px;background:rgba(255,255,255,.62)}.hubPlanFacts i{color:#6588b8;font-size:20px;margin-top:2px}.hubPlanFacts small{font-size:10px;color:var(--hubMuted)}.hubPlanFacts b{display:block;font-size:13px;margin:6px 0;overflow-wrap:anywhere}.hubPlanFacts em{display:block;font-size:11px;color:var(--hubMuted);font-style:normal;overflow-wrap:anywhere}.hubNextGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hubNextGrid button{border:1px solid var(--hubBorder);border-radius:21px;padding:18px 15px;background:var(--hubSurface);text-align:left;min-height:139px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hubNextGrid span{height:39px;width:39px;display:grid;place-items:center;background:var(--hubAccent);border-radius:13px;font-size:19px;margin-bottom:6px}.hubNextGrid b{font-size:14px}.hubNextGrid small{font-size:11px;color:var(--hubMuted)}.hubSnapshotGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hubSnapshotGrid button{border:1px solid var(--hubBorder);border-radius:18px;background:var(--hubSurface);padding:16px 8px;text-align:center;min-height:92px}.hubSnapshotGrid b{font-size:23px;display:block}.hubSnapshotGrid em{font-style:normal;font-size:12px;color:var(--hubMuted)}.hubSnapshotGrid small{font-size:11px;color:var(--hubMuted);display:block;margin-top:8px}
.hubV427 .hubSection{background:var(--hubSurface)!important;border:1px solid var(--hubBorder)!important;border-radius:23px!important;padding:20px!important;box-shadow:0 8px 25px rgba(60,86,138,.04)!important;color:var(--hubInk)!important;margin:0!important}.hubV427 .hubSectionHead{align-items:flex-start!important;gap:12px}.hubV427 .hubSectionHead h2{font-size:20px!important;line-height:1.2!important}.hubV427 .hubSectionHead small{font-size:10px!important;color:var(--hubMuted)!important}.hubV427 .hubSectionHead p{font-size:12px!important;max-width:430px!important}.hubV427 .hubSectionAdd,.hubV427 .hubTextButton{min-height:44px!important;padding:10px 13px!important;background:var(--hubAccent)!important;color:var(--hubInk)!important;font-size:12px!important;border:1px solid var(--hubBorder)!important;border-radius:13px!important;flex-shrink:0;white-space:normal!important}.hubV427 .hubCollectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hubV427 .hubCollectionCard,.hubV427 .hubChecklistItem{background:var(--hubSurface)!important;border:1px solid var(--hubBorder)!important;border-radius:17px!important;color:var(--hubInk)!important}.hubV427 .hubCollectionCard b{font-size:14px!important;overflow-wrap:anywhere}.hubV427 .hubCollectionCard p,.hubV427 .hubCollectionCard em{font-size:12px!important;overflow-wrap:anywhere;color:var(--hubMuted)!important}.hubV427 .hubWorkspaceEmpty{padding:26px 15px!important}.hubV427 .hubWorkspaceEmpty h3{font-size:18px!important}.hubV427 .hubWorkspaceEmpty p{font-size:13px!important}.hubV427 .hubWorkspaceEmpty button{min-height:46px!important;padding:12px 16px!important;color:var(--hubInk)!important;background:var(--hubAccent)!important;border-radius:14px!important;font-size:13px!important}.hubV427 .hubChecklistToggle{min-height:58px!important}.hubV427 .hubChecklistEdit{min-width:44px!important;min-height:44px!important}.hubV427 .hubChecklistToggle b{font-size:14px!important;color:var(--hubInk)!important}.hubV427 .hubChecklistToggle small{font-size:11px!important;color:var(--hubMuted)!important}
.hubLinkedItems{display:grid;margin:18px 0 0}.hubLinkedItems>div{padding:15px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hubBorder)}.hubLinkedItems b{font-size:14px;display:block}.hubLinkedItems small{display:block;font-size:11px;color:var(--hubMuted);margin-top:6px}.hubLinkedItems strong{font-size:14px;white-space:nowrap}.hubRentalSubtotal{display:flex;justify-content:space-between;margin:18px 0;font-size:15px}.hubRentalPlan>p,.hubRentalPlan small{font-size:12px;color:var(--hubMuted)}.hubRentalButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.hubV427 .hubRentalCard{background:var(--hubSurface)!important;border:1px solid var(--hubBorder)!important;color:var(--hubInk)!important}.hubV427 .hubRentalInfo small{font-size:12px!important}.hubV427 .hubRentalInfo b{font-size:14px!important}.hubV427 .hubPlanningNext{display:none!important}.hubV427 .hubGuestRoster article{background:var(--hubSurface)!important;border:1px solid var(--hubBorder)!important;padding:14px!important;min-height:76px!important}.hubV427 .hubGuestRoster article b{font-size:14px!important;color:var(--hubInk)!important}.hubV427 .hubGuestRoster article small{font-size:11px!important}.hubV427 .hubGuestStatus{font-size:11px!important;padding:7px 9px!important}.hubV427 .hubGuestMenuButton{width:44px!important;min-height:44px!important}.hubV427 .hubGuestSummary{gap:8px!important}.hubV427 .hubGuestSummary>div{background:var(--hubSoft)!important;border:1px solid var(--hubBorder)!important;padding:13px 5px!important}.hubV427 .hubGuestSummary b{font-size:23px!important;color:var(--hubInk)!important}.hubV427 .hubGuestSummary small{font-size:10px!important}.hubV427 .hubGuestRosterEmpty{font-size:13px!important;padding:30px 15px!important}
/* Invitation is a mobile sheet with an event card, not a technical directory panel. */
.hubGuestInviteOverlay{position:fixed!important;inset:0!important;z-index:2147482000!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(27,42,70,.24)!important;backdrop-filter:blur(8px)}.hubGuestInviteOverlay .hubGuestInvitePanel{position:relative!important;inset:auto!important;transform:none!important;width:min(520px,100%)!important;height:min(740px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important;display:flex!important;flex-direction:column!important;border-radius:28px!important;background:#f9fbff!important;color:var(--hubInk)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 24px 80px rgba(28,47,88,.18)!important;animation:hubCustomerIn .25s ease}.hubGuestInvitePanel .hubGuestInviteHead{padding:21px 20px 14px!important;border:0!important;flex-shrink:0}.hubGuestInviteHead h2{font-size:23px!important;color:var(--hubInk)!important;letter-spacing:-.03em}.hubGuestInviteHead p{font-size:12px!important;color:var(--hubMuted)!important}.hubGuestInviteHead [data-guest-close]{width:44px!important;height:44px!important;background:#edf1f9!important;color:var(--hubInk)!important;border-radius:14px!important}.hubGuestInviteBody{padding:0 20px 16px!important;min-height:0!important;flex:1!important;overflow:auto!important;overscroll-behavior:contain}.hubInvitePreview{padding:21px;border:1px solid var(--hubBorder);border-radius:22px;background:var(--hubAccent);margin-bottom:18px;text-align:center}.hubInvitePreview>span{font-size:11px;letter-spacing:.12em;font-weight:750;color:#6e87aa}.hubInvitePreview h3{font-size:24px;letter-spacing:-.04em;margin:12px 0;color:var(--hubInk);overflow-wrap:anywhere}.hubInvitePreview p{font-size:12px;color:var(--hubMuted);line-height:1.7;margin:0}.hubGuestSearch{min-height:50px!important;background:white!important;border:1px solid var(--hubBorder)!important;border-radius:15px!important;color:var(--hubInk)!important}.hubGuestSearch input{font-size:16px!important;color:var(--hubInk)!important}.hubGuestResult{min-height:68px!important;color:var(--hubInk)!important;background:white!important;border:1px solid var(--hubBorder)!important}.hubGuestResult b{font-size:14px!important;color:var(--hubInk)!important}.hubGuestResult small{font-size:11px!important;color:var(--hubMuted)!important}.hubGuestResult.isSelected{background:var(--hubAccent)!important}.hubGuestInviteSave{min-height:50px!important;background:var(--hubAccent)!important;color:var(--hubInk)!important;border:1px solid var(--hubBorder)!important;font-size:14px!important}.hubGuestInvitePanel footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid var(--hubBorder)!important;flex-shrink:0}.hubGuestShareCompact{background:white!important;color:var(--hubInk)!important;border:1px solid var(--hubBorder)!important}.hubGuestShareCompact b{font-size:13px!important}.hubGuestShareCompact small{font-size:11px!important}.hubGuestSearchPrompt,.hubGuestSearchEmpty{color:var(--hubMuted)!important;font-size:12px!important}.hubGuestSearchResults{min-height:100px!important}.hubGuestSearchResults [hidden]{display:none!important}
.hubQuickEditOverlay,.hubProjectEditOverlay,.hubAddressOverlay,.hubCreateProjectOverlay{max-width:100dvw!important;max-height:100dvh!important}.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel,.hubCreateProjectPanel{max-width:calc(100dvw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;color:var(--hubInk)!important;background:#f9fbff!important}.hubQuickEditPanel input,.hubQuickEditPanel select,.hubQuickEditPanel textarea,.hubCreateProjectPanel input{font-size:16px!important}.hubV427 .hubExperienceBuilder{max-width:100%!important}.hubV427 .hubExperienceCommandTitle h2{font-size:20px!important}.hubV427 .hubExperienceCommandTitle p{font-size:12px!important}.hubV427 .hubExperienceHostCard{padding:18px!important;background:var(--hubSurface)!important;border:1px solid var(--hubBorder)!important;color:var(--hubInk)!important}.hubV427 .hubExperienceHostSectionHead h3{font-size:18px!important;color:var(--hubInk)!important}.hubV427 .hubExperienceHostSectionHead p{font-size:12px!important}.hubV427 .hubExperienceFieldStack input,.hubV427 .hubExperienceFieldStack textarea{color:var(--hubInk)!important;background:white!important}.hubV427 .hubExperienceSaveBar button{min-height:44px!important;background:var(--hubAccent)!important;color:var(--hubInk)!important}.hubV427 .hubExperienceGuestSection{background:var(--hubSurface)!important;color:var(--hubInk)!important}.hubV427 .hubExperienceGuestSectionCopy b{font-size:14px!important}.hubV427 .hubExperienceGuestSectionCopy small{font-size:11px!important}.hubV427 .hubExperienceStatusPanel{background:var(--hubAccent)!important}.hubV427 .hubExperienceStatusActions button{color:var(--hubInk)!important}.hubV427 .hubExperienceHostTextarea{color:var(--hubInk)!important}
#activeCartDrawer>.hubLaunchNotice,#checkoutDrawer>.hubLaunchNotice{margin:8px 16px;max-width:calc(100% - 32px)}
@keyframes hubCustomerIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.hubPage.hubV427,.hubPage.hubV427.isProjectWorkspace{width:calc(100dvw - 28px)!important;padding-top:6px!important}.hubHomeV427{gap:20px}.hubGreeting{padding:4px 2px}.hubGreeting h1{font-size:29px;max-width:275px}.hubGreeting p{font-size:12px;max-width:245px}.hubOrb{width:56px;height:56px;flex-basis:56px;border-radius:19px;font-size:29px}.hubProjectListV427{grid-template-columns:1fr}.hubContinue{padding:17px}.hubIdeaGrid{grid-template-columns:1fr 1fr}.hubHomeActions button{font-size:12px}.hubNavV427{border-radius:17px;gap:2px;padding:4px}.hubNavV427 button{flex-direction:column;gap:5px;font-size:10px;min-height:54px;border-radius:12px}.hubNavV427 button i{font-size:17px}.hubMoreGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hubPlanHero{padding:21px 17px;border-radius:23px}.hubPlanFacts{grid-template-columns:1fr}.hubPlanFacts button{padding:13px}.hubNextGrid{grid-template-columns:1fr 1fr}.hubNextGrid button{padding:16px;min-height:135px}.hubSnapshotGrid{grid-template-columns:1fr 1fr}.hubV427 .hubSection{padding:17px!important}.hubV427 .hubCollectionGrid{grid-template-columns:1fr!important}.hubV427 .hubSectionHead{flex-wrap:wrap!important}.hubV427 .hubGuestRoster article{gap:10px!important}.hubV427 .hubGuestRosterActions{gap:3px!important}.hubGuestInviteOverlay{padding:0!important;align-items:end!important}.hubGuestInviteOverlay .hubGuestInvitePanel{height:min(820px,calc(100dvh - env(safe-area-inset-top,0px) - 12px))!important;max-height:calc(100dvh - 12px)!important;width:100%!important;border-radius:26px 26px 0 0!important}.hubGuestInviteBody{padding-left:16px!important;padding-right:16px!important}.hubRentalButtons{grid-template-columns:1fr}.hubV427 .hubExperienceCommandTitle{flex-wrap:wrap!important}.hubV427 .hubExperienceStatusPanel{flex-direction:column!important}.hubV427 .hubExperienceStatusActions{width:100%!important}.hubV427 .hubExperienceStyleChoices{grid-template-columns:1fr!important}}
@media(min-width:900px){.hubHomeV427{grid-template-columns:1.25fr 1fr;column-gap:28px}.hubGreeting,.hubHomeV427>.hubLaunchNotice,.hubHomeActions{grid-column:1/-1}.hubMyProjects{grid-column:1/-1}.hubHomeV427>.hubContinue{grid-column:1/-1}.hubBrowseCallout{align-self:start}.hubGreeting h1{max-width:none}.hubPlanHero{padding:30px}.hubPlanFacts{max-width:720px}.hubNavV427 button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hubV427 *,.hubGuestInviteOverlay *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hubPage.hubV427,.hubGuestInviteOverlay,.hubQuickEditOverlay,.hubProjectEditOverlay,.hubAddressOverlay,.hubCreateProjectOverlay{--appText:var(--hubInk);--appMuted:var(--hubMuted);--appPanel:#fff;--appBg:#f7f9ff;--appGlass:rgba(255,255,255,.82);--appLine:var(--hubBorder);--themeText:var(--hubInk);--themeMuted:var(--hubMuted);--themeCard:rgba(255,255,255,.85);--themeBorder:var(--hubBorder);--themePanel:#f7f9ff;color-scheme:light}
.findPage>.hubLaunchNotice{margin:12px 0 18px}.hubGuestRetry{min-height:44px;border:1px solid var(--hubBorder);border-radius:11px;background:var(--hubAccent);padding:0 10px;font:inherit;font-size:11px;color:var(--hubInk)}.hubDocumentShare{display:flex!important;align-items:center;gap:10px;font-size:13px!important}.hubDocumentShare input{width:20px;height:20px;accent-color:#6597ca}.hubDocumentOpen{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px;border:1px solid var(--hubBorder);border-radius:13px;text-decoration:none;background:var(--hubAccent);color:var(--hubInk);font-size:14px}.hubGuestStatus.is-pending{white-space:normal!important;text-align:center;max-width:86px}
html.infinisCustomerLight{--appBg:#f7f9ff;--appPanel:#fff;--appPanelSoft:#eef2ff;--appGlass:rgba(255,255,255,.76);--appGlassHard:rgba(255,255,255,.92);--appLine:rgba(24,34,60,.13);--appText:#172741;--appMuted:#626f85;--appSoft:#7a8192;--appIcon:#172741;--themeSurface:#fff;--themeSurfaceRaised:#fff;--themeSurfaceSoft:#f1f4fb;--themeSurfaceGlass:rgba(255,255,255,.88);--themeBorder:rgba(24,34,60,.12);--themeText:#172741;--themeMuted:#626f85;--themeShadow:0 14px 38px rgba(29,42,78,.09);--themeTopbar:rgba(255,255,255,.88);--themeNav:rgba(255,255,255,.93);color-scheme:light}
html.infinisCustomerLight,html.infinisCustomerLight body,html.infinisCustomerLight .app{background-color:#f7f9ff!important;color:var(--appText)!important}html.infinisCustomerLight body:before{opacity:.3!important}html.infinisCustomerLight .topbar{background:var(--themeTopbar)!important;box-shadow:0 6px 24px rgba(60,83,128,.06)!important;border-color:var(--themeBorder)!important}html.infinisCustomerLight .bottomnav{background:var(--themeNav)!important;box-shadow:0 -6px 24px rgba(60,83,128,.05)!important;border-color:var(--themeBorder)!important}html.infinisCustomerLight .bell,html.infinisCustomerLight .headerAction{color:var(--appText)!important;background:rgba(255,255,255,.82)!important;border-color:var(--themeBorder)!important}html.infinisCustomerLight .toast{background:#fff!important;color:var(--appText)!important;border:1px solid var(--themeBorder)!important}
.activeCartHeader{flex-wrap:wrap}.activeCartHeader>.hubLaunchNotice{flex-basis:100%;order:3;padding:12px 14px;margin:6px 0 0}.activeCartHeader>.hubLaunchNotice p{font-size:11px}.checkoutBody>.hubLaunchNotice{margin:0 0 18px}.activeCartPanel,.checkoutPanel{--appText:#172741;--appMuted:#626f85;--appBg:#f7f9ff;--appPanel:#fff;--appPanelSoft:#eef2ff;--appLine:var(--hubBorder);color-scheme:light}.activeCartHeader h2,.checkoutHeader h2{font-size:23px!important;letter-spacing:-.04em!important}.activeCartHeaderHint,.checkoutHeaderCopy p{font-size:12px!important;line-height:1.5!important}.activeCartPrimary,.checkoutPrimary{min-height:50px!important;font-size:14px!important;background:var(--hubAccent)!important;color:var(--hubInk)!important;border:1px solid var(--hubBorder)!important}.checkoutFormGrid input,.checkoutFormGrid select,.checkoutFormGrid textarea{font-size:16px!important}.checkoutSectionHeading h3{font-size:20px!important}.checkoutProgress button b{font-size:12px!important}.activeCartClear{min-height:44px!important;font-size:12px!important}.activeCartItem h3,.activeCartItem b{font-size:14px!important}.activeCartItem small{font-size:11px!important}
.hubManualAddress{margin-top:18px;padding:15px;border:1px solid var(--hubBorder);border-radius:18px;background:#fff;color:var(--hubInk)}.hubManualAddress summary{font-size:14px;font-weight:700;min-height:44px;display:list-item;cursor:pointer;padding:10px 0}.hubManualAddress p{font-size:12px;color:var(--hubMuted);line-height:1.5}.hubManualAddress label{display:grid;gap:7px;margin:13px 0;font-size:12px}.hubManualAddress input{width:100%;min-height:46px;padding:11px;border:1px solid var(--hubBorder);border-radius:12px;color:var(--hubInk);background:#f8faff;font:inherit;font-size:16px!important}

/* END assets/css/tabs/hub-customer.css */

/* BEGIN assets/css/core/customer-polish.css */
/* v0431: one customer-facing rhythm across the shell and event workspace. */
html.infinisCustomerLight {
  --appBlue: #438fca;
  --appPink: #d989b8;
  --appBlueGlass: rgba(67,143,202,.16);
  --appPinkGlass: rgba(217,137,184,.15);
  --appAccentGlass: linear-gradient(125deg,var(--appBlueGlass),var(--appPinkGlass));
  --hubAccent: linear-gradient(125deg,rgba(92,166,222,.17),rgba(227,152,195,.16));
  --hubSoft: #f3f6fc;
  --hubBorder: rgba(62,91,132,.14);
  --hubMuted: #5c6d84;
  --hubSurface: rgba(255,255,255,.83);
  --topH: 62px;
  --topMobH: 62px;
  --topRowH: 44px;
  --brandImgH: 27px;
  --customerRadius: 20px;
}
html.infinisCustomerLight .scroller {
  inset: calc(var(--topH) + var(--appSafeTop)) 0 calc(var(--bottomNavHeight,84px) + 6px);
  padding: 8px 0 18px;
  scroll-padding-top: 12px;
  scrollbar-gutter: stable;
}
html.infinisCustomerLight #tabMount {padding-top:0}
html.infinisCustomerLight .topbar {
  padding-inline: max(16px,env(safe-area-inset-left,0px));
}
html.infinisCustomerLight .toprow {max-width:1120px;gap:12px;min-width:0}
html.infinisCustomerLight .brand {min-width:0;justify-content:flex-start;flex:0 1 auto}
html.infinisCustomerLight .header-logo {max-width:min(37dvw,190px);filter:none}
html.infinisCustomerLight .topActions {gap:7px;flex-shrink:0}
html.infinisCustomerLight .headerAction {width:42px;height:42px;border-radius:14px!important;box-shadow:none}
html.infinisCustomerLight .bottomnav {
  width:min(650px,calc(100dvw - 24px));
  max-width:calc(100dvw - 24px);
  border-radius:22px 22px 0 0;
  padding:7px 7px calc(7px + var(--appSafeBottom));
  gap:4px;
}
html.infinisCustomerLight .navitem {
  min-width:0;min-height:53px;border-radius:15px;gap:6px;
  font-size:11px;font-weight:650;color:#6b7890;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
html.infinisCustomerLight .navitem i {font-size:20px;text-shadow:none!important}
html.infinisCustomerLight .navitem.active {background:var(--hubAccent);color:var(--hubInk)}
html.infinisCustomerLight .navitem.active i {color:#477ea8}
html.infinisCustomerLight .navitem:active {transform:scale(.96)}
html.infinisCustomerLight .navitem:focus-visible {outline:2px solid #438fca;outline-offset:1px}
.hubPage.hubV427,.hubPage.hubV427.isProjectWorkspace {
  width:min(1080px,calc(100dvw - 32px))!important;
  padding:6px 0 18px!important;
}
.hubHomeV427 {gap:17px;grid-template-columns:minmax(0,1fr)}
.hubGreeting {gap:12px;padding:5px 1px}
.hubGreeting small {font-size:10px;letter-spacing:.11em;font-weight:700}
.hubGreeting h1 {max-width:510px;font-size:clamp(27px,5.8dvw,37px);line-height:1.1;margin:9px 0 8px;font-weight:730}
.hubGreeting p {font-size:13px;max-width:380px;line-height:1.55}
.hubOrb {width:58px;height:58px;flex-basis:58px;border-radius:20px;font-size:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transform:rotate(-5deg)}
.hubLaunchNotice {padding:13px 15px;border-radius:17px;gap:11px;box-shadow:none;margin:0}
.hubLaunchNotice>span {width:30px;height:30px;flex:0 0 30px;font-size:18px}
.hubLaunchNotice b {font-size:13px;line-height:1.4;font-weight:700}
.hubLaunchNotice p {font-size:12px!important;line-height:1.5!important;margin:4px 0 0!important}
.hubHomeActions {gap:10px}
.hubHomeActions button {min-height:51px;gap:9px;padding:11px 12px;border-radius:15px;font-size:13px;font-weight:700;box-shadow:none}
.hubHomeActions button i {font-size:17px}
.hubHomeActions button:first-child {background:var(--hubAccent)}
.hubHomeActions button span {line-height:1.35}
.hubContinue {padding:15px;border-radius:var(--customerRadius);gap:12px;box-shadow:none}
.hubContinue small {font-size:9px;letter-spacing:.09em;line-height:1.5}
.hubContinue b {font-size:17px;margin-top:5px;line-height:1.3}
.hubContinue em {font-size:12px;line-height:1.5}
.hubMiniArt {width:43px;height:48px;border-radius:14px;flex:0 0 43px;font-size:22px}
.hubSectionHeading {margin-bottom:12px;gap:12px}
.hubSectionHeading h2 {font-size:18px;margin:0;line-height:1.3;font-weight:700}
.hubSectionHeading small {font-size:11px}
.hubProjectListV427 {gap:9px}
.hubProjectTile {padding:13px;min-height:86px;border-radius:17px;gap:12px;box-shadow:0 3px 12px rgba(47,71,112,.025)}
.hubProjectTile b {font-size:14px;line-height:1.35;font-weight:700}
.hubProjectTile small,.hubProjectTile em {font-size:11px;line-height:1.4}
.hubTileIcon {width:43px;height:48px;border-radius:13px;flex:0 0 43px;font-size:21px;background-size:cover;background-position:center}
.hubTileIcon.hasCover i {display:none}
.hubTileIcon {overflow:hidden}
.hubTileIcon img {display:block;width:100%;height:100%;object-fit:cover}
.hubEmptyV427 {padding:25px 18px;border-radius:var(--customerRadius);gap:12px}
.hubEmptyV427 h2,.hubEmptyV427 h3 {font-size:21px;line-height:1.25;margin:0}
.hubEmptyV427 p {font-size:13px;line-height:1.55;margin:5px 0 0;max-width:330px;margin-inline:auto}
.hubIdeaGrid {gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hubIdeaGrid button {min-height:59px;padding:11px 12px;border-radius:15px;gap:8px}
.hubIdeaGrid button>span {width:30px;height:34px;flex-basis:30px;font-size:17px;border-radius:11px}
.hubIdeaGrid b {font-size:12px;font-weight:650}
.hubBrowseCallout {padding:16px;gap:12px;border-radius:var(--customerRadius);grid-template-columns:32px minmax(0,1fr) 16px}
.hubBrowseCallout b {font-size:15px}
.hubBrowseCallout p {font-size:12px;line-height:1.5;margin-top:5px}
.hubWorkspaceHeader {gap:10px;padding:3px 0 12px}
.hubWorkspaceHeader small {font-size:9px;line-height:1.5}
.hubWorkspaceHeader h1 {font-size:clamp(20px,4.5dvw,27px);line-height:1.2;letter-spacing:-.035em;margin-top:4px}
.hubWorkspaceHeader>button {border-radius:13px;width:44px;flex-basis:44px;min-height:44px}
.hubNavV427 {top:0!important;padding:5px;gap:3px;margin:0 0 15px;border-radius:17px;background:rgba(249,251,255,.85);box-shadow:0 5px 18px rgba(42,68,110,.04)}
.hubNavV427 button {min-height:52px;gap:5px;font-size:11px;border-radius:12px;font-weight:650}
.hubMoreGrid {padding:10px;gap:7px;margin-bottom:15px;border-radius:18px}
.hubMoreGrid button {min-height:64px;gap:7px;font-size:11px;border-radius:12px}
.hubMoreGrid button i {font-size:18px}
.hubProjectPanels,.hubProjectPanel.isActive {gap:15px!important}
.hubPlanHero {padding:21px 19px;border-radius:var(--customerRadius);box-shadow:none}
.hubPlanHero h2 {font-size:clamp(24px,5dvw,32px);line-height:1.15;margin:9px 0}
.hubPlanHero>p {font-size:13px;line-height:1.55;margin:0;max-width:420px}
.hubPlanEyebrow {font-size:10px;letter-spacing:.1em}
.hubPlanFacts {margin-top:17px;gap:8px}
.hubPlanFacts button {padding:12px;gap:10px;border-radius:14px}
.hubPlanFacts b {font-size:13px;line-height:1.45;margin:4px 0}
.hubPlanFacts small {font-size:10px}
.hubPlanFacts em {font-size:11px;line-height:1.4}
.hubPlanFacts i {font-size:19px}
.hubNextSteps {margin:0}
.hubNextGrid {gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hubNextGrid button {min-height:116px;padding:14px;border-radius:18px;gap:8px}
.hubNextGrid button>span {width:33px;height:33px;border-radius:11px;font-size:18px;margin:0}
.hubNextGrid b {font-size:13px;line-height:1.35;margin:0;font-weight:700}
.hubNextGrid small {font-size:11px;line-height:1.45}
.hubSnapshotGrid {gap:8px}
.hubSnapshotGrid button {padding:13px;border-radius:16px;min-height:84px;box-shadow:none}
.hubSnapshotGrid b {font-size:21px;line-height:1.2}
.hubSnapshotGrid small {font-size:11px;line-height:1.5}
.hubV427 .hubSection {padding:17px!important;border-radius:var(--customerRadius)!important;box-shadow:0 5px 18px rgba(42,68,110,.035)!important}
.hubV427 .hubSectionHead {gap:12px;margin-bottom:15px!important}
.hubV427 .hubSectionHead h2 {font-size:19px!important;line-height:1.3!important;font-weight:700}
.hubV427 .hubSectionHead p {font-size:13px!important;line-height:1.55;margin:6px 0 0!important}
.hubV427 .hubSectionHead small {font-size:10px!important;letter-spacing:.08em}
.hubV427 .hubSectionAdd,.hubV427 .hubTextButton {font-size:12px!important;border-radius:12px!important;padding:10px 12px!important;min-height:44px!important}
.hubV427 .hubWorkspaceEmpty {padding:25px 14px!important;min-height:0!important;border-radius:16px!important}
.hubV427 .hubWorkspaceEmpty h3 {font-size:20px!important;margin:12px 0 8px!important}
.hubV427 .hubWorkspaceEmpty p {font-size:13px!important;line-height:1.6!important;max-width:390px!important}
.hubV427 .hubWorkspaceEmpty button {min-height:46px!important;font-size:13px!important;padding:11px 16px!important;border-radius:13px!important}
.hubV427 .hubCollectionGrid {gap:10px!important}
.hubV427 .hubCollectionCard {padding:15px!important;border-radius:16px!important}
.hubV427 .hubChecklistItem {padding:13px!important;border-radius:15px!important;min-height:65px!important;gap:10px!important}
.hubV427 .hubCollectionCard b,.hubV427 .hubChecklistItem b {font-size:14px!important;line-height:1.4!important}
.hubV427 .hubCollectionCard p,.hubV427 .hubChecklistItem small {font-size:12px!important;line-height:1.5!important}
.hubV427 .hubGuestRoster article {padding:12px!important;min-height:76px!important;border-radius:16px!important;gap:11px!important}
.hubV427 .hubGuestRoster article>div:nth-child(2) {flex:1;min-width:0}
.hubV427 .hubGuestRoster article b,.hubV427 .hubGuestRoster article small {overflow-wrap:anywhere}
.hubV427 .hubGuestRosterActions {gap:6px!important;flex:0 0 auto!important}
.hubV427 .hubGuestStatus {font-size:10px!important;padding:7px 8px!important;line-height:1.3!important;max-width:80px;white-space:normal!important}
.hubV427 .hubGuestMenuButton {width:40px!important;height:44px!important;min-height:44px!important}
.hubV427 .hubGuestAvatar {width:39px!important;height:39px!important;flex:0 0 39px!important}
.hubRentalButtons {margin-top:16px;gap:8px;grid-template-columns:1fr 1fr}
.hubRentalButtons button {min-height:47px;font-size:12px;padding:11px;border-radius:13px}
.hubRentalPlan>p {font-size:13px;line-height:1.55}
.hubGuestInvitePanel .hubGuestInviteHead {padding:18px 18px 12px!important}
.hubGuestInviteBody {padding:0 18px 15px!important}
.hubInvitePreview {padding:21px 17px;border-radius:20px;margin-bottom:15px;background:linear-gradient(140deg,rgba(97,173,226,.14),rgba(230,169,203,.18))}
.hubInvitePreview h3 {font-size:26px;font-family:Georgia,"Iowan Old Style",serif;font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:13px 0 10px}
.hubInvitePreview p {font-size:12px;line-height:1.7}
.hubGuestInvitePanel footer {padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))!important}
.hubGuestResult {border-radius:14px!important;min-height:68px!important}
.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel,.hubCreateProjectPanel {border-radius:22px!important;box-shadow:0 24px 75px rgba(31,53,92,.17)!important}
.activeCartHeader,.checkoutHeader {padding:18px!important;gap:12px!important}
.activeCartHeader h2,.checkoutHeader h2 {font-size:22px!important;line-height:1.2!important}
.activeCartHeaderHint,.checkoutHeaderCopy p {line-height:1.5!important;font-size:12px!important;margin-top:6px!important}
.activeCartHeader>.hubLaunchNotice {padding:11px 13px;margin-top:4px}
.activeCartBody,.checkoutBody {padding:17px!important;scrollbar-gutter:stable}
.checkoutSectionHeading {gap:12px!important;margin-bottom:16px!important}
.checkoutSectionHeading h3 {font-size:21px!important;line-height:1.25!important}
.checkoutSectionHeading p {font-size:13px!important;line-height:1.55!important}
.checkoutLocationCard,.checkoutPhoneCard,.checkoutEventCard {border-radius:18px!important;padding:15px!important}
.checkoutFormGrid input,.checkoutFormGrid select,.checkoutFormGrid textarea,.checkoutPremiumField input {font-size:16px!important;min-height:46px!important;border-radius:12px!important}
.checkoutProgress {gap:5px!important;padding:9px 15px!important}
.checkoutProgress button {border-radius:13px!important;min-height:57px!important;min-width:0!important}
.checkoutProgress button b {font-size:11px!important;line-height:1.35!important}
.checkoutProgress button small {font-size:10px!important;line-height:1.4!important}
.activeCartFooter,.checkoutFooter {padding:13px 17px calc(13px + env(safe-area-inset-bottom,0px))!important;gap:10px!important}
.activeCartPrimary,.checkoutPrimary {min-height:48px!important;border-radius:14px!important;font-size:13px!important;font-weight:700!important}
.checkoutSecondary {min-height:46px!important;border-radius:13px!important;font-size:12px!important}
.findPage>.hubLaunchNotice {margin:4px 0 16px}
html.infinisCustomerLight .toast {border-radius:16px!important;box-shadow:0 12px 36px rgba(35,57,95,.13)!important}
@media (max-width:600px) {
  html.infinisCustomerLight {--topH:58px;--topMobH:58px;--brandImgH:25px}
  html.infinisCustomerLight .bottomnav {width:100dvw;max-width:100dvw;border-radius:20px 20px 0 0;border-inline:0}
  html.infinisCustomerLight .navitem {font-size:10px;min-height:51px}
  .hubHomeV427 {gap:15px}
  .hubGreeting h1 {max-width:260px;font-size:29px}
  .hubGreeting p {font-size:12px;max-width:265px}
  .hubOrb {width:48px;height:48px;flex-basis:48px;border-radius:17px;font-size:27px}
  .hubProjectListV427 {grid-template-columns:minmax(0,1fr)}
  .hubHomeActions button {font-size:12px;min-height:50px}
  .hubNavV427 button {flex-direction:column;min-height:54px;font-size:10px;gap:5px}
  .hubPlanFacts {grid-template-columns:minmax(0,1fr)}
  .hubPlanHero {padding:19px 16px}
  .hubPlanHero h2 {font-size:25px}
  .hubNextGrid button {padding:13px;min-height:115px}
  .hubV427 .hubSectionHead {flex-wrap:wrap!important}
  .hubV427 .hubGuestRoster article {flex-wrap:wrap!important}
  .hubV427 .hubGuestRosterActions {margin-left:auto!important}
  .hubRentalButtons {grid-template-columns:minmax(0,1fr)}
  .checkoutProgress button small {display:none!important}
  .checkoutProgress {padding:8px 12px!important}
  .checkoutSectionHeading h3 {font-size:20px!important}
  .checkoutFooterStep {display:none!important}
  .checkoutFooter {grid-template-columns:auto minmax(0,1fr)!important}
  .activeCartBody,.checkoutBody {padding:15px!important}
  .activeCartHeader,.checkoutHeader {padding:16px!important}
}
@media (max-width:359px) {
  .hubPage.hubV427,.hubPage.hubV427.isProjectWorkspace {width:calc(100dvw - 24px)!important}
  .hubGreeting h1 {font-size:26px}
  .hubOrb {display:none}
  .hubHomeActions button {padding:10px 8px;font-size:11px;gap:6px}
  .hubMoreGrid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hubIdeaGrid b {font-size:11px}
}
@media (min-width:760px) {
  .hubHomeV427 {grid-template-columns:1.25fr 1fr;gap:20px 24px}
  .hubGreeting,.hubHomeV427>.hubLaunchNotice,.hubHomeActions,.hubMyProjects,.hubHomeV427>.hubContinue {grid-column:1/-1}
  .hubHomeActions {grid-template-columns:220px 220px;justify-content:start}
  .hubProjectListV427 {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hubIdeaGrid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hubBrowseCallout {align-self:start}
  .hubGreeting h1 {max-width:none}
  .hubPlanFacts {grid-template-columns:1fr 1fr}
  .hubNextGrid {grid-template-columns:repeat(4,minmax(0,1fr))}
  .hubNavV427 button {font-size:13px;min-height:45px}
  .hubPlanHero {padding:26px}
  .hubV427 .hubSection {padding:21px!important}
}
@media (prefers-reduced-motion:reduce) {
  html.infinisCustomerLight .navitem,.hubV427 * {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* END assets/css/core/customer-polish.css */

/* BEGIN assets/css/core/customer-scene.css */
/* v0432: shared customer scenery. Keep every Nebula gradient translucent. */
.infinisScene{
 --sceneInk:var(--hubInk,#24364d);--sceneMuted:var(--hubMuted,#5c6d84);
 --sceneLine:rgba(62,91,132,.13);--sceneSurface:rgba(255,255,255,.82);
 --sceneSoft:rgba(243,246,252,.74);--sceneBlue:#397cae;
 --sceneAccent:linear-gradient(125deg,rgba(92,166,222,.17),rgba(227,152,195,.16));
 --sceneGlow:linear-gradient(130deg,rgba(140,191,232,.18),rgba(232,178,211,.18));
 color:var(--sceneInk);font-family:var(--appFont,system-ui);font-size:14px;line-height:1.5;
}
.infinisScene.scenePage{box-sizing:border-box;width:min(1080px,calc(100dvw - 32px))!important;max-width:100%;margin:0 auto;padding:6px 0 22px!important;display:grid;gap:20px;min-width:0}
.infinisScene *{box-sizing:border-box;min-width:0}
.infinisScene h1,.infinisScene h2,.infinisScene h3,.infinisScene p{overflow-wrap:anywhere}
.infinisScene button,.infinisScene input,.infinisScene select,.infinisScene textarea{font-family:inherit}
.infinisScene button{cursor:pointer;touch-action:manipulation;color:inherit}
.infinisScene button:disabled{opacity:.55;cursor:wait}
.infinisScene button:focus-visible,.infinisScene a:focus-visible{outline:2px solid var(--sceneBlue);outline-offset:4px}
.infinisScene [hidden]{display:none!important}
.sceneHeading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 1px}
.sceneHeading small,.sceneSectionHeading small{display:block;font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--sceneMuted)}
.sceneHeading h1{font-size:clamp(28px,5.8dvw,37px);font-weight:730;letter-spacing:-.04em;line-height:1.1;margin:8px 0 0}
.sceneHeading p{margin:8px 0 0;color:var(--sceneMuted);font-size:13px}
.sceneOrb{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:20px;background:var(--sceneAccent);border:1px solid rgba(255,255,255,.6);transform:rotate(-5deg);font-size:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.sceneGate,.auraSceneHero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;overflow:hidden;border:1px solid var(--sceneLine);border-radius:24px;background:var(--sceneSurface);padding:38px;gap:26px;box-shadow:0 8px 32px rgba(46,75,113,.035)}
.sceneGate:before,.auraSceneHero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 96% 14%,rgba(224,168,207,.12),transparent 64%),radial-gradient(ellipse at 42% 90%,rgba(121,182,224,.1),transparent 62%)}
.sceneGateCopy,.auraSceneCopy{position:relative;z-index:1}
.scenePill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:var(--sceneAccent);border:1px solid var(--sceneLine);border-radius:99px;font-size:11px;font-weight:650;line-height:1.5;max-width:100%}
.scenePill.isQuiet{background:var(--sceneSoft);font-size:9px;letter-spacing:.06em}
.sceneGateCopy h2,.auraSceneCopy h2{font-size:clamp(29px,4.1vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.047em;margin:23px 0 17px}
.sceneGateCopy>p,.auraSceneCopy>p{font-size:14px;color:var(--sceneMuted);max-width:450px;line-height:1.7;margin:0}
.sceneActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.infinisScene .sceneButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--sceneLine);border-radius:14px;min-height:46px;padding:11px 15px;background:var(--sceneSurface);font-size:13px;font-weight:680;line-height:1.4;text-decoration:none;box-shadow:none}
.infinisScene .sceneButton.isPrimary{background:var(--sceneAccent);color:var(--sceneInk)}
.infinisScene .sceneButton.isDanger{color:#a6374d;background:rgba(200,89,117,.07)}
.infinisScene .sceneButton.isSmall{min-height:40px;padding:9px 12px;font-size:12px}
.sceneButton:active{transform:translateY(1px)}
.scenePrivacy{display:flex;align-items:flex-start;gap:7px;max-width:390px;margin-top:17px;font-size:10px;color:var(--sceneMuted);line-height:1.6}
.scenePrivacy i{font-size:13px;flex:none}
.sceneGateArt{height:300px;position:relative;width:100%;max-width:350px;margin:auto;isolation:isolate}
.sceneArtGlow{position:absolute;inset:10% -4%;background:var(--sceneGlow);filter:blur(28px);border-radius:50%;z-index:-1}
.sceneArtCard{position:absolute;border:1px solid rgba(130,154,181,.19);background:var(--sceneSurface);box-shadow:0 14px 35px rgba(48,72,107,.07);border-radius:22px}
.sceneArtBack{width:85%;height:146px;top:17px;right:0;transform:rotate(6deg);padding:17px;display:flex;align-items:flex-start;gap:10px;color:var(--sceneMuted);font-size:12px}
.sceneArtBack>i{font-size:20px;color:var(--sceneBlue)}
.sceneArtFront{top:86px;left:8px;width:83%;height:171px;transform:rotate(-5deg);padding:22px;background:linear-gradient(130deg,rgba(185,217,241,.36),rgba(237,207,227,.34)),var(--sceneSurface)}
.sceneArtIcon{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:rgba(255,255,255,.64);font-size:20px;margin-bottom:10px}
.sceneArtFront b{font-size:20px;letter-spacing:-.035em;line-height:1.2;font-weight:670}
.sceneArtDots{position:absolute;top:22px;right:20px;display:flex}
.sceneArtDots span{width:24px;height:24px;border:2px solid rgba(255,255,255,.85);margin-left:-5px;border-radius:50%;background:rgba(130,174,209,.56)}
.sceneArtDots span:nth-child(2){background:rgba(204,162,193,.57)}.sceneArtDots span:nth-child(3){background:rgba(158,172,215,.6)}
.sceneArtLabel{position:absolute;bottom:6px;right:4px;display:flex;align-items:center;gap:7px;border:1px solid var(--sceneLine);border-radius:99px;padding:8px 13px;background:var(--sceneSurface);font-size:11px;color:var(--sceneMuted)}
.sceneFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.infinisScene .sceneFeature{display:block;text-align:left;padding:21px;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:20px;color:var(--sceneInk);box-shadow:none}
.sceneFeature>span:first-child{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--sceneAccent);font-size:19px}
.sceneFeature h3{margin:19px 0 8px;font-size:15px;letter-spacing:-.02em;line-height:1.3;font-weight:690}
.sceneFeature p{font-size:12px;color:var(--sceneMuted);line-height:1.65;margin:0}
.sceneLaunchWrap .hubLaunchNotice{margin:0;border:1px solid var(--sceneLine);background:var(--sceneSoft);border-radius:18px;box-shadow:none}
.sceneSectionHeading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px}
.sceneSectionHeading h2{margin:7px 0 0;font-size:20px;letter-spacing:-.03em;line-height:1.25}
.sceneEmpty{padding:30px 20px;border:1px dashed var(--sceneLine);border-radius:20px;text-align:center;background:var(--sceneSoft)}
.sceneEmpty>i{display:block;font-size:27px;color:var(--sceneBlue);margin:0 0 11px}
.sceneEmpty h3{margin:0 0 7px;font-size:17px}.sceneEmpty p{color:var(--sceneMuted);font-size:13px;max-width:350px;margin:0 auto;line-height:1.65}.sceneEmpty .sceneButton{margin-top:16px}
.sceneError{padding:14px 16px;border:1px solid rgba(177,60,90,.2);border-radius:14px;color:#9b3049;background:rgba(198,77,113,.055);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.sceneNote{padding:12px 14px;background:var(--sceneAccent);border:1px solid var(--sceneLine);border-radius:13px;font-size:12px;color:var(--sceneMuted);line-height:1.6}
@media(max-width:760px){
 .sceneGate,.auraSceneHero{grid-template-columns:1fr;padding:25px;gap:12px}
 .sceneGateArt{height:192px;max-width:260px;margin:0 auto 0}.sceneArtBack{height:98px;top:12px}.sceneArtFront{height:126px;top:48px;padding:16px}.sceneArtIcon{width:30px;height:30px;margin-bottom:6px;font-size:16px}.sceneArtFront b{font-size:17px}.sceneArtDots{top:17px;right:13px}.sceneArtLabel{bottom:-1px;right:-8px;font-size:9px;padding:6px 10px}
 .sceneGateCopy h2,.auraSceneCopy h2{margin:18px 0 13px;font-size:clamp(29px,7vw,38px)}
 .sceneFeatureGrid{gap:9px}.infinisScene .sceneFeature{padding:15px}.sceneFeature h3{font-size:13px;margin-top:15px}.sceneFeature p{font-size:11px}
}
@media(max-width:480px){
 .infinisScene.scenePage{gap:16px}.sceneGate,.auraSceneHero{padding:21px;border-radius:21px}.sceneGateCopy>p,.auraSceneCopy>p{font-size:13px}
 .sceneActions{gap:8px;margin-top:20px}.sceneActions .sceneButton{flex:1 1 auto;font-size:12px;padding:10px 12px}
 .scenePrivacy{font-size:10px}.scenePill{font-size:10px}
 .sceneFeatureGrid{grid-template-columns:1fr}.infinisScene .sceneFeature{padding:16px 17px;display:grid;grid-template-columns:39px 1fr;column-gap:12px;align-items:start;border-radius:17px}.sceneFeature>span:first-child{grid-row:1/3}.sceneFeature h3{margin:0 0 5px;font-size:14px}.sceneFeature p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.infinisScene *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.hubPage .hubBubblePartyLink{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;min-height:40px;margin-top:12px;border:1px solid rgba(62,91,132,.14);border-radius:12px;background:linear-gradient(125deg,rgba(92,166,222,.17),rgba(227,152,195,.16));color:#365d7c;font-size:12px;font-weight:650}

/* END assets/css/core/customer-scene.css */

/* BEGIN assets/css/tabs/aura.css */
/* Aura shares the v0432 customer scene; no opaque Nebula fills. */
.auraSceneArt{position:relative;min-height:330px;isolation:isolate}
.auraSceneArt:before{content:"";position:absolute;inset:10%;border-radius:50%;background:var(--sceneGlow);filter:blur(30px);z-index:-1}
.auraSceneBrand{position:absolute;top:38%;left:38%;width:85px;height:85px;display:block;border-radius:25px;overflow:hidden;border:1px solid var(--sceneLine);box-shadow:0 15px 35px rgba(63,85,110,.07);transform:rotate(-6deg);background:var(--sceneSurface)}
.auraSceneBrand img{display:block;width:100%;height:100%;object-fit:contain}
.auraSceneOrbit{position:absolute;inset:40px 18px 38px;border:1px dashed rgba(92,132,168,.23);border-radius:50%;transform:rotate(-17deg)}
.auraSceneTile{position:absolute;padding:15px 18px;border:1px solid var(--sceneLine);border-radius:18px;display:flex;align-items:center;gap:10px;background:var(--sceneSurface);box-shadow:0 8px 22px rgba(49,75,107,.04);font-size:12px}
.auraSceneTile i{font-size:21px;color:var(--sceneBlue)}.auraSceneTile b{font-weight:620}
.auraSceneTile.isSetting{left:3%;top:15%;transform:rotate(-5deg)}.auraSceneTile.isPeople{right:-1%;top:46%;transform:rotate(5deg)}.auraSceneTile.isMoment{left:6%;bottom:14%;transform:rotate(-3deg)}
.auraSceneSignature{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.015em;color:var(--sceneMuted)}
.auraJourney{padding-top:3px}.auraJourney .sceneFeature{position:relative}
.auraStep{display:block;color:var(--sceneMuted);font-size:9px;letter-spacing:.1em;font-weight:650;margin-top:19px}
.auraJourney .sceneFeature h3{margin-top:7px}.auraJourneyLink em{font-size:12px;font-weight:650;font-style:normal;display:flex;justify-content:space-between;gap:12px;color:var(--sceneBlue);margin-top:20px}
.auraJourneyLink:hover{border-color:rgba(81,137,180,.35)}
.auraNextChapter{border:1px solid var(--sceneLine);border-radius:21px;background:var(--sceneSoft);padding:23px;display:flex;align-items:flex-start;gap:18px}
.auraNextIcon{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:15px;background:var(--sceneAccent);font-size:23px}
.auraNextChapter h2{font-size:20px;letter-spacing:-.035em;margin:11px 0 9px}.auraNextChapter p{margin:0;color:var(--sceneMuted);font-size:13px;line-height:1.7;max-width:760px}
@media(max-width:760px){.auraSceneArt{width:min(320px,100%);margin:auto;min-height:250px}.auraSceneBrand{width:68px;height:68px;border-radius:20px}.auraSceneTile{padding:12px 14px;font-size:11px}.auraSceneSignature{font-size:10px}}
@media(max-width:480px){
 .infinisScene .auraJourney .sceneFeature{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:14px;row-gap:0;padding:18px 18px 17px;align-items:start;overflow:hidden}
 .infinisScene .auraJourney .sceneFeature>span:first-child{grid-column:1;grid-row:1/5;float:none;width:44px;height:44px;border-radius:14px;margin:0}
 .infinisScene .auraJourney .auraStep{grid-column:2;grid-row:1;margin:1px 0 0;font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
 .infinisScene .auraJourney .sceneFeature h3{grid-column:2;grid-row:2;font-size:18px;line-height:1.2;margin:8px 0 8px;overflow-wrap:normal;word-break:normal}
 .infinisScene .auraJourney .sceneFeature p{grid-column:2;grid-row:3;margin:0;font-size:12.5px;line-height:1.55;overflow-wrap:normal;word-break:normal;hyphens:none}
 .infinisScene .auraJourney .auraJourneyLink em{grid-column:2;grid-row:4;margin-top:14px;width:100%;font-size:12.5px;line-height:1.35;align-items:center;overflow-wrap:normal;word-break:normal}
 .auraNextChapter{padding:19px;gap:12px}.auraNextIcon{width:36px;height:36px;flex-basis:36px;font-size:20px;border-radius:12px}.auraNextChapter h2{font-size:18px}.auraNextChapter p{font-size:12px}
}

/* END assets/css/tabs/aura.css */

/* BEGIN assets/css/tabs/bubble-social.css */
/* v0432: working social surfaces, sharing Hub/Aura's customer scene. */
.bubbleSocialPage .sceneHeading{margin:0}.bubblePeopleButton{border:1px solid var(--sceneLine);cursor:pointer}
.bubbleSocialComposer{padding:16px;border:1px solid var(--sceneLine);border-radius:20px;background:var(--sceneSurface)}
.bubbleWritePrompt{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:0;color:var(--sceneMuted)!important;font-size:13px}
.bubbleWritePrompt>span:nth-child(2){flex:1}.bubbleWritePrompt>i{font-size:17px;color:var(--sceneBlue)}
.bubbleSocialAvatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:14px;background:var(--sceneAccent);font-size:16px;font-weight:700;color:var(--sceneInk)}
.bubbleComposeFooter{margin-top:14px;border-top:1px solid var(--sceneLine);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bubbleComposeFooter>span{font-size:10px;color:var(--sceneMuted);display:flex;gap:6px;align-items:center}
.bubbleSocialTabs{display:flex;gap:5px;padding:5px;border:1px solid var(--sceneLine);border-radius:16px;background:var(--sceneSurface);overflow:auto;scrollbar-width:none}
.bubbleSocialTabs::-webkit-scrollbar{display:none}
.bubbleSocialTabs button{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:0;border-radius:12px;background:transparent;padding:11px 14px;min-height:44px;font-size:12px;font-weight:680;color:var(--sceneMuted)}
.bubbleSocialTabs button[aria-pressed="true"]{background:var(--sceneAccent);color:var(--sceneInk)}
.bubbleSocialTabs [data-inbox-count]{display:grid;place-items:center;min-width:19px;height:19px;padding:1px 5px;font-size:10px;border-radius:50px;background:rgba(77,130,171,.15);color:var(--sceneBlue)}
.bubbleLiveDot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#4c9478;box-shadow:0 0 0 3px rgba(76,148,120,.09)}
.bubbleSocialToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-3px}
.bubbleSubFilters{display:flex;gap:6px;flex-wrap:wrap}.bubbleSubFilters button{min-height:38px;padding:8px 11px;font-size:11px;font-weight:600;background:transparent;border:1px solid transparent;border-radius:99px;color:var(--sceneMuted)}
.bubbleSubFilters button[aria-pressed="true"]{border-color:var(--sceneLine);background:var(--sceneSurface);color:var(--sceneInk)}
.bubbleIconButton{display:inline-grid;place-items:center;flex:0 0 40px;min-width:40px;width:40px;height:40px;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:13px;padding:0;font-size:16px;color:var(--sceneMuted)!important}
.bubblePartyFilters{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.bubbleSocialSearch{display:flex;align-items:center;gap:8px;flex:1;padding:0 12px;min-width:0;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:13px;color:var(--sceneMuted)}
.bubbleSocialSearch input{padding:10px 0;min-height:43px;border:0;background:transparent;color:var(--sceneInk);width:100%;font-size:16px;outline-offset:2px}
.bubblePartyFilters select{max-width:190px;min-width:0;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:13px;padding:10px 9px;min-height:44px;color:var(--sceneInk);font-size:12px}
.bubbleToolbarLabel{font-size:12px;font-weight:600;color:var(--sceneMuted)}
.bubbleSocialContent{display:grid;gap:15px;align-items:start;min-width:0}.bubbleSocialContent:empty,[data-social-status]:empty{display:none}
.bubblePostGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bubblePartyGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.bubbleSocialContent>.sceneEmpty,.bubbleSocialContent>.sceneError,.bubbleSocialContent>.bubbleSocialLoading{grid-column:1/-1}
.bubbleSocialLoading{padding:32px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--sceneMuted);font-size:13px;min-height:120px}
.bubbleSocialLoading>span{width:18px;height:18px;border:2px solid var(--sceneLine);border-top-color:var(--sceneBlue);border-radius:50%;animation:bubbleSocialSpin .8s linear infinite}
@keyframes bubbleSocialSpin{to{transform:rotate(360deg)}}
.bubbleSocialPost{overflow:hidden;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:20px;padding:18px;min-width:0}
.bubbleSocialPost>header{display:flex;gap:10px;align-items:center;margin:0 0 15px}.bubbleSocialPost>header>div{flex:1;min-width:0}.bubbleSocialPost>header b{font-size:13px;font-weight:700}.bubbleSocialPost>header small{display:block;color:var(--sceneMuted);font-size:10px;line-height:1.6;margin-top:2px}.bubbleSocialPost>header small>span{padding:0 4px}.bubbleSocialPost>header .bubbleIconButton{border:0;background:transparent;width:36px;flex-basis:36px}
.bubblePostText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;color:var(--sceneInk)}
.bubblePostTags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;margin-top:15px;color:var(--sceneBlue)}.bubblePostTags span{padding:4px 7px;border:1px solid var(--sceneLine);border-radius:99px;background:var(--sceneSoft)}
.bubblePostParty{display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--sceneLine);border-radius:15px;padding:13px;margin-top:16px;text-align:left;background:var(--sceneAccent)}.bubblePostParty>span{width:33px;height:38px;flex:0 0 33px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.48);font-size:19px}.bubblePostParty>div{flex:1}.bubblePostParty small{display:block;color:var(--sceneMuted);font-size:9px;margin-bottom:3px}.bubblePostParty b{display:block;font-size:13px;line-height:1.4}
.bubbleSocialPost>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--sceneLine);margin-top:18px;padding-top:11px}.bubbleSocialPost>footer>span{font-size:9px;color:var(--sceneMuted);display:flex;gap:5px;align-items:center}.bubbleSocialPost>footer button{display:flex;align-items:center;gap:6px;min-height:37px;border:0;background:transparent;font-size:11px;font-weight:650;padding:4px 7px}
.bubblePartyCard{border:1px solid var(--sceneLine);border-radius:21px;overflow:hidden;background:var(--sceneSurface)}
.bubblePartyCover{position:relative;min-height:130px;width:100%;padding:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--sceneAccent);border:0;overflow:hidden;text-align:left}
.bubblePartyCover:after{content:"";position:absolute;width:120px;height:120px;right:5px;bottom:-45px;border:1px solid rgba(114,154,190,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(178,197,223,.05),0 0 0 58px rgba(178,197,223,.04);pointer-events:none}
.bubblePartyDate{width:48px;min-height:62px;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:rgba(255,255,255,.54);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.bubblePartyDate small{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.bubblePartyDate b{font-size:25px;line-height:1.15;font-weight:650}.bubblePartyCover .scenePill{background:rgba(255,255,255,.58);font-size:9px;padding:5px 8px;white-space:nowrap}
.bubblePartyArt{position:absolute;bottom:12px;right:25px;font-size:43px;color:rgba(128,155,186,.25);transform:rotate(10deg)}
.bubblePartyCopy{padding:17px}.bubblePartyCopy>small{display:block;font-size:8px;letter-spacing:.1em;color:var(--sceneMuted);font-weight:650}.bubblePartyCopy h2{margin:8px 0;font-size:20px;letter-spacing:-.035em;line-height:1.2}.bubblePartyCopy h2 button{padding:0;border:0;background:transparent;text-align:left;font:inherit;font-weight:700}.bubblePartyCopy>p{margin:0;color:var(--sceneMuted);font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.bubblePartyMeta{display:grid;gap:5px;margin-top:15px}.bubblePartyMeta span{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--sceneMuted)}.bubblePartyMeta i{font-size:12px}
.bubblePartyCopy>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--sceneLine)}.bubblePartyCopy>footer>span{font-size:10px;font-weight:650;color:var(--sceneBlue)}
.bubbleInboxCard{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--sceneLine);border-radius:20px;padding:20px;background:var(--sceneSurface)}.bubbleInboxIcon{width:43px;height:46px;flex:0 0 43px;border-radius:15px;display:grid;place-items:center;background:var(--sceneAccent);font-size:22px}.bubbleInboxCard>div{flex:1}.bubbleInboxCard small{font-size:11px;color:var(--sceneMuted)}.bubbleInboxCard h2{font-size:19px;letter-spacing:-.03em;margin:6px 0 10px}.bubbleInboxCard h2 button{font:inherit;font-weight:700;border:0;background:transparent;padding:0;text-align:left}.bubbleInboxCard p{font-size:12px;color:var(--sceneMuted);line-height:1.6;margin:9px 0}.bubbleInboxActions{display:flex;gap:7px;flex-wrap:wrap}.bubbleInboxCard [data-card-error]:not(:empty){margin-top:12px}
.bubbleLoadMore{justify-self:center}
.bubbleSocialDialog{padding:0;border:1px solid rgba(112,144,179,.25);border-radius:24px;width:min(640px,calc(100dvw - 26px));max-width:calc(100dvw - 26px);max-height:min(88dvh,920px);overflow:auto;background:#f7f9fd;box-shadow:0 24px 80px rgba(30,55,86,.16);color:var(--sceneInk);overscroll-behavior:contain;margin:auto}
.bubbleSocialDialog::backdrop{background:rgba(33,51,73,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bubbleSocialDialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid var(--sceneLine);background:rgba(247,249,253,.96);position:sticky;top:0;z-index:2}.bubbleSocialDialog>header small{display:block;font-size:9px;letter-spacing:.1em;color:var(--sceneMuted);font-weight:700}.bubbleSocialDialog>header h2{font-size:22px;line-height:1.25;letter-spacing:-.035em;margin:6px 0 0;font-weight:700}.bubbleSocialDialogBody{padding:23px}
.bubbleSocialForm{display:grid;gap:17px}.bubbleSocialForm>.sceneButton{justify-self:stretch}.bubbleField{display:grid;gap:7px;color:var(--sceneInk);margin:0;font-size:12px;font-weight:650}.bubbleField>span>small{font-weight:450;color:var(--sceneMuted);margin-left:4px;font-size:10px}
.bubbleField input,.bubbleField select,.bubbleField textarea{width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid var(--sceneLine);border-radius:13px;background:var(--sceneSurface);color:var(--sceneInk);padding:11px 12px;font-family:inherit;font-size:16px;font-weight:450;line-height:1.5;box-shadow:none}
.bubbleField input[type="datetime-local"]{min-height:49px;appearance:none;-webkit-appearance:none;width:100%}.bubbleField textarea{resize:vertical;min-height:90px}.bubbleField input:focus,.bubbleField textarea:focus,.bubbleField select:focus{outline:2px solid rgba(79,140,186,.35);outline-offset:1px}
.bubbleFieldPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bubbleFieldHelp{font-size:11px;color:var(--sceneMuted);line-height:1.7;margin:0}
.bubblePrivateFields,.bubbleTagPicker,.bubbleCancelDetails,.bubbleRoster{padding:15px;border:1px solid var(--sceneLine);border-radius:15px;background:var(--sceneSurface)}
.bubblePrivateFields>summary,.bubbleTagPicker>summary,.bubbleCancelDetails>summary,.bubbleRoster>summary{font-size:12px;font-weight:650;cursor:pointer;min-height:24px;line-height:1.7}.bubbleTagPicker>summary small{font-size:10px;color:var(--sceneMuted);font-weight:450;margin-left:6px}.bubblePrivateFields .bubbleField,.bubbleTagPicker [data-tag-picker],.bubblePrivateFields .bubbleFieldHelp,.bubbleTagPicker .bubbleFieldHelp,.bubbleCancelDetails p,.bubbleCancelDetails button{margin-top:15px}
.bubbleSelectedPeople{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.bubbleSelectedPeople:empty{display:none}.bubbleSelectedPeople button{display:flex;align-items:center;gap:5px;min-height:36px;border:1px solid var(--sceneLine);border-radius:99px;padding:7px 9px;font-size:11px;background:var(--sceneAccent)}
.bubblePeopleResults{display:grid;gap:6px;margin-top:10px}.bubblePeopleResults:empty{display:none}.bubblePersonResult{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid var(--sceneLine);border-radius:13px;padding:11px;background:var(--sceneSurface)}.bubblePersonResult>span:nth-child(2){flex:1}.bubblePersonResult b{font-size:12px;display:block}.bubblePersonResult small{font-size:10px;display:block;color:var(--sceneMuted)}
.bubblePartyDetail{display:grid;gap:17px}.bubblePartyDetailMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bubblePartyDetailMeta>span:last-child{font-size:11px;color:var(--sceneMuted)}.bubblePartyDescription{white-space:pre-wrap;font-size:14px;line-height:1.75;margin:0;color:var(--sceneMuted)}
.bubblePartyWhen{display:flex;align-items:center;gap:12px}.bubblePartyWhen>i{font-size:22px;color:var(--sceneBlue);flex:0 0 24px}.bubblePartyWhen b{display:block;font-size:13px;font-weight:650}.bubblePartyWhen small{display:block;font-size:11px;color:var(--sceneMuted);margin-top:3px}
.bubbleGuestDetails{padding:17px;border:1px solid var(--sceneLine);border-radius:16px;background:var(--sceneAccent)}.bubbleGuestDetails>small{font-size:9px;letter-spacing:.1em;color:var(--sceneMuted)}.bubbleGuestDetails h3{font-size:17px;margin:11px 0 8px}.bubbleGuestDetails p{white-space:pre-wrap;font-size:13px;line-height:1.7;margin:10px 0 0}.bubblePartyDetail>.sceneActions{margin-top:0}.bubblePartyDetail [data-detail-error]:empty{display:none}
.bubblePartyUtility{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--sceneLine);padding-bottom:15px}.bubblePartyUtility button{display:flex;align-items:center;gap:7px;min-height:38px;border:0;background:transparent;font-size:11px;font-weight:600;padding:4px 7px;color:var(--sceneMuted)}
.bubbleRoster>summary{display:flex;justify-content:space-between;gap:10px}.bubbleRoster>summary span{font-size:10px;color:var(--sceneMuted)}.bubbleGuestRow{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid var(--sceneLine)}.bubbleGuestRow:last-child{border-bottom:0;padding-bottom:0}.bubbleGuestRow>div:first-of-type{flex:1}.bubbleGuestRow b{font-size:12px;display:block}.bubbleGuestRow small{font-size:10px;color:var(--sceneMuted);display:block;margin-top:3px}.bubbleGuestRow p{font-size:11px;line-height:1.6;color:var(--sceneMuted);margin:7px 0}.bubbleGuestActions{display:flex;flex-wrap:wrap;gap:6px;max-width:190px}
.bubblePartyPosts{margin-top:6px}.bubblePartyPosts [data-party-posts]{display:grid;gap:14px}.bubblePartyPosts .bubbleSocialPost{background:var(--sceneSurface)}.bubblePartyPosts [data-more-party-posts]{margin-top:12px;width:100%}.bubbleJoinForm{display:grid;gap:12px;width:100%}.bubbleCancelDetails>summary{color:var(--sceneMuted);font-weight:500}
/* Existing, canonical connection/chat controls retain their behavior. */
.bubbleSocialPage .bubbleLayerSheet{border-radius:24px;background:#f7f9fd;border-color:var(--sceneLine);color:var(--sceneInk)}.bubbleSocialPage .bubbleLayerHead{background:var(--sceneSurface);border-bottom-color:var(--sceneLine)}
@media(max-width:900px){.bubblePartyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.bubblePostGrid{grid-template-columns:1fr}.bubbleSocialComposer{padding:14px}.bubbleSocialTabs button{padding:10px 11px;font-size:11px}.bubblePartyFilters{flex-wrap:wrap}.bubblePartyFilters select{flex:1;max-width:none;min-height:40px;font-size:12px}.bubbleSocialSearch{flex-basis:100%}.bubbleSocialToolbar{align-items:flex-start}.bubbleSocialToolbar>.bubbleIconButton{margin-top:1px}.bubbleSubFilters{gap:3px}.bubbleSubFilters button{font-size:10px;padding:8px 9px}.bubbleSocialDialog{max-height:90dvh;border-radius:23px}.bubbleSocialDialog>header{padding:18px}.bubbleSocialDialogBody{padding:18px}.bubbleGuestActions{max-width:125px}.bubbleGuestActions .sceneButton{font-size:10px;padding:7px 9px;min-height:37px}.bubbleFieldPair{grid-template-columns:1fr}}
@media(max-width:480px){.bubblePartyGrid{grid-template-columns:1fr}.bubblePartyCover{min-height:125px}.bubblePartyCopy{padding:17px}.bubblePartyCopy>p{-webkit-line-clamp:2;min-height:0}.bubblePartyMeta{grid-template-columns:1fr}.bubbleInboxCard{padding:16px;gap:10px}.bubbleInboxIcon{width:36px;height:40px;flex-basis:36px;border-radius:13px;font-size:19px}.bubbleInboxCard h2{font-size:17px}.bubbleInboxActions .sceneButton{font-size:11px;padding:8px 10px;min-height:40px}.bubbleComposeFooter>span{max-width:125px;align-items:flex-start;font-size:9px}.bubbleComposeFooter .sceneButton{font-size:11px;padding:9px 11px}.bubbleWritePrompt{font-size:12px}.bubbleSocialPost{padding:16px;border-radius:18px}.bubbleSocialPost>footer>span{font-size:8px}.bubblePostText{font-size:13px}.bubblePartyDetailMeta .scenePill{font-size:10px}.bubbleSocialDialog>header h2{font-size:20px}}

/* v0436 Aion-backed party schedule control */
.bubblePartyScheduleField{display:grid!important;gap:8px!important}.bubblePartyScheduleButton{width:100%;min-height:78px;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:18px;background:linear-gradient(135deg,#f2f8fd,#fbf3f8);color:#24364d;text-align:left;font:inherit}.bubblePartyScheduleButton>i:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#438fca;font-size:1rem;box-shadow:0 8px 20px rgba(44,75,110,.07)}.bubblePartyScheduleButton>span{min-width:0}.bubblePartyScheduleButton small,.bubblePartyScheduleButton b,.bubblePartyScheduleButton em{display:block}.bubblePartyScheduleButton small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6a778b}.bubblePartyScheduleButton b{margin-top:4px;font-size:13px;line-height:1.35;white-space:normal}.bubblePartyScheduleButton em{margin-top:4px;color:#718199;font-size:10px;font-style:normal}.bubblePartyScheduleButton>i:last-child{color:#718199}

/* END assets/css/tabs/bubble-social.css */

/* BEGIN assets/css/core/overlay-scene.css */
/* v0435. Loaded last. No selectors target API-owned God Bubble or provider iframes. */
html.infinisCustomerLight {
  --surfaceInk:#24364d;--surfaceMuted:#5c6d84;--surfaceLine:rgba(62,91,132,.15);
  --surfacePaper:#fbfcff;--surfaceBlue:#397cae;--surfacePink:#bc739e;
  --surfaceWash:linear-gradient(125deg,rgba(92,166,222,.17),rgba(227,152,195,.16));
  --surfaceShadow:0 28px 90px rgba(33,55,87,.20),0 2px 8px rgba(33,55,87,.05);
}
html.infinisCustomerLight .infinisSurface {
  color:var(--surfaceInk);background:var(--surfacePaper)!important;
  border:1px solid var(--surfaceLine)!important;box-shadow:var(--surfaceShadow)!important;
  border-radius:26px!important;min-width:0;box-sizing:border-box;isolation:isolate;
  max-width:calc(100dvw - 24px)!important;
  max-height:calc(var(--sceneVh,100dvh) - 24px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
  --appInk:var(--surfaceInk);--hubInk:var(--surfaceInk);--muted:var(--surfaceMuted);
  --appBlue:#438fca;--appPink:#d989b8;--appAccentGlass:var(--surfaceWash);
}
html.infinisCustomerLight .infinisSurface :where(h1,h2,h3,h4,p,span,label,div){min-width:0;}
html.infinisCustomerLight .infinisSurface :where(h1,h2,h3,h4){color:var(--surfaceInk);letter-spacing:-.035em;overflow-wrap:break-word;}
html.infinisCustomerLight .infinisSurface :where(p,small,.bubbleFieldHelp){color:var(--surfaceMuted);line-height:1.6;overflow-wrap:anywhere;}
html.infinisCustomerLight .infinisSurface :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),textarea,select){
  box-sizing:border-box;max-width:100%;min-width:0;min-height:46px;font-size:16px!important;line-height:1.45;
  color:var(--surfaceInk)!important;background:rgba(241,245,251,.72)!important;
  border:1px solid var(--surfaceLine)!important;border-radius:14px!important;box-shadow:none!important;
  padding:12px 14px;transition:border-color .18s,box-shadow .18s;
}
html.infinisCustomerLight .infinisSurface :where(input,select,textarea,button):focus-visible {outline:3px solid rgba(67,143,202,.33);outline-offset:3px;}
html.infinisCustomerLight .infinisSurface :where(input,textarea,select):focus{border-color:rgba(67,143,202,.55)!important;}
html.infinisCustomerLight .infinisSurface :where(input[type=checkbox],input[type=radio]){accent-color:#438fca;}
html.infinisCustomerLight .infinisSurface button{font:inherit;max-width:100%;touch-action:manipulation;}
html.infinisCustomerLight .infinisSurface button:disabled {opacity:.56;cursor:wait;}
html.infinisCustomerLight .infinisSurface :where(.sceneButton,.hubMiniBtn,.hubQuickEditPanel footer button,.hubGuestInvitePanel footer button,.hubCreateProjectFooter button,.checkoutPrimary,.checkoutPrimaryAction,.checkoutSecondary,.checkoutPaymentConfirmActions button,.projectSpaceActionBtn){
  border:1px solid var(--surfaceLine)!important;border-radius:14px!important;
  color:var(--surfaceInk)!important;background:rgba(244,247,252,.88)!important;min-height:46px;
  box-shadow:none!important;white-space:normal!important;line-height:1.35;padding:12px 16px;
  transition:background .18s,transform .18s,box-shadow .18s;
}
html.infinisCustomerLight .infinisSurface :where(.sceneButton.isPrimary,.hubMiniBtn.isPrimary,.hubCreateProjectFooter button[type=submit],.hubQuickEditPanel footer button[type=submit],.checkoutPrimary,.checkoutPrimaryAction,#checkoutConfirmPay,.hubGuestInvitePanel footer button[type=submit]){
  color:#285f89!important;border-color:rgba(100,150,195,.2)!important;background:var(--surfaceWash)!important;
}
html.infinisCustomerLight .infinisSurface :where(button.isDanger,.hubDeleteConfirmDanger){background:#fff1f4!important;color:#a13c58!important;border-color:#ecc3cd!important;}
html.infinisCustomerLight .infinisSurface :where(.bubbleIconButton,.hubCreateProjectClose,.hubQuickEditClose,.checkoutClose){border-radius:14px;background:#f1f5fb;color:var(--surfaceInk);border:1px solid var(--surfaceLine);min-height:44px;min-width:44px;}
html.infinisCustomerLight .infinisSurface :where(.sceneNote,.bubbleDetailSection,.hubCreateProjectSection,.checkoutCard,.checkoutSummaryCard){background:rgba(241,245,251,.58);border-color:var(--surfaceLine);border-radius:18px;}
html.infinisCustomerLight :is(.hubCreateProjectOverlay.isUniversal,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubDeleteConfirmOverlay,.checkoutPaymentConfirmDialog,.contractDialog,.checkoutDateRecoveryDialog,.projectSpaceChooser,.projectDeleteDialog){
  background:rgba(43,63,92,.24)!important;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);
  padding:12px!important;box-sizing:border-box;align-items:center!important;justify-content:center!important;
  top:var(--sceneTop,0px)!important;height:var(--sceneVh,100dvh)!important;bottom:auto!important;
}
html.infinisCustomerLight :is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubDeleteConfirmOverlay,.checkoutDrawer,.activeCartDrawer,.checkoutPaymentConfirmDialog,.contractDialog,.checkoutDateRecoveryDialog,.projectSpaceChooser,.projectDeleteDialog)[hidden]{display:none!important;}
html.infinisCustomerLight .infinisSurface :where(header,.hubCreateProjectHead,.hubQuickEditHead,.checkoutHeader,.checkoutPaymentConfirmHeader){
  background:linear-gradient(120deg,rgba(230,242,251,.90),rgba(247,236,245,.78));border-bottom-color:var(--surfaceLine);
}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface.isBasicsOnly{width:min(620px,100%)!important;height:auto!important;border-bottom:1px solid var(--surfaceLine)!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface form{max-height:calc(var(--sceneVh,100dvh) - 142px)!important;padding:16px 20px 20px!important;}
html.infinisCustomerLight .hubCreateProjectHead{padding:20px!important;}
html.infinisCustomerLight .hubCreateProjectTypes label:has(input:checked){background:var(--surfaceWash)!important;color:#285f89!important;border-color:#b1cfe5!important;}
html.infinisCustomerLight .hubCreateProjectTypes label:has(input:checked) :is(span,i,b){color:#285f89!important;}
html.infinisCustomerLight .hubCreateProjectFooter{background:var(--surfacePaper)!important;padding:14px 0 0!important;}
html.infinisCustomerLight .infinisSurface :where(.hubQuickEditFields,.hubProjectEditFields,.hubGuestInviteBody,.hubGuestDetailBody,.contractBody,.checkoutPaymentConfirmBody,.checkoutDateRecoveryBody){min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:20px;}
html.infinisCustomerLight .infinisSurface :where(footer,.hubQuickEditFooter,.hubGuestInviteFooter,.checkoutFooter,.checkoutPaymentConfirmActions){border-top-color:var(--surfaceLine);background:var(--surfacePaper);}
html.infinisCustomerLight .bubbleSocialDialog.infinisSurface,
html.infinisCustomerLight .sceneConfirmDialog.infinisSurface{padding:0;width:min(680px,calc(100dvw - 24px));margin:auto;}
html.infinisCustomerLight .bubbleSocialDialog[open],html.infinisCustomerLight .sceneConfirmDialog[open]{display:flex;flex-direction:column;}
html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)::backdrop{background:rgba(43,63,92,.28);backdrop-filter:blur(12px);}
html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)>header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;position:relative;top:auto;}
html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)>header h2{font-size:clamp(21px,5.5dvw,28px);margin:5px 0 0;line-height:1.15;}
html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)>header small{font-size:10px;font-weight:800;letter-spacing:.16em;}
html.infinisCustomerLight .bubbleSocialDialogBody{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 24px;scroll-padding:18px;}
html.infinisCustomerLight .bubbleSocialForm{display:grid;gap:18px;}
html.infinisCustomerLight .bubbleSocialForm>button[type=submit]{position:sticky;bottom:0;box-shadow:0 -10px 15px var(--surfacePaper)!important;background:linear-gradient(125deg,#deedf9,#f3e1ee)!important;}
html.infinisCustomerLight .sceneConfirmDialog{max-width:480px!important;}
.sceneConfirmBody{padding:8px 22px 20px;overflow:auto;}
.sceneConfirmDialog footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px 22px;}
.scenePrivacyGroup{border:0;margin:0;padding:0;display:grid;gap:10px;}
.scenePrivacyGroup legend{font-size:14px;font-weight:750;margin-bottom:10px;}
.scenePrivacyChoice{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:16px;padding:15px;cursor:pointer;background:#f7f9fd;}
.scenePrivacyChoice:has(input:checked){background:var(--surfaceWash);border-color:#9ebfd9;box-shadow:inset 0 0 0 1px #9ebfd9;}
.scenePrivacyChoice input{margin-top:3px;width:18px;height:18px;}
.scenePrivacyChoice b{display:block;font-size:15px;}
.scenePrivacyChoice small{display:block;margin-top:4px;font-size:12px;}
.sceneSwitchNote{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:16px;padding:14px;background:#f3f7fc;font-size:14px;line-height:1.5;}
.sceneSwitchNote input{flex:none;margin-top:4px;width:18px;height:18px;}
.sceneSwitchNote small{display:block;font-size:12px;}
.sceneShareActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;}
.scenePlanSummary{display:grid;gap:10px;padding:18px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:20px;background:linear-gradient(125deg,#f1f7fc,#fbf4f9);margin:18px 0;}
.scenePlanSummary h3,.scenePlanSummary p{margin:0;}
.scenePlanSummary p{font-size:13px;line-height:1.65;color:#5c6d84;}
.scenePlanActions{display:flex;flex-wrap:wrap;gap:8px;}
.sceneLinkedRoster{display:grid;gap:8px;margin-top:12px;}
.sceneLinkedRoster>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:12px;background:#ffffffa6;}
.sceneLinkedRoster small{color:#5c6d84;text-transform:capitalize;}
.scenePlansGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px;}
.scenePlanCard{display:flex;align-items:center;text-align:left;justify-content:space-between;gap:12px;width:100%;border:1px solid var(--surfaceLine,#dce4ee);border-radius:18px;padding:18px;background:#ffffffcf;color:#24364d;}
.scenePlanCard span{min-width:0;}.scenePlanCard b,.scenePlanCard small{display:block;overflow-wrap:anywhere;}.scenePlanCard small{margin-top:7px;color:#5c6d84;font-size:12px;line-height:1.5;}
.bubbleSocialTabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;}.bubbleSocialTabs>button{flex:none;white-space:nowrap;}
html.infinisCustomerLight .checkoutPanel.infinisSurface{top:calc(var(--sceneTop,0px) + 12px)!important;height:calc(var(--sceneVh,100dvh) - 24px)!important;max-height:none!important;margin:0 12px;width:calc(100dvw - 24px)!important;}
html.infinisCustomerLight .checkoutProgress{background:#f5f8fc;border-bottom-color:var(--surfaceLine);}
html.infinisCustomerLight .checkoutProgress button.isActive{background:var(--surfaceWash)!important;color:#285f89!important;border-color:#bdd3e5!important;}
html.infinisCustomerLight .checkoutSidebar{background:linear-gradient(180deg,#f1f7fc,#faf3f8)!important;border-color:var(--surfaceLine);}
html.infinisCustomerLight .checkoutStep:has(.checkoutPaymentMethods) .checkoutCard{border-color:var(--surfaceLine);}
html.infinisCustomerLight .checkoutFooter{padding-bottom:max(14px,env(safe-area-inset-bottom));}
html.infinisCustomerLight .activeCartPanel.infinisSurface{height:calc(var(--sceneVh,100dvh) - 24px)!important;top:calc(var(--sceneTop,0px) + 12px)!important;right:12px!important;}
html.infinisCustomerLight .infinisSurface :where(.checkoutPaymentConfirmBody,.contractBody){max-height:calc(var(--sceneVh,100dvh) - 220px);}
@media(max-width:600px){
  html.infinisCustomerLight .infinisSurface{border-radius:23px!important;}
  html.infinisCustomerLight .infinisSurface :where(.bubbleFieldPair,.hubQuickEditFields .hubFieldPair){grid-template-columns:minmax(0,1fr)!important;}
  html.infinisCustomerLight .bubbleSocialDialogBody{padding:18px 16px 22px;}
  html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)>header{padding:18px 16px;}
  html.infinisCustomerLight .checkoutWorkspace{display:flex;flex-direction:column;overflow-y:auto;min-height:0;}
  html.infinisCustomerLight .checkoutBody{overflow:visible;flex:none;padding:16px;}
  html.infinisCustomerLight .checkoutSidebar{flex:none;max-width:100%;padding:16px;border-left:0;}
  html.infinisCustomerLight .checkoutProgress{gap:5px;padding:10px;}
  html.infinisCustomerLight .checkoutProgress button{min-width:0;gap:5px;font-size:11px;}
  html.infinisCustomerLight .checkoutProgress button small{display:none;}
  html.infinisCustomerLight .checkoutHeader{padding:14px 16px;}
  html.infinisCustomerLight .checkoutFooter{padding:12px 14px max(12px,env(safe-area-inset-bottom));gap:8px;}
  html.infinisCustomerLight .checkoutFooterStep{display:none;}
  html.infinisCustomerLight .infinisSurface .hubCreateProjectTypes{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html.infinisCustomerLight .infinisSurface .hubCreateProjectTypes label{min-height:82px!important;padding:10px 5px!important;}
  html.infinisCustomerLight .infinisSurface .hubCreateProjectTypes label span{font-size:11px!important;}
  .sceneShareActions,.sceneConfirmDialog footer{grid-template-columns:minmax(0,1fr);}
  .bubbleGuestRow{flex-wrap:wrap;}.bubbleGuestActions{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;}
}
@media(prefers-reduced-motion:reduce){.infinisSurface,.infinisSurface *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
/* Respect the creator's nested icon controls rather than painting a second input. */
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface #hubCreateProjectForm{display:flex!important;flex-direction:column!important;gap:16px!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface #hubCreateProjectForm>*{flex:0 0 auto;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectInput input,
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectInput input:focus{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:12px 14px 12px 0!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectInput{background:#f3f7fc;border-color:var(--surfaceLine);border-radius:14px;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectInput:focus-within{outline:3px solid #438fca30;outline-offset:2px;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectTypes>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectTypes label{padding:0!important;min-height:0!important;border:0!important;background:none!important;border-radius:16px!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectTypes label>span{min-height:78px!important;box-sizing:border-box;padding:10px 4px!important;border-radius:16px!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectTypes input:checked+span{background:var(--surfaceWash)!important;border-color:#9ebfd9!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .hubCreateProjectFooter{background:var(--surfacePaper)!important;bottom:0!important;padding-top:10px!important;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface #hubCreateProjectError:empty{display:none;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .sceneSwitchNote{display:flex!important;gap:12px;grid-column:auto;}
html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface .sceneSwitchNote>span{font-size:13px;line-height:1.5;font-weight:500;}
html.infinisCustomerLight .checkoutDrawer{padding:12px!important;top:var(--sceneTop,0px)!important;bottom:auto!important;height:var(--sceneVh,100dvh)!important;box-sizing:border-box;}
html.infinisCustomerLight .checkoutPanel.infinisSurface{width:min(1120px,100%)!important;max-width:100%!important;height:calc(var(--sceneVh,100dvh) - 24px)!important;top:0!important;margin:0!important;}
html.infinisCustomerLight :where(.checkoutBackdrop,.contractBackdrop,.activeCartBackdrop,.checkoutPaymentConfirmBackdrop,.projectSpaceChooserBackdrop){background:rgba(43,63,92,.26)!important;}
html.infinisCustomerLight .infinisSurface :where(.checkoutPromo button,.contractPanel footer button,.checkoutDateCard button,.checkoutEditButton){background:var(--surfaceWash)!important;color:#285f89!important;border:1px solid var(--surfaceLine)!important;border-radius:14px;min-height:44px;}
html.infinisCustomerLight .checkoutPanel .checkoutHeader p{white-space:normal!important;text-overflow:clip!important;}
html.infinisCustomerLight :is(.coreHelpOverlay,.coreLegalOverlay,.coreStatusOverlay){display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:rgba(43,63,92,.26);top:var(--sceneTop,0px);height:var(--sceneVh,100dvh);}
html.infinisCustomerLight :is(.coreHelpPanel,.coreLegalPanel,.coreStatusPanel).infinisSurface{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:min(920px,100%)!important;height:calc(var(--sceneVh,100dvh) - 24px)!important;display:flex;flex-direction:column;}
html.infinisCustomerLight .infinisSurface :is(.coreHelpScroll,.coreLegalScroll,.coreStatusScroll){min-height:0;overflow:auto;flex:1;}
@media(max-width:600px){
 html.infinisCustomerLight .checkoutProgress button{flex-direction:column;gap:5px;min-height:58px;}
 html.infinisCustomerLight .checkoutProgress button b{display:block!important;font-size:11px;}
 html.infinisCustomerLight .bubbleGuestActions{max-width:none;}
}

/* Form fields scroll independently; the action footer never masks an input. */
html.infinisCustomerLight .bubbleSocialDialogBody.sceneFormBody{display:flex;flex-direction:column;overflow:hidden;padding:0;}
html.infinisCustomerLight .sceneFormBody>.bubbleSocialForm{display:flex;flex-direction:column;min-height:0;gap:0;overflow:hidden;}
html.infinisCustomerLight .sceneFormFields{display:grid;gap:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 24px;scroll-padding:20px;}
html.infinisCustomerLight .sceneFormFooter{flex:none;padding:14px 22px 20px;border-top:1px solid var(--surfaceLine);background:var(--surfacePaper);}
html.infinisCustomerLight .sceneFormFooter>button[type=submit]{width:100%;min-height:46px;background:linear-gradient(125deg,#deedf9,#f3e1ee)!important;box-shadow:none!important;}
@media(max-width:600px){html.infinisCustomerLight .sceneFormFields{padding:18px 16px 22px;}html.infinisCustomerLight .sceneFormFooter{padding:12px 16px 16px;}}

/* The cart is an inset grid panel, not an offset full-width mobile sheet. */
html.infinisCustomerLight .activeCartDrawer{padding:12px!important;box-sizing:border-box;top:var(--sceneTop,0px)!important;bottom:auto!important;height:var(--sceneVh,100dvh)!important;grid-template-columns:minmax(0,1fr) min(420px,100%)!important;}
html.infinisCustomerLight .activeCartPanel.infinisSurface{top:0!important;left:0!important;right:auto!important;width:100%!important;max-width:100%!important;height:calc(var(--sceneVh,100dvh) - 24px)!important;}
html.infinisCustomerLight :is(.coreHelpOverlay,.coreLegalOverlay,.coreStatusOverlay)[hidden]{display:none!important;}
html.infinisCustomerLight .infinisSurface .hubAddressLabelPanel{background:#f3f7fc;border:1px solid var(--surfaceLine);border-radius:16px;}

/* v0436 shared Google Places address autocomplete */
.infinisGoogleAddressField{position:relative!important}
.infinisAddressAutocompleteStatus{display:flex!important;align-items:center;gap:6px;margin-top:6px;color:var(--surfaceMuted,#617088)!important;font-size:11px!important;line-height:1.4}.infinisAddressAutocompleteStatus i{color:#438fca}.infinisAddressSpinner{animation:infinisAddressSpin .8s linear infinite}@keyframes infinisAddressSpin{to{transform:rotate(360deg)}}
.infinisAddressAutocompleteSuggestions{position:relative;z-index:80;display:flex;flex-direction:column;gap:0;margin-top:7px;padding:6px;border:1px solid var(--surfaceLine,#dce4ee);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 20px 54px rgba(28,49,78,.16);max-height:min(38dvh,320px);overflow-y:auto;overscroll-behavior:contain}.infinisAddressAutocompleteSuggestions[hidden]{display:none!important}.infinisAddressAutocompleteSuggestions button{width:100%;min-height:64px;display:grid!important;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#24364d!important;text-align:left!important}.infinisAddressAutocompleteSuggestions button+button{border-top:1px solid #e3e9f0!important}.infinisAddressAutocompleteSuggestions button:active,.infinisAddressAutocompleteSuggestions button:focus-visible{background:#eff6fc!important;outline:0}.infinisAddressAutocompleteSuggestions button>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf5fb;color:#438fca}.infinisAddressAutocompleteSuggestions button>i:last-child{color:#718199}.infinisAddressAutocompleteSuggestions span{min-width:0}.infinisAddressAutocompleteSuggestions b,.infinisAddressAutocompleteSuggestions small{display:block;white-space:normal;overflow-wrap:anywhere}.infinisAddressAutocompleteSuggestions b{font-size:13px;line-height:1.25}.infinisAddressAutocompleteSuggestions small{margin-top:4px;color:#6a778b;font-size:11px;line-height:1.3}.infinisAddressAutocompleteSuggestions.isLoading{opacity:.66;pointer-events:none}

/* v0436 mobile-first checkout: full task surface, not a desktop modal squeezed onto a phone */
@media(max-width:700px){
  html.infinisCustomerLight .checkoutDrawer{inset:auto 0 0!important;top:var(--sceneTop,0px)!important;width:100dvw!important;height:var(--sceneVh,100dvh)!important;padding:0!important;display:block!important;background:var(--surfacePaper,#fff)!important}
  html.infinisCustomerLight .checkoutBackdrop{display:none!important}
  html.infinisCustomerLight .checkoutPanel.infinisSurface{position:absolute!important;inset:0!important;top:0!important;width:100dvw!important;max-width:none!important;height:var(--sceneVh,100dvh)!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--surfacePaper,#fff)!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
  html.infinisCustomerLight .checkoutHeader{min-height:76px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px!important;align-items:center!important;gap:10px!important;background:linear-gradient(135deg,#f1f7fc,#fbf3f8)!important}
  html.infinisCustomerLight .checkoutBrandMark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:13px!important}
  html.infinisCustomerLight .checkoutHeaderCopy{min-width:0!important;flex:1!important}
  html.infinisCustomerLight .checkoutHeader h2{margin:2px 0 0!important;font-size:1.05rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html.infinisCustomerLight .checkoutHeader p{display:none!important}
  html.infinisCustomerLight .checkoutHeader>button{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important}
  html.infinisCustomerLight .checkoutProgress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:7px 10px!important;background:#f7f9fc!important;overflow:hidden!important}
  html.infinisCustomerLight .checkoutProgress button{min-width:0!important;min-height:44px!important;padding:5px 2px!important;display:grid!important;place-items:center!important;gap:0!important;border-radius:12px!important}
  html.infinisCustomerLight .checkoutProgress button span{width:30px!important;height:30px!important;font-size:.72rem!important}
  html.infinisCustomerLight .checkoutProgress button b,html.infinisCustomerLight .checkoutProgress button small{display:none!important}
  html.infinisCustomerLight .checkoutProgress button.isActive b{display:block!important;margin-top:3px!important;max-width:70px!important;font-size:9px!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html.infinisCustomerLight .checkoutWorkspace{display:block!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}
  html.infinisCustomerLight .checkoutBody{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:16px 14px 28px!important;overflow:visible!important}
  html.infinisCustomerLight .checkoutStep.isActive{gap:13px!important;width:100%!important;max-width:none!important}
  html.infinisCustomerLight .checkoutSidebar{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:14px!important;border:0!important;border-top:1px solid var(--surfaceLine)!important}
  html.infinisCustomerLight .checkoutLocationCard,html.infinisCustomerLight .checkoutPhoneCard,html.infinisCustomerLight .checkoutEventCard{padding:13px!important;border-radius:18px!important}
  html.infinisCustomerLight .checkoutAddressForm{padding:12px!important;border-radius:16px!important}
  html.infinisCustomerLight .checkoutAddressTypeGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  html.infinisCustomerLight .checkoutAddressTypeGrid span{min-height:58px!important}
  html.infinisCustomerLight .checkoutIncludedService{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}
  html.infinisCustomerLight .checkoutIncludedService>i:first-child{width:40px!important;height:40px!important;border-radius:13px!important}
  html.infinisCustomerLight .checkoutIncludedService>i:last-child{display:none!important}
  html.infinisCustomerLight .checkoutFooter{position:relative!important;z-index:4!important;width:100%!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--surfaceLine)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  html.infinisCustomerLight .checkoutFooter button{min-height:48px!important;border-radius:15px!important}
}

/* v0436 substantial mobile tasks use the viewport instead of stacking cramped pop-ups */
@media(max-width:700px){
  html.infinisCustomerLight :is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay){padding:0!important;align-items:stretch!important;justify-content:stretch!important;top:var(--sceneTop,0px)!important;height:var(--sceneVh,100dvh)!important;background:#fff!important}
  html.infinisCustomerLight :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel).infinisSurface{position:relative!important;inset:auto!important;width:100dvw!important;max-width:none!important;height:var(--sceneVh,100dvh)!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  html.infinisCustomerLight .bubbleSocialDialog:has(.bubbleSocialForm){position:fixed!important;inset:var(--sceneTop,0px) 0 auto 0!important;width:100dvw!important;max-width:none!important;height:var(--sceneVh,100dvh)!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  html.infinisCustomerLight .bubbleSocialDialog:has(.bubbleSocialForm)>header{padding-top:calc(14px + env(safe-area-inset-top,0px))!important}
  html.infinisCustomerLight .hubProjectEditPanel>header,html.infinisCustomerLight .hubQuickEditPanel>header,html.infinisCustomerLight .hubCreateProjectHead{padding-top:calc(14px + env(safe-area-inset-top,0px))!important}
}

/* END assets/css/core/overlay-scene.css */